/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.block{display:block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}:root{--ink:#333;--paper:#f8f9fa;--card:#fff;--blue:#4f80ff;--red:#e63c48;--yellow:#ffd13b;--purple:#7b52d9;--orange:#f37021;--grade-perfect:#1e9e5a;--pink:#f280ed;--muted:#6b7280;--border:#d9dee7;--panel-alt:#eef2f7;--voice-kick:var(--blue);--voice-snare:var(--red);--voice-hihat-c:var(--yellow);--voice-hihat-o:var(--purple);--verdict-perfect:var(--grade-perfect);--verdict-good:var(--yellow);--verdict-loose:var(--orange);--verdict-extra:var(--red);--verdict-miss:var(--red);--marker-outline-width:1.5px;--marker-outline-color:var(--ink);--font-sans:"proxima-nova", "Proxima Nova", "Avenir Next", "Segoe UI", sans-serif;--type-display-size:clamp(28px, 5vw, 44px);--type-display-weight:900;--type-display-tracking:-.03em;--type-h2-size:20px;--type-h2-weight:800;--type-body-size:15px;--type-body-line:1.6;--type-body-weight:600;--type-micro-size:11px;--type-micro-min-size:10px;--type-micro-weight:900;--type-micro-tracking:.12em;--radius-control:6px;--radius-card:8px;--radius-modal:8px;--motion-fast:.12s;--motion-base:.18s;--motion-pass-max:.8s;--motion-pulse-scale:1.15;--motion-ease:cubic-bezier(.2, 0, 0, 1);--grid-cell-desktop:44px;--grid-cell-mobile:32px;--grid-cell-min:24px;--target-min:24px;--rail-width:64px;--sidebar-width:320px;--bottom-nav-height:64px}@media(prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-pass-max:0s;--motion-pulse-scale:1}}:root[data-reduced-motion=reduce]{--motion-fast:0s;--motion-base:0s;--motion-pass-max:0s;--motion-pulse-scale:1}:root{--shed-color-orange:var(--orange);--shed-color-purple:var(--purple);--shed-color-yellow:var(--yellow);--shed-color-red:var(--red);--shed-color-pink:var(--pink);--shed-color-blue:var(--blue);--shed-page:var(--paper);--shed-panel:var(--card);--shed-panel-alt:var(--panel-alt);--shed-ink:var(--ink);--shed-muted:var(--muted);--shed-border:var(--border);--shed-primary:var(--blue);--shed-primary-text:#fff;--shed-accent:var(--yellow);--shed-accent-text:#111827;--shed-support:var(--purple);--shed-danger:var(--red);--shed-success:#1b9aaa;--shed-warning:var(--orange);--shed-kick:var(--voice-kick);--shed-snare:var(--voice-snare);--shed-hihat-c:var(--voice-hihat-c);--shed-hihat-o:var(--voice-hihat-o);--shed-font-sans:var(--font-sans);--shed-radius-control:var(--radius-control);--shed-radius-card:var(--radius-card);--shed-radius-modal:var(--radius-modal);--shed-motion-fast:var(--motion-fast);--shed-motion-base:var(--motion-base);--shed-motion-ease:var(--motion-ease);--shed-target-min:var(--target-min);--shed-rail-width:var(--rail-width);--shed-sidebar-width:var(--sidebar-width);--shed-bottom-nav-height:var(--bottom-nav-height)}.shed-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shed-pill{border:2px solid var(--ink);min-block-size:44px;font-family:var(--font-sans);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding-block:8px;padding-inline:22px;font-size:19px;font-weight:800;line-height:1.2;display:inline-flex}.shed-pill:active:not(:disabled){transform:translateY(1px)}.shed-pill:disabled{opacity:.45;cursor:not-allowed}.shed-pill__symbol{vertical-align:-.08em;background:currentColor;flex:none;block-size:.8em;inline-size:.8em;display:inline-block}.shed-pill__symbol[data-symbol=play]{clip-path:polygon(6% 0%,100% 50%,6% 100%)}.shed-pill__symbol[data-symbol=record]{border-radius:50%}.shed-pill__symbol[data-symbol=pause]{background:linear-gradient(90deg,currentColor 0 38%,#0000 38% 62%,currentColor 62% 100%)}.shed-pill--primary{background:var(--blue);color:#fff}.shed-pill--secondary{background:var(--card);color:var(--ink)}.shed-pill--danger{background:var(--red);color:#fff}.shed-pill--compact{min-block-size:36px;font-size:var(--type-body-size);padding-block:4px;padding-inline:16px}.shed-tablist{border-block-end:2px solid var(--ink);gap:4px;padding-inline:4px;display:flex}.shed-tab{border:2px solid var(--ink);background:var(--card);min-block-size:40px;color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-size);cursor:pointer;border-start-start-radius:999px;border-start-end-radius:999px;border-end-end-radius:0;border-end-start-radius:0;align-items:center;gap:6px;margin-block-end:-2px;padding-block:6px;padding-inline:16px;font-weight:800;display:inline-flex}.shed-tab[aria-selected=true]{background:var(--yellow);border-block-end-color:var(--yellow)}.shed-tab:disabled{opacity:.45;cursor:not-allowed}.shed-rail-item{z-index:0;border:2px solid var(--ink);background:var(--card);block-size:48px;inline-size:48px;color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative}.shed-rail-item:hover,.shed-rail-item:focus-within{z-index:100}.shed-rail-item[aria-current]{background:var(--blue);color:#fff}.shed-rail-item:disabled{opacity:.38;filter:grayscale();cursor:not-allowed}.shed-rail-item__icon{block-size:24px;inline-size:24px;display:inline-flex}.shed-rail-item__label{border:2px solid var(--ink);background:var(--ink);color:#fff;font-size:var(--type-body-size);white-space:nowrap;opacity:0;pointer-events:none;z-index:90;border-radius:999px;padding-block:4px;padding-inline:10px;font-weight:800;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + 10px);transform:translateY(-50%)}.shed-rail-item:hover .shed-rail-item__label,.shed-rail-item:focus-visible .shed-rail-item__label{opacity:1}@media(prefers-reduced-motion:no-preference){.shed-rail-item__label{transition:opacity var(--motion-fast) var(--motion-ease)}}.shed-grid{--grid-cell-size:clamp(var(--grid-cell-min), calc(( 100cqi - var(--grid-label-size) - var(--grid-gutter) - (var(--grid-steps,16) - 1) * var(--grid-gap) - (var(--grid-beats,4) - 1) * var(--grid-beat-extra) - (var(--grid-bars,1) - 1) * var(--grid-bar-extra) ) / var(--grid-steps,16)), var(--grid-cell-desktop));--grid-gap:4px;--grid-beat-extra:8px;--grid-bar-extra:16px;--grid-label-size:150px;--grid-gutter:10px;font-family:var(--font-sans);gap:var(--grid-gutter);padding-block:4px;display:flex;overflow-x:auto;container-type:inline-size}.shed-grid__labels{gap:var(--grid-gap);flex-direction:column;flex:none;display:flex}.shed-grid__voice-label{block-size:var(--grid-cell-size);font-weight:800;font-size:var(--type-body-size);color:var(--ink);white-space:nowrap;max-inline-size:var(--grid-label-size);align-items:center;gap:6px;display:inline-flex;overflow:hidden}.shed-grid__voice-name{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.shed-grid__voice-abbr{display:none}.shed-grid__row.is-dimmed .shed-grid-cell{opacity:.4}.shed-grid-cell.is-outlined{outline:3px dashed var(--orange);outline-offset:1px}.shed-grid-cell.is-feedback{box-shadow:0 0 0 2px var(--ink);border-width:3px}@supports (color:color-mix(in lab,red,red)){.shed-grid-cell.is-feedback{box-shadow:0 0 0 2px color-mix(in srgb,var(--ink) 18%,transparent)}}.shed-grid-cell.is-feedback{z-index:2;position:relative}.shed-grid-cell.is-feedback-perfect,.shed-grid-cell.is-feedback-good{border-color:var(--grade-perfect);box-shadow:0 0 0 3px var(--grade-perfect)}@supports (color:color-mix(in lab,red,red)){.shed-grid-cell.is-feedback-perfect,.shed-grid-cell.is-feedback-good{box-shadow:0 0 0 3px color-mix(in srgb,var(--grade-perfect) 36%,transparent)}}.shed-grid-cell.is-feedback-ok{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow)}@supports (color:color-mix(in lab,red,red)){.shed-grid-cell.is-feedback-ok{box-shadow:0 0 0 3px color-mix(in srgb,var(--yellow) 44%,transparent)}}.shed-grid-cell.is-feedback-miss{border-color:var(--red);box-shadow:0 0 0 3px var(--red)}@supports (color:color-mix(in lab,red,red)){.shed-grid-cell.is-feedback-miss{box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 36%,transparent)}}.shed-grid-cell.is-feedback-rainbow{--grid-feedback-fill:var(--card);background:linear-gradient(var(--grid-feedback-fill),var(--grid-feedback-fill)) padding-box,linear-gradient(135deg,#ff4d6d 0%,var(--yellow) 24%,var(--grade-perfect) 48%,var(--blue) 72%,#8c5cff 100%) border-box;box-shadow:0 0 0 3px var(--yellow),0 0 0 6px var(--blue);border-color:#0000}@supports (color:color-mix(in lab,red,red)){.shed-grid-cell.is-feedback-rainbow{box-shadow:0 0 0 3px color-mix(in srgb,var(--yellow) 50%,transparent),0 0 0 6px color-mix(in srgb,var(--blue) 24%,transparent)}}.shed-grid-cell--kick.is-active.is-feedback-rainbow{--grid-feedback-fill:var(--voice-kick)}.shed-grid-cell--snare.is-active.is-feedback-rainbow{--grid-feedback-fill:var(--voice-snare)}.shed-grid-cell--hihatC.is-active.is-feedback-rainbow{--grid-feedback-fill:var(--voice-hihat-c)}.shed-grid-cell--hihatO.is-active.is-feedback-rainbow{--grid-feedback-fill:var(--voice-hihat-o)}@media(prefers-reduced-motion:no-preference){.shed-grid-cell.is-outlined{animation:shed-diff-pulse .8s var(--motion-ease)}.shed-grid-cell.is-feedback{animation:shed-feedback-pulse .42s var(--motion-ease)}.shed-grid-cell.is-feedback-rainbow{animation:shed-rainbow-feedback .7s var(--motion-ease)}}@keyframes shed-diff-pulse{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes shed-feedback-pulse{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shed-rainbow-feedback{0%{filter:saturate(1.2);transform:scale(1.12)}55%{filter:saturate(1.5)}to{filter:saturate();transform:scale(1)}}.shed-grid__cells{gap:var(--grid-gap);flex-direction:column;display:flex;position:relative}.shed-grid__row{gap:var(--grid-gap);display:flex}.shed-grid__bar-label-spacer{block-size:1.45rem}.shed-grid__bar-markers{align-items:end;block-size:1.45rem}.shed-grid__bar-step{inline-size:var(--grid-cell-size);min-inline-size:var(--grid-cell-min);color:var(--ink);text-align:start;text-transform:uppercase;white-space:nowrap;flex:none;font-size:.72rem;font-weight:900;line-height:1}.shed-grid-cell{inline-size:var(--grid-cell-size);block-size:var(--grid-cell-size);min-inline-size:var(--grid-cell-min);min-block-size:var(--grid-cell-min);border:2px solid var(--border);background:var(--card);cursor:pointer;border-radius:6px;flex:none;padding:0;display:inline-block;position:relative}.shed-grid-cell.is-beat-start,.shed-grid__count.is-beat-start,.shed-grid__bar-step.is-beat-start{margin-inline-start:var(--grid-beat-extra)}.shed-grid-cell.is-bar-start,.shed-grid__count.is-bar-start,.shed-grid__bar-step.is-bar-start{scroll-snap-align:start;margin-inline-start:calc(var(--grid-beat-extra) + var(--grid-bar-extra,10px))}.shed-grid-cell.is-bar-start:before{content:"";background:var(--ink);inline-size:2px;border-radius:999px;position:absolute;inset-block:0;inset-inline-start:calc(-1 * (var(--grid-bar-extra,10px) + var(--grid-beat-extra,8px)) / 2)}@supports (color:color-mix(in lab,red,red)){.shed-grid-cell.is-bar-start:before{background:color-mix(in srgb,var(--ink) 45%,transparent)}}.shed-grid-cell.is-active{border:1.5px solid var(--marker-outline-color)}.shed-grid-cell--kick.is-active{background:var(--voice-kick)}.shed-grid-cell--snare.is-active{background:var(--voice-snare)}.shed-grid-cell--hihatC.is-active{background:var(--voice-hihat-c)}.shed-grid-cell--hihatO.is-active{background:var(--voice-hihat-o)}span.shed-grid-cell{cursor:default}.shed-grid__playhead{inline-size:var(--grid-cell-size);border:2px solid var(--ink);background:var(--yellow);border-radius:6px;position:absolute;inset-block:-2px}@supports (color:color-mix(in lab,red,red)){.shed-grid__playhead{background:color-mix(in srgb,var(--yellow) 28%,transparent)}}.shed-grid__playhead{pointer-events:none;z-index:1}.shed-grid__counting{block-size:auto}.shed-grid__count{inline-size:var(--grid-cell-size);text-align:center;font-size:var(--type-micro-size);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);flex:none;font-weight:900}@media(max-width:640px){.shed-grid{--grid-gap:3px;--grid-beat-extra:5px;--grid-cell-min:13px;--grid-label-size:64px;--grid-gutter:8px;scroll-snap-type:inline proximity}.shed-grid.has-abbr{--grid-label-size:32px}.shed-grid__voice-label{inline-size:var(--grid-label-size);font-size:13px}.shed-grid.has-abbr .shed-grid__voice-name{display:none}.shed-grid.has-abbr .shed-grid__voice-abbr{letter-spacing:.02em;font-size:10px;display:inline}.shed-grid__row-extras{display:none}.shed-grid__count{font-size:9px}}.shed-grid.shed-grid--compact{--grid-cell-size:28px;--grid-gap:3px;--grid-beat-extra:5px;--grid-cell-min:12px;gap:8px;inline-size:max-content;max-inline-size:100%;container-type:normal}.shed-grid.shed-grid--compact .shed-grid__voice-label{inline-size:auto;max-inline-size:96px;font-size:12px}@media(max-width:640px){.shed-grid.shed-grid--compact{--grid-cell-size:16px}}.shed-grid.shed-grid--card{--grid-cell-desktop:30px;--grid-cell-min:10px;--grid-gap:3px;--grid-beat-extra:5px;--grid-gutter:8px}.shed-grid.shed-grid--abbr-only{--grid-label-size:32px}.shed-grid--abbr-only .shed-grid__voice-label{inline-size:var(--grid-label-size);font-size:13px}.shed-grid--abbr-only .shed-grid__voice-name{display:none}.shed-grid--abbr-only .shed-grid__voice-abbr{letter-spacing:.02em;font-size:10px;display:inline}.shed-pad{cursor:pointer;font-family:var(--font-sans);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:inline-flex}.shed-pad__surface{border:2px solid var(--ink);border-radius:12px;justify-content:flex-end;align-items:flex-start;block-size:72px;inline-size:72px;padding:6px;display:flex}.shed-pad--kick .shed-pad__surface{background:var(--voice-kick)}.shed-pad--snare .shed-pad__surface{background:var(--voice-snare)}.shed-pad--hihatC .shed-pad__surface{background:var(--voice-hihat-c)}.shed-pad--hihatO .shed-pad__surface{background:var(--voice-hihat-o)}.shed-pad--tomHi .shed-pad__surface{background:#57b368}.shed-pad--tomMid .shed-pad__surface{background:#3f9a5c}.shed-pad--tomLo .shed-pad__surface{background:#2f7d4b}.shed-pad--ride .shed-pad__surface{background:#3fb8ae}.shed-pad--crash .shed-pad__surface{background:var(--orange)}.shed-pad--sideStick .shed-pad__surface{background:#9aa6b8}.shed-pad--clap .shed-pad__surface{background:#ef6fa7}.shed-pad--rimShot .shed-pad__surface{background:#d98a4d}.shed-pad--rideBell .shed-pad__surface{background:#d9b23f}.shed-pad__key{border:1.5px solid var(--ink);background:var(--card);block-size:22px;min-inline-size:22px;color:var(--ink);font-family:var(--font-sans);font-size:var(--type-micro-size);border-radius:6px;justify-content:center;align-items:center;padding-inline:4px;font-weight:900;display:inline-flex}.shed-pad__label{font-size:var(--type-body-size);color:var(--ink);font-weight:800}.shed-pad.is-pressed .shed-pad__surface{border-width:3px;padding:5px;transform:scale(.94)}@media(prefers-reduced-motion:no-preference){.shed-pad__surface{transition:transform var(--motion-fast) var(--motion-ease)}}.shed-pad:disabled{opacity:.45;cursor:not-allowed}.shed-pad--lg .shed-pad__surface{touch-action:none;border-radius:18px;block-size:clamp(88px,27vw,148px);inline-size:clamp(88px,27vw,148px);padding:8px}.shed-pad--lg .shed-pad__key{block-size:26px;min-inline-size:26px}.shed-pad--lg.is-pressed .shed-pad__surface{padding:7px}.shed-dial{font-family:var(--font-sans);flex-direction:column;align-items:center;gap:4px;display:inline-flex}.shed-dial__face{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;block-size:48px;inline-size:48px}.shed-dial__label{font-size:var(--type-micro-size);letter-spacing:var(--type-micro-tracking);text-transform:uppercase;color:var(--ink);font-weight:900}.shed-dial__controls{align-items:center;gap:4px;display:flex}.shed-dial__input{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--card);min-block-size:32px;inline-size:64px;color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-size);text-align:center;font-weight:800}.shed-dial__nudge{border:2px solid var(--ink);background:var(--card);block-size:28px;inline-size:28px;color:var(--ink);cursor:pointer;border-radius:999px;font-size:16px;font-weight:900;line-height:1}.shed-dial__nudge:disabled{opacity:.45;cursor:not-allowed}.shed-dial__unit{font-size:var(--type-micro-size);letter-spacing:var(--type-micro-tracking);text-transform:uppercase;color:var(--muted);font-weight:900}.shed-dial.is-disabled .shed-dial__face{opacity:.45;cursor:not-allowed}.shed-stepper{font-family:var(--font-sans);flex-direction:column;align-items:center;gap:4px;display:inline-flex}.shed-stepper__label{font-size:var(--type-micro-size);letter-spacing:var(--type-micro-tracking);text-transform:uppercase;color:var(--ink);font-weight:900}.shed-stepper__controls{align-items:center;gap:6px;display:flex}.shed-stepper__input{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--card);min-block-size:36px;inline-size:64px;color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-size);text-align:center;font-weight:800}.shed-stepper__nudge{border:2px solid var(--ink);background:var(--card);block-size:36px;inline-size:36px;color:var(--ink);cursor:pointer;touch-action:none;border-radius:999px;font-size:18px;font-weight:900;line-height:1}.shed-stepper__nudge.is-at-limit{opacity:.45}.shed-stepper__nudge:disabled{opacity:.45;cursor:not-allowed}.shed-stepper__unit{font-size:var(--type-micro-size);letter-spacing:var(--type-micro-tracking);text-transform:uppercase;color:var(--muted);font-weight:900}.shed-stepper.is-disabled .shed-stepper__label{opacity:.6}.shed-clip{border:2px solid var(--ink);background:var(--card);border-radius:999px;flex:1;align-items:center;gap:10px;min-inline-size:220px;max-inline-size:420px;padding:8px 12px;display:flex}.shed-clip__toggle{border:2px solid var(--ink);background:var(--orange);block-size:36px;inline-size:36px;color:var(--ink);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:inline-flex}.shed-clip__seek{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:999px;flex:1;block-size:10px;inline-size:100%;min-inline-size:80px}.shed-clip__seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--ink);background:var(--orange);border-radius:999px;block-size:20px;inline-size:20px}.shed-clip__seek::-moz-range-thumb{border:2px solid var(--ink);background:var(--orange);border-radius:999px;block-size:16px;inline-size:16px}.shed-clip__time{font-size:var(--type-micro-size);letter-spacing:.02em;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-weight:900}.shed-chip{border:2px solid var(--ink);background:var(--card);min-block-size:32px;color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-size);border-radius:999px;align-items:center;gap:6px;padding-block:4px;padding-inline:14px;font-weight:800;display:inline-flex}button.shed-chip{cursor:pointer}button.shed-chip:disabled{opacity:.45;cursor:not-allowed}.shed-chip.is-selected{background:var(--yellow)}.shed-transport__toggle{min-inline-size:9em}.shed-transport{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--card);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.shed-modal,.shed-drawer{border:2px solid var(--ink);background:var(--card);color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:var(--type-body-weight);padding:0}dialog.shed-modal[open],dialog.shed-drawer[open]{z-index:120;position:fixed;top:0;right:0;bottom:0;left:0}.shed-modal::backdrop,.shed-drawer::backdrop{background:#33333380}.shed-modal{border-radius:var(--radius-modal);max-block-size:min(80dvh,640px);inline-size:min(480px,100vw - 32px);margin:auto}.shed-modal__frame,.shed-drawer__frame{max-block-size:inherit;flex-direction:column;min-block-size:0;display:flex}.shed-drawer__frame{block-size:100%}.shed-modal__header,.shed-drawer__header{border-block-end:2px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.shed-modal__title,.shed-drawer__title{font-size:var(--type-h2-size);font-weight:800}.shed-modal__close{border:2px solid var(--ink);background:var(--card);block-size:32px;inline-size:32px;color:var(--ink);cursor:pointer;border-radius:999px;flex:none;font-weight:900}.shed-modal__body,.shed-drawer__body{padding:16px;overflow-y:auto}@media(prefers-reduced-motion:no-preference){.shed-modal[open]{animation:shed-modal-in var(--motion-base) var(--motion-ease)}}@keyframes shed-modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.shed-drawer{margin:0}.shed-drawer--start,.shed-drawer--end{block-size:100vh;max-block-size:100vh;inline-size:min(360px,90vw)}.shed-drawer--start{border-inline-start:0;margin-block:0;margin-inline:0 auto}.shed-drawer--end{border-inline-end:0;margin-block:0;margin-inline:auto 0}.shed-drawer--bottom{border-block-end:0;border-start-start-radius:12px;border-start-end-radius:12px;max-block-size:86dvh;inline-size:100vw;max-inline-size:100vw;margin-block:auto 0;margin-inline:0}@media(max-width:640px){.shed-modal{max-block-size:calc(100dvh - 16px);inline-size:calc(100vw - 16px)}.shed-drawer--bottom{max-block-size:calc(100dvh - 12px)}.shed-modal__frame,.shed-drawer__frame{min-block-size:0}.shed-modal__header,.shed-drawer__header{padding:10px 12px}.shed-modal__body,.shed-drawer__body{overscroll-behavior:contain;padding:12px}}@media(prefers-reduced-motion:no-preference){.shed-drawer--start[open]{animation:shed-drawer-in-start var(--motion-base) var(--motion-ease)}.shed-drawer--end[open]{animation:shed-drawer-in-end var(--motion-base) var(--motion-ease)}.shed-drawer--bottom[open]{animation:shed-drawer-in-bottom var(--motion-base) var(--motion-ease)}}@keyframes shed-drawer-in-start{0%{opacity:0;transform:translate(-24px)}}@keyframes shed-drawer-in-end{0%{opacity:0;transform:translate(24px)}}@keyframes shed-drawer-in-bottom{0%{opacity:0;transform:translateY(24px)}}.shed-toast-region{z-index:50;flex-direction:column;gap:8px;max-inline-size:min(360px,100vw - 32px);display:flex;position:fixed;inset-block-end:16px;inset-inline-end:16px}.shed-toast{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--ink);color:#fff;font-family:var(--font-sans);align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}.shed-toast__message{flex:1}.shed-toast__close{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:999px;flex:none;block-size:28px;inline-size:28px;font-weight:900}@media(prefers-reduced-motion:no-preference){.shed-toast{animation:shed-toast-in var(--motion-base) var(--motion-ease)}}@keyframes shed-toast-in{0%{opacity:0;transform:translateY(8px)}}.shed-ring{display:inline-block;position:relative}.shed-ring svg{block-size:100%;inline-size:100%}.shed-ring__value{font-family:var(--font-sans);font-size:calc(var(--type-body-size) * .85);color:var(--ink);justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.shed-formmap{font-family:var(--font-sans)}.shed-formmap__track{gap:4px;padding-block-end:4px;display:flex;overflow-x:auto}.shed-formmap__section{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--card);min-block-size:44px;min-inline-size:76px;color:var(--ink);font-size:var(--type-body-size);flex-basis:76px;justify-content:center;align-items:center;padding-inline:4px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}button.shed-formmap__section{cursor:pointer}.shed-formmap__section.is-done{background:var(--panel-alt)}.shed-formmap__section.is-current{background:var(--yellow)}.shed-formmap__label{z-index:1;overflow-wrap:anywhere;text-align:center;line-height:1.05;position:relative}.shed-formmap__progress{background:var(--orange);position:absolute;inset-block:0;inset-inline-start:0}@supports (color:color-mix(in lab,red,red)){.shed-formmap__progress{background:color-mix(in srgb,var(--orange) 45%,transparent)}}@media(prefers-reduced-motion:no-preference){.shed-formmap__progress{transition:inline-size .24s linear}}.shed-formmap__cue{min-block-size:1.6em;color:var(--ink);margin-block-start:6px;font-weight:800}.shed-stylecard{flex-direction:column;gap:12px;max-inline-size:420px;display:flex}.shed-stylecard__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.shed-stylecard__name{font-size:var(--type-h2-size);font-weight:800}.shed-stylecard__tags{flex-wrap:wrap;gap:6px;display:flex}.shed-stylecard__minigrid{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--paper);flex-direction:column;gap:3px;padding:8px;display:flex}.shed-stylecard__minirow{gap:3px;display:flex}.shed-stylecard__minicell{background:var(--panel-alt);border-radius:3px;flex:1;block-size:10px}.shed-stylecard__minicell.is-active{border:1px solid var(--ink)}.shed-stylecard__minicell--kick.is-active{background:var(--voice-kick)}.shed-stylecard__minicell--snare.is-active{background:var(--voice-snare)}.shed-stylecard__minicell--hihatC.is-active{background:var(--voice-hihat-c)}.shed-stylecard__minicell--hihatO.is-active{background:var(--voice-hihat-o)}.shed-stylecard__blurb{color:var(--ink)}.shed-stylecard__actions{flex-wrap:wrap;gap:8px;display:flex}.shed-qr{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--card);max-inline-size:280px;font-family:var(--font-sans);flex-direction:column;align-items:stretch;gap:10px;padding:16px;display:inline-flex}.shed-qr__code{border:2px solid var(--ink);border-radius:var(--radius-control);background:#fff;inline-size:100%}.shed-qr__value{overflow-wrap:anywhere;color:var(--ink);font-family:ui-monospace,monospace;font-size:12px}.shed-qr__copied{min-block-size:1.6em;color:var(--ink);font-weight:800}.shed-scan{border-radius:8px}.shed-scan.is-scanned{outline:4px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 10px var(--yellow)}.shed-metronome{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--card);inline-size:88px;font-family:var(--font-sans);flex-direction:column;align-items:center;gap:6px;padding:10px;display:inline-flex}.shed-metronome__beat{border:2px solid var(--ink);background:var(--panel-alt);block-size:48px;inline-size:48px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;font-size:24px;font-weight:900;display:flex}.shed-metronome.is-running .shed-metronome__beat{background:var(--blue);color:#fff}.shed-metronome.is-accent .shed-metronome__beat{background:var(--yellow);color:var(--ink)}@media(prefers-reduced-motion:no-preference){.shed-metronome.is-running .shed-metronome__beat{animation:shed-beat-flash var(--motion-fast) var(--motion-ease)}}@keyframes shed-beat-flash{0%{transform:scale(1.12)}to{transform:scale(1)}}.shed-metronome__dots{gap:6px;display:flex}.shed-metronome__dot{border:1.5px solid var(--ink);background:var(--card);border-radius:999px;block-size:10px;inline-size:10px}.shed-metronome__dot.is-on{background:var(--ink)}.shed-card{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--card);padding:16px}@media(hover:hover)and (pointer:fine){button:not(:disabled):hover{filter:brightness(.95)saturate(1.35)}button:not(:disabled):active{filter:brightness(.88)saturate(1.35)}.shed-pill:not(:disabled):hover,.shed-chip:not(:disabled):hover,.shed-tab:not(:disabled):hover,.shed-stepper__nudge:not(:disabled):hover,.shed-modal__close:not(:disabled):hover{box-shadow:0 2px 0 var(--ink);transform:translateY(-1px)}.shed-pill:not(:disabled):active,.shed-chip:not(:disabled):active,.shed-tab:not(:disabled):active,.shed-stepper__nudge:not(:disabled):active,.shed-modal__close:not(:disabled):active{box-shadow:none;transform:translateY(0)}.shed-pad:not(:disabled):hover .shed-pad__surface{transform:scale(1.04)}.shed-pad:not(:disabled).is-pressed .shed-pad__surface,.shed-pad:not(:disabled):active .shed-pad__surface{transform:scale(.94)}button.shed-grid-cell:not(:disabled):hover{border-color:var(--ink)}}@media(prefers-reduced-motion:no-preference){button{transition:filter var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}}:root[data-reduced-motion] button:not(:disabled):hover,:root[data-reduced-motion] button:not(:disabled):active{box-shadow:none;transform:none}:root[data-reduced-motion] .shed-pad:not(:disabled):hover .shed-pad__surface{transform:none}:root{--paper:#fff}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--font-sans)}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);margin:0}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:2px}input,textarea,select{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--card);inline-size:100%;color:var(--ink);letter-spacing:0;padding:.65rem .75rem}textarea{resize:vertical;line-height:1.45}label>span,.unit1-column-title{margin-block-end:.3rem;font-size:.82rem;font-weight:900;display:block}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{letter-spacing:0;line-height:1.12}h1{margin-block-end:.5rem;font-size:clamp(1.85rem,4vw,2.7rem);font-weight:900}h2{margin-block-end:.35rem;font-size:1.28rem;font-weight:900}h3{margin-block-end:.25rem;font-size:1.05rem;font-weight:900}.micro-label{font-size:var(--type-micro-size);font-weight:var(--type-micro-weight);letter-spacing:var(--type-micro-tracking);text-transform:uppercase;margin-block-end:.25rem}.unit1-shell,.unit1-teacher-screen{background:var(--paper);min-block-size:100vh}html[data-ptp-embedded="1"] .unit1-shell,html[data-ptp-embedded="1"] .unit1-teacher-screen{min-block-size:0}.unit1-header{z-index:20;border-block-end:2px solid var(--ink);background:var(--card);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;min-block-size:62px;padding:.55rem 1rem;display:flex;position:relative}.unit1-brand{margin:0;font-size:1.2rem;font-weight:900;line-height:1.15}.unit1-subtitle{color:var(--muted);margin:0;font-size:.84rem;font-weight:800;line-height:1.25}.unit1-header-actions{flex-wrap:wrap;align-items:center;gap:.55rem;margin-inline-start:auto;display:flex}.unit1-yellow-button,.unit1-outline-button,.unit1-delete-button{border:2px solid var(--ink);border-radius:var(--radius-control);letter-spacing:0;justify-content:center;align-items:center;min-block-size:40px;padding:.45rem .85rem;font-weight:900;display:inline-flex}.unit1-yellow-button{background:var(--yellow);color:var(--ink)}.unit1-outline-button{background:var(--card);color:var(--ink)}.unit1-delete-button{border-color:var(--red);background:var(--card);color:#b3202d}.unit1-yellow-button:disabled,.unit1-outline-button:disabled{opacity:.42;cursor:not-allowed}.unit1-settings-button{block-size:42px;inline-size:42px;color:var(--ink);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.unit1-settings-button span{font-size:2rem;line-height:1}.unit1-assignment-banner,.unit1-review-banner{border-block-end:2px solid var(--ink);background:var(--yellow);flex-wrap:wrap;align-items:flex-start;gap:1rem;padding:1rem clamp(1rem,3vw,2rem);display:flex}.unit1-assignment-banner>div,.unit1-review-banner>div{flex:1;min-inline-size:0}.unit1-assignment-banner p:last-child,.unit1-review-banner p:last-child{margin:0}.unit1-review-banner{border-block-end:2px solid var(--ink);background:var(--blue);color:#fff;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,2rem);display:flex}.unit1-review-banner>span{border:2px solid #fff;border-radius:999px;padding:.35rem .75rem;font-weight:900}.unit1-app-layout{align-items:stretch;display:flex}.unit1-tool-rail{border-inline-end:2px solid var(--ink);background:var(--card);flex-direction:column;flex:0 0 72px;align-self:flex-start;gap:.55rem;min-block-size:calc(100vh - 62px);padding:.55rem;display:flex;position:sticky;inset-block-start:0}.unit1-tool-rail button,.unit1-mobile-nav button{border:2px solid var(--ink);background:var(--card);color:var(--ink);justify-content:center;align-items:center;font-weight:900;display:flex}.unit1-tool-rail button[aria-current=page],.unit1-mobile-nav button[aria-current=page]{background:var(--blue);color:#fff}.unit1-tool-rail button{border-radius:var(--radius-control);flex-direction:column;gap:.2rem;block-size:58px;inline-size:100%;font-size:0}.unit1-tool-rail button span:last-child{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.unit1-mic-icon{border:3px solid;border-radius:8px;block-size:23px;inline-size:14px;display:inline-block;position:relative}.unit1-mic-icon:before{content:"";border-block-end:3px solid;border-inline:3px solid;border-radius:0 0 10px 10px;block-size:12px;inline-size:20px;position:absolute;inset-block-end:-9px;inset-inline-start:50%;transform:translate(-50%)}.unit1-mic-icon:after{content:"";background:currentColor;block-size:7px;inline-size:3px;position:absolute;inset-block-end:-14px;inset-inline-start:50%;transform:translate(-50%)}.unit1-beat-icon{justify-content:center;align-items:center;block-size:30px;inline-size:30px;display:inline-flex}.unit1-beat-icon:before{content:"♫";font-size:2rem;line-height:1}.unit1-workspace{inline-size:calc(100% - 72px);min-inline-size:0;max-inline-size:1500px;padding:clamp(1rem,2.4vw,2rem);padding-block-end:3rem}.unit1-project-heading{border-block-end:2px solid var(--ink);grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);align-items:end;gap:1.5rem;padding-block-end:1.3rem;display:grid}.unit1-project-heading p:last-child{max-inline-size:760px;color:var(--muted);margin:0;font-size:1rem;font-weight:800}.unit1-project-name-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.unit1-song-section{border-block-end:2px solid var(--ink);grid-template-columns:minmax(0,1.75fr) minmax(220px,.65fr);gap:1.5rem;padding-block:1.5rem;display:grid}.unit1-song-player-column,.unit1-identity-panel{min-inline-size:0}.unit1-section-heading{align-items:flex-start;gap:.8rem;margin-block-end:1.2rem;display:flex}.unit1-section-heading--compact{margin-block-end:1rem}.unit1-section-heading p{color:var(--muted);margin:0;font-weight:800}.unit1-step-number{border:2px solid var(--ink);background:var(--yellow);block-size:34px;inline-size:34px;color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.unit1-song-picker{grid-template-columns:minmax(240px,.8fr) minmax(300px,1.2fr);gap:.75rem;margin-block-end:1rem;display:grid}.unit1-url-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;display:grid}.unit1-video-wrap{aspect-ratio:16/9;border:2px solid var(--ink);border-radius:var(--radius-card);background:#e7e9ee;inline-size:100%;position:relative;overflow:hidden}.unit1-video-wrap iframe{border:0;block-size:100%;inline-size:100%}.unit1-video-wrap--compact{max-inline-size:520px}.unit1-video-error{z-index:3;color:var(--ink);text-align:center;background:#e7e9ee;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;padding:1.5rem;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.unit1-video-error strong{font-size:1.2rem}.unit1-video-error span{max-inline-size:520px;color:var(--muted);font-weight:800}.unit1-countdown{z-index:4;color:#fff;background:#333333d6;flex-direction:column;justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.unit1-countdown span{font-size:1.2rem}.unit1-countdown strong{font-size:5rem;line-height:1}.unit1-recording-badge{z-index:4;background:var(--red);color:#fff;border:2px solid #fff;border-radius:999px;padding:.35rem .75rem;font-weight:900;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem}.unit1-song-transport{grid-template-columns:auto auto minmax(100px,1fr) auto auto;align-items:center;gap:.55rem;margin-block:.75rem;display:grid}.unit1-transport-button{border:2px solid var(--ink);background:var(--card);block-size:44px;inline-size:44px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.unit1-transport-button--play{border-radius:var(--radius-control);background:var(--blue);color:#fff;gap:.5rem;inline-size:auto;min-inline-size:92px;padding-inline:1rem;font-weight:900}.unit1-transport-button:disabled{cursor:not-allowed;opacity:.55}.unit1-transport-controls{align-items:center;gap:.4rem;display:flex}.unit1-play-symbol,.unit1-stop-symbol,.unit1-pause-symbol{block-size:16px;inline-size:16px;display:block}.unit1-play-symbol{clip-path:polygon(4% 0,100% 50%,4% 100%);background:currentColor}.unit1-stop-symbol{background:currentColor;border-radius:2px}.unit1-pause-symbol{background:linear-gradient(90deg,currentColor 0 35%,#0000 35% 65%,currentColor 65% 100%)}.unit1-time-readout{font-variant-numeric:tabular-nums;min-inline-size:3rem;font-weight:900}.unit1-scrub{border:0;min-inline-size:0;padding-inline:0}.unit1-scrub-shell{block-size:30px;display:block;position:relative}.unit1-scrub-input{z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;block-size:30px;inline-size:100%;margin:0;padding:0;display:block;position:relative}.unit1-scrub-input::-webkit-slider-runnable-track{border:2px solid var(--ink);background:#ffffffad;border-radius:5px;block-size:10px}.unit1-scrub-input::-moz-range-track{border:2px solid var(--ink);background:#ffffffad;border-radius:5px;block-size:8px}.unit1-scrub-input::-webkit-slider-thumb{border:2px solid var(--ink);background:var(--blue);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;block-size:20px;inline-size:20px;margin-block-start:-7px;box-shadow:0 2px #0000002e}.unit1-scrub-input::-moz-range-thumb{border:2px solid var(--ink);background:var(--blue);border-radius:50%;block-size:16px;inline-size:16px;box-shadow:0 2px #0000002e}.unit1-loop-region{z-index:0;border:2px solid var(--ink);background:var(--yellow);pointer-events:none;border-radius:4px;block-size:10px;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.unit1-loop-marker{z-index:3;cursor:ew-resize;touch-action:none;background:0 0;inline-size:20px;position:absolute;inset-block:1px;transform:translate(-50%)}.unit1-loop-marker:after{background:var(--ink);content:"";border-radius:2px;inline-size:3px;position:absolute;inset-block:0;inset-inline-start:50%;transform:translate(-50%)}.unit1-loop-marker:before{border:2px solid var(--ink);background:var(--yellow);content:"";block-size:8px;inline-size:8px;position:absolute;inset-block-start:0}.unit1-loop-marker--start:before{border-radius:2px 5px 5px 2px;inset-inline-start:50%}.unit1-loop-marker--end:before{border-radius:5px 2px 2px 5px;inset-inline-end:50%}.unit1-loop-marker[aria-disabled=true]{cursor:default}.unit1-loop-chip,.unit1-word-results button{border:2px solid var(--ink);background:var(--yellow);min-block-size:34px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:.3rem .7rem;font-size:.82rem;font-weight:900;display:inline-flex}.unit1-loop-editor{border-block:1px solid var(--border);margin-block:.75rem;padding-block:.8rem}.unit1-loop-editor-copy{justify-content:space-between;align-items:flex-start;gap:1rem;margin-block-end:.65rem;display:flex}.unit1-loop-editor-copy p{max-inline-size:620px;color:var(--muted);margin:.2rem 0 0;font-size:.85rem;font-weight:800}.unit1-loop-actions{grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:.55rem;display:grid}.unit1-loop-marker-button{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--card);min-block-size:48px;color:var(--ink);text-align:start;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .75rem;font-weight:900;display:flex}.unit1-loop-marker-button strong{color:var(--blue);font-variant-numeric:tabular-nums;white-space:nowrap}.unit1-loop-marker-button:disabled,.unit1-clear-loop-button:disabled{cursor:not-allowed;opacity:.48}.unit1-clear-loop-button{min-block-size:48px}.unit1-disclosure{border:0;border-block-start:2px solid var(--border);min-block-size:42px;inline-size:100%;color:var(--ink);background:0 0;justify-content:space-between;align-items:center;padding:.55rem 0;font-weight:900;display:flex}.unit1-disclosure span:last-child{font-size:1.5rem}.unit1-song-settings{border-block-start:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-block-start:.75rem;display:grid}.unit1-identity-panel{border-inline-start:2px solid var(--ink);align-self:start;padding-inline-start:1.25rem}.unit1-identity-panel label{margin-block-end:.85rem;display:block}.unit1-song-now{border-block-start:2px solid var(--border);flex-direction:column;gap:.15rem;margin-block-start:1.1rem;padding-block-start:1rem;display:flex}.unit1-song-now span,.unit1-song-now small{color:var(--muted);font-weight:800}.unit1-song-now strong{font-size:1.35rem;line-height:1.2}.unit1-lyrics-section,.unit1-record-section,.unit1-reflection-section{border-block-end:2px solid var(--ink);padding-block:1.5rem}.unit1-lyrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.unit1-lyric-column{min-inline-size:0}.unit1-column-title-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.unit1-column-title-row small{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:900}.unit1-lyric-editor{display:block;position:relative}.unit1-lyric-column textarea{overflow-wrap:normal;white-space:pre;border-width:2px;min-block-size:250px;padding-inline-end:3.4rem;font-size:1.125rem;line-height:2rem;display:block;overflow-x:auto}.unit1-lyric-column--remix textarea{border-color:var(--blue);box-shadow:inset 5px 0 0 var(--blue)}.unit1-syllable-gutter{border-inline-start:1px solid var(--border);border-radius:0 calc(var(--radius-control) - 2px) calc(var(--radius-control) - 2px) 0;background:var(--card);pointer-events:none;inline-size:3rem;display:block;position:absolute;inset-block:2px;inset-inline-end:2px;overflow:hidden}.unit1-syllable-gutter-track{will-change:transform;padding-block-start:.65rem;display:block}.unit1-syllable-count{text-align:center;block-size:2rem;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:.75rem;font-weight:900;display:flex}.unit1-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.unit1-word-tools{border-block-start:2px solid var(--ink);grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);align-items:end;gap:1rem;margin-block-start:1rem;padding-block-start:1rem;display:grid}.unit1-word-tool-controls{grid-template-columns:minmax(160px,1fr) auto;align-items:end;gap:.6rem;display:grid}.unit1-segmented{flex-wrap:wrap;gap:0;display:inline-flex}.unit1-segmented button{border:2px solid var(--ink);background:var(--card);min-block-size:42px;color:var(--ink);padding:.45rem .8rem;font-weight:900}.unit1-segmented button:first-child{border-radius:var(--radius-control) 0 0 var(--radius-control)}.unit1-segmented button:last-child{border-radius:0 var(--radius-control) var(--radius-control) 0;border-inline-start:0}.unit1-segmented button[aria-pressed=true]{background:var(--yellow)}.unit1-word-results{flex-wrap:wrap;align-items:center;gap:.45rem;min-block-size:44px;display:flex}.unit1-word-results p{color:var(--muted);margin:0}.unit1-record-controls{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.unit1-take-summary{border-inline-start:4px solid var(--grade-perfect);flex-direction:column;min-inline-size:210px;padding-inline-start:.75rem;display:flex}.unit1-take-summary span,.unit1-take-summary small{color:var(--muted);font-weight:800}.unit1-delete-take-button{align-self:flex-start;min-block-size:34px;margin-block-start:.45rem;padding:.3rem .65rem}.unit1-mixer{border-block-start:2px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(118px,1fr));justify-items:center;gap:1rem;margin-block-start:1rem;padding-block-start:1rem;display:grid}.unit1-mixer .shed-dial{inline-size:100%}.unit1-mixer .shed-dial__face{block-size:56px;inline-size:56px}.unit1-mixer .shed-dial__input{inline-size:68px;padding:.25rem .35rem}.unit1-reflection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.unit1-save-band,.unit1-share-band{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--yellow);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-block-start:1.5rem;padding:1.2rem;display:flex}.unit1-save-band>div:first-child,.unit1-share-band>div:first-child{flex:1;min-inline-size:250px}.unit1-save-band p:last-child,.unit1-share-band p:last-child{margin:0}.unit1-save-actions{flex-wrap:wrap;gap:.55rem;display:flex}.unit1-toast,.unit1-status{min-block-size:1.6rem;color:var(--muted);margin-block:.75rem 0;font-weight:900}.unit1-mobile-nav{display:none}.unit1-modal-copy,.unit1-settings-list{flex-direction:column;gap:1rem;display:flex}.unit1-modal-copy p{margin:0}.unit1-wide-modal .shed-modal__frame{inline-size:min(900px,100vw - 2rem)}.unit1-lesson-progress{grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:1rem;margin-block-end:1rem;display:grid}.unit1-lesson-progress>div{flex-direction:column;display:flex}.unit1-lesson-progress progress{block-size:18px;inline-size:100%;accent-color:var(--blue)}.unit1-lesson-list,.unit1-project-list{flex-direction:column;gap:.65rem;display:flex}.unit1-lesson-list article,.unit1-project-list article{border:2px solid var(--border);border-radius:var(--radius-card);background:var(--card);align-items:center;gap:.85rem;padding:.85rem;display:flex}.unit1-lesson-list article.is-complete{border-color:var(--grade-perfect);box-shadow:inset 5px 0 0 var(--grade-perfect)}.unit1-lesson-list article>div,.unit1-project-list article>div:first-child{flex:1;min-inline-size:0}.unit1-lesson-list p,.unit1-project-list p{color:var(--muted);margin:0}.unit1-stuff-header{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1rem;display:flex}.unit1-stuff-header p{margin:0;font-weight:900}.unit1-project-list article>div:last-child{flex-wrap:wrap;gap:.45rem;display:flex}.unit1-empty-state{border:2px dashed var(--border);border-radius:var(--radius-card);color:var(--muted);text-align:center;padding:2rem}.unit1-privacy-note{border-inline-start:5px solid var(--blue);background:var(--panel-alt);padding:.8rem}.unit1-privacy-note p{margin:.2rem 0 0}.unit1-teacher-main{max-inline-size:1120px;margin-inline:auto;padding:clamp(1rem,3vw,2rem)}.unit1-title-band{border-block-end:2px solid var(--ink);padding-block:.5rem 1.3rem}.unit1-title-band p:last-child{max-inline-size:700px;color:var(--muted);margin:0}.unit1-section{border-block-end:2px solid var(--ink);padding-block:1.5rem}.unit1-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.unit1-form-wide{grid-column:1/-1}.unit1-song-config{border-block-start:2px solid var(--border);flex-direction:column;gap:1rem;margin-block-start:1rem;padding-block-start:1rem;display:flex}.unit1-teacher-loop-preview{max-inline-size:760px}.unit1-custom-song-fields{grid-template-columns:minmax(250px,1fr) repeat(2,minmax(150px,.5fr)) auto;align-items:end;gap:.6rem;display:grid}.unit1-check-row{align-items:center;gap:.65rem;margin-block-start:1rem;font-weight:900;display:flex}.unit1-check-row input{block-size:22px;inline-size:22px;accent-color:var(--blue)}.type-beats-review-banner{margin:calc(-1*clamp(1rem,2.4vw,2rem));margin-block-end:1.5rem}.type-beats-kindling,.type-beats-writing{border-block-end:2px solid var(--ink);padding-block:1.5rem}.type-beats-kindling-grid{grid-template-columns:repeat(2,minmax(210px,1fr));align-items:end;gap:.75rem;display:grid}.type-beats-random-button{justify-self:start}.type-beats-player-layout{border-block-start:2px solid var(--border);grid-template-columns:minmax(300px,1.15fr) minmax(260px,.85fr);align-items:center;gap:1.2rem;margin-block-start:1.25rem;padding-block-start:1.25rem;display:grid}.type-beats-player-copy p:not(.micro-label){color:var(--muted);font-weight:800}.type-beats-transport{grid-template-columns:auto auto minmax(80px,1fr) auto}.type-beats-rule{border-inline-start:5px solid var(--yellow);flex-wrap:wrap;align-items:baseline;gap:.45rem .75rem;margin-block-end:1rem;padding:.65rem .8rem;display:flex}.type-beats-rule .micro-label{margin:0}.type-beats-rule strong{font-size:1.15rem}.type-beats-verses{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.type-beats-verse{border:0;min-inline-size:0;margin:0;padding:0}.type-beats-verse legend{padding:0;font-size:1.05rem;font-weight:900}.type-beats-verse-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;margin-block:.25rem .35rem;font-size:.72rem;font-weight:900;display:flex}.type-beats-verse-meta small{color:var(--blue);font-size:inherit}.type-beats-verse-editor textarea{overflow-wrap:normal;white-space:pre;block-size:9.3rem;min-block-size:9.3rem;padding-inline-end:3.4rem;font-size:1.125rem;line-height:2rem;display:block;overflow-x:hidden}.type-beats-word-tools{margin-block-start:1.25rem}.type-beats-save-band{margin-block-start:1.5rem}@media(max-width:1050px){.unit1-project-heading,.unit1-song-section{grid-template-columns:1fr}.unit1-identity-panel{border-block-start:2px solid var(--ink);border-inline-start:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .8rem;padding-block-start:1rem;padding-inline-start:0;display:grid}.unit1-identity-panel>p,.unit1-song-now{grid-column:1/-1}.unit1-song-picker,.unit1-word-tools{grid-template-columns:1fr}.unit1-custom-song-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.type-beats-player-layout{grid-template-columns:1fr}}@media(max-width:760px){.unit1-header{align-items:flex-start}.unit1-header-actions{inline-size:100%;margin-inline-start:0}.unit1-header-actions .unit1-yellow-button,.unit1-header-actions .unit1-outline-button{flex:1}.unit1-tool-rail{display:none}.unit1-workspace{inline-size:100%;padding:1rem;padding-block-end:5.5rem}.unit1-mobile-nav{z-index:30;border-block-start:2px solid var(--ink);background:var(--card);min-block-size:64px;padding:.35rem;display:flex;position:fixed;inset-block-end:0;inset-inline:0}.unit1-mobile-nav button{border-radius:var(--radius-control);flex-direction:column;gap:.2rem;inline-size:50%;font-size:.72rem}.unit1-mobile-nav .unit1-mic-icon{transform:scale(.62)}.unit1-mobile-nav .unit1-beat-icon{transform:scale(.72)}.unit1-project-name-fields,.unit1-lyrics-grid,.unit1-mixer,.unit1-reflection-grid,.unit1-form-grid,.unit1-song-settings,.type-beats-kindling-grid,.type-beats-verses{grid-template-columns:1fr}.unit1-form-wide{grid-column:auto}.unit1-song-picker,.unit1-url-row,.unit1-word-tool-controls{grid-template-columns:1fr}.unit1-url-row .unit1-outline-button{inline-size:100%}.unit1-song-transport{grid-template-columns:auto 1fr auto}.unit1-song-transport .unit1-scrub{grid-area:2/1/auto/-1}.unit1-song-transport .unit1-loop-chip{grid-area:3/1/auto/-1;justify-self:start}.unit1-song-transport .unit1-time-readout:first-of-type{grid-column:2}.type-beats-review-banner{margin:-1rem -1rem 1rem}.unit1-loop-editor-copy{flex-direction:column;align-items:stretch;gap:.35rem}.unit1-loop-actions,.unit1-identity-panel{grid-template-columns:1fr}.unit1-identity-panel>p,.unit1-song-now{grid-column:auto}.unit1-record-controls{flex-direction:column;align-items:stretch}.unit1-record-controls .shed-pill{inline-size:100%}.unit1-take-summary{min-inline-size:0}.unit1-save-actions,.unit1-save-actions button{inline-size:100%}.unit1-lesson-progress{grid-template-columns:1fr}.unit1-lesson-list article,.unit1-project-list article{flex-direction:column;align-items:stretch}.unit1-lesson-list article .unit1-step-number{align-self:flex-start}.unit1-project-list article>div:last-child,.unit1-project-list article>div:last-child button{inline-size:100%}.unit1-custom-song-fields{grid-template-columns:1fr}}@media(max-width:460px){.unit1-header-actions{grid-template-columns:1fr 1fr 42px;display:grid}.unit1-header-actions .unit1-yellow-button,.unit1-header-actions .unit1-outline-button{min-inline-size:0;padding-inline:.45rem;font-size:.78rem}.unit1-word-tools{gap:.7rem}.unit1-segmented{inline-size:100%}.unit1-segmented button{flex:1;padding-inline:.4rem;font-size:.82rem}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}