@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-italic-B5xAaiFk.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-italic-DzZdc28x.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-italic-DcOpz6Lw.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-italic-CILZdfAp.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-italic-K3WlGtc8.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-italic-0pjOp8NU.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-italic-DpCbqKDY.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--visual-h:100dvh;--visual-t:0px;--keyboard-inset:0px;--stable-h:100dvh;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#121212;--ink-deep:#11100f;--ink-absolute:#000;--ink-soft:#2c2b29;--paper:#fbfbf9;--panel:#fff;--paper-grouped:#f2f1ed;--paper-warm:#f4f1ea;--paper-warm-deep:#efeae0;--paper-controls:#f7f3ea;--paper-score-overlay:#fffdf6;--paper-auth:#f8f6f0;--paper-auth-deep:#f2eee5;--line:#e4e2dc;--hairline:#cfccc4;--muted:#75726a;--green:#16803c;--red:#c1121f;--red-deep:#9c0f1a;--red-vivid:#f03;--tempo-amber:#ad7a3a;--tempo-amber-soft:#c3914e;--tempo-amber-deep:#98651c;--account-attention:#a65d24;--focus:#1e66a8;--accent-info:#1e66a8;--accent-forecast:#1e66a8;--demo-playback:#1e66a8;--spotlight:#44618c;--resting-score-ink:.32;--spot-work:#75673f;--spot-work-ink:#4d4328;--spot-work-soft:#eeeadc;--lacquer:linear-gradient(177deg, #2a2a28 0%, #161513 42%, #0c0b0a 100%);--rule:#e7e5df;--ink-secondary:#5b5951;--ink-tertiary:#98948a;--settings-rail:#efefef;--settings-field:#f9f9f9;--settings-active:#e1e1e1;--radius-panel:8px;--shadow-hairline:0 1px 1px #14120c08;--shadow-popover:0 12px 32px -12px #14120c33, 0 2px 6px #14120c0f;--font-latin-ui:"Inter Variable", "Inter";--font-system-ui:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-body-default:var(--font-latin-ui), var(--font-system-ui);--font-body:var(--font-body-default);--font-display:var(--font-body);--font-body-features:"cv01", "ss03";--radius-card:14px;--radius-group:20px;--radius-control:10px;--radius-compact:6px;--radius-pill:999px;--paper-veil-soft:color-mix(in srgb, var(--paper) 94%, transparent);--paper-veil:color-mix(in srgb, var(--paper) 96%, transparent);--paper-veil-strong:color-mix(in srgb, var(--paper) 98%, transparent);--panel-veil:color-mix(in srgb, var(--panel) 98%, transparent);--shadow-card:0 1px 2px #1212120a, 0 1px 1px #12121208;--shadow-card-hover:0 24px 50px -26px #12121273, 0 2px 6px #1212120f;--shadow-sheet-edge:-10px 0 22px #14120c2e;--shadow-dock:0 0 0 1px #14120c0a, 0 1px 2px #14120c14, 0 8px 28px #14120c21, inset 0 -2px 0 #14120c08;--weight-body:400;--weight-medium:500;--weight-semibold:600;--weight-display:650;--weight-headline:700;--label-tracking:.08em;--ease-out-emphatic:cubic-bezier(.22, 1, .36, 1);--ease-out-gentle:cubic-bezier(.22, .61, .36, 1);--ease-spring-settle:cubic-bezier(.18, .95, .32, 1.06);--duration-immediate:80ms;--duration-fast:.12s;--duration-quick:.16s;--duration-control:.18s;--duration-standard:.2s;--duration-medium:.25s;--duration-chrome-pop:.25s;--duration-chrome-push:.3s;--duration-feedback-decay:.28s;--duration-reveal:.3s;--duration-panel:.32s;--duration-entrance:.42s;--duration-slow:.5s;--duration-celebration:.7s;--duration-celebration-long:1.05s;--horizontal-controls-height:133px}html:lang(ja){--font-body:var(--font-latin-ui), "Noto Sans JP Variable", var(--font-system-ui);--font-body-features:"cv01", "ss03", "palt";--weight-semibold:550;--weight-display:600;line-break:strict}html:lang(ja) :-webkit-any(h1,h2,h3){word-break:auto-phrase}html:lang(ja) :is(h1,h2,h3){word-break:auto-phrase}html:lang(zh){--font-body:var(--font-latin-ui), "Noto Sans SC Variable", var(--font-system-ui);--weight-semibold:550;--weight-display:600;line-break:strict}html:lang(ko){--font-body:var(--font-latin-ui), "Noto Sans KR Variable", var(--font-system-ui);--weight-semibold:550;--weight-display:600;word-break:keep-all;overflow-wrap:anywhere}.plaque{border:1px solid var(--plaque-border,var(--hairline));border-radius:var(--plaque-radius,var(--radius-control));background:var(--plaque-background,var(--paper-veil));box-shadow:var(--plaque-shadow,var(--shadow-card-hover))}.moment-surface{color:var(--ink);font-family:var(--font-body)}*{box-sizing:border-box}:root{--field-text-floor:0px}@media (max-width:480px){:root{--field-text-floor:16px}}html,body{background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--font-body);font-feature-settings:var(--font-body-features);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;margin:0}html{touch-action:manipulation}#library[hidden],.practice-shell[hidden]{display:none!important}html[data-route-transition]::view-transition-old(root){animation:clef-route-old .16s var(--ease-out-gentle) both}html[data-route-transition]::view-transition-new(root){animation:clef-route-new .22s var(--ease-out-gentle) both}html[data-route-transition-fallback] #root{will-change:opacity}@keyframes clef-route-old{0%{opacity:1}to{opacity:0}}@keyframes clef-route-new{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:1ms!important;animation-delay:0s!important}::view-transition-old(*){animation-duration:1ms!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:1ms!important;animation-delay:0s!important}}html[data-focus-policy] :focus:not([data-focus-visible]){outline:none}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse),(hover:none) and (pointer:coarse) and (min-width:961px),(hover:none) and (pointer:coarse) and (min-width:541px) and (max-aspect-ratio:16/9){.phone-page-header{min-height:calc(52px + var(--safe-t));padding:var(--safe-t) calc(4px + var(--safe-r)) 0 calc(4px + var(--safe-l));background:0 0;flex:none;grid-template-columns:44px minmax(0,1fr) 44px;align-items:end;display:grid}.phone-page-header h1{font-size:17px;font-weight:var(--weight-semibold);letter-spacing:-.01em;text-align:center;text-overflow:ellipsis;white-space:nowrap;align-self:center;margin:0;line-height:1.2;overflow:hidden}.phone-page-header-back,.phone-page-header-spacer{width:44px;height:44px;color:var(--ink);background:0 0;border:0;place-items:center;display:grid}.phone-page-header-back{cursor:pointer;padding:0}.phone-page-header-back[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-3px}}.app-recovery{min-height:100vh;background:var(--paper);min-height:100dvh;color:var(--ink);place-items:center;padding:clamp(24px,6vw,72px);display:grid}.app-recovery__panel{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);width:min(100%,520px);box-shadow:var(--shadow-hairline);padding:clamp(28px,6vw,48px)}.app-recovery__staff{gap:5px;width:112px;margin-block-end:28px;display:grid;position:relative}.app-recovery__staff span{grid-template-columns:1fr 1fr;gap:16px;display:grid}.app-recovery__staff span:before,.app-recovery__staff span:after{content:"";background:var(--ink-tertiary);height:1px}.app-recovery__staff:after{content:"";background:var(--red);transform-origin:50%;width:2px;position:absolute;top:-3px;bottom:-3px;transform:rotate(12deg)}.app-recovery__staff:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:50%}.app-recovery__staff:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:50%}.app-recovery__staff:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:50%}.app-recovery__staff:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:50%}.app-recovery__panel h1{max-width:15ch;color:var(--ink);font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.4rem);font-weight:var(--weight-display);letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.08}.app-recovery__panel p{max-width:38ch;color:var(--ink-secondary);margin:16px 0 28px;font-size:1rem;line-height:1.55}.app-recovery__panel button{border-radius:var(--radius-control);background:var(--lacquer);min-height:46px;color:var(--paper);cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:var(--weight-semibold);transition:transform var(--duration-control) ease, opacity var(--duration-control) ease;border:0;padding:11px 18px}@media (hover:hover) and (pointer:fine){.app-recovery__panel button:hover{transform:translateY(-1px)}}.app-recovery__panel button:active{transform:translateY(0)}.app-recovery__panel button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.app-recovery__panel button{transition:none}}.clef-tooltip-positioner{z-index:62}.clef-tooltip-popup{border:1px solid var(--rule);border-radius:var(--radius-compact);background:var(--panel);max-width:260px;box-shadow:var(--shadow-popover);color:var(--ink-secondary);font-family:var(--font-body);font-size:11.5px;font-weight:var(--weight-medium);overflow-wrap:break-word;pointer-events:none;transform-origin:var(--transform-origin);transition:opacity var(--duration-fast) var(--ease-out-gentle), transform var(--duration-fast) var(--ease-out-gentle);padding:5px 8px;line-height:1.25}.clef-tooltip-popup[data-starting-style],.clef-tooltip-popup[data-ending-style]{opacity:0;transform:translateY(2px)scale(.98)}.clef-tooltip-popup[data-side=bottom][data-starting-style],.clef-tooltip-popup[data-side=bottom][data-ending-style]{transform:translateY(-2px)scale(.98)}.clef-tooltip-popup[data-side=left][data-starting-style],.clef-tooltip-popup[data-side=left][data-ending-style]{transform:translate(2px)scale(.98)}.clef-tooltip-popup[data-side=right][data-starting-style],.clef-tooltip-popup[data-side=right][data-ending-style]{transform:translate(-2px)scale(.98)}.clef-tooltip-popup[data-instant]{transition:none}@media (prefers-reduced-motion:reduce){.clef-tooltip-popup{transition:none}}#library{width:100%;display:block;position:relative}.destination-shell{width:100%;position:relative}.destination-content{background:var(--paper);min-width:0}.destination-body{display:contents}.library-banners:empty{display:none}.billing-library-banner{border-bottom:1px solid var(--rule);background:var(--panel);justify-content:space-between;align-items:center;gap:18px;min-height:48px;padding:10px 20px;display:flex}.billing-library-banner p{color:var(--ink);font-family:var(--font-body);margin:0;font-size:13px;line-height:1.5}.billing-library-banner a{color:var(--accent-info);font-size:13px;font-weight:var(--weight-semibold);flex:none}.billing-library-banner--payment-issue{border-bottom-color:color-mix(in srgb, var(--tempo-amber) 38%, var(--rule));background:color-mix(in srgb, var(--tempo-amber) 7%, var(--panel))}.billing-library-banner--payment-issue a{color:var(--tempo-amber-deep)}.library-piano-connection-card{border-bottom:1px solid var(--rule);background:var(--panel);color:var(--ink);font-family:var(--font-body)}.destination-shell:not(:has(>.destination-topbar)) .library-banners>.library-piano-connection-card:first-child{padding-top:var(--safe-t)}.library-piano-connection-card__link{min-height:72px;padding:14px calc(24px + var(--safe-r)) 14px calc(24px + var(--safe-l));color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 24px;text-decoration:none;display:grid}.library-piano-connection-card__copy h2,.library-piano-connection-card__copy p{margin:0}.library-piano-connection-card__copy h2{font-size:14px;font-weight:var(--weight-semibold);line-height:20px}.library-piano-connection-card__copy p{color:var(--ink-secondary);margin-top:2px;font-size:12px;line-height:18px}.library-piano-connection-card__chevron{color:var(--ink-secondary)}.library-piano-connection-card__link[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-3px}@media (hover:hover) and (pointer:fine){.library-piano-connection-card__link:hover .library-piano-connection-card__copy h2{text-underline-offset:3px;text-decoration:underline}}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse),(hover:none) and (pointer:coarse) and (min-width:961px),(hover:none) and (pointer:coarse) and (min-width:541px) and (max-aspect-ratio:16/9){.library-piano-connection-card__link{padding:12px calc(20px + var(--safe-r)) 12px calc(20px + var(--safe-l));gap:16px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.filter-search-wrap{flex:240px;align-items:center;max-width:340px;display:flex;position:relative}.filter-search-wrap:before{content:"";opacity:.5;background-color:var(--ink);width:15px;height:15px;position:absolute;top:50%;left:13px;transform:translateY(-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cline x1='12.8' y1='12.8' x2='17' y2='17' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cline x1='12.8' y1='12.8' x2='17' y2='17' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.filter-search-input{border:1px solid var(--line);border-radius:var(--radius-control);background:color-mix(in srgb, var(--panel) 70%, transparent);width:100%;height:40px;color:var(--ink);font-family:var(--font-body);font-size:max(14px, var(--field-text-floor));font-weight:var(--weight-body);transition:border-color var(--duration-control) ease, background var(--duration-control) ease, box-shadow var(--duration-control) ease;-webkit-appearance:none;padding:0 14px 0 36px}@media (hover:hover) and (pointer:fine){.filter-search-input:hover{border-color:var(--hairline)}}.filter-search-input:focus{border-color:color-mix(in srgb, var(--ink) 38%, var(--line));background:var(--panel);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 12%, transparent);outline:none}.filter-search-input::placeholder{color:var(--muted)}.filter-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.filter-search-wrap:has(.filter-search-dismiss) .filter-search-input{padding-right:40px}.filter-search-dismiss{z-index:1;border-radius:var(--radius-compact);width:32px;height:32px;color:var(--ink-secondary);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease, transform var(--duration-quick) var(--ease-out-emphatic), background var(--duration-control) ease;background:0 0;border:none;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)scale(.82)}.filter-search-wrap[data-dismiss-visible] .filter-search-dismiss{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}@media (hover:hover) and (pointer:fine){.filter-search-dismiss:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}}.filter-search-dismiss[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-2px}#library[data-room]{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.library-room{min-height:0;padding-right:var(--safe-r);padding-left:var(--safe-l);background:var(--paper);flex:1;grid-template-columns:384px minmax(0,1fr);display:grid}@media (max-width:1080px){.library-room{grid-template-columns:304px minmax(0,1fr)}}.library-room:has(>.desktop-library-layout){--desktop-stand-width:320px;grid-template-columns:var(--desktop-stand-width) minmax(0, 1fr) 0px;transition:grid-template-columns var(--duration-chrome-push) var(--ease-out-emphatic);grid-template-rows:auto auto minmax(0,1fr);overflow-x:clip}.library-room:has(>.desktop-details-rail){grid-template-columns:var(--desktop-stand-width) minmax(0, 1fr) 40px}.library-room:has(>.inline-piece-details:not([data-closing])){grid-template-columns:var(--desktop-stand-width) minmax(0, 1fr) 340px}.library-room:has(>.docked-preview-player){grid-template-rows:auto auto minmax(0,1fr) auto}.library-room:has(>.desktop-library-layout)>.shelf{grid-area:2/2/span 2;grid-template-rows:subgrid;min-width:0;display:grid}.library-room:has(>.desktop-library-layout) .shelf-head{background:var(--paper);border-bottom:0;flex-wrap:wrap;gap:10px;padding-bottom:8px}.library-room:has(>.desktop-library-layout) .shelf-list{padding-top:0}.library-room:has(>.desktop-library-layout) .shelf-group:first-child{margin-top:8px}.piece-sheet.inline-piece-details{width:340px;min-width:0;min-height:0;transition:transform var(--duration-chrome-push) var(--ease-out-emphatic);border-left:1px solid var(--rule);background:var(--panel);grid-area:2/3/span 2;padding:0;position:relative;transform:translate(0)}.inline-piece-details .piece-sheet-title{font-size:26px}.inline-piece-details .piece-sheet-incipit-wrap{margin-top:16px}.inline-piece-details .incipit-cover-strip .incipit-ink{height:128px}.inline-piece-details .piece-sheet-header{padding-right:0}.docked-preview-player{border-top:1px solid var(--rule);background:var(--panel);grid-area:4/1/auto/-1;min-width:0}.docked-preview-player .piece-preview-controls{border-bottom:0;grid-template:"who play actions"32px"who scrub actions"24px/minmax(220px,1fr) minmax(240px,520px) minmax(220px,1fr);gap:0 24px;min-height:64px;padding:4px 26px}.docked-preview-player .dock-playpause{justify-self:center;height:32px}.docked-preview-player .dock-track-control{height:24px}.docked-preview-player .dock-actions{justify-content:flex-end}.library-room:has(>.desktop-library-layout) .shelf-list[data-docked]{padding-bottom:30px}.inline-details-content{height:100%;padding:16px 20px 24px;overflow-y:auto}.desktop-details-collapse{z-index:3;border-radius:var(--radius-control);background:var(--panel);width:36px;height:36px;color:var(--ink-secondary);cursor:pointer;border:1px solid #0000;place-items:center;padding:0;display:grid;position:absolute;top:12px;left:12px}.inline-piece-details[data-closing]{transform:translate(100%)}@starting-style{.piece-sheet.inline-piece-details{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.piece-sheet.inline-piece-details,.desktop-stand-pane{transition:none}.library-room:has(>.desktop-library-layout){transition:none}}.desktop-details-collapse-icon{width:22px;height:22px;display:block;position:relative}.desktop-details-sidebar-icon{transform:scaleX(-1)}.desktop-details-arrow-icon{position:absolute;top:6px;left:3px}.desktop-details-rail{border-left:1px solid var(--rule);background:var(--panel);grid-area:2/3/span 2;min-width:0;position:relative}.desktop-details-rail .desktop-details-collapse[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.library-room:has(>.desktop-library-layout) .shelf-list::-webkit-scrollbar{width:10px}.library-room:has(>.desktop-library-layout) .shelf-list::-webkit-scrollbar-button{width:0;height:0;display:none}.library-room:has(>.desktop-library-layout) .shelf-list::-webkit-scrollbar-track{background:0 0}.library-room:has(>.desktop-library-layout) .shelf-list::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--ink-secondary) 40%, transparent);background-clip:padding-box;border:2px solid #0000}@media (hover:hover) and (pointer:fine){.library-room:has(>.desktop-library-layout) .shelf-list::-webkit-scrollbar-thumb:hover{background-color:var(--ink-secondary)}}@supports not selector(::-webkit-scrollbar){.library-room:has(>.desktop-library-layout) .shelf-list{scrollbar-width:thin;scrollbar-color:var(--ink-tertiary) transparent}}.desktop-details-rail .desktop-details-collapse{left:50%;transform:translate(-50%)}.desktop-library-topbar{border-bottom:1px solid var(--rule);background:var(--panel);z-index:2;grid-area:1/1/auto/-1;grid-template-columns:296px minmax(0,1fr) 40px;align-items:center;gap:26px;min-height:60px;padding:10px 26px;display:grid}.desktop-library-search{grid-column:2;min-width:0}.desktop-library-search .filter-search-wrap{max-width:560px}.desktop-library-search .filter-search-input{border-color:var(--rule);background:var(--paper);height:36px;font-size:13.5px}.desktop-library-account{justify-self:end}.desktop-stand-pane{width:320px;min-height:0;transition:transform var(--duration-chrome-push) var(--ease-out-emphatic);grid-area:2/1/span 2;transform:translate(0)}.desktop-stand-pane>.stand{height:100%}.desktop-stand-pane[data-collapsed]{transform:translate(-100%)}.library-room:has(>.desktop-stand-pane[data-collapsed]){--desktop-stand-width:40px}.stand-weekly{color:var(--ink-secondary);padding:20px 26px;text-decoration:none;display:block}.stand-weekly-heading{font-size:12px;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.stand-weekly-chart{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.stand-weekly-day{justify-items:center;gap:8px;font-size:11px;display:grid}.stand-weekly-day[data-today]>span:last-child{color:var(--ink);font-weight:var(--weight-semibold);text-underline-offset:4px;text-decoration:underline}.stand-weekly-day[data-future]{color:var(--ink-tertiary)}.stand-weekly-loading{min-height:73px;font-size:11px;display:block}.stand-weekly-summary,.stand-weekly-chart-link{color:inherit;text-decoration:none}.stand-weekly-toggle{border-radius:var(--radius-control);width:28px;height:28px;color:var(--ink-secondary);cursor:pointer;background:0 0;border:0;place-items:center;margin:-6px 0;padding:0;display:grid}.stand-weekly-reveal{opacity:1;transition:grid-template-rows var(--duration-chrome-push) var(--ease-out-emphatic), opacity var(--duration-chrome-push) ease;grid-template-rows:1fr;display:grid}.stand-weekly-reveal[data-collapsed]{opacity:0;grid-template-rows:0fr}.stand-weekly-clip{min-height:0;overflow:hidden}.stand-weekly-chart-link{padding-top:16px;display:block}.stand-weekly a[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.stand-weekly-toggle[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.stand-weekly-reveal{transition:none}}@media (hover:hover) and (pointer:fine){.stand-weekly-toggle:hover{background:var(--paper)}.stand-weekly-summary:hover{color:var(--ink)}}@media (prefers-reduced-motion:reduce){.desktop-stand-pane{transition:none}}.desktop-stand-pane .stand-eyebrow{text-transform:none;letter-spacing:normal;padding-right:36px;position:relative}.desktop-stand-toggle.desktop-details-collapse{top:50%;left:auto;right:-7px;transform:translateY(-50%)}.desktop-stand-toggle .desktop-details-collapse-icon,.desktop-stand-reopen .desktop-details-collapse-icon{transform:scaleX(-1)}.desktop-stand-rail{z-index:1;border-right:1px solid var(--rule);background:var(--panel);grid-area:2/1/span 2;min-width:0;position:relative}.desktop-stand-reopen.desktop-details-collapse{top:16px;left:50%;transform:translate(-50%)}.desktop-stand-reopen>*{grid-area:1/1}.desktop-stand-reopen .desktop-details-collapse-icon{visibility:hidden}.desktop-stand-reopen[data-focus-visible]:where(:focus) .desktop-details-collapse-icon{visibility:visible}.desktop-stand-reopen[data-focus-visible]:where(:focus) .desktop-stand-rail-symbol{visibility:hidden}@media (hover:hover) and (pointer:fine){.desktop-stand-reopen:hover .desktop-details-collapse-icon{visibility:visible}.desktop-stand-reopen:hover .desktop-stand-rail-symbol{visibility:hidden}}.inline-piece-details .piece-sheet-preview{place-items:center;width:44px;padding:0;display:grid}.desktop-library-brand{color:var(--ink);grid-column:1;justify-self:start;align-items:center;display:flex}.desktop-library-brand svg{width:20px;height:36px;display:block}@media (max-width:720px){.library-room{flex-direction:column;display:flex;overflow-y:auto}.stand{border-right:none;border-bottom:1px solid var(--rule);flex:none;overflow:visible}.stand-scroll{flex:none;overflow:visible}.stand-body{padding:calc(16px + var(--safe-t)) 18px 14px}.shelf{min-height:auto}.shelf-head{z-index:5;padding:calc(12px + var(--safe-t)) calc(18px + var(--safe-r)) 10px calc(18px + var(--safe-l));flex-wrap:wrap;gap:10px 12px;position:sticky;top:0}.shelf-head .filter-search-wrap{flex:100%;max-width:none}.shelf-list{padding:2px 18px 30px;overflow:visible}.shelf-row{padding:0 2px}.shelf-row-title{text-overflow:ellipsis;min-width:0;overflow:hidden}.shelf-mins{display:none}}.piece-overflow{display:inline-flex;position:relative}.piece-overflow-trigger{border-radius:var(--radius-control);width:30px;height:28px;color:var(--ink-secondary);cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #0000;place-items:center;padding:0;font-size:10px;display:grid}.piece-overflow-trigger[data-focus-visible]:where(:focus){border-color:var(--rule);background:var(--panel);color:var(--ink)}@media (hover:hover) and (pointer:fine){.piece-overflow-trigger:hover{border-color:var(--rule);background:var(--panel);color:var(--ink)}}.piece-overflow-trigger[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.piece-overflow-item[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.piece-overflow-positioner{z-index:32}.piece-overflow-menu{width:max-content;min-width:156px;padding:5px;display:grid}.piece-overflow-menu[hidden]{display:none}.piece-overflow-item{border-radius:var(--radius-control);min-height:34px;color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:6px 10px;font-size:12px}@media (hover:hover) and (pointer:fine){.piece-overflow-item:not(:disabled):not([data-disabled]):hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}}.piece-overflow-item[data-error]{color:var(--red-deep)}.piece-overflow-hint{display:none}.stand{border-right:1px solid var(--rule);background:var(--panel);flex-direction:column;min-height:0;display:flex;overflow:hidden}.stand-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.stand-corner{border-top:1px solid var(--rule);background:var(--panel);flex-direction:column;flex:none;display:flex}.stand-foot{justify-content:space-between;align-items:center;gap:10px;padding:9px 14px 9px 16px;display:flex}.verify-row{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:10px;padding:9px 16px;display:flex}.verify-row-text{min-width:0;color:var(--ink-secondary);font-family:var(--font-body);font-size:12.5px;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.verify-row-error{color:var(--red-deep);white-space:normal}.verify-row-action{border-radius:var(--radius-compact);min-height:0;color:var(--accent-info);cursor:pointer;font-family:var(--font-body);font-size:12.5px;font-weight:var(--weight-semibold);background:0 0;border:none;flex:none;padding:2px 4px}@media (hover:hover) and (pointer:fine){.verify-row-action:hover{text-decoration:underline}}.verify-row-action[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.verify-row-action:disabled{opacity:.55;cursor:default;text-decoration:none}.stand-foot .account-menu-root{flex:0 auto;min-width:0}.stand-foot .nav-activity-root{flex:none}.stand-foot .nav-activity-trigger{white-space:nowrap}.stand-corner--colophon{margin-top:auto}.stand-corner--colophon .stand-foot{padding:12px 18px calc(12px + var(--safe-b))}.stand-corner--colophon .verify-row{padding:10px 18px}.stand-collapse{transition:grid-template-rows var(--duration-panel) var(--ease-out-gentle);grid-template-rows:1fr;display:grid}.stand-collapse[data-collapsed]{grid-template-rows:0fr}.stand-collapse-inner{min-height:0;overflow:hidden}.stand-body{padding:calc(26px + var(--safe-t)) 26px 20px}.stand-eyebrow{color:var(--ink-tertiary);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0 0 14px}.stand-empty-hint{color:var(--ink-tertiary);margin:0;font-size:12.5px;line-height:1.5}.stand-review{position:relative}.stand-review-stack{--stack-peek:0px;padding-bottom:var(--stack-peek);margin:0 0 16px;position:relative}.stand-review-stack--depth-1{--stack-peek:6px}.stand-review-stack--depth-2{--stack-peek:12px}.stand-review-stack .incipit-ink{border:1px solid var(--rule);height:112px}.stand-review-sheet{border:1px solid var(--hairline);background:var(--panel);display:block;position:absolute}.stand-review-sheet[data-depth="1"]{inset:6px 6px calc(var(--stack-peek) - 6px)}.stand-review-sheet[data-depth="2"]{top:12px;bottom:0;left:13px;right:13px}.stand-review-title{color:var(--ink);font-family:var(--font-display);font-size:23px;font-weight:var(--weight-medium);margin:0;line-height:1.15}.stand-review-composer{color:var(--ink-secondary);margin:3px 0 0;font-size:13px}.stand-review-summary{color:var(--ink-secondary);font-variant-numeric:tabular-nums;margin:9px 0 0;font-size:12.5px}.stand-review-summary b{color:var(--ink);font-weight:var(--weight-semibold)}.stand-review-primary{margin-top:16px}.stand-review-forecast{color:var(--ink-tertiary);margin:10px 0 0;font-size:11.5px;line-height:1.4}.stand-review--condensed{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.stand-review-condensed-copy{gap:2px;min-width:0;display:grid}.stand-chip-wrap{align-items:stretch;gap:5px;display:inline-flex}.incipit-ink{background:var(--paper);display:block;position:relative;overflow:hidden}.incipit-ink>svg{opacity:0;transition:opacity var(--duration-panel) var(--ease-out-gentle);display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.incipit-ink[data-incipit-ready]>svg{opacity:1}.incipit-ink[data-incipit-overflow]:after{content:"";background:linear-gradient(90deg, transparent calc(100% - 26px), var(--paper));pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.incipit-cover{gap:10px;display:grid}.incipit-cover>*{min-width:0}.incipit-cover-strip{width:100%;margin-left:-6px;position:relative}.incipit-cover-strip .incipit-ink{background:var(--incipit-cover-paper,var(--paper));height:160px}.incipit-cover-strip .incipit-ink[data-incipit-ready]>svg{opacity:1;transition:none}.incipit-cover-strip .incipit-ink[data-incipit-overflow]:after{background:linear-gradient(90deg, transparent calc(100% - 26px), var(--incipit-cover-paper,var(--paper)))}.stand-hero-cover{--incipit-cover-paper:var(--panel)}.stand-hero-cover .stand-hero-title{text-wrap:pretty;font-size:27px}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse),(hover:none) and (pointer:coarse) and (min-width:961px),(hover:none) and (pointer:coarse) and (min-width:541px) and (max-aspect-ratio:16/9){.stand-hero-cover{--incipit-cover-paper:var(--paper)}}.starter-plate-music{margin-top:8px;padding-left:12px}.starter-plate-music .incipit-ink{height:104px}.stand-hero-title{color:var(--ink);font-family:var(--font-display);font-size:23px;font-weight:var(--weight-medium);margin:0;line-height:1.15}.stand-hero-composer{color:var(--ink-secondary);margin:3px 0 0;font-size:13px}.stand-hero-summary{color:var(--ink-secondary);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:12.5px}.stand-hero-summary b{color:var(--ink);font-weight:var(--weight-semibold)}.stand-hero-memline{color:var(--ink-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-top:10px;font-size:11.5px;display:flex}.stand-hero-primary{border-radius:var(--radius-panel);background:var(--lacquer);width:100%;height:36px;color:var(--paper);cursor:pointer;font-family:var(--font-body);font-size:13.5px;font-weight:var(--weight-semibold);transition:filter var(--duration-control) ease;border:none;justify-content:center;align-items:center;margin-top:14px;padding:0 18px;display:inline-flex}@media (hover:hover) and (pointer:fine){.stand-hero-primary:hover:not(:disabled){filter:brightness(1.18)}}.stand-hero-primary:disabled{cursor:default;opacity:.55}.stand-hero-primary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.stand-hero-alt{border-radius:var(--radius-panel);width:100%;color:var(--ink-secondary);cursor:pointer;font-family:var(--font-body);text-align:center;transition:background var(--duration-control) ease, color var(--duration-control) ease;background:0 0;border:none;margin-top:6px;padding:7px 0;font-size:12px}@media (hover:hover) and (pointer:fine){.stand-hero-alt:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 5%, var(--panel));color:var(--ink)}}.stand-hero-alt:disabled{cursor:default;opacity:.55}.stand-hero-alt[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.stand-rule{border:0;border-top:1px solid var(--rule);align-self:stretch;height:0;margin:22px 0 10px}.stand-rows{flex-direction:column;display:flex}.stand-row{border-radius:var(--radius-panel);cursor:pointer;transition:background var(--duration-control) ease;align-items:center;gap:10px;margin:0 -8px;padding:9px 8px;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.stand-row:hover{background:color-mix(in srgb, var(--ink) 5%, var(--panel))}}.stand-row[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-2px}.stand-row[data-pending]{opacity:.6}.stand-row-title{color:var(--ink);font-family:var(--font-display);font-size:15px;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stand-row-composer{color:var(--ink-tertiary);white-space:nowrap;font-size:11.5px}.stand-row-right{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.stand-mem{color:var(--ink-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11px;display:inline-flex}.stand-row-actions{opacity:0;transition:opacity var(--duration-fast) ease;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.stand-row:focus-within .stand-row-actions{opacity:1}@media (hover:hover) and (pointer:fine){.stand-row:hover .stand-row-actions{opacity:1}}.stand-row:focus-within .stand-row-right{opacity:0}@media (hover:hover) and (pointer:fine){.stand-row:hover .stand-row-right{opacity:0}}.stand-row-action{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);height:26px;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:11.5px;font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--duration-control) ease;padding:0 9px}@media (hover:hover) and (pointer:fine){.stand-row-action:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 5%, var(--panel))}}.stand-row-action[data-error]{border-color:color-mix(in srgb, var(--red) 45%, var(--rule));color:var(--red-deep)}.stand-row-action[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.stand-hero-primary,.stand-hero-alt,.stand-row,.stand-row-actions,.stand-row-action,.stand-collapse,.stand-slim-resume{transition:none}}.stand-invitation-title{color:var(--ink);font-family:var(--font-display);font-size:25px;font-weight:var(--weight-medium);margin:2px 0 10px;line-height:1.2}.stand-guided-title{text-wrap:balance;margin-bottom:22px}.stand-invitation-hint{color:var(--ink-secondary);margin:0;font-size:13px;line-height:1.6}.starter-plate{border:1px solid var(--rule);background:var(--paper);margin-top:22px}.starter-plate-label{color:var(--ink-tertiary);font-size:10.5px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;padding:10px 14px 0;display:block}.starter-plate-cap{align-items:baseline;gap:9px;padding:12px 14px 0;display:flex}.starter-plate-title{color:var(--ink);font-family:var(--font-display);font-size:17px;font-weight:var(--weight-medium)}.starter-plate-composer{color:var(--ink-secondary);font-size:12px}.starter-plate-cap .shelf-level{margin-left:auto}.starter-plate .stand-hero-primary{width:calc(100% - 28px);margin:12px 14px 14px}.stand-now-line{align-items:center;gap:14px;display:flex}.stand-now-identity{min-width:0}.stand-now-title{color:var(--ink);font-family:var(--font-display);font-size:20px;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;line-height:1.15;display:block;overflow:hidden}.stand-now-composer{color:var(--ink-secondary);margin-top:2px;font-size:12.5px;display:block}.stand-now-continue{flex:none;width:auto;margin-top:0;margin-left:auto}.stand-now-sub{color:var(--ink-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin-top:9px;font-size:12px;display:flex}.stand-now-summary b{color:var(--ink);font-weight:var(--weight-semibold)}.stand-chips{flex-wrap:wrap;gap:4px 18px;margin-top:12px;display:flex}.stand-chip{cursor:pointer;font-family:var(--font-body);background:0 0;border:none;align-items:baseline;gap:7px;padding:5px 0;font-size:13px;display:inline-flex}.stand-chip[data-pending]{opacity:.6}.stand-chip-title{color:var(--ink);font-family:var(--font-display);font-weight:var(--weight-medium)}.stand-chip-count{color:var(--ink-tertiary);font-variant-numeric:tabular-nums;font-size:11px}@media (hover:hover) and (pointer:fine){.stand-chip:hover .stand-chip-title{text-underline-offset:3px;text-decoration:underline}}.stand-chip[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.stand-slim{background:var(--panel);align-items:center;gap:10px;padding:10px 18px;display:flex}.stand-slim-eyebrow{margin-bottom:0}.stand-slim-title{color:var(--ink);font-family:var(--font-display);font-size:15px;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stand-slim-summary{color:var(--ink-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.stand-slim-resume{border-radius:var(--radius-panel);color:var(--ink-secondary);cursor:pointer;font-family:var(--font-body);white-space:nowrap;transition:background var(--duration-control) ease, color var(--duration-control) ease;background:0 0;border:none;flex:none;margin-left:auto;padding:4px 8px;font-size:12.5px}@media (hover:hover) and (pointer:fine){.stand-slim-resume:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 5%, var(--panel));color:var(--ink)}}.stand-slim-resume[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}@media (max-width:1080px){.stand-foot{gap:8px;padding:9px 10px 9px 14px}.stand-foot .nav-week{display:none}}.shelf{--shelf-inline-gutter:28px;--shelf-preview-shift:20px;--duration-preview-meter:.9s;flex-direction:column;min-height:0;display:flex;position:relative}.shelf-head{padding:calc(14px + var(--safe-t)) 28px 14px;border-bottom:1px solid var(--rule);background:var(--panel);align-items:center;gap:18px;display:flex}.shelf-head .filter-search-wrap{flex:240px;max-width:420px}.shelf-head .filter-search-input{border-color:var(--rule);background:var(--paper);height:34px;font-size:max(13.5px, var(--field-text-floor))}.shelf-head .filter-search-input:focus{background:var(--panel)}.shelf-level-chips{gap:6px;display:flex}.level-chip{border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--panel);height:26px;color:var(--ink-secondary);cursor:pointer;font-family:var(--font-body);white-space:nowrap;transition:background var(--duration-control) ease, border-color var(--duration-control) ease, color var(--duration-control) ease;padding:0 11px;font-size:12px}@media (hover:hover) and (pointer:fine){.level-chip:hover{background:color-mix(in srgb, var(--ink) 5%, var(--panel))}}.level-chip[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:var(--weight-medium)}.level-chip[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.shelf-sort{border-radius:var(--radius-panel);color:var(--ink-secondary);cursor:pointer;font-family:var(--font-body);transition:background var(--duration-control) ease;background:0 0;border:none;margin-left:auto;padding:4px 8px;font-size:12.5px}.shelf-sort b{color:var(--ink);font-weight:var(--weight-semibold)}@media (hover:hover) and (pointer:fine){.shelf-sort:hover{background:color-mix(in srgb, var(--ink) 5%, var(--panel))}}.shelf-sort[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.shelf-list{flex:1;min-height:0;padding:6px 0 40px;overflow-y:auto}.shelf-group{margin:22px var(--shelf-inline-gutter) 2px;align-items:baseline;gap:10px;display:flex}.shelf-group-eyebrow{color:var(--ink-tertiary);font-size:10.5px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase}.shelf-group-rule{border-bottom:1px solid var(--rule);flex:1}.shelf-row{padding:0 var(--shelf-inline-gutter);cursor:pointer;transition:background var(--duration-control) ease;align-items:center;gap:4px;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.shelf-row:hover{background:color-mix(in srgb, var(--ink) 3%, transparent)}}.shelf-row:has([data-focus-visible]:where(:focus)){background:color-mix(in srgb, var(--ink) 3%, transparent)}.shelf-row:has(.shelf-row-details:active){background:color-mix(in srgb, var(--ink) 5%, transparent);transition:none}.shelf-row-details[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-2px}.shelf-row[data-pending]{opacity:.6}.shelf-row-details{min-width:0;min-height:44px;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:8px 0;display:flex;position:relative}.shelf-row[data-details-open]:before{border-radius:var(--radius-control);background:color-mix(in srgb, var(--ink) 12%, transparent);content:"";position:absolute;top:2px;bottom:2px;left:8px;right:8px}@supports (corner-shape:squircle){.shelf-row[data-details-open]:before{corner-shape:squircle}}.shelf-row[data-preview-state] .shelf-row-title{padding-left:var(--shelf-preview-shift);color:var(--red-deep);font-weight:var(--weight-semibold)}.shelf-preview-meter{align-items:flex-end;gap:2px;height:11px;display:flex;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.shelf-preview-meter i{background:var(--red);border-radius:1px;width:2px;height:4px}.shelf-row[data-preview-state=playing] .shelf-preview-meter i{animation:shelf-preview-meter var(--duration-preview-meter) ease-in-out infinite}.shelf-row[data-preview-state=playing] .shelf-preview-meter i:nth-child(2){animation-duration:calc(var(--duration-preview-meter) * .71)}.shelf-row[data-preview-state=playing] .shelf-preview-meter i:nth-child(3){animation-duration:calc(var(--duration-preview-meter) * 1.24)}@keyframes shelf-preview-meter{0%,to{height:4px}50%{height:11px}}.shelf-row-title{min-width:0;color:var(--ink);transition:padding-left var(--duration-control) var(--ease-out-emphatic);font-family:var(--font-display);font-size:16px;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.shelf-row-composer{color:var(--ink-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.shelf-match{background:color-mix(in srgb, var(--ink) 8%, transparent);color:inherit;border-radius:2px}.shelf-row-right{flex:none;align-items:center;margin-left:auto;display:flex}.shelf-row-meta{align-items:center;gap:14px;display:flex}.shelf-mem{color:var(--ink-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11px;display:inline-flex}.shelf-mins{color:var(--ink-tertiary);font-variant-numeric:tabular-nums;font-size:12px}.shelf-level{align-items:center;gap:6px;display:inline-flex}.shelf-level-numeral{color:var(--ink-secondary);font-size:11.5px;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.shelf-level-ticks{align-items:flex-end;gap:2px;display:inline-flex}.shelf-level-ticks i{background:var(--rule);border-radius:1px;width:3px;height:9px}.shelf-level-ticks i[data-on]{background:color-mix(in srgb, var(--ink-tertiary) 85%, var(--rule))}.shelf-action{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);height:26px;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:11.5px;font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--duration-control) ease;padding:0 9px}@media (hover:hover) and (pointer:fine){.shelf-action:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 5%, var(--panel))}}.shelf-action:disabled{cursor:default;opacity:.55}.shelf-action[data-error]{border-color:color-mix(in srgb, var(--red) 45%, var(--rule));color:var(--red-deep)}.shelf-action[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.shelf-list[data-docked]{padding-bottom:126px}.piece-preview-controls{--preview-inset-left:20px;--preview-inset-right:20px;padding:0 var(--preview-inset-right) 10px var(--preview-inset-left);border-bottom:1px solid var(--rule);grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"play who actions""scrub scrub scrub";align-items:center;gap:4px 12px;display:grid}.piece-preview-controls .dock-scrub{grid-area:scrub;max-width:none}.piece-preview-controls .dock-actions{grid-area:actions}.dock-playpause{border-radius:var(--radius-compact);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:none;flex:none;grid-area:play;place-items:center;padding:0;display:grid}.dock-playpause[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.dock-who{min-width:0;min-height:44px;color:var(--ink-secondary);cursor:pointer;font:inherit;text-align:left;touch-action:pan-y;background:0 0;border:0;grid-area:who;align-items:center;padding:0;display:flex}.dock-who[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.dock-identity{flex:1;min-width:0}.dock-title-window{height:1lh;display:block;position:relative;overflow:hidden}.dock-title-track{visibility:hidden;gap:2em;width:max-content;display:flex;position:absolute;top:0;bottom:auto;left:0;right:auto}.dock-title-track>span{white-space:nowrap;flex:none;display:block}.dock-title-window[data-looping]>.dock-title{opacity:0}.dock-title-window[data-looping]>.dock-title-track{visibility:visible}.dock-title,.dock-composer{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dock-title-window{color:var(--ink);font-family:var(--font-display);font-size:14px;font-weight:var(--weight-medium)}.dock-composer{color:var(--ink-tertiary);font-size:11.5px}.dock-scrub{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;max-width:340px;display:grid}.dock-track{flex:1;min-width:0}.dock-track-control{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;height:28px;display:flex;position:relative}.dock-track[data-disabled] .dock-track-control{cursor:default}.dock-track-rail{background:var(--rule);border-radius:2px;width:100%;height:3px;position:relative}.dock-track-fill{background:var(--ink);border-radius:inherit}.dock-track-thumb{border-radius:var(--radius-pill);background:var(--ink);width:9px;height:9px}.dock-track-thumb:has(input[data-focus-visible]:where(:focus)){outline:2px solid var(--focus);outline-offset:4px}.dock-time{min-width:4ch;color:var(--ink-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;line-height:1.3}.dock-time-remaining{text-align:right;min-width:5ch}.piece-preview-controls[data-collapsed]{border-bottom:0;grid-template-areas:"play who actions""scrub scrub scrub";row-gap:6px;padding-bottom:0}@media (max-width:640px),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.piece-preview-controls[data-collapsed]{padding-bottom:max(0px, var(--safe-b) - var(--keyboard-inset))}}.piece-preview-controls[data-collapsed] .dock-scrub{margin-right:calc(-1 * var(--preview-inset-right));margin-left:calc(-1 * var(--preview-inset-left));display:block}.dock-progress{background:var(--rule);height:3px}.dock-progress-fill{background:var(--ink);height:100%}.dock-actions{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.dock-close{border-radius:var(--radius-compact);width:44px;height:44px;color:var(--ink-secondary);cursor:pointer;transition:background var(--duration-control) ease, color var(--duration-control) ease;background:0 0;border:none;place-items:center;padding:0;font-size:15px;display:grid}@media (hover:hover) and (pointer:fine){.dock-close:hover{color:var(--ink)}}.dock-close[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.shelf-row,.shelf-action,.level-chip,.shelf-sort,.dock-close,.shelf-row-title{transition:none}.shelf-row[data-preview-state=playing] .shelf-preview-meter i{height:8px;animation:none}}@media (max-width:1080px){.shelf{--shelf-inline-gutter:16px;--shelf-preview-shift:18px}.shelf-head{flex-wrap:wrap;gap:10px 12px;padding-left:16px;padding-right:16px}.shelf-head .filter-search-wrap{flex:100%;max-width:none}.shelf-list{padding:0 0 40px}.shelf-group{margin:16px var(--shelf-inline-gutter) 2px}.shelf-group:first-child{margin-top:10px}.shelf-mins{display:none}}.shelf-row-stand-mark{color:var(--ink-tertiary);opacity:0;transition:opacity var(--duration-standard) var(--ease-out-gentle);flex:none;margin-right:10px}.shelf-row[data-current-repertoire] .shelf-row-stand-mark{animation:shelf-stand-mark-in var(--duration-standard) var(--ease-spring-settle);opacity:1}@keyframes shelf-stand-mark-in{0%{transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.shelf-row-stand-mark{transition:none}.shelf-row[data-current-repertoire] .shelf-row-stand-mark{animation:none}}.review-status-action-wrap{flex-direction:column;align-items:flex-end;gap:3px;display:inline-flex}.review-status-action{border:1px solid var(--rule-strong);border-radius:var(--radius-compact);min-height:28px;color:var(--ink-secondary);cursor:pointer;font:inherit;font-size:11.5px;font-weight:var(--weight-semibold);background:0 0;padding:4px 8px}@media (hover:hover) and (pointer:fine){.review-status-action:hover{border-color:var(--ink-tertiary);color:var(--ink)}}.review-status-action[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.review-status-action:disabled{cursor:default;opacity:.55}.review-status-error{max-width:190px;color:var(--red-deep);text-align:right;font-size:10.5px;line-height:1.25}.stand-membership-error{z-index:2;border:1px solid color-mix(in srgb, var(--red-deep) 30%, var(--rule));border-radius:var(--radius-control);background:var(--panel);color:var(--red-deep);white-space:nowrap;padding:2px 5px;font-size:10.5px;position:absolute;bottom:-7px;right:44px}.stand-membership-error button{color:inherit;cursor:pointer;font:inherit;font-weight:var(--weight-semibold);text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.stand-row:focus-within{z-index:31}.piece-sheet{width:min(620px,100%);padding:12px 24px 24px}.piece-sheet-close{z-index:3;float:right;border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--panel);width:34px;height:34px;color:var(--ink-secondary);cursor:pointer;font:inherit;place-items:center;padding:0;font-size:21px;line-height:1;display:grid;position:relative}.piece-sheet-close[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.piece-sheet button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.piece-sheet a[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.piece-sheet-incipit-wrap{--incipit-cover-paper:var(--paper);clear:both;min-height:34px;margin:4px 0 20px;position:relative}.piece-sheet-preview{z-index:2;border:1px solid var(--hairline);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--panel) 94%, transparent);min-height:44px;color:var(--ink);cursor:pointer;font:inherit;padding:0 16px;font-size:12px;position:relative}.piece-sheet-incipit-wrap:has(.incipit-cover-strip) .piece-sheet-preview{position:absolute;bottom:10px;right:10px}.piece-sheet-header{padding-right:48px}.piece-sheet-title{color:var(--ink);font-family:var(--font-body);font-size:clamp(25px,4vw,34px);font-weight:var(--weight-medium);margin:0;line-height:1.08}.piece-sheet-composer,.piece-sheet-subtitle{color:var(--ink-secondary);margin:5px 0 0;font-size:14px}.piece-sheet-subtitle{color:var(--ink-tertiary);font-style:italic}.piece-sheet-facts{color:var(--ink-secondary);flex-wrap:wrap;align-items:center;gap:4px 0;margin:6px 0 20px;padding:0;font-size:13px;display:flex}.piece-sheet-facts div{align-items:center;gap:5px;display:inline-flex}.piece-sheet-facts div+div:before{color:var(--ink-tertiary);content:"·";margin:0 .5em}.piece-sheet-facts dt{color:inherit;font-size:inherit;font-weight:inherit}.piece-sheet-facts [data-fact=length] dt{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.piece-sheet-facts dd{font-size:inherit;margin:0}.piece-sheet-facts .shelf-level-numeral{color:inherit;font-size:inherit}.piece-sheet-memory{border-bottom:1px solid var(--rule);gap:14px;margin:4px 0 22px;padding:0 0 18px;display:grid}.piece-sheet-memory-headline{color:var(--ink);font-family:var(--font-display);font-size:20px;font-weight:var(--weight-medium);letter-spacing:-.015em;line-height:1.2}.piece-sheet-memory-facts{color:var(--ink-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 22px;font-size:12px;display:flex}.piece-sheet-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.piece-sheet-primary,.piece-sheet-secondary{border:1px solid var(--ink);border-radius:var(--radius-control);background:var(--ink);min-height:44px;color:var(--panel);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--weight-semibold)}.piece-sheet-secondary{border-color:var(--rule);color:var(--ink);background:0 0}.piece-sheet-membership{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.piece-sheet-stand,.piece-sheet-review{cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:13px}.piece-sheet-stand{color:var(--ink);align-items:center;gap:8px;display:inline-flex}.piece-sheet-review{color:var(--ink-secondary)}@media (hover:none) and (pointer:coarse){.piece-sheet-stand,.piece-sheet-review{min-height:44px;margin-block-start:-4px;margin-block-end:-4px}}.piece-sheet-membership .review-status-action-wrap{animation:piece-sheet-review-enter var(--duration-quick) var(--ease-out-gentle)}@keyframes piece-sheet-review-enter{0%{opacity:0;transform:translate(4px)}}.stand-toggle-glyph{flex:none}.piece-sheet-stand[aria-pressed=true] .stand-toggle-glyph{animation:stand-glyph-pop var(--duration-medium) var(--ease-spring-settle)}@keyframes stand-glyph-pop{0%{transform:scale(1)}45%{transform:scale(1.15)}to{transform:scale(1)}}.stand-toggle-label{animation:stand-label-fade var(--duration-quick) var(--ease-out-gentle)}@keyframes stand-label-fade{0%{opacity:0}}.piece-sheet-stand[data-error]{color:var(--red-deep)}@media (prefers-reduced-motion:reduce){.piece-sheet-membership .review-status-action-wrap,.piece-sheet-stand[aria-pressed=true] .stand-toggle-glyph,.stand-toggle-label{animation:none}}.piece-sheet button:disabled{cursor:default;opacity:.55}.piece-sheet-error{color:var(--red-deep);margin:9px 0 0;font-size:12px}.piece-sheet-takeover-scrim{z-index:122;background:color-mix(in srgb, var(--ink) 38%, transparent);position:fixed;top:0;bottom:0;left:0;right:0}.piece-sheet-takeover-layer{top:var(--visual-t);z-index:123;height:var(--visual-h);pointer-events:none;place-items:center;padding:24px;display:grid;position:fixed;left:0;right:0}.piece-sheet-takeover-dialog{pointer-events:auto;width:min(372px,100%);padding:23px;position:relative}.piece-sheet-takeover-dialog h2{color:var(--ink);font-size:18px;font-weight:var(--weight-semibold);margin:0;line-height:1.25}.piece-sheet-takeover-dialog p{color:var(--ink-secondary);margin:9px 0 0;font-size:13px;line-height:1.5}.piece-sheet-takeover-dialog-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:21px;display:flex}.piece-sheet-takeover-cancel{color:var(--ink-secondary);cursor:pointer;font:inherit;background:0 0;border:0;padding:8px 0;font-size:12.5px}.piece-sheet-takeover-dialog-actions button{border:1px solid var(--rule);border-radius:var(--radius-control);cursor:pointer;min-height:38px;font:inherit;font-size:13px;font-weight:var(--weight-semibold);padding:0 15px}.piece-sheet-takeover-cancel{color:var(--ink);background:0 0}.piece-sheet-takeover-confirm{background:var(--ink);color:var(--panel);border-color:var(--ink)!important}.piece-sheet-takeover-dialog button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}@media (max-width:640px),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.piece-sheet{max-height:min(86dvh,760px);padding:7px max(18px, var(--safe-r)) calc(18px + var(--safe-b)) max(18px, var(--safe-l))}.piece-sheet-close{display:none}.piece-sheet-header{padding-right:0}.piece-sheet-incipit-wrap .incipit-cover-strip .incipit-ink{height:128px}.piece-sheet-memory{margin-top:0}.piece-sheet-takeover-layer{padding:12px max(12px, var(--safe-r)) calc(12px + max(0px, var(--safe-b) - var(--keyboard-inset))) max(12px, var(--safe-l))}}.piece-sheet-close[hidden]{display:none}.piece-preview-header{opacity:1;transition:opacity var(--duration-control) ease}.piece-preview-header[data-closing]{opacity:0}@media (prefers-reduced-motion:reduce){.piece-preview-header{transition:none}}.piece-sheet[data-persistent] .submission-dialog-details{padding:0 24px 24px}.piece-sheet[data-persistent] .piece-sheet-incipit-wrap{margin-top:16px}@media (max-width:640px),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.piece-sheet[data-persistent] .submission-dialog-details{padding:0 max(18px, var(--safe-r)) max(18px, calc(var(--safe-b) - var(--keyboard-inset))) max(18px, var(--safe-l))}}.shelf-row,.stand-row{transform:translateX(calc(var(--membership-swipe-reveal,0) * -1px));touch-action:pan-y;transition:background var(--duration-control) ease, transform var(--duration-fast) var(--ease-out-gentle)}.shelf-row[data-membership-tracking]:not([data-membership-armed]),.stand-row[data-membership-tracking]:not([data-membership-armed]){transition-property:background}.membership-underlay{width:calc(var(--membership-swipe-reveal,0) * 1px);background:var(--paper-warm);position:absolute;top:0;bottom:0;left:100%;overflow:hidden}.membership-underlay-label{top:50%;right:calc(14px + var(--safe-r,0px));color:var(--ink-tertiary);font-size:10.5px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;white-space:nowrap;opacity:min(1, calc(var(--membership-swipe-reveal,0) / 40));transition:color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out-gentle);position:absolute;transform:translateY(-50%)}[data-membership-armed] .membership-underlay-label[data-membership-action]{color:var(--ink);transform:translateY(-50%)scale(1.06)}[data-membership-armed] .membership-underlay[data-direction=remove] .membership-underlay-label[data-membership-action]{color:var(--red-deep)}.membership-underlay-label[data-membership-confirm]{opacity:1;display:none}[data-membership-confirming] .membership-underlay-label[data-membership-action]{display:none}[data-membership-confirming] .membership-underlay-label[data-membership-confirm]{display:inline}[data-membership-confirming] .membership-underlay[data-direction=add] .membership-underlay-label[data-membership-confirm]{color:var(--green)}[data-membership-confirming] .membership-underlay[data-direction=remove] .membership-underlay-label[data-membership-confirm]{color:var(--red-deep)}@media (prefers-reduced-motion:reduce){.shelf-row,.stand-row,.membership-underlay-label{transition:none}}.shelf-empty{text-align:center;opacity:0;transition:opacity var(--duration-panel) ease;padding:96px 28px 40px}.shelf-empty[data-settled]{opacity:1}.shelf-empty-title{color:var(--ink);font-family:var(--font-display);font-size:19px;font-weight:var(--weight-display);letter-spacing:-.01em;margin:0}.shelf-empty-hint{max-width:46ch;color:var(--ink-tertiary);font-family:var(--font-body);margin:8px auto 0;font-size:12.5px;line-height:1.55}.shelf-empty-actions{margin-top:12px}.shelf-empty-action{border-radius:var(--radius-compact);color:var(--accent-info);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:var(--weight-semibold);background:0 0;border:none;padding:4px 6px}@media (hover:hover) and (pointer:fine){.shelf-empty-action:hover{text-decoration:underline}}.shelf-empty-action[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.shelf-request-trigger{width:100%;padding:8px var(--shelf-inline-gutter);cursor:pointer;text-align:left;transition:background var(--duration-control) ease;background:0 0;border:none;align-items:center;gap:12px;display:flex}@media (hover:hover) and (pointer:fine){.shelf-request-trigger:hover{background:color-mix(in srgb, var(--ink) 3%, transparent)}}.shelf-request-trigger:active{background:color-mix(in srgb, var(--ink) 5%, transparent);transition:none}.shelf-request-trigger[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-2px}.shelf-request-plus{border:1px dashed color-mix(in srgb, var(--ink) 32%, transparent);border-radius:var(--radius-pill);width:28px;height:28px;color:var(--ink-secondary);transition:border-color var(--duration-control) ease, color var(--duration-control) ease;flex:none;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.shelf-request-trigger:hover .shelf-request-plus{border-color:color-mix(in srgb, var(--ink) 55%, transparent);color:var(--ink)}}.shelf-request-title{color:var(--ink);font-family:var(--font-display);font-size:16px;font-weight:var(--weight-medium);white-space:nowrap}.shelf-request-promise{color:var(--ink-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.shelf-request-received{width:100%;padding:8px var(--shelf-inline-gutter);align-items:center;gap:12px;display:flex}.shelf-request-plus[data-received]{border:1px solid color-mix(in srgb, var(--green) 42%, transparent);color:var(--green)}.piece-request-form,.piece-request-receipt{text-align:left;padding:24px}.piece-request-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.piece-request-header{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 12px;display:grid}.piece-request-header h2,.piece-request-receipt h2{font-family:var(--font-display);font-size:clamp(1.35rem,4vw,1.62rem);font-weight:var(--weight-display);margin:0;line-height:1.12}.piece-request-close{border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--panel) 78%, transparent);width:34px;height:34px;color:var(--ink);cursor:pointer;font:24px/1 var(--font-body);justify-content:center;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.piece-request-close:hover:not(:disabled){background:color-mix(in srgb, var(--paper) 62%, var(--panel))}}.piece-request-close:disabled{cursor:wait;opacity:.58}.piece-request-close[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.piece-request-form label{gap:7px;min-width:0;display:grid}.piece-request-form span{color:var(--ink-soft);font-family:var(--font-body);font-size:11px;font-weight:var(--weight-display);letter-spacing:var(--label-tracking);text-transform:uppercase}.piece-request-form input,.piece-request-form textarea{border:1px solid var(--line);border-radius:var(--radius-control);background:color-mix(in srgb, var(--panel) 80%, transparent);width:100%;color:var(--ink);font-family:var(--font-body);font-size:max(14px, var(--field-text-floor));transition:border-color var(--duration-control) ease, box-shadow var(--duration-control) ease, background var(--duration-control) ease;line-height:1.4}.piece-request-form input{min-height:42px;padding:0 12px}.piece-request-form textarea{resize:vertical;min-height:84px;padding:10px 12px}.piece-request-form input:focus,.piece-request-form textarea:focus{border-color:color-mix(in srgb, var(--ink) 38%, var(--line));background:var(--panel);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 12%, transparent);outline:none}.piece-request-form input::placeholder{color:color-mix(in srgb, var(--muted) 72%, transparent)}.piece-request-form-wide,.piece-request-actions,.piece-request-error{grid-column:1/-1}.piece-request-note{color:var(--ink-tertiary);font-family:var(--font-body);grid-column:1/-1;margin:0;font-size:12px}.piece-request-actions{justify-content:flex-end;gap:10px;margin-top:2px;display:flex}.piece-request-submit,.piece-request-secondary{border-radius:var(--radius-control);cursor:pointer;min-height:42px;font-family:var(--font-body);font-size:13.5px;font-weight:var(--weight-semibold);letter-spacing:-.003em;transition:background var(--duration-control) ease, border-color var(--duration-control) ease, color var(--duration-control) ease, box-shadow var(--duration-control) ease, opacity var(--duration-control) ease}.piece-request-submit{background:var(--lacquer);color:var(--paper);border:1px solid #0000;padding:0 22px}@media (hover:hover) and (pointer:fine){.piece-request-submit:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}}.piece-request-submit[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.piece-request-secondary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.piece-request-submit:disabled,.piece-request-secondary:disabled{cursor:default;opacity:.5;box-shadow:none;transform:none}.piece-request-secondary{border:1px solid var(--line);color:var(--muted);background:0 0;padding:0 16px}@media (hover:hover) and (pointer:fine){.piece-request-secondary:hover:not(:disabled){border-color:var(--hairline);color:var(--ink);background:var(--panel)}}.piece-request-error{color:var(--red-deep);font-family:var(--font-body);margin:0;font-size:13.5px}.piece-request-receipt{justify-items:start;gap:10px;padding-top:28px;display:grid}.piece-request-receipt p{color:var(--ink-soft);font-family:var(--font-body);margin:0;font-size:.96rem;line-height:1.48}.piece-request-receipt .piece-request-submit{margin-top:8px}@media (max-width:640px),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.piece-request-form,.piece-request-receipt{padding:19px;padding-bottom:calc(19px + max(0px, var(--safe-b) - var(--keyboard-inset)))}.piece-request-form{grid-template-columns:1fr}.piece-request-form-wide,.piece-request-actions,.piece-request-error{grid-column:1}.piece-request-actions{justify-content:stretch}.piece-request-actions button{flex:1}.piece-request-secondary{display:none}.piece-request-form textarea{resize:none}}@media (prefers-reduced-motion:reduce){.filter-search-input,.filter-search-dismiss,.shelf-empty,.piece-request-submit,.piece-request-secondary,.piece-request-form input,.piece-request-form textarea{transition:none}}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse),(hover:none) and (pointer:coarse) and (min-width:961px),(hover:none) and (pointer:coarse) and (min-width:541px) and (max-aspect-ratio:16/9){.destination-shell{background:var(--paper);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.destination-body{flex-direction:column;flex:1;min-height:0;display:flex}.destination-content{overscroll-behavior-y:contain;flex:1;min-height:0;overflow-y:auto}html[data-destination-nav] :-webkit-any(.destination-body,.account-page-content){view-transition-name:clef-destination-pane}html[data-destination-nav] :is(.destination-body,.account-page-content){view-transition-name:clef-destination-pane}html[data-destination-nav] .account-page{view-transition-name:none}html[data-destination-nav] .library-banners:not(:empty){view-transition-name:clef-destination-banners}html[data-destination-nav]::view-transition-group(clef-destination-banners){z-index:2}html[data-destination-nav]::view-transition-group(clef-destination-pane){z-index:1}html[data-destination-nav]::view-transition-group(root){z-index:0}html[data-destination-nav]::view-transition-old(clef-destination-pane){mix-blend-mode:normal;animation:none}html[data-destination-nav]::view-transition-new(clef-destination-pane){mix-blend-mode:normal;animation:none}html[data-destination-nav=right]::view-transition-old(clef-destination-pane){animation:destination-pane-out-left var(--duration-chrome-push) var(--ease-out-emphatic) both}html[data-destination-nav=right]::view-transition-new(clef-destination-pane){animation:destination-pane-in-right var(--duration-chrome-push) var(--ease-out-emphatic) both}html[data-destination-nav=left]::view-transition-old(clef-destination-pane){animation:destination-pane-out-right var(--duration-chrome-push) var(--ease-out-emphatic) both}html[data-destination-nav=left]::view-transition-new(clef-destination-pane){animation:destination-pane-in-left var(--duration-chrome-push) var(--ease-out-emphatic) both}@keyframes destination-pane-out-left{to{transform:translate(-100%)}}@keyframes destination-pane-in-right{0%{transform:translate(100%)}}@keyframes destination-pane-out-right{to{transform:translate(100%)}}@keyframes destination-pane-in-left{0%{transform:translate(-100%)}}.destination-topbar{height:calc(64px + var(--safe-t));padding:var(--safe-t) calc(12px + var(--safe-r)) 0 calc(16px + var(--safe-l));background:0 0;flex:none;align-items:center;gap:8px;display:flex;position:relative;overflow:hidden}.destination-topbar:not(.destination-topbar--library){padding-left:calc(20px + var(--safe-l))}.destination-topbar-rest{align-items:center;gap:8px;width:100%;min-width:0;height:100%;display:flex}.destination-topbar--library{padding-right:calc(12px + var(--safe-r));padding-left:calc(12px + var(--safe-l))}.destination-topbar-library-search{width:100%;min-width:0;height:100%;transition:grid-template-columns var(--duration-standard) var(--ease-out-emphatic), gap var(--duration-standard) var(--ease-out-emphatic);grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}.destination-topbar-library-search .filter-search-wrap{width:100%;min-width:0;max-width:none}.destination-topbar-library-search .filter-search-input{background:color-mix(in srgb, var(--ink) 5%, var(--paper));border-color:#0000}.destination-topbar-library-search .filter-search-input:focus{border-color:color-mix(in srgb, var(--ink) 42%, var(--line));background:var(--paper);box-shadow:none}.destination-topbar--find .destination-topbar-library-search{grid-template-columns:minmax(0,1fr) auto}.phone-search-cancel{border-radius:var(--radius-control);min-width:44px;min-height:44px;color:var(--ink);font-family:var(--font-body);font-size:14px;font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:none;padding:0 4px}.phone-search-cancel[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.phone-search-prompt{text-align:center;color:var(--muted);font-family:var(--font-body);padding:40px 20px;font-size:14px}.phone-search-prompt p{margin:0}.destination-topbar-title{color:var(--ink);font-family:var(--font-body);font-size:30px;font-weight:var(--weight-display);letter-spacing:-.025em;margin:0;line-height:1.1}.destination-topbar-grow{flex:1}:root{--dock-height:60px;--dock-tab-width:76px;--dock-gap:max(12px, var(--safe-b));--dock-clearance:calc(var(--dock-height) + var(--dock-gap) + 16px)}.destination-shell,.account-page{position:relative}.destination-tabbar{z-index:7;bottom:var(--dock-gap);grid-template-columns:repeat(4, var(--dock-tab-width));min-height:var(--dock-height);max-height:var(--dock-height);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--panel) 92%, transparent);box-shadow:var(--shadow-dock);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:translate var(--duration-standard) var(--ease-out-emphatic), opacity var(--duration-fast) ease;padding:0 5px;display:grid;position:absolute;left:50%;translate:-50%}.destination-tabbar[data-concealed]{opacity:0;translate:-50% calc(100% + var(--dock-gap));pointer-events:none}html[data-destination-nav] .destination-tabbar{view-transition-name:clef-destination-tabbar;background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-destination-nav]::view-transition-group(clef-destination-tabbar){z-index:2;animation:none}html[data-destination-nav]::view-transition-old(clef-destination-tabbar){display:none}html[data-destination-nav]::view-transition-new(clef-destination-tabbar){animation:none}.library-room>.stand,.destination-content{padding-bottom:var(--dock-clearance);scroll-padding-bottom:var(--dock-clearance)}.destination-tab{border-radius:var(--radius-pill);min-width:0;color:var(--ink-tertiary);font-family:var(--font-body);font-size:11px;font-weight:var(--weight-medium);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin-block-start:5px;margin-block-end:5px;line-height:1;text-decoration:none;display:flex;position:relative}.destination-tab[aria-current=page]{color:var(--ink);font-weight:var(--weight-semibold)}.destination-tab-indicator{top:5px;bottom:5px;left:calc(5px + var(--tab-index) * var(--dock-tab-width));width:var(--dock-tab-width);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--ink) 6%, transparent);transition:left var(--duration-chrome-push) var(--ease-out-emphatic);position:absolute}.destination-tab[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-4px}.destination-tab-icon{place-items:center;width:25px;height:25px;display:grid}.destination-tab-icon svg{display:block}.library-room{flex-direction:column;display:flex;overflow-y:auto}.library-room>.stand{background:var(--paper);border-bottom:none;border-right:0;width:100%}#library[data-destination=stand] .stand-body>.stand-eyebrow{display:none}#library[data-guided-first-run][data-destination=stand] .stand-body>.stand-eyebrow{margin-top:auto;display:block}#library[data-fresh][data-guided-first-run][data-destination=stand] .stand-invitation{margin-block-start:0;margin-block-end:auto}#library[data-destination=stand] .stand-body{padding:20px 18px 28px}.stand-invitation-browse{border:1px solid var(--rule);border-radius:var(--radius-panel);height:36px;color:var(--ink-secondary);font-family:var(--font-body);font-size:13px;font-weight:var(--weight-medium);background:0 0;justify-content:center;align-items:center;margin-top:10px;text-decoration:none;display:flex}.stand-invitation-browse[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}#library[data-destination=library] .shelf-row-title{font-family:var(--font-body)}#library[data-destination=stand] :-webkit-any(.stand-invitation-title,.stand-review-title,.stand-hero-title,.stand-row-title){font-family:var(--font-body)}#library[data-destination=stand] :is(.stand-invitation-title,.stand-review-title,.stand-hero-title,.stand-row-title){font-family:var(--font-body)}.shelf-list{padding:2px 0 var(--dock-clearance);scroll-padding-bottom:var(--dock-clearance)}.shelf-group{--scrollbar-strip:6px;z-index:4;margin:0 var(--scrollbar-strip) 0 0;padding:14px calc(14px + var(--safe-r) - var(--scrollbar-strip)) 3px calc(14px + var(--safe-l));background:var(--paper);position:sticky;top:0}.shelf-row{padding:0 calc(14px + var(--safe-r)) 0 calc(14px + var(--safe-l));border-bottom:0;gap:4px}.shelf-row-details{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title right""composer right";gap:1px 10px;min-height:52px;padding:8px 0;display:grid}.shelf-row-title{text-overflow:ellipsis;grid-area:title;min-width:0;font-size:15px;line-height:1.25;overflow:hidden}.shelf-row-composer{grid-area:composer;line-height:1.3}.shelf-row-progress{color:var(--green);font-variant-numeric:tabular-nums}.shelf-row-right{grid-area:right;align-self:center;margin-left:0}.shelf-request-trigger,.shelf-request-received{padding:8px calc(14px + var(--safe-r)) 8px calc(14px + var(--safe-l));grid-template-columns:28px minmax(0,1fr);grid-template-areas:"plus title""plus promise";gap:1px 10px;display:grid}.shelf-request-plus{grid-area:plus;place-self:center}.shelf-request-title{text-align:left;text-overflow:ellipsis;grid-area:title;min-width:0;font-size:15px;line-height:1.25;overflow:hidden}.shelf-request-promise{text-align:left;grid-area:promise;line-height:1.3}.piece-preview-controls{--preview-inset-right:max(16px, var(--safe-r));--preview-inset-left:max(16px, var(--safe-l))}.shelf-list[data-docked]{padding-bottom:calc(176px + var(--safe-b))}}@media (prefers-reduced-motion:reduce){.destination-topbar-library-search,.filter-search-dismiss,.destination-tabbar,.destination-tab-indicator{transition:none}}@media (hover:none) and (pointer:coarse) and (min-width:961px),(hover:none) and (pointer:coarse) and (min-width:541px) and (max-aspect-ratio:16/9){:root{--tablet-column:100%;--dock-height:64px;--dock-tab-width:96px;--dock-gap:max(14px, var(--safe-b))}.destination-tab{font-size:11.5px}.library-room>:not(:-webkit-any(.shelf,.docked-preview-player)),.destination-content>*,.account-page-content>*,.settings-phone-content>*{width:100%;max-width:var(--tablet-column);margin-inline-start:auto;margin-inline-end:auto}.library-room>:not(:is(.shelf,.docked-preview-player)),.destination-content>*,.account-page-content>*,.settings-phone-content>*{width:100%;max-width:var(--tablet-column);margin-inline-start:auto;margin-inline-end:auto}.destination-topbar{height:calc(64px + var(--safe-t))}.destination-topbar-rest,.destination-topbar-library-search{max-width:var(--tablet-column);margin-inline-start:auto;margin-inline-end:auto}.destination-topbar-title{font-size:34px}.shelf{--tablet-row-inset:max(24px, (100% - var(--tablet-column)) / 2 + 24px)}.shelf-row,.shelf-group,.shelf-request-trigger,.shelf-request-received{padding-right:calc(var(--tablet-row-inset) + var(--safe-r));padding-left:calc(var(--tablet-row-inset) + var(--safe-l))}.shelf-group{padding-right:calc(var(--tablet-row-inset) + var(--safe-r) - var(--scrollbar-strip))}.destination-topbar,.destination-topbar--library{padding-right:calc(18px + var(--safe-r));padding-left:calc(24px + var(--safe-l))}.shelf-row-title{font-size:16px}.shelf-row-details{min-height:58px}.submission-dialog-panel.piece-sheet[data-presentation=sheet][data-persistent]{width:min(var(--tablet-column), 100%)}}.library-filter-popover-positioner{z-index:40}.library-filter-popover{width:360px;max-height:var(--available-height);border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-popover);color:var(--ink);font-family:var(--font-body);transform-origin:var(--transform-origin);transition:opacity var(--duration-fast) ease, scale var(--duration-fast) var(--ease-out-emphatic);padding-top:16px;overflow-y:auto}.library-filter-popover[data-starting-style],.library-filter-popover[data-ending-style]{opacity:0;scale:.96}.library-filter-popover .phone-library-filter-header h2{font-size:18px}.library-filter-popover .phone-library-filter-header h2:focus{outline:none}@media (prefers-reduced-motion:reduce){.library-filter-popover{transition:none}}@media (hover:none) and (pointer:coarse) and (min-width:1000px){:root{--tablet-column:880px;--tablet-pane-width:400px}.destination-topbar-rest,.destination-topbar-library-search{max-width:calc(var(--tablet-column) - 48px)}.destination-shell:has(.tablet-list-detail) :-webkit-any(.library-room,.destination-topbar){padding-right:var(--tablet-pane-width)}.destination-shell:has(.tablet-list-detail) :is(.library-room,.destination-topbar){padding-right:var(--tablet-pane-width)}.destination-shell:has(.tablet-list-detail) .destination-tabbar{left:calc((100% - var(--tablet-pane-width)) / 2)}.library-room,.destination-topbar,.destination-tabbar{transition-property:padding,left,translate,opacity;transition-duration:var(--duration-chrome-push);transition-timing-function:var(--ease-out-emphatic)}.piece-sheet.inline-piece-details{z-index:8;height:var(--stable-h);width:calc(var(--tablet-pane-width) + var(--safe-r));padding:var(--safe-t) var(--safe-r) var(--safe-b) 0;box-shadow:var(--shadow-sheet-edge);flex-direction:column;display:flex;position:fixed;top:0;right:0}.inline-piece-details .piece-sheet-close{top:calc(12px + var(--safe-t));right:calc(14px + var(--safe-r));float:none;position:absolute}.inline-piece-details .inline-details-content{flex:1;min-height:0;padding:16px 24px 24px}.docked-preview-player{z-index:9;padding:0 var(--safe-r) var(--safe-b) var(--safe-l);position:fixed;bottom:0;left:0;right:0}.destination-shell:has(.docked-preview-player) .piece-sheet.inline-piece-details{height:calc(var(--stable-h) - 65px - var(--safe-b));padding-bottom:0}.destination-shell:has(.docked-preview-player) :is(.shelf-list,.library-room>.stand){padding-bottom:calc(65px + var(--safe-b) + 16px)}.inline-piece-details .piece-sheet-title{padding-right:36px}}@media (--tablet-list-detail) and (prefers-reduced-motion:reduce){.library-room,.destination-topbar,.destination-tabbar{transition:none}}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse){#library[data-fresh][data-destination=stand] .library-room>.stand,#library[data-fresh][data-destination=stand] .stand-collapse{flex:1}#library[data-fresh][data-destination=stand] .stand-collapse-inner{display:flex}#library[data-fresh][data-destination=stand] .stand-body{flex-direction:column;flex:1;padding-top:clamp(64px,10dvh,88px);padding-bottom:28px;display:flex}#library[data-fresh][data-destination=stand] .stand-invitation{margin-block-start:auto;margin-block-end:auto}}@media (orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){#library[data-destination=stand] .stand-body{padding:20px 18px}#library[data-destination=stand] .stand-hero{grid-template-columns:minmax(280px,.85fr) minmax(0,1fr);align-content:start;column-gap:18px;display:grid}#library[data-destination=stand] .stand-hero-cover{grid-area:1/1/span 6;margin:0}#library[data-destination=stand] .stand-hero>:not(.stand-hero-cover){grid-column:2}}.phone-library-filter-trigger{border-radius:var(--radius-panel);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.phone-library-filter-count{border-radius:var(--radius-pill);background:var(--ink);min-width:20px;height:20px;color:var(--panel);place-items:center;padding-inline-start:4px;padding-inline-end:4px;font-size:12px;display:grid;position:absolute;top:0;right:0}.phone-library-filter-sheet{--plaque-background:var(--panel);--plaque-border:var(--rule);--plaque-shadow:var(--shadow-popover)}@media (max-width:640px),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.submission-dialog-panel.phone-library-filter-sheet[data-presentation=sheet]{--plaque-shadow:0 96px 0 0 var(--paper)}}.phone-library-filter-header{justify-content:space-between;align-items:center;gap:12px;padding:4px 18px 16px;display:flex}.phone-library-filter-header h2{font-size:22px;font-weight:var(--weight-display);letter-spacing:-.02em;margin:0}.phone-library-filter-close{border-radius:var(--radius-panel);width:44px;height:44px;color:var(--ink-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.phone-library-filter-fields{gap:24px;padding:0 18px 24px;display:grid}.phone-library-filter-fields fieldset{border:0;min-width:0;margin:0;padding:0}.phone-library-filter-fields legend,.phone-library-filter-composer>span{color:var(--ink);font-size:14px;font-weight:var(--weight-semibold);margin-bottom:10px;padding:0}.phone-library-filter-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.phone-library-filter-option{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-height:52px;font-size:14px;font-weight:var(--weight-medium);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:12px;line-height:1.4;display:flex}.phone-library-filter-option:has(:checked){border-color:var(--ink);background:var(--paper)}.phone-library-filter-option small{color:var(--ink-secondary);font-size:12px;font-weight:var(--weight-body);margin-top:3px;display:block}.phone-library-filter-option input{width:18px;height:18px;accent-color:var(--ink);flex:none;margin:0}.phone-library-filter-composer{flex-direction:column;min-width:0;display:flex}.phone-library-filter-composer select{border:1px solid var(--hairline);border-radius:var(--radius-panel);background:var(--panel);width:100%;min-height:48px;color:var(--ink);font:inherit;font-size:max(14px, var(--field-text-floor));padding:10px 12px}.phone-library-filter-orders{gap:8px;display:grid}.phone-library-filter-footer{padding:14px 18px calc(16px + max(0px, var(--safe-b) - var(--keyboard-inset)));border-top:1px solid var(--rule);background:var(--panel);align-items:center;gap:12px;display:flex;position:sticky;bottom:0}.phone-library-filter-footer button{border-radius:var(--radius-panel);min-height:48px;font:inherit;font-size:14px;font-weight:var(--weight-semibold);cursor:pointer;padding:10px 16px}.phone-library-filter-reset{color:var(--ink-secondary);background:0 0;border:0}.phone-library-filter-reset:disabled{opacity:.45;cursor:default}.phone-library-filter-show{border:1px solid var(--ink);background:var(--ink);color:var(--panel);flex:1}.phone-library-filter-trigger[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}.phone-library-filter-sheet :-webkit-any(button,select,input)[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}.phone-library-filter-sheet :is(button,select,input)[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}@media (hover:hover) and (pointer:fine){.phone-library-filter-trigger:hover,.phone-library-filter-option:hover,.phone-library-filter-close:hover,.phone-library-filter-reset:enabled:hover{background:var(--paper)}}.memory-strip{min-width:0;display:block}.memory-strip[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:4px}.memory-strip-cells{flex-direction:column;gap:4px;width:100%;display:flex}.memory-strip-system{grid-template-columns:1fr;min-width:0;display:grid}.memory-strip-cells[data-multiline] .memory-strip-system{grid-template-columns:28px minmax(0,1fr);gap:8px}.memory-strip-system-label{color:var(--ink-tertiary);font-variant-numeric:tabular-nums;text-align:right;align-self:center;font-size:9.5px;line-height:1;display:none}.memory-strip-cells[data-multiline] .memory-strip-system-label{display:block}.memory-strip-system-track{grid-template-columns:repeat(var(--memory-system-columns), minmax(0, 1fr));gap:2px;width:100%;min-width:0;display:grid}.memory-strip-system-track[data-dense]{gap:1px}.memory-strip-cell{border-block:1px solid var(--rule);background:var(--panel);min-width:0;height:10px;display:block;position:relative}.memory-strip-cell[data-level=secure]{border-color:var(--green);background:color-mix(in srgb, var(--green) 72%, var(--panel))}.memory-strip-cell[data-level=due]{border-color:var(--spotlight);background:color-mix(in srgb, var(--spotlight) 60%, var(--panel))}.memory-strip-cell[data-level=fragile]{border-color:var(--red);background:color-mix(in srgb, var(--red) 50%, var(--panel));box-shadow:inset 0 -2px var(--red-deep)}.memory-strip-cell[data-level=unseen]{background:var(--ink-tertiary);opacity:.36}.memory-strip-cell[data-level=outside]{background:var(--paper)}.memory-strip-cell[data-scope-start]:before,.memory-strip-cell[data-scope-end]:after{border-block:1px solid var(--ink-secondary);content:"";width:3px;position:absolute;top:-4px;bottom:-4px}.memory-strip-cell[data-scope-start]:before{border-left:1px solid var(--ink-secondary);left:-2px}.memory-strip-cell[data-scope-end]:after{border-right:1px solid var(--ink-secondary);right:-2px}.memory-strip-legend{color:var(--ink-tertiary);flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:10.5px;display:flex}.memory-strip[data-multiline] .memory-strip-legend{padding-left:36px}.memory-strip-legend>span{align-items:center;gap:5px;display:inline-flex}.memory-strip-legend b{color:var(--ink-secondary);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium)}.memory-strip-legend i{border-block:1px solid var(--rule);background:var(--ink-tertiary);width:8px;height:8px}.memory-strip-legend i[data-level=secure]{background:var(--green)}.memory-strip-legend i[data-level=due]{background:var(--spotlight)}.memory-strip-legend i[data-level=fragile]{background:var(--red);box-shadow:inset 0 -2px var(--red-deep)}.memory-strip[data-variant=compact]{width:76px}.memory-strip[data-variant=compact] .memory-strip-cells{flex-direction:row;gap:1px;height:5px}.memory-strip[data-variant=compact] .memory-strip-cell{border:0;flex-basis:0;height:5px}.memory-strip[data-variant=compact] .memory-strip-cell:before,.memory-strip[data-variant=compact] .memory-strip-cell:after{display:none}@media (max-width:640px),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.memory-strip-cells{gap:3px}.memory-strip-cells[data-multiline] .memory-strip-system{grid-template-columns:24px minmax(0,1fr);gap:7px}.memory-strip[data-multiline] .memory-strip-legend{padding-left:31px}.memory-strip-cell{height:9px}}.activity-panel{border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 95%, var(--green) 3%), var(--panel)), var(--panel);box-shadow:var(--shadow-card);gap:16px;margin:18px 0 22px;padding:18px 20px 16px;display:grid}.activity-panel-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.activity-panel h2{font-family:var(--font-body);font-size:14px;font-weight:var(--weight-display);color:var(--ink);margin:0}.activity-streak-summary{color:var(--muted);flex-wrap:wrap;gap:8px 12px;margin:6px 0 0;font-size:12.5px;line-height:1.35;display:flex}.activity-streak-summary span{align-items:center;gap:4px;display:inline-flex}.activity-streak-summary span:not(:first-child):before{content:"";background:var(--hairline);border-radius:50%;width:3px;height:3px;margin-right:4px}.activity-streak-summary strong{color:var(--ink);font-variant-numeric:tabular-nums}.activity-heatmap-scroll{padding-bottom:2px;overflow-x:auto}.activity-heatmap{--activity-cell-size:10px;--activity-cell-gap:3px;min-width:max-content;color:var(--muted);font-variant-numeric:tabular-nums;gap:5px;font-size:10px;display:inline-grid}.activity-months{grid-template-columns:26px repeat(var(--activity-column-count,16), var(--activity-cell-size));gap:var(--activity-cell-gap);align-items:end;min-height:14px;display:grid}.activity-months span{white-space:nowrap;min-width:0;overflow:visible}.activity-grid-body{gap:var(--activity-cell-gap);grid-template-columns:26px max-content;display:grid}.activity-weekdays,.activity-week,.activity-weeks{gap:var(--activity-cell-gap);display:grid}.activity-weekdays,.activity-week{grid-template-rows:repeat(7, var(--activity-cell-size))}.activity-weekdays span{align-items:center;min-width:0;line-height:1;display:flex}.activity-weeks{grid-auto-flow:column;grid-auto-columns:var(--activity-cell-size)}.activity-cell{width:var(--activity-cell-size,10px);height:var(--activity-cell-size,10px);background:color-mix(in srgb, var(--line) 48%, var(--panel));border:1px solid #0000;border-radius:2px;position:relative}.activity-cell[data-kind=empty],.activity-cell[data-kind=future-empty]{background:color-mix(in srgb, var(--line) 42%, var(--panel))}.activity-cell[data-kind=past][data-level="1"],.activity-cell[data-kind=today][data-level="1"]{background:color-mix(in srgb, var(--green) 20%, var(--paper));border-color:color-mix(in srgb, var(--green) 12%, var(--line))}.activity-cell[data-kind=past][data-level="2"],.activity-cell[data-kind=today][data-level="2"]{background:color-mix(in srgb, var(--green) 38%, var(--paper));border-color:color-mix(in srgb, var(--green) 20%, var(--line))}.activity-cell[data-kind=past][data-level="3"],.activity-cell[data-kind=today][data-level="3"]{background:color-mix(in srgb, var(--green) 62%, var(--paper));border-color:color-mix(in srgb, var(--green) 28%, var(--line))}.activity-cell[data-kind=past][data-level="4"],.activity-cell[data-kind=today][data-level="4"]{background:color-mix(in srgb, var(--green) 86%, var(--ink) 6%);border-color:color-mix(in srgb, var(--green) 54%, var(--line))}.activity-cell[data-kind=today]{outline:1px solid var(--red);outline-offset:1px}.activity-cell[data-kind=frozen]{background:color-mix(in srgb, var(--muted) 10%, var(--panel));border-color:color-mix(in srgb, var(--muted) 34%, var(--line))}.activity-cell[data-kind=future-forecast]{border-color:color-mix(in srgb, var(--accent-forecast) 42%, var(--line));background:0 0}.activity-cell[data-kind=future-forecast]:after{content:"";inset:calc(50% - var(--forecast-dot-size,2px));background:var(--accent-forecast);border-radius:50%;position:absolute}.activity-cell[data-kind=future-forecast][data-level="1"]{--forecast-dot-size:2px}.activity-cell[data-kind=future-forecast][data-level="2"]{--forecast-dot-size:3px}.activity-cell[data-kind=future-forecast][data-level="3"]{--forecast-dot-size:4px}.activity-cell[data-kind=future-forecast][data-level="4"]{--forecast-dot-size:5px}.activity-cell[data-kind=out-of-range]{opacity:0}.activity-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.activity-legend-swatch{--activity-cell-size:10px;flex:none}.activity-legend-gap{width:8px}@media (max-width:720px){.activity-panel{padding:16px}.activity-streak-summary{font-size:12px}}.stats-content{width:min(100%,980px);color:var(--ink);font-family:var(--font-body);margin:0 auto;padding:28px 36px 64px}.nav-activity-all-stats{border-top:1px solid var(--rule);color:var(--accent-info);text-align:right;margin:12px 18px 4px;padding-top:12px;font-size:12px;text-decoration:none;display:block}@media (hover:hover) and (pointer:fine){.nav-activity-all-stats:hover{text-underline-offset:3px;text-decoration:underline}}.nav-activity-all-stats[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse),(hover:none) and (pointer:coarse) and (min-width:961px),(hover:none) and (pointer:coarse) and (min-width:541px) and (max-aspect-ratio:16/9){.stats-content{padding:10px 22px 32px}}@keyframes clef-measure-pick-layer-in{0%{opacity:0}to{opacity:1}}@keyframes clef-measure-press-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes play-from-hint-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes play-from-hint-in-bottom{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes clef-ornament-inset-in{0%{opacity:0}to{opacity:1}}@keyframes clef-ink-bloom{0%{opacity:0;clip-path:circle(0% at var(--clef-reveal-origin-x,50%) var(--clef-reveal-origin-y,50%));filter:blur(.55px)}38%{opacity:.72}to{opacity:1;clip-path:circle(155% at var(--clef-reveal-origin-x,50%) var(--clef-reveal-origin-y,50%));filter:blur()}}@keyframes clef-ink-sweep{0%{opacity:0;clip-path:inset(0 100% 0 0);filter:blur(.45px)}35%{opacity:.68}to{opacity:1;clip-path:inset(0);filter:blur()}}@keyframes clef-wrong-marker-arrival{0%{opacity:0;filter:saturate(.72)}to{opacity:1;filter:saturate()}}@keyframes clef-accidental-coaching-arrival{0%{opacity:0}to{opacity:1}}#score-feedback-root.clef-authoritative-wrong:after{content:"";pointer-events:none;z-index:80;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--danger) 76%, transparent);animation:.18s ease-out both clef-authoritative-wrong-pulse;position:fixed;top:0;bottom:0;left:0;right:0}#score-feedback-root.clef-authoritative-correct:before{content:"";pointer-events:none;z-index:79;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--green) 64%, transparent);animation:clef-authoritative-correct-decay var(--duration-feedback-decay) ease-out both;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes clef-authoritative-correct-decay{0%{opacity:.34}to{opacity:0}}@keyframes clef-authoritative-wrong-pulse{0%{opacity:0}35%{opacity:1}to{opacity:.42}}@keyframes memorization-score-feedback-in{0%{opacity:0;transform:translateY(3px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes clef-ottava-ghost-flight{0%{opacity:0;transform:translateY(0)}14%{opacity:.9}72%{transform:translateY(calc(var(--clef-ottava-rise,0px) * 1.11));opacity:.9}88%{transform:translateY(var(--clef-ottava-rise,0px));opacity:.75}to{transform:translateY(var(--clef-ottava-rise,0px));opacity:0}}@keyframes clef-ottava-arrival-pulse{0%{opacity:0;transform:scale(.6)}30%{opacity:.7}to{opacity:0;transform:scale(2)}}@keyframes clef-ottava-glyph-bloom{0%{filter:none;transform:scale(1)}38%{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--tempo-amber-soft) 72%, transparent));transform:scale(1.08)}to{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--tempo-amber-soft) 42%, transparent));transform:scale(1)}}.stage{--stage-padding:24px;--stage-reserve-top:var(--stage-padding);--stage-reserve-right:calc(var(--stage-padding) + var(--safe-r));--stage-reserve-bottom:calc(var(--stage-padding) + var(--safe-b));--stage-reserve-left:calc(var(--stage-padding) + var(--safe-l));scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink-soft) 56%, transparent) transparent;min-width:0;min-height:0;padding-block:var(--stage-reserve-top) var(--stage-reserve-bottom);padding-inline:var(--stage-reserve-left) var(--stage-reserve-right);background:linear-gradient(var(--paper), var(--paper));grid-area:3/1;margin-inline-start:0;margin-inline-end:0;position:relative;overflow:auto}body[data-layout=horizontal] .stage{scrollbar-width:none;overflow:auto hidden}.memorization-score-feedback-root{pointer-events:none;z-index:24;grid-area:3/1;place-self:stretch stretch;min-width:0;min-height:0;position:relative;overflow:hidden}.memorization-score-feedback{--plaque-border:color-mix(in srgb, var(--ink) 12%, var(--hairline));--plaque-background:color-mix(in srgb, var(--paper) 97.5%, transparent);--plaque-shadow:0 14px 34px -20px color-mix(in srgb, var(--ink) 56%, transparent), 0 2px 7px color-mix(in srgb, var(--ink) 8%, transparent);width:max-content;max-width:min(250px,100% - 24px);color:var(--ink-soft);opacity:0;transform-origin:var(--memorization-feedback-pointer-x) center;will-change:opacity, transform;align-items:center;gap:9px;padding:8px 12px 8px 10px;display:inline-flex;position:absolute}.memorization-score-feedback-root[data-visible=true] .memorization-score-feedback{opacity:1}.memorization-score-feedback:before,.memorization-score-feedback:after{content:"";left:var(--memorization-feedback-pointer-x);width:8px;height:8px;position:absolute;transform:translate(-50%)rotate(45deg)}.memorization-score-feedback:before{background:color-mix(in srgb, var(--ink) 12%, var(--hairline))}.memorization-score-feedback:after{background:var(--plaque-background)}.memorization-score-feedback-root[data-placement=below] .memorization-score-feedback:before{top:-5px}.memorization-score-feedback-root[data-placement=below] .memorization-score-feedback:after{top:-4px}.memorization-score-feedback-root[data-placement=above] .memorization-score-feedback:before{bottom:-5px}.memorization-score-feedback-root[data-placement=above] .memorization-score-feedback:after{bottom:-4px}.memorization-score-feedback-accent{background:color-mix(in srgb, var(--red) 78%, var(--ink-soft));opacity:.82;border-radius:999px;flex:none;width:3px;height:14px}.memorization-score-feedback-copy{min-width:0;font-family:var(--font-body);font-size:12.5px;font-weight:var(--weight-semibold);letter-spacing:-.006em;text-wrap:balance;line-height:1.3}.memorization-score-feedback-root[data-phase=entering] .memorization-score-feedback{animation:memorization-score-feedback-in var(--duration-panel) var(--ease-out-emphatic) both}.memorization-score-feedback-root[data-phase=leaving] .memorization-score-feedback{opacity:0;transition:opacity var(--duration-medium) ease, transform var(--duration-medium) var(--ease-out-gentle);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.memorization-score-feedback-root[data-phase=entering] .memorization-score-feedback{animation:none}.memorization-score-feedback-root[data-phase=leaving] .memorization-score-feedback{transition:none}}#score-camera-content{transform-origin:0 0;position:relative}.clef-trouble-spot-layer{z-index:18;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.clef-trouble-spot-marker{width:24px;height:24px;color:var(--red);cursor:pointer;pointer-events:auto;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.clef-trouble-spot-marker[hidden]{display:none}.clef-trouble-spot-dot{border-radius:var(--radius-pill);width:15px;height:15px;box-shadow:0 1px 2px color-mix(in srgb, var(--red) 28%, transparent);background:currentColor;border:2px solid;position:relative}.clef-trouble-spot-marker[data-clean-traversals="1"] .clef-trouble-spot-dot{background:var(--paper)}.clef-trouble-spot-marker[data-clamped-top=true]{align-items:start}@media (hover:hover) and (pointer:fine){.clef-trouble-spot-marker:hover .clef-trouble-spot-dot{filter:brightness(.86)}}.clef-trouble-spot-marker[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--radius-compact)}#score{background:var(--paper);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;position:relative}#score svg{width:100%;height:auto;transition:filter var(--duration-quick) ease, opacity var(--duration-quick) ease;display:block;overflow:visible}body[data-layout=paged] .stage{--stage-reserve-left:var(--safe-l);--stage-reserve-right:var(--safe-r);display:flex}body[data-layout=paged] #score-camera-content,#score-camera-content[data-layout=paged]{width:-moz-fit-content;width:fit-content;max-width:100%;height:var(--clef-score-box-height,100%);min-height:0;margin:auto}body[data-layout=paged] #score svg,#score[data-layout=paged] svg{width:auto;max-width:100%;height:100%}.stage[data-pick-mode=true]:not(:-webkit-any([data-clef-measure-pick-owner=play-from],[data-clef-measure-pick-owner=passage])) #score svg{filter:saturate(.82);opacity:.72}.stage[data-pick-mode=true]:not(:is([data-clef-measure-pick-owner=play-from],[data-clef-measure-pick-owner=passage])) #score svg{filter:saturate(.82);opacity:.72}.clef-measure-pick-layer{pointer-events:none;display:block}.stage[data-pick-mode=true] .clef-measure-pick-layer{animation:clef-measure-pick-layer-in var(--duration-medium) var(--ease-out-gentle) both}.clef-measure-pick-hit{fill:#0000;pointer-events:none;stroke:none!important}.stage[data-pick-mode=true] .clef-measure-pick-hit{pointer-events:all;cursor:pointer}.clef-measure-pick-tile{--pick-tile-tint:var(--spotlight);fill:var(--pick-tile-tint);fill-opacity:0;pointer-events:none;transition:fill-opacity var(--duration-fast) var(--ease-out-gentle);stroke:none!important}.stage[data-pick-mode=true] .clef-measure-pick-tile{fill-opacity:.07}.clef-measure-pick-tile[data-clef-measure-pick-hot-owner]{fill-opacity:.16}.stage:not([data-clef-measure-pick-targets=written-bars]) :-webkit-any(.clef-measure-pick-hit,.clef-measure-pick-tile)[data-clef-measure-pick-unperformed]{fill-opacity:0;pointer-events:none}.stage:not([data-clef-measure-pick-targets=written-bars]) :is(.clef-measure-pick-hit,.clef-measure-pick-tile)[data-clef-measure-pick-unperformed]{fill-opacity:0;pointer-events:none}.stage[data-clef-measure-press-owner] .clef-measure-pick-tile{fill-opacity:0}.stage[data-clef-measure-press-owner] .clef-measure-pick-tile[data-clef-measure-press-state]{fill-opacity:.16;transform-box:fill-box;transform-origin:0}.clef-measure-pick-tile[data-clef-measure-press-state=holding]{animation:clef-measure-press-fill var(--clef-measure-press-duration) linear both}.clef-measure-pick-tile[data-clef-measure-press-state=activated]{transform:scaleX(1)}g.measure:-webkit-any([data-clef-measure-pick-hot-owner=play-from],[data-clef-measure-pick-hot-owner=play-from-hold],[data-clef-measure-tutorial]){color:var(--spotlight)}g.measure:is([data-clef-measure-pick-hot-owner=play-from],[data-clef-measure-pick-hot-owner=play-from-hold],[data-clef-measure-tutorial]){color:var(--spotlight)}g.measure:-webkit-any([data-clef-measure-pick-hot-owner=play-from],[data-clef-measure-pick-hot-owner=play-from-hold],[data-clef-measure-tutorial]) :not([fill=none]){fill:currentColor}g.measure:is([data-clef-measure-pick-hot-owner=play-from],[data-clef-measure-pick-hot-owner=play-from-hold],[data-clef-measure-tutorial]) :not([fill=none]){fill:currentColor}g.measure:-webkit-any([data-clef-measure-pick-hot-owner=play-from],[data-clef-measure-pick-hot-owner=play-from-hold],[data-clef-measure-tutorial]) :-webkit-any([data-clef-ink-kind=staff-line],[data-clef-ink-kind=ledger-line],[data-clef-ink-kind=barline]){color:var(--ink)}g.measure:is([data-clef-measure-pick-hot-owner=play-from],[data-clef-measure-pick-hot-owner=play-from-hold],[data-clef-measure-tutorial]) :is([data-clef-ink-kind=staff-line],[data-clef-ink-kind=ledger-line],[data-clef-ink-kind=barline]){color:var(--ink)}.play-from-hint,.passage-pick-hint{--plaque-border:color-mix(in srgb, var(--spotlight) 36%, var(--hairline));--plaque-background:var(--paper-veil-soft);z-index:50;width:-moz-fit-content;width:fit-content;max-width:min(560px,100% - 48px);color:var(--ink);font-size:13px;font-weight:var(--weight-display);text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(12px);animation:play-from-hint-in var(--duration-medium) var(--ease-out-gentle) both;grid-area:3/1;place-self:start center;margin:12px 0 0;padding:9px 14px;line-height:1.3}.play-from-hint{animation:play-from-hint-in-bottom var(--duration-medium) var(--ease-out-gentle) both;align-self:end;margin:0 0 14px}.practice-shell[data-immersive=true] :-webkit-any(.play-from-hint,.passage-pick-hint){margin-top:var(--practice-navbar-stack-height)}.practice-shell[data-immersive=true] :is(.play-from-hint,.passage-pick-hint){margin-top:var(--practice-navbar-stack-height)}.practice-shell[data-immersive=true] .play-from-hint{margin:0 0 14px}:-webkit-any(.play-from-hint,.passage-pick-hint)[hidden]{display:none}:is(.play-from-hint,.passage-pick-hint)[hidden]{display:none}body[data-layout=horizontal] #score-camera-content,#score-camera-content[data-layout=horizontal]{width:max-content;min-width:100%;height:100%;min-height:0;overflow-y:hidden}body[data-layout=horizontal] #score,#score[data-layout=horizontal]{width:max-content;min-width:100%;height:var(--clef-score-box-height,70%);translate:0 var(--clef-score-box-top,0px);display:flex}body[data-layout=horizontal] #score svg,#score[data-layout=horizontal] svg{flex:none;width:auto;max-width:none;height:100%;overflow:visible}.clef-horizontal-window-hidden{display:none!important}body[data-layout=horizontal] #score svg[data-clef-artifact-page-count]:not([data-clef-artifact-page-count="1"]),#score[data-layout=horizontal] svg[data-clef-artifact-page-count]:not([data-clef-artifact-page-count="1"]){contain:paint}.clef-correct,.clef-correct *,.clef-note-bloom-press,.clef-note-bloom-press *{color:var(--green)!important;fill:var(--green)!important;stroke:var(--green)!important}.clef-missing-note-coaching,.clef-missing-note-coaching *{color:var(--spotlight)!important;fill:var(--spotlight)!important;stroke:var(--spotlight)!important}.clef-feedback-scene{z-index:12;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.clef-feedback-layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.clef-feedback-surface{pointer-events:none;position:absolute;overflow:hidden}.clef-feedback-surface>svg{width:100%;height:100%;display:block;overflow:hidden}.clef-note-bloom-glow,.clef-note-bloom-press{pointer-events:none}.clef-note-bloom-motion-surface{transform-origin:50%;will-change:transform, translate, opacity}.clef-incorrect,.clef-incorrect *{color:var(--red)!important;fill:var(--red)!important;stroke:var(--red)!important}.clef-accidental-coaching{color:var(--spotlight);pointer-events:none}.clef-accidental-coaching-glyph{fill:var(--spotlight);stroke:var(--spotlight);opacity:.92}.clef-ornament-inset{pointer-events:none}.clef-ornament-ledger-line{fill:none;stroke:currentColor}.clef-ornament-step{color:var(--ink);fill:var(--ink);stroke:var(--ink)}.clef-ornament-step-anchor,.clef-ornament-ghost{visibility:hidden}.clef-ornament-step-anchor.clef-correct,.clef-ornament-step-anchor.clef-ornament-step-active,.clef-ornament-ghost-acknowledged{visibility:visible}.clef-ornament-ghost-acknowledged use:first-child{filter:drop-shadow(0 0 9px color-mix(in srgb, var(--spotlight) 72%, transparent));stroke:var(--spotlight);stroke-width:8px}.clef-ornament-step-active use:first-child{fill:var(--spotlight);stroke:var(--spotlight);stroke-width:10px}.clef-ornament-active-dot{fill:var(--spotlight);stroke:none}@media (prefers-reduced-motion:no-preference){.clef-ornament-inset{animation:clef-ornament-inset-in var(--duration-fast) ease-out}}.clef-trill-shimmer{pointer-events:none}.clef-trill-shimmer-glow,.clef-trill-shimmer-glow *,.clef-trill-shimmer-core,.clef-trill-shimmer-core *{color:var(--green)!important;fill:var(--green)!important;stroke:var(--green)!important}@media (prefers-reduced-motion:no-preference){.clef-trill-shimmer-core{animation:1.05s ease-in-out infinite clef-trill-shimmer-pulse}.clef-trill-shimmer-glow{animation:1.05s ease-in-out infinite reverse clef-trill-shimmer-pulse}}@keyframes clef-trill-shimmer-pulse{0%,to{opacity:1}50%{opacity:.45}}.clef-trill-shimmer-handoff{pointer-events:none;animation:.55s forwards clef-trill-inset-handoff}@keyframes clef-trill-inset-handoff{to{opacity:0}}@media (prefers-reduced-motion:reduce){.clef-trill-shimmer-handoff{animation-duration:10ms}}.clef-cursor-surface{overflow:hidden}.clef-cursor-pillar,.clef-demo-playhead{box-sizing:border-box;pointer-events:none;transform-origin:50%;position:absolute}.clef-cursor-pillar{background:color-mix(in srgb, var(--spotlight) 20%, transparent);border-radius:5px}.clef-demo-playhead-active .clef-cursor-pillar{opacity:0}.clef-demo-playhead{border-left:2px solid var(--demo-playback);background:0 0}.clef-demo-playhead:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:6px solid var(--demo-playback);width:0;height:0;position:absolute;top:0;left:-5px}.clef-cursor-pillar>rect{fill:var(--spotlight);fill-opacity:.2;rx:5px}.clef-demo-playhead>line{stroke:var(--demo-playback);stroke-width:2px;vector-effect:non-scaling-stroke}.clef-demo-playhead>path{fill:var(--demo-playback)}.clef-demo-note-attack,.clef-demo-note-attack *{color:var(--demo-playback);fill:var(--demo-playback)!important}@media (prefers-reduced-motion:no-preference){.clef-cursor-pillar{will-change:transform}}.clef-target-spotlight{fill:var(--spotlight);fill-opacity:.04;stroke-opacity:.3;stroke-width:1.5px;pointer-events:none;stroke:var(--spotlight)!important}.clef-target-glass{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--spotlight) 36%, transparent);box-shadow:0 14px 30px -18px color-mix(in srgb, var(--spotlight) 38%, transparent), 0 3px 9px -6px color-mix(in srgb, var(--spotlight) 22%, transparent);transition:border-color var(--duration-slow) ease, box-shadow var(--duration-slow) ease;border-radius:0;display:none;overflow:hidden}.clef-target-glass-frost,.clef-target-glass-glint{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.clef-target-glass-frost{z-index:1;-webkit-backdrop-filter:blur(5px)saturate(140%);backdrop-filter:blur(5px)saturate(140%);background:radial-gradient(130% 105% at 18% -12%, color-mix(in srgb, var(--panel) 42%, transparent) 0%, color-mix(in srgb, var(--panel) 12%, transparent) 48%, transparent 74%), linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--panel) 76%, var(--spotlight) 24%) 28%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--panel) 66%, var(--spotlight) 34%) 16%, transparent) 55%, color-mix(in srgb, color-mix(in srgb, var(--panel) 58%, var(--spotlight) 42%) 24%, transparent) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--panel) 62%, transparent), inset 0 10px 20px -12px color-mix(in srgb, var(--panel) 48%, transparent), inset 0 -9px 20px -14px color-mix(in srgb, var(--spotlight) 28%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--spotlight) 16%, transparent);opacity:1;transition:opacity var(--duration-slow) var(--ease-out-gentle);will-change:opacity}.clef-target-glass-glint{z-index:2;background:linear-gradient(100deg, transparent 44%, color-mix(in srgb, var(--panel) 78%, transparent) 50%, transparent 56%);opacity:0;top:-30%;bottom:-30%;left:-30%;right:-30%;transform:translate(-65%)}.clef-target-glass[data-clef-target-glass-phase=clear]{box-shadow:none;border-color:#0000}.clef-target-glass[data-clef-target-glass-phase=clear] .clef-target-glass-frost{opacity:0}.clef-target-glass[data-clef-target-glass-transition=defrost] .clef-target-glass-glint{animation:clef-target-glass-glint .56s var(--ease-out-gentle) both}.clef-target-glass[data-clef-target-glass-transition=seal] .clef-target-glass-frost{animation:clef-target-glass-seal .42s var(--ease-out-gentle) both}@keyframes clef-target-glass-seal{0%{clip-path:inset(0 100% 0 0);opacity:1}to{clip-path:inset(0);opacity:1}}@keyframes clef-target-glass-glint{0%{opacity:0;transform:translate(-65%)}18%{opacity:.9}to{opacity:0;transform:translate(65%)}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.clef-target-glass{display:block}#score[data-clef-target-glass-active=true] .clef-target-spotlight{fill-opacity:0;stroke-opacity:0}}@media (prefers-reduced-motion:reduce){.clef-target-glass,.clef-target-glass-frost{transition:none}.clef-target-glass[data-clef-target-glass-transition=defrost] .clef-target-glass-glint,.clef-target-glass[data-clef-target-glass-transition=seal] .clef-target-glass-frost{animation:none}}.clef-ottava-tint,.clef-ottava-tint *{color:var(--tempo-amber)!important;fill:var(--tempo-amber)!important;stroke:var(--tempo-amber)!important}path.clef-ottava-tint{fill:none!important}.clef-ottava-feedback-glyph,.clef-ottava-feedback-glyph *{color:var(--tempo-amber)!important;fill:var(--tempo-amber)!important;stroke:var(--tempo-amber)!important}.clef-ottava-feedback-glyph path:not([data-clef-glyph-reference] path){fill:none!important}.clef-ottava-ghost use{color:var(--red);fill:var(--red);stroke:var(--red);opacity:0}.clef-ottava-arrival{fill:none;stroke:var(--tempo-amber);stroke-width:2px;vector-effect:non-scaling-stroke;pointer-events:none;transform-box:fill-box;transform-origin:50%;opacity:0}.clef-hidden-score-ink{visibility:hidden!important}.clef-resting-hand-ink{opacity:var(--resting-score-ink);transition:opacity var(--duration-control) ease}[data-clef-slur-display=hidden] .slur,.clef-reveal-source-pending{visibility:hidden!important}.clef-reveal-proxy{pointer-events:none;transform-box:fill-box}@media (prefers-reduced-motion:no-preference){.clef-wrong-marker-arrival,.clef-ornament-inset .clef-wrong-marker{animation:90ms cubic-bezier(.18,.72,.24,1) both clef-wrong-marker-arrival}.clef-accidental-coaching-arrival{animation:clef-accidental-coaching-arrival .18s var(--ease-out-gentle) both}.clef-ottava-ghost{will-change:transform, opacity;animation:.8s cubic-bezier(.22,.9,.32,1) .15s both clef-ottava-ghost-flight}.clef-ottava-ghost use{opacity:1}.clef-ottava-arrival{animation:clef-ottava-arrival-pulse .45s var(--ease-out-emphatic) .81s both}.clef-ottava-glyph-bloom{animation:clef-ottava-glyph-bloom .7s var(--ease-out-gentle) .15s both;transform-box:fill-box;transform-origin:50%}}.mNum.clef-bar-number-hidden{display:none}.clef-cursor-recall-fade{animation:.4s ease-out both clef-cursor-recall-fade}@keyframes clef-cursor-recall-fade{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.clef-cursor-recall-fade{animation:none}}.stage[data-recall-cover=true]>#score-camera-content{pointer-events:none;transition:none}.stage[data-recall-cover-pending=true]>#score-camera-content{opacity:0;transition:none}@media (max-width:720px){.stage{--stage-padding:12px;justify-self:stretch;width:auto;max-width:100%}body[data-layout=paged] .stage{display:block}body[data-layout=paged] #score-camera-content,#score-camera-content[data-layout=paged]{width:100%;max-width:100%;height:auto;min-height:100%;margin:0 auto}body[data-layout=paged] #score svg,#score[data-layout=paged] svg{width:100%;max-width:none;height:auto}}@media (max-height:560px){body[data-layout=horizontal] .stage{--stage-padding:8px}}@media (prefers-reduced-motion:reduce){.play-from-hint,.passage-pick-hint,.clef-cursor-pillar,.clef-demo-playhead,.clef-note-bloom-glow,.clef-note-bloom-press,.clef-ottava-ghost,.clef-ottava-arrival,.clef-ottava-glyph-bloom,.clef-ottava-tint{transition:none;animation:none}.clef-resting-hand-ink{transition:none}}html[data-view=practice],body[data-view=practice]{overscroll-behavior:none;height:100%;overflow:hidden}body[data-view=practice] #root{height:100%;overflow:hidden}body[data-view=practice]{--practice-navbar-height:54px;--progress-row-height:40px;--practice-safe-area-top:var(--safe-t);--practice-navbar-stack-height:calc(var(--practice-safe-area-top) + var(--practice-navbar-height));--practice-immersive-navbar-shift:calc(0px - var(--practice-navbar-stack-height))}.practice-shell{grid-template-rows:auto auto minmax(320px,1fr) auto auto;height:100%;display:grid;overflow:hidden}.practice-shell:not(.practice-shell--memorization) .stage{--stage-reserve-bottom:calc(58px + var(--safe-b));scroll-padding-bottom:var(--stage-reserve-bottom)}.performance-demo-transport{z-index:26;border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--panel);width:min(500px,100% - 48px);min-height:56px;box-shadow:var(--shadow-popover);color:var(--ink);pointer-events:auto;transition:opacity var(--duration-standard) var(--ease-out-gentle), transform var(--duration-standard) var(--ease-out-gentle);grid-area:3/1;grid-template-columns:40px auto minmax(120px,1fr) auto 40px;place-self:end center;align-items:center;gap:10px;margin-bottom:18px;padding:7px 8px;display:grid}.performance-demo-transport-announcement{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.performance-demo-playpause,.performance-demo-close{border-radius:var(--radius-compact);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (hover:hover) and (pointer:fine){.performance-demo-playpause:hover:not(:disabled),.performance-demo-close:hover:not(:disabled){background:var(--paper-warm)}}.performance-demo-playpause[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.performance-demo-close[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.performance-demo-sliver-hitbox[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.performance-demo-slider-thumb[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.performance-demo-slider-thumb:has(input[data-focus-visible]:where(:focus)){outline:2px solid var(--focus);outline-offset:4px}.performance-demo-playpause:disabled,.performance-demo-close:disabled{cursor:default;opacity:.58}.performance-demo-time{min-width:34px;color:var(--ink-secondary);font-variant-numeric:tabular-nums;text-align:center;font-size:12px;line-height:1}.performance-demo-timeline{min-width:0;display:block;position:relative}.performance-demo-slider,.performance-demo-slider-control{touch-action:pan-y;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:40px;display:flex}.performance-demo-slider-track{border-radius:var(--radius-pill);background:var(--rule);width:100%;height:4px;transition:height var(--duration-fast) var(--ease-out-gentle);position:relative}.performance-demo-slider-fill{border-radius:inherit;background:var(--demo-playback)}.performance-demo-slider-thumb{border-radius:var(--radius-pill);background:var(--demo-playback);width:8px;height:8px;transition:height var(--duration-fast) var(--ease-out-gentle), width var(--duration-fast) var(--ease-out-gentle)}.performance-demo-transport[data-scrubbing=true] .performance-demo-slider-track{height:7px}@media (hover:hover) and (pointer:fine){.performance-demo-slider-control:hover .performance-demo-slider-track{height:7px}}.performance-demo-transport[data-scrubbing=true] .performance-demo-slider-thumb{width:12px;height:12px}@media (hover:hover) and (pointer:fine){.performance-demo-slider-control:hover .performance-demo-slider-thumb{width:12px;height:12px}}.performance-demo-resume-tick{border-radius:var(--radius-pill);background:var(--red);pointer-events:none;width:2px;height:12px;position:absolute;top:-4px;transform:translate(-1px)}.performance-demo-scrub-preview{z-index:1;border:1px solid var(--rule);border-radius:var(--radius-compact);background:var(--paper);box-shadow:var(--shadow-hairline);color:var(--ink);font-variant-numeric:tabular-nums;font-size:11px;font-weight:var(--weight-semibold);white-space:nowrap;pointer-events:none;padding:4px 7px;line-height:1;position:absolute;bottom:36px;transform:translate(-50%)}.performance-demo-transport--minimized{width:220px;min-height:44px;box-shadow:none;background:0 0;border:0;padding:0;display:block}.performance-demo-sliver-hitbox{border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;align-items:center;width:100%;height:44px;padding:0;display:flex}.performance-demo-sliver{border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--panel);width:100%;height:14px;box-shadow:var(--shadow-hairline);display:block;position:relative;overflow:hidden}.performance-demo-sliver-fill{border-radius:var(--radius-pill);background:var(--demo-playback);transform-origin:0;position:absolute;top:5px;bottom:5px;left:5px;right:5px}@media (pointer:coarse){.performance-demo-playpause,.performance-demo-close{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.performance-demo-transport,.performance-demo-slider-track,.performance-demo-slider-thumb{transition:none}}.practice-shell[data-immersive=true]:not(.practice-shell--memorization) .stage{--stage-reserve-top:calc(var(--stage-padding) + var(--practice-navbar-stack-height) + (var(--progress-row-height) - 1px) + 12px);scroll-padding-top:var(--stage-reserve-top)}.practice-navbar{width:100%;height:var(--practice-navbar-stack-height);min-height:var(--practice-navbar-stack-height);padding:var(--practice-safe-area-top) 14px 0;background:var(--panel);border-bottom:1px solid var(--rule);z-index:30;grid-row:1;grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);align-items:center;gap:16px;display:none}body[data-library-available=true] .practice-navbar{display:grid}.practice-shell[data-immersive=true] .practice-navbar{height:var(--practice-navbar-stack-height);min-height:var(--practice-navbar-stack-height);z-index:40;transition:opacity var(--duration-fast) ease-out, transform var(--duration-fast) ease-out;will-change:opacity, transform;position:fixed;top:0;left:0;right:0}body[data-chrome=hidden] .practice-shell[data-immersive=true] .practice-navbar{opacity:0;pointer-events:none;transition:opacity var(--duration-panel) ease-in, transform var(--duration-panel) ease-in;transform:translateY(-14px)}@media not all and (hover:none) and (pointer:coarse){body[data-chrome=hidden] .practice-shell[data-immersive=true] .stage{cursor:none}}.practice-navbar-left,.practice-navbar-right{align-items:center;min-width:0;display:flex}.practice-navbar-left{grid-column:1;justify-self:start}.practice-navbar-right{grid-column:3;justify-self:end}.practice-navbar-group{align-items:center;display:flex}.practice-piece-identity{justify-self:stretch;align-items:center;min-width:0;max-width:min(560px,40vw);display:block;position:relative;overflow:hidden}.practice-piece-title{width:100%;min-width:0;max-width:100%;color:var(--ink);font-family:var(--font-body);font-size:14px;font-weight:var(--weight-semibold);text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.practice-piece-title[hidden]{display:none}.practice-piece-composer{color:var(--ink-tertiary);font-size:12.5px;font-weight:var(--weight-body);margin-left:8px}.practice-mode-switcher{z-index:42;color:var(--ink);align-items:center;display:none;position:relative}body[data-view=practice][data-library-available=true] .practice-mode-switcher{display:inline-flex}.practice-mode-segment{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);align-items:stretch;min-height:32px;padding:0;display:inline-flex;overflow:hidden}.practice-mode-option{min-width:92px;min-height:30px;color:var(--ink-secondary);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-family:var(--font-body);font-size:13px;font-weight:var(--weight-medium);transition:background var(--duration-control) ease, color var(--duration-control) ease;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0 14px;line-height:1;display:inline-flex}.practice-mode-option+.practice-mode-option{border-left:1px solid var(--rule)}@media (hover:hover) and (pointer:fine){.practice-mode-option:hover:not([aria-disabled=true]):not([aria-pressed=true]){background:color-mix(in srgb, var(--ink) 5%, transparent);color:var(--ink)}}.practice-mode-option[aria-pressed=true]{background:var(--ink);color:var(--panel);font-weight:var(--weight-semibold);cursor:default}.practice-mode-option:active:not([aria-disabled=true]):not([aria-pressed=true]){transform:translateY(1px)}.practice-mode-option[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.practice-mode-option[aria-disabled=true]{cursor:default;opacity:.68}.practice-navbar{--practice-toolbar-button-size:36px;--practice-toolbar-icon-size:20px;--practice-toolbar-gap:6px}.practice-navbar-left,.practice-navbar-right,.practice-navbar-group,.play-from-control{gap:var(--practice-toolbar-gap)}.play-from-control{flex:none;align-items:center;display:inline-flex}.play-from-control[hidden],.practice-toolbar-button[hidden]{display:none}.play-from-button--armed-pulse{animation:1.2s ease-in-out 2 play-from-armed-pulse}@keyframes play-from-armed-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.25)}}.practice-toolbar-button{width:var(--practice-toolbar-button-size);min-width:var(--practice-toolbar-button-size);height:var(--practice-toolbar-button-size);border-radius:var(--radius-panel);color:var(--ink-secondary);cursor:pointer;font-family:var(--font-body);transition:color var(--duration-control) ease, background var(--duration-control) ease, transform var(--duration-control) ease;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:0;padding:0;font-size:13px;display:inline-flex}.practice-toolbar-button[aria-expanded=true],.practice-toolbar-button[aria-pressed=true],.hand-practice-register:not([data-active-hand=both]) .practice-toolbar-button{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}@media (hover:hover) and (pointer:fine){.practice-toolbar-button:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}}.practice-toolbar-button:active:not(:disabled){transform:translateY(1px)}.practice-toolbar-button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.practice-toolbar-button:disabled{cursor:default;opacity:.62}.practice-toolbar-icon{width:var(--practice-toolbar-icon-size);height:var(--practice-toolbar-icon-size);color:currentColor;flex:none;place-items:center;line-height:1;display:inline-grid}.practice-toolbar-icon>svg{width:100%;height:100%;display:block;overflow:visible}.play-from-arrow-svg,.render-settings-icon-stem,.metronome-icon-housing,.metronome-icon-arm,.metronome-icon-foot{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.render-settings-icon-staff,.metronome-icon-scale{stroke:currentColor;stroke-width:.9px;stroke-linecap:round;opacity:.55}.render-settings-icon-notehead,.metronome-icon-weight,.metronome-icon-beat-mark{fill:currentColor}.metronome-icon{transition:color var(--duration-control) ease, background var(--duration-control) ease, box-shadow var(--duration-control) ease;border-radius:50%;position:relative}.metronome-icon-housing{fill:color-mix(in srgb, currentColor 7%, var(--panel))}.metronome-icon-pendulum{transform-box:view-box;will-change:transform}.metronome-icon-beat-mark{transform-box:fill-box;transform-origin:50%;will-change:transform, opacity}.metronome-menu{--metronome-brass:var(--tempo-amber-deep)}.metronome-menu[data-running=true] .metronome-icon{background:color-mix(in srgb, var(--metronome-brass) 13%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--metronome-brass) 18%, transparent);color:var(--metronome-brass)}.metronome-menu[data-running=true] .metronome-trigger{gap:var(--practice-toolbar-gap);width:auto;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--metronome-brass) 45%, var(--rule));background:color-mix(in srgb, var(--metronome-brass) 8%, var(--panel));color:var(--ink);padding-inline-start:9px;padding-inline-end:9px}.metronome-trigger-label{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;overflow:hidden}.metronome-trigger-beat-glyph{transform-origin:50% 55%;will-change:transform;display:inline-block}@media (max-width:720px){.metronome-menu[data-running=true] .metronome-trigger{width:var(--practice-toolbar-button-size);gap:0;padding:0}.metronome-menu[data-running=true] .metronome-trigger-label{display:none}}@media (orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.practice-navbar{--practice-toolbar-button-size:42px;--practice-toolbar-icon-size:24px;--practice-toolbar-gap:4px}}@media (prefers-reduced-motion:reduce){.play-from-button--armed-pulse{animation:none}.practice-toolbar-button,.metronome-icon{transition:none;animation:none}.metronome-icon-pendulum,.metronome-icon-beat-mark{will-change:auto;transform:none!important}.metronome-icon-beat-mark{opacity:.58!important}}.render-settings-menu,.metronome-menu,.hand-practice-register,.practice-more-menu-root{flex:none;position:relative}.render-settings-menu--more{width:100%}.hand-practice-control{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.hand-practice-option{border-radius:var(--radius-compact);width:100%;min-height:36px;color:var(--ink-secondary);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:var(--weight-medium);text-align:left;white-space:nowrap;background:0 0;border:0;grid-template-columns:37px minmax(0,1fr);align-items:center;gap:9px;padding:0 9px;display:grid}.hand-practice-option[aria-checked=true]{background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--ink)}@media (hover:hover) and (pointer:fine){.hand-practice-option:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 5%, transparent)}}.hand-practice-option[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:1px}.hand-practice-option:disabled{cursor:default;opacity:.46}.hand-practice-hands{width:37px;color:var(--ink);justify-content:center;align-items:center;gap:1px;display:inline-flex}.hand-practice-hand{opacity:.92;place-items:center;display:grid}.hand-practice-hand--left{transform:scaleX(-1)}.hand-practice-hand[data-muted=true]{color:var(--ink-tertiary);opacity:.28}.hand-practice-option-label{overflow-wrap:anywhere;min-width:0}.hand-practice-key{border:1px solid var(--hairline);border-radius:var(--radius-compact);background:var(--panel);min-width:22px;height:22px;color:var(--ink-tertiary);font-family:var(--font-body);font-size:11px;font-weight:var(--weight-medium);place-items:center;padding:2px 6px;line-height:16px;display:inline-grid}.render-settings-option[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.metronome-toggle[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.metronome-step[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.metronome-value[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.render-settings-size-step[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.render-settings-size-value[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.metronome-popover,.metronome-value{outline:none}.metronome-toggle:active:not(:disabled){transform:translateY(1px)}.practice-navbar-menu-positioner{z-index:60}.render-settings-more-positioner{z-index:70}.render-settings-popover,.metronome-popover{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);width:218px;box-shadow:var(--shadow-popover);color:var(--ink);padding:8px}.render-settings-popover--more{width:min(268px, calc(100vw - var(--safe-l) - var(--safe-r) - 24px))}.hand-practice-popover{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);width:218px;box-shadow:var(--shadow-popover);color:var(--ink);padding:8px}.render-settings-popover[hidden],.metronome-popover[hidden],.hand-practice-popover[hidden]{display:none}.render-settings-group-label{color:var(--ink-tertiary);font-family:var(--font-body);font-size:10.5px;font-weight:var(--weight-display);letter-spacing:var(--label-tracking);text-transform:uppercase;padding:5px 8px 8px}.hand-practice-reason{color:var(--ink-tertiary);margin:7px 8px 2px;font-size:11px;line-height:1.35;display:block}.render-settings-option{border-radius:var(--radius-compact);width:100%;min-height:36px;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:var(--weight-medium);letter-spacing:0;text-align:left;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;padding:0 9px;display:grid}.render-settings-option[data-selected=true]{background:color-mix(in srgb, var(--ink) 7%, transparent)}@media (hover:hover) and (pointer:fine){.render-settings-option:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 7%, transparent)}}.render-settings-option:disabled{cursor:default;opacity:.65}.render-settings-option-check{border:1px solid var(--hairline);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.render-settings-option[data-selected=true] .render-settings-option-check{border-color:var(--ink);background:var(--ink)}.render-settings-option[data-selected=true] .render-settings-option-check:after{content:"";border-right:2px solid var(--panel);border-bottom:2px solid var(--panel);width:6px;height:9px;margin-top:-1px;transform:rotate(40deg)}.render-settings-option-label{overflow-wrap:anywhere;min-width:0}.metronome-toggle{border-radius:var(--radius-compact);width:100%;min-height:44px;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:16px;font-weight:var(--weight-semibold);letter-spacing:0;background:0 0;border:0;justify-content:center;align-items:center;margin-bottom:6px;padding:0 10px 0 12px;display:flex;position:relative}.metronome-toggle-label{align-items:center;gap:8px;display:inline-flex}@media (hover:hover) and (pointer:fine){.metronome-toggle:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 7%, transparent)}}.metronome-toggle-key{color:var(--ink-secondary);font-family:var(--font-body);font-size:12px;font-weight:var(--weight-medium);text-align:center;padding:0;line-height:16px;position:absolute;right:10px}.render-settings-size,.metronome-stepper{grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:6px;padding:0 9px 6px;display:grid}.metronome-stepper{min-height:44px;padding-block-start:4px;padding-block-end:4px}.metronome-readout{justify-content:center;align-items:center;min-width:0;font-size:16px;display:grid}.metronome-readout-tempo{grid-template-columns:3.2ch auto;align-items:baseline;gap:.3em}.metronome-readout-tempo .metronome-value{text-align:right}.metronome-unit{color:var(--ink-secondary);font-size:12px}.metronome-readout-volume{grid-template-columns:16px 5ch;gap:4px}.metronome-readout-volume .metronome-value{text-align:left}.metronome-readout-volume svg{color:var(--ink-secondary)}.render-settings-size-step,.metronome-step{border:1px solid var(--hairline);width:28px;height:28px;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:15px;font-weight:var(--weight-semibold);background:0 0;border-radius:50%;place-items:center;line-height:1;display:grid}@media (hover:hover) and (pointer:fine){.render-settings-size-step:hover:not(:disabled),.metronome-step:hover:not(:disabled){border-color:var(--ink-soft);background:color-mix(in srgb, var(--ink) 7%, transparent)}}.render-settings-size-step:disabled,.metronome-step:disabled{cursor:default;opacity:.4}.render-settings-size-value,.metronome-value{box-sizing:border-box;border-radius:var(--radius-compact);-webkit-appearance:textfield;appearance:textfield;width:100%;min-width:0;height:28px;color:var(--ink);font-family:var(--font-body);font-size:13px;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0;padding:0;line-height:28px;display:block}.metronome-value,.metronome-step{font-size:16px}.practice-more-end{color:var(--ink-tertiary);align-items:center;gap:5px;margin-left:auto;font-size:12px;display:inline-flex}.practice-more-wordmark{font-family:var(--font-display);font-size:10.5px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking)}.practice-more-menu{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-width:268px;box-shadow:var(--shadow-popover);color:var(--ink);padding:7px}@media (prefers-reduced-motion:no-preference){:-webkit-any(.practice-more-menu,.hand-practice-popover,.metronome-popover,.render-settings-popover){opacity:1;transform-origin:var(--transform-origin);transition:opacity var(--duration-fast) var(--ease-out-gentle), transform var(--duration-standard) var(--ease-spring-settle);transform:none}:is(.practice-more-menu,.hand-practice-popover,.metronome-popover,.render-settings-popover){opacity:1;transform-origin:var(--transform-origin);transition:opacity var(--duration-fast) var(--ease-out-gentle), transform var(--duration-standard) var(--ease-spring-settle);transform:none}:-webkit-any(.practice-more-menu,.hand-practice-popover,.metronome-popover,.render-settings-popover)[data-starting-style]{opacity:0;transform:translateY(-6px)scale(.92)}:is(.practice-more-menu,.hand-practice-popover,.metronome-popover,.render-settings-popover)[data-starting-style]{opacity:0;transform:translateY(-6px)scale(.92)}:-webkit-any(.practice-more-menu,.hand-practice-popover,.metronome-popover,.render-settings-popover)[data-side=top][data-starting-style]{transform:translateY(6px)scale(.92)}:is(.practice-more-menu,.hand-practice-popover,.metronome-popover,.render-settings-popover)[data-side=top][data-starting-style]{transform:translateY(6px)scale(.92)}:-webkit-any(.practice-more-menu,.hand-practice-popover,.metronome-popover,.render-settings-popover)[data-ending-style]{opacity:0;transition:opacity var(--duration-fast) var(--ease-out-gentle), transform var(--duration-fast) var(--ease-out-gentle);pointer-events:none;transform:scale(.97)}:is(.practice-more-menu,.hand-practice-popover,.metronome-popover,.render-settings-popover)[data-ending-style]{opacity:0;transition:opacity var(--duration-fast) var(--ease-out-gentle), transform var(--duration-fast) var(--ease-out-gentle);pointer-events:none;transform:scale(.97)}}.render-settings-popover,.metronome-popover,.hand-practice-popover,.practice-more-menu{max-height:calc(100vh - var(--practice-navbar-stack-height) - var(--safe-b) - 16px);max-height:calc(100dvh - var(--practice-navbar-stack-height) - var(--safe-b) - 16px);overscroll-behavior-y:contain;scrollbar-gutter:stable;overflow-y:auto}.practice-more-menu[hidden],.practice-more-hands{display:none}.practice-more-group-label{color:var(--ink-tertiary);font-size:10.5px;font-weight:var(--weight-display);letter-spacing:var(--label-tracking);text-transform:uppercase;padding:5px 9px 4px}.practice-more-hand-item,.practice-more-check-item{gap:8px}.practice-more-selection-indicator{width:18px;color:var(--spotlight);flex:0 0 18px;place-items:center;font-size:10px;display:grid}.practice-more-group-reason,.practice-more-recording-note{color:var(--ink-tertiary);font-family:var(--font-body);margin:2px 9px 7px 35px;font-size:10.5px;line-height:1.35;display:block}.practice-more-recording-note{border-left:2px solid color-mix(in srgb, var(--spotlight) 42%, var(--rule));padding:6px 8px}.practice-more-item{border-radius:var(--radius-compact);width:100%;min-height:36px;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:var(--weight-medium);letter-spacing:0;text-align:left;transition:background var(--duration-quick) ease, color var(--duration-quick) ease;background:0 0;border:0;align-items:center;gap:10px;padding:0 9px;text-decoration:none;display:flex}.practice-more-item[hidden]{display:none}@media (hover:hover) and (pointer:fine){.practice-more-item:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}}.practice-more-item[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:1px}.practice-more-item-icon{width:20px;color:var(--ink-secondary);flex:none;place-items:center;display:grid}.practice-more-item-icon svg{fill:currentColor;display:block}.practice-more-score-item{position:relative}.practice-more-score-item .practice-toolbar-icon{width:20px;height:20px}.practice-more-score-label{flex:auto;min-width:0}.practice-more-score-chevron{color:var(--ink-tertiary);transition:color var(--duration-quick) ease, transform var(--duration-control) var(--ease-spring-settle);flex:none}.practice-more-score-chevron[data-open=true]{color:var(--spotlight);transform:rotate(90deg)}.practice-more-key{border:1px solid var(--rule);background:var(--panel);min-width:22px;height:22px;color:var(--ink-tertiary);font-family:var(--font-body);font-size:10.5px;font-weight:var(--weight-semibold);text-align:center;border-radius:5px;margin-left:auto;padding:2px 6px;line-height:16px}.practice-more-divider{background:var(--rule);height:1px;margin:6px 8px}.practice-more-item--quiet{color:var(--ink-secondary)}.practice-more-divider[hidden],.practice-video-modal[hidden]{display:none}.practice-video-modal{z-index:100;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.practice-video-backdrop{background:color-mix(in srgb, var(--ink) 62%, transparent);-webkit-backdrop-filter:blur(4px);position:absolute;top:0;bottom:0;left:0;right:0}.practice-video-panel{width:min(960px, 100%, (100dvh - var(--safe-t) - var(--safe-b) - 48px - 48px) * 16 / 9);max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 48px);border:1px solid color-mix(in srgb, var(--panel) 22%, transparent);border-radius:var(--radius-control);background:var(--ink-deep);box-shadow:0 30px 80px color-mix(in srgb, var(--ink-absolute) 36%, transparent);position:relative;overflow:hidden}.practice-video-header{min-height:48px;color:var(--panel);background:var(--ink-deep);border-bottom:1px solid color-mix(in srgb, var(--panel) 12%, transparent);justify-content:flex-end;align-items:center;gap:8px;padding:0 7px;display:flex}.practice-video-minimize[data-focus-visible]:where(:focus){outline:2px solid var(--panel);outline-offset:2px}.practice-video-close[data-focus-visible]:where(:focus){outline:2px solid var(--panel);outline-offset:2px}.practice-video-minimize,.practice-video-close{border:1px solid color-mix(in srgb, var(--panel) 22%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--panel) 6%, transparent);width:34px;height:34px;color:var(--panel);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.practice-video-minimize:hover,.practice-video-close:hover{background:color-mix(in srgb, var(--panel) 12%, transparent)}}.practice-video-minimize svg,.practice-video-close svg{width:16px;height:16px;display:block}.practice-video-frame-shell{aspect-ratio:16/9;background:var(--ink-absolute);width:100%}.practice-video-frame-shell iframe{border:0;width:100%;height:100%;display:block}.practice-video-modal[data-minimized]{z-index:60;pointer-events:none;place-items:end;padding:16px}.practice-video-modal[data-minimized] .practice-video-backdrop{display:none}.practice-video-modal[data-minimized] .practice-video-panel{pointer-events:auto;width:min(384px,100%);box-shadow:0 18px 48px color-mix(in srgb, var(--ink-absolute) 34%, transparent)}.practice-video-modal[data-minimized] .practice-video-header{gap:6px;min-height:38px;padding:0 5px}.practice-video-modal[data-minimized] .practice-video-minimize,.practice-video-modal[data-minimized] .practice-video-close{width:28px;height:28px}.practice-video-modal[data-minimized] .practice-video-minimize svg,.practice-video-modal[data-minimized] .practice-video-close svg{width:14px;height:14px}@media (orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.practice-video-modal:not([data-minimized]){padding:0}.practice-video-modal:not([data-minimized]) .practice-video-panel{width:100%;height:100%;max-height:none;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:var(--ink-absolute);box-shadow:none;border:0;border-radius:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;display:grid}.practice-video-modal:not([data-minimized]) .practice-video-header{background:0 0;border-bottom:0;flex-direction:column;order:1;justify-content:flex-start;padding:12px 8px}.practice-video-modal:not([data-minimized]) .practice-video-frame-shell{place-self:center;width:auto;max-width:100%;height:100%;max-height:100%}}.tempo-strip{--tempo-ink:color-mix(in srgb, var(--green) 48%, var(--ink-soft));--tempo-ink-soft:color-mix(in srgb, var(--tempo-ink) 38%, transparent);--tempo-strip-pad:7px;z-index:22;min-width:0;height:var(--progress-row-height);padding:var(--tempo-strip-pad) clamp(16px, 3.5vw, 52px);background:linear-gradient(180deg, var(--paper) 0%, var(--paper-veil) 68%, transparent 100%);isolation:isolate;grid-area:2/1;grid-template-columns:max-content minmax(0,1fr);align-items:end;gap:14px;display:grid;position:relative;overflow:visible}.tempo-strip[hidden]{display:none}.practice-shell[data-immersive=true] .tempo-strip{width:100%;margin-top:var(--practice-navbar-stack-height);grid-row:3;align-self:start}.tempo-strip:before,.tempo-strip:after{content:"";z-index:2;pointer-events:none;width:clamp(12px,2.2vw,32px);position:absolute;top:0;bottom:0}.tempo-strip:before{background:linear-gradient(90deg, var(--paper), transparent);left:0}.tempo-strip:after{background:linear-gradient(270deg, var(--paper), transparent);right:0}.tempo-strip-chip{min-width:92px;color:var(--muted);font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.045em;white-space:nowrap;transition:color var(--duration-control) ease, font-size var(--duration-panel) var(--ease-out-gentle), opacity var(--duration-panel) var(--ease-out-gentle);align-self:center;line-height:1}.tempo-strip-chip-compact{display:none}.tempo-strip[data-cleared=true] .tempo-strip-chip{color:var(--ink-soft)}.tempo-strip-skyline-shell{min-width:0;height:26px;transition:height var(--duration-panel) var(--ease-out-gentle);position:relative}.tempo-strip-skyline{align-items:stretch;gap:1px;width:100%;min-width:0;height:100%;display:flex;position:relative}.tempo-strip-cell{min-width:0;height:100%;color:var(--tempo-ink);cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border:0;border-radius:1px;flex:1 1 0;margin:0;padding:0;position:relative;overflow:visible}.tempo-strip-cell[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px;z-index:4}.tempo-strip-column{height:calc(var(--tempo-cell-ratio,.08) * 100%);transform-origin:bottom;min-height:2px;transition:height var(--duration-standard) var(--ease-out-gentle), background-color var(--duration-standard) ease, opacity var(--duration-standard) ease;background:currentColor;border-radius:1px 1px 0 0;display:block;position:absolute;bottom:0;left:0;right:0}.tempo-strip-cell[data-unmeasured=true] .tempo-strip-column{background:var(--tempo-ink-soft);height:1px;min-height:1px}.tempo-strip-cap{background:var(--tempo-amber);border-radius:1px 1px 0 0;min-width:1px;height:3px;display:none;position:absolute;bottom:calc(100% - 1px);left:0;right:0}.tempo-strip-cell[data-capped=true] .tempo-strip-cap{display:block}.tempo-strip-cursor{bottom:0;left:var(--tempo-cursor-position,0%);width:var(--tempo-cursor-width,0%);height:calc(var(--progress-row-height) - var(--tempo-strip-pad));background:color-mix(in srgb, var(--spotlight) 20%, transparent);pointer-events:none;transition:left var(--duration-quick) var(--ease-out-gentle), width var(--duration-quick) var(--ease-out-gentle);border-radius:1px 1px 0 0;position:absolute;transform:translate(-50%)}.tempo-strip[data-dense=true] .tempo-strip-cursor{min-width:8px}.tempo-strip-cursor[hidden]{display:none}.tempo-strip-tooltip{top:calc(100% + 8px);left:var(--tempo-tooltip-position,50%);z-index:34;width:max-content;max-width:min(260px, calc(100vw - var(--safe-l) - var(--safe-r) - 24px));border:1px solid var(--hairline);background:var(--paper-veil-strong);box-shadow:0 12px 26px -18px color-mix(in srgb, var(--ink) 60%, transparent);color:var(--ink-soft);font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:11px;font-weight:var(--weight-semibold);pointer-events:none;white-space:nowrap;border-radius:5px;padding:6px 9px 7px;line-height:1.2;position:absolute;transform:translate(-50%)}.tempo-strip-tooltip[hidden]{display:none}.tempo-strip-summary{z-index:5;background:linear-gradient(180deg, var(--paper) 0%, var(--paper) 78%, transparent 100%);min-width:0;padding:0 clamp(16px,3.5vw,52px) 18px;position:absolute;top:100%;left:0;right:0}.tempo-strip-summary[hidden]{display:none}.tempo-strip-summary-surface{min-width:0;color:var(--ink);transform-origin:50% 0;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:10px 18px;padding:12px 0 3px;display:grid;position:relative}.tempo-strip-summary-surface:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ink) 18%, transparent) 16%, color-mix(in srgb, var(--ink) 18%, transparent) 84%, transparent);height:1px;position:absolute;top:0;left:0;right:0}.tempo-strip-summary-message{min-width:0;font-family:var(--font-display);font-size:clamp(15px,1.4vw,18px);font-weight:var(--weight-medium);text-wrap:balance;margin:0;line-height:1.25}.tempo-strip-summary-surface--broken .tempo-strip-summary-message{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--tempo-amber) 52%, transparent);text-decoration-color:color-mix(in srgb, var(--tempo-amber) 52%, transparent);text-underline-offset:5px;text-decoration-thickness:2px}.tempo-strip-summary-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.tempo-strip-summary-action,.tempo-strip-summary-close{min-height:32px;font-family:var(--font-body);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.02em;cursor:pointer;border-radius:999px}.tempo-strip-summary-action{border:1px solid var(--hairline);padding:0 13px}.tempo-strip-summary-action--primary{border-color:var(--ink-soft);background:var(--lacquer);color:var(--paper)}.tempo-strip-summary-action--secondary,.tempo-strip-summary-close{color:var(--ink-soft);background:0 0}@media (hover:hover) and (pointer:fine){.tempo-strip-summary-action--secondary:hover,.tempo-strip-summary-close:hover{border-color:var(--ink-soft);background:color-mix(in srgb, var(--ink) 5%, transparent)}.tempo-strip-summary-action--primary:hover{box-shadow:0 7px 18px -11px color-mix(in srgb, var(--ink) 75%, transparent);transform:translateY(-1px)}}.tempo-strip-summary-action[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.tempo-strip-summary-close[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.tempo-strip-summary-close{width:28px;font-size:18px;font-weight:var(--weight-body);border:0;place-items:center;padding:0;line-height:1;display:inline-grid}.tempo-strip-summary-raise-number{font-variant-numeric:tabular-nums;min-width:2ch;display:inline-block}@media (prefers-reduced-motion:no-preference){.tempo-strip-summary-surface{animation:tempo-summary-emerge var(--duration-panel) var(--ease-out-emphatic) both}.tempo-strip-skyline--shimmer:after{animation:tempo-skyline-shimmer .68s var(--ease-out-emphatic) both}}.tempo-strip-skyline:after{content:"";z-index:3;background:linear-gradient(100deg, transparent 0%, transparent 28%, color-mix(in srgb, var(--tempo-amber) 24%, transparent) 45%, color-mix(in srgb, var(--green) 18%, transparent) 54%, transparent 72%, transparent 100%);opacity:0;pointer-events:none;position:absolute;top:-2px;bottom:-2px;left:0;right:0;transform:translate(-110%)}@keyframes tempo-summary-emerge{0%{opacity:0;transform:translateY(-7px)scaleY(.92)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes tempo-skyline-shimmer{0%{opacity:0;transform:translate(-110%)}22%{opacity:1}to{opacity:0;transform:translate(110%)}}.tempo-raise-flight-number{background:color-mix(in srgb, var(--paper) 90%, transparent);box-shadow:0 12px 28px -16px color-mix(in srgb, var(--ink) 72%, transparent);color:var(--ink);font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:12px;font-weight:var(--weight-display);border-radius:5px;place-items:center;display:grid}.metronome-trigger{position:relative}.tempo-raise-landing-label{z-index:4;background:var(--paper);min-width:3ch;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:0;pointer-events:none;border-radius:4px;padding:2px 5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:no-preference){.tempo-raise-landing-pulse{animation:tempo-raise-landed .52s var(--ease-out-emphatic) both}}.metronome-trigger-label.tempo-raise-landing-pulse{display:inline-block}@keyframes tempo-raise-landed{0%,to{transform:scale(1)}48%{transform:scale(1.12)}}.tempo-strip[data-coalesced=true] .tempo-strip-skyline-shell{height:12px}.tempo-strip[data-coalesced=true] .tempo-strip-chip{opacity:.72;font-size:9px}.tempo-strip[data-coalesced=true]:focus-within .tempo-strip-skyline-shell{height:26px}@media (hover:hover) and (pointer:fine){.tempo-strip[data-coalesced=true]:hover .tempo-strip-skyline-shell{height:26px}}.tempo-strip[data-coalesced=true]:focus-within .tempo-strip-chip{opacity:1;font-size:11px}@media (hover:hover) and (pointer:fine){.tempo-strip[data-coalesced=true]:hover .tempo-strip-chip{opacity:1;font-size:11px}}.tempo-strip[data-dense=true] .tempo-strip-skyline{gap:0}.tempo-strip[data-dense=true] .tempo-strip-cell{pointer-events:none}.tempo-strip[data-dense=true] .tempo-strip-skyline{cursor:crosshair}.tempo-strip-cell[data-touch-armed=true]{outline:2px solid color-mix(in srgb, var(--focus) 72%, transparent);outline-offset:2px;z-index:4}.clef-tempo-broken-tint{fill:var(--tempo-amber-soft);fill-opacity:.13;stroke:none;pointer-events:none}@media (prefers-reduced-motion:no-preference){.clef-tempo-broken-tint{animation:clef-tempo-tint-in var(--duration-standard) ease-out both}}@keyframes clef-tempo-tint-in{0%{fill-opacity:0}to{fill-opacity:.13}}.score-ruler{height:calc(var(--progress-row-height) - 1px);background:var(--panel);border-bottom:1px solid var(--rule);z-index:22;-webkit-user-select:none;user-select:none;grid-area:2/1;align-items:stretch;gap:14px;padding:0 16px;display:flex;position:relative}.score-ruler[hidden],.score-ruler--tempo-yield{display:none}.practice-shell[data-immersive=true] .score-ruler{width:100%;margin-top:var(--practice-navbar-stack-height);transition:transform var(--duration-fast) ease-out;grid-row:3;align-self:start;transform:translateY(0)}body[data-chrome=hidden] .practice-shell[data-immersive=true] .score-ruler{transform:translateY(var(--practice-immersive-navbar-shift));transition:transform var(--duration-panel) ease-in}.score-ruler-track{cursor:pointer;touch-action:none;flex:auto;min-width:0;position:relative}.score-ruler-cells{pointer-events:none;position:absolute;top:11px;bottom:11px;left:0;right:0}.score-ruler-cell{background:color-mix(in srgb, var(--ink) 7%, transparent);background-clip:padding-box;border:1px solid #0000;border-radius:4px;position:absolute;top:0;bottom:0;overflow:hidden}.score-ruler-cell-fill{transform-origin:0;background:color-mix(in srgb, var(--ink) 76%, transparent);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.score-ruler-cell:after{border-radius:inherit;background:var(--green);content:"";opacity:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.score-ruler-cell[data-checkpoint-sweep]:after{animation:score-ruler-checkpoint-sweep var(--duration-celebration) var(--ease-out-gentle) var(--clef-checkpoint-sweep-delay,0s) both}@keyframes score-ruler-checkpoint-sweep{0%{opacity:0;transform-origin:0;transform:scaleX(0)}35%{opacity:.82;transform-origin:0;transform:scaleX(1)}to{opacity:0;transform-origin:0;transform:scaleX(1)}}.score-ruler-cell[data-current]>.score-ruler-cell-fill{background:var(--red)}.score-ruler-cell[data-target]{border-color:color-mix(in srgb, var(--spotlight) 62%, transparent)}.score-ruler-cell[data-target]>.score-ruler-cell-fill{background:var(--spotlight)}.score-ruler-cell[data-target][data-current]>.score-ruler-cell-fill{background:var(--red)}.score-ruler-cell[data-target][data-recovery]{border-color:color-mix(in srgb, var(--red) 62%, transparent)}.score-ruler-cell[data-scope]{background:color-mix(in srgb, var(--spotlight) 13%, transparent);background-clip:padding-box}.score-ruler-cells[data-flush] .score-ruler-cell{border-width:0;border-radius:0}.score-ruler-cells[data-flush] .score-ruler-cell[data-target]{background:color-mix(in srgb, var(--spotlight) 30%, transparent)}.score-ruler-cells[data-flush] .score-ruler-cell[data-target][data-recovery]{background:color-mix(in srgb, var(--red) 30%, transparent)}.score-ruler-viewport{z-index:1;will-change:transform;border:1px solid color-mix(in srgb, var(--ink) 22%, transparent);border-radius:var(--radius-compact);background:color-mix(in srgb, var(--ink) 4%, transparent);cursor:grab;transition:background-color var(--duration-fast) var(--ease-out-gentle), border-color var(--duration-fast) var(--ease-out-gentle);position:absolute;top:8px;bottom:8px;left:0}.score-ruler-viewport[data-dragging]{border-color:color-mix(in srgb, var(--ink) 36%, transparent);background:color-mix(in srgb, var(--ink) 7%, transparent)}@media (hover:hover) and (pointer:fine){.score-ruler-track:hover .score-ruler-viewport{border-color:color-mix(in srgb, var(--ink) 36%, transparent);background:color-mix(in srgb, var(--ink) 7%, transparent)}}.score-ruler-viewport[data-dragging]{cursor:grabbing}.score-ruler-viewport[hidden]{display:none}.score-ruler-caret{z-index:3;cursor:pointer;width:16px;position:absolute;top:9px;bottom:9px;transform:translate(-50%)}.score-ruler-caret:before{content:"";background:var(--red);border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:7px}.score-ruler-caret[hidden]{display:none}@media (hover:none) and (pointer:coarse){.score-ruler-caret{width:32px}.score-ruler-caret:before{left:15px}}.score-ruler-demo-caret{z-index:2;background:var(--demo-playback);pointer-events:none;border-radius:1px;width:2px;position:absolute;top:9px;bottom:9px;transform:translate(-50%)}.score-ruler-demo-caret[hidden]{display:none}.score-ruler-scrub-tip{z-index:1;border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-popover);color:var(--ink);font-family:var(--font-body);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;animation:score-ruler-scrub-tip-in var(--duration-fast) ease-out both;gap:2px;padding:5px 9px;font-size:12px;line-height:1.25;display:grid;position:absolute;top:calc(100% + 6px);left:0}.score-ruler-scrub-tip[data-placement=above]{top:auto;bottom:calc(100% + 10px)}.score-ruler:has(>.score-ruler-scrub-tip[data-placement=above]:not([hidden])){z-index:31}.score-ruler-scrub-tip[hidden],.score-ruler-scrub-tip-spot[hidden]{display:none}.score-ruler-scrub-tip-bar{font-weight:var(--weight-semibold)}.score-ruler-scrub-tip-spot{color:var(--ink-secondary)}@keyframes score-ruler-scrub-tip-in{0%{opacity:0}}.score-ruler-meta{color:var(--ink-tertiary);font-family:var(--font-body);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-self:center;font-size:11px}@media (prefers-reduced-motion:reduce){.score-ruler-cell[data-checkpoint-sweep]:after{animation:none}.practice-shell[data-immersive=true] .score-ruler,body[data-chrome=hidden] .practice-shell[data-immersive=true] .score-ruler,.score-ruler-viewport{transition:none}.score-ruler-scrub-tip{animation:none}}.back-to-cursor-chip{z-index:27;margin:0 max(16px, var(--safe-r)) calc(72px + var(--safe-b)) 0;grid-area:3/1;place-self:end}.back-to-cursor-button{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-height:36px;box-shadow:var(--shadow-popover);color:var(--ink);font-family:var(--font-body);font-size:12px;font-weight:var(--weight-semibold);cursor:pointer;animation:back-to-cursor-arrive var(--duration-standard) var(--ease-out-emphatic) both;align-items:center;gap:7px;padding:0 12px 0 10px;line-height:1;display:inline-flex}.back-to-cursor-button svg{fill:currentColor;flex:none;width:16px;height:16px}@media (hover:hover) and (pointer:fine){.back-to-cursor-button:hover{background:var(--paper)}}.back-to-cursor-button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}@keyframes back-to-cursor-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.back-to-cursor-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.memorization-progress-chip{width:min(100%,370px);min-width:0;color:var(--ink);font-family:var(--font-body);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr);gap:4px;display:grid;position:relative}.memorization-progress-chip[hidden]{display:none}.memorization-progress-counts{grid-template-columns:repeat(4,minmax(0,auto));justify-content:center;align-items:stretch;min-width:0;display:grid}.memorization-progress-count{--queue-color:var(--ink-secondary);min-width:0;color:var(--queue-color);white-space:nowrap;justify-content:center;align-items:center;gap:4px;padding:1px 10px;display:inline-flex;position:relative}.memorization-progress-count+.memorization-progress-count{border-inline-start:1px solid var(--rule)}.memorization-progress-count[data-queue=new]{--queue-color:var(--accent-forecast)}.memorization-progress-count[data-queue=learning]{--queue-color:var(--red)}.memorization-progress-count[data-queue=review]{--queue-color:var(--green)}.memorization-progress-count[data-zero=true]{opacity:.36}.memorization-progress-count-label{color:var(--ink-tertiary);font-size:9px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-overflow:ellipsis;text-transform:uppercase;line-height:1;overflow:hidden}.memorization-progress-count-value{border-radius:var(--radius-compact);min-width:24px;height:24px;color:var(--queue-color);font-size:14px;font-weight:var(--weight-semibold);transition:background var(--duration-standard) var(--ease-out-gentle), border-color var(--duration-standard) var(--ease-out-gentle);animation:memorization-count-tick var(--duration-feedback-decay) var(--ease-out-emphatic) both;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding-inline-start:3px;padding-inline-end:3px;line-height:1;display:inline-flex}.memorization-progress-count[data-active=true] .memorization-progress-count-value{border-color:color-mix(in srgb, var(--queue-color) 34%, var(--rule));background:color-mix(in srgb, var(--queue-color) 10%, var(--panel));animation:memorization-register-settle var(--duration-feedback-decay) var(--ease-out-emphatic) both}.memorization-progress-count-prefix{opacity:.42;transition:opacity var(--duration-standard) ease;margin-inline-end:1px}.memorization-progress-count[data-due=true] .memorization-progress-count-prefix{opacity:1}.memorization-round-progress{width:100%;height:var(--memorization-round-progress-height,3px);background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:0;position:relative;overflow:hidden}.memorization-round-progress>span{border-radius:inherit;background:var(--green);transform-origin:0;transition:transform var(--duration-medium) var(--ease-out-gentle);position:absolute;top:0;bottom:0;left:0;right:0}.memorization-checkpoint-hint{min-width:0;color:var(--ink-tertiary);font-size:10px;font-weight:var(--weight-medium);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.1;overflow:hidden}.memorization-checkpoint-hint[hidden]{display:none}.memorization-milestone-burst{--milestone-color:var(--green);z-index:1;pointer-events:none;position:absolute;top:-8px;bottom:-8px;left:8%;right:8%}.memorization-milestone-burst>i{border:1px solid var(--milestone-color);opacity:0;animation:memorization-milestone-ring var(--duration-celebration) var(--ease-out-gentle) both;border-radius:999px;position:absolute;top:50%;bottom:50%;left:50%;right:50%}.memorization-milestone-burst>i:nth-child(2){animation-delay:var(--duration-fast)}.memorization-milestone-burst>i:nth-child(3){animation-delay:var(--duration-standard)}.memorization-milestone-burst>b{color:var(--milestone-color);font-size:16px;font-weight:var(--weight-semibold);opacity:0;animation:memorization-milestone-star var(--duration-celebration) var(--ease-out-emphatic) both;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4)rotate(-18deg)}.memorization-progress-chip[data-milestone=first_snippet_memorized] .memorization-milestone-burst{--milestone-color:var(--accent-forecast)}.memorization-progress-chip[data-milestone=piece_completed] .memorization-milestone-burst{left:0;right:0}.memorization-bar-learned-burst{z-index:1;pointer-events:none;position:absolute;top:3px;bottom:3px;left:12%;right:12%}.memorization-bar-learned-burst>i{background:var(--green);opacity:0;height:1px;animation:memorization-bar-learned-line var(--duration-celebration) var(--ease-out-emphatic) both;position:absolute;left:0;right:0;transform:scaleX(.2)}.memorization-bar-learned-burst>i:first-child{top:28%}.memorization-bar-learned-burst>i:last-child{animation-delay:var(--duration-fast);bottom:28%}@keyframes memorization-bar-learned-line{0%{opacity:0;transform:scaleX(.2)}35%{opacity:.85}to{opacity:0;transform:scaleX(1)}}@keyframes memorization-count-tick{0%{opacity:.35;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes memorization-register-settle{0%{transform:scale(.82)}to{transform:scale(1)}}@keyframes memorization-milestone-ring{0%{opacity:.7;transform:scale(.05,.3)}to{opacity:0;transform:scaleY(1.5)}}@keyframes memorization-milestone-star{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-18deg)}32%{opacity:1}to{opacity:0;transform:translate(-50%,-80%)scale(1.2)rotate(8deg)}}@media (max-width:720px){.memorization-progress-count{gap:0;padding-inline-start:8px;padding-inline-end:8px}.memorization-progress-count-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.memorization-progress-count-value,.memorization-progress-count-prefix,.memorization-round-progress>span,.memorization-milestone-burst>i,.memorization-milestone-burst>b,.memorization-bar-learned-burst>i{transition:none;animation:none}}.memorization-session-progress .memorization-progress-counts{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;width:100%}.memorization-session-progress .memorization-progress-count{border-inline-start:0}.memorization-session-progress .memorization-progress-count-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.memorization-guidance{min-width:0;color:var(--ink);text-align:left;flex:auto;align-items:center;gap:12px;display:flex}.memorization-guidance[hidden]{display:none}.memorization-badge{border-radius:var(--radius-compact);border:1px solid var(--rule);background:var(--paper);color:var(--ink-tertiary);font-size:10px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;white-space:nowrap;flex:none;align-items:center;padding:4px 8px;line-height:1.2;display:inline-flex}.memorization-badge[data-stage=test]{border-color:var(--ink);background:var(--ink);color:var(--panel)}.memorization-badge[hidden]{display:none}.memorization-clean-passes{border-left:1px solid var(--rule);flex:none;align-items:center;gap:7px;padding-left:14px;display:inline-flex}.memorization-clean-passes[hidden]{display:none}.memorization-clean-passes-label{color:var(--ink-tertiary);font-size:11px;font-weight:var(--weight-medium);white-space:nowrap}.memorization-clean-pass{border:1.5px solid var(--hairline);color:#0000;width:18px;height:18px;transition:background var(--duration-medium) ease, border-color var(--duration-medium) ease, color var(--duration-medium) ease;background:0 0;border-radius:50%;place-items:center;display:inline-grid}.memorization-clean-pass svg{width:10px;height:10px}.memorization-clean-pass[data-filled=true]{border-color:var(--green);background:var(--green);color:var(--panel);animation:clean-pass-fill var(--duration-entrance) var(--ease-out-emphatic) both}.memorization-clean-pass[data-filled=true] svg path{stroke-dasharray:1;animation:clean-pass-check-draw var(--duration-feedback-decay) var(--ease-out-gentle) var(--duration-standard) both}@keyframes clean-pass-fill{0%{transform:scale(1);box-shadow:0 0 #0000}45%{box-shadow:0 0 0 5px color-mix(in srgb, var(--green) 16%, transparent);transform:scale(1.18)}to{transform:scale(1);box-shadow:0 0 0 9px #0000}}@keyframes clean-pass-check-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.clef-passage-outside{opacity:.28}.clef-passage-inside,.clef-passage-outside{transition:opacity var(--duration-fast) var(--ease-out-gentle)}.stage[data-clef-measure-pick-owner=passage] .clef-measure-pick-tile[data-clef-measure-pick-marked]{fill-opacity:.22}.passage-pick-note{color:var(--ink-tertiary);font-size:12px;font-weight:var(--weight-body);margin:0;line-height:1.4}.passage-pick-note--consequence{border-left:2px solid var(--spotlight);color:var(--ink);padding-left:8px}.passage-pick-note--error{color:var(--red)}.memorization-passage-chip[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.memorization-passage-chip{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-height:34px;color:var(--ink);font-family:var(--font-body);font-size:12px;font-weight:var(--weight-medium);cursor:pointer}@media (hover:hover) and (pointer:fine){.memorization-passage-chip:hover{background:var(--paper);border-color:var(--hairline)}}.memorization-passage-chip{min-height:32px;color:var(--ink-secondary);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.memorization-passage-chip-bracket{border-right:1px solid var(--spotlight);border-bottom:1px solid var(--spotlight);border-left:1px solid var(--spotlight);width:18px;height:8px;position:relative}.memo-tip-card{z-index:60;border-radius:var(--radius-control);border:1px solid var(--hairline);background:var(--panel);max-width:320px;box-shadow:0 14px 40px -18px color-mix(in srgb, var(--ink) 55%, transparent);color:var(--ink);padding:14px 16px;position:fixed}.memo-tip-card p{margin:0}.memo-tip-card[data-blocking=true]{max-width:384px}.memo-tip-card-caret{background:var(--panel);pointer-events:none;width:12px;height:12px;display:none;position:absolute;transform:rotate(45deg)}.memo-tip-card[data-placement=below] .memo-tip-card-caret{top:-7px;left:calc(var(--memo-tip-caret-x,50%) - 6px);border-left:1px solid var(--hairline);border-top:1px solid var(--hairline);display:block}.memo-tip-card[data-placement=above] .memo-tip-card-caret{bottom:-7px;left:calc(var(--memo-tip-caret-x,50%) - 6px);border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);display:block}.memo-tip-card-title{font-family:var(--font-display);font-size:17px;font-weight:var(--weight-display);margin-bottom:4px}.memo-tip-card-body{color:var(--ink-soft);font-size:14px;line-height:1.45}.memo-tip-card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.memo-tip-card-button{border-radius:var(--radius-compact);border:1px solid var(--ink);background:var(--ink);color:var(--panel);font-size:13px;font-weight:var(--weight-semibold);cursor:pointer;padding:6px 14px}@media (hover:hover) and (pointer:fine){.memo-tip-card-button:hover{opacity:.88}}.memo-tip-card-secondary{border-radius:var(--radius-compact);border:1px solid var(--hairline);color:var(--ink);font-size:13px;font-weight:var(--weight-semibold);cursor:pointer;background:0 0;padding:6px 14px}@media (hover:hover) and (pointer:fine){.memo-tip-card-secondary:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}}#memorization-clean-passes.memo-tip-pulse{animation:1.2s ease-in-out 2 memo-tip-dots-pulse}@keyframes memo-tip-dots-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.45)}}@media (prefers-reduced-motion:reduce){#memorization-clean-passes.memo-tip-pulse{animation:none}}.clef-review-feedback-edge{pointer-events:none;z-index:2147483647;opacity:0;box-shadow:none;transition:opacity var(--duration-feedback-decay) ease-out, box-shadow var(--duration-feedback-decay) ease-out;position:fixed}.clef-review-feedback-edge.top,.clef-review-feedback-edge.bottom{width:100%;height:2px;left:0}.clef-review-feedback-edge.left,.clef-review-feedback-edge.right{width:2px;height:100%;top:0}.clef-review-feedback-edge.top{top:0}.clef-review-feedback-edge.bottom{bottom:0}.clef-review-feedback-edge.left{left:0}.clef-review-feedback-edge.right{right:0}.clef-review-feedback-edge.good,.clef-review-feedback-edge.again{transition:opacity var(--duration-immediate) ease-out, box-shadow var(--duration-immediate) ease-out}.clef-review-feedback-edge.good{opacity:1;background:var(--green);box-shadow:0 0 2.6vh .5vh color-mix(in srgb, var(--green) 55%, transparent)}.clef-review-feedback-edge.again{opacity:.85;background:var(--red);box-shadow:0 0 1.6vh .3vh color-mix(in srgb, var(--red) 40%, transparent)}.memo-tip-gesture{--memo-tip-gesture-cycle:2.6s;z-index:55;pointer-events:none;position:fixed}.memo-tip-gesture[hidden]{display:none}.memo-tip-gesture-fill{background:var(--spotlight);opacity:.16;transform-origin:0;animation:memo-tip-gesture-fill var(--memo-tip-gesture-cycle) linear infinite;position:absolute;top:0;bottom:0;left:0;right:0}.memo-tip-gesture-hand{width:44px;height:66px;color:var(--ink);filter:drop-shadow(0 2px 3px color-mix(in srgb, var(--ink) 30%, transparent));animation:memo-tip-gesture-hand var(--memo-tip-gesture-cycle) ease-in-out infinite;margin:-21px 0 0 -12px;position:absolute;top:50%;left:50%;overflow:visible}.memo-tip-gesture-palm{fill:var(--panel)}.memo-tip-gesture-outline{fill:currentColor}.memo-tip-gesture-ring{fill:var(--spotlight);opacity:0;transform-box:fill-box;transform-origin:50%;animation:memo-tip-gesture-ring var(--memo-tip-gesture-cycle) ease-out infinite}@keyframes memo-tip-gesture-hand{0%,to{opacity:0;transform:translate(6px,18px)scale(1)}14%{opacity:1;transform:translate(0)scale(1)}20%,68%{opacity:1;transform:translate(0)scale(.9)}84%{opacity:0;transform:translate(6px,18px)scale(1)}}@keyframes memo-tip-gesture-fill{0%,20%{opacity:0;transform:scaleX(0)}21%{opacity:.16;transform:scaleX(0)}68%{opacity:.16;transform:scaleX(1)}80%,to{opacity:0;transform:scaleX(1)}}@keyframes memo-tip-gesture-ring{0%,19%{opacity:0;transform:scale(.3)}22%{opacity:.45;transform:scale(.5)}40%,to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.memo-tip-gesture-hand,.memo-tip-gesture-fill,.memo-tip-gesture-ring{animation:none}.memo-tip-gesture-hand{opacity:1;transform:scale(.9)}.memo-tip-gesture-fill{opacity:.16;transform:scaleX(1)}.memo-tip-gesture-ring{opacity:.35;transform:scale(1)}}#play-from-button.memo-tip-pulse{animation:1.2s ease-in-out 2 play-from-armed-pulse}@media (prefers-reduced-motion:reduce){#play-from-button.memo-tip-pulse{animation:none}}.ottava-caption{z-index:50;border:1px solid color-mix(in srgb, var(--tempo-amber) 36%, var(--hairline));border-radius:var(--radius-control);background:var(--paper-veil-soft);width:-moz-fit-content;width:fit-content;max-width:min(560px,100% - 48px);box-shadow:var(--shadow-card-hover);color:var(--ink);font-size:13.5px;font-weight:var(--weight-semibold);text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(12px);grid-area:3/1;place-self:end center;align-items:center;gap:10px;margin:0 0 18px;padding:9px 16px;line-height:1.3;display:flex}.ottava-caption-chip{font-family:var(--font-display,Georgia, serif);font-style:italic;font-weight:var(--weight-semibold);color:var(--tempo-amber);background:color-mix(in srgb, var(--tempo-amber) 10%, transparent);border:1px solid color-mix(in srgb, var(--tempo-amber) 30%, transparent);border-radius:999px;padding:0 9px 1px;font-size:12.5px}.accidental-coaching-caption,.missing-note-coaching-caption,.recall-start-cue-caption{z-index:52;border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);width:-moz-fit-content;width:fit-content;max-width:min(680px,100% - 48px);box-shadow:var(--shadow-popover);color:var(--ink);font-size:16px;font-weight:var(--weight-medium);text-align:left;pointer-events:none;grid-area:3/1;place-self:end center;align-items:center;gap:12px;margin:0 0 18px;padding:10px 16px;line-height:1.35;display:flex}.accidental-coaching-caption-chip,.missing-note-coaching-caption-chip{border:1px solid color-mix(in srgb, var(--spotlight) 30%, var(--rule));background:color-mix(in srgb, var(--spotlight) 9%, var(--panel));min-width:42px;color:var(--spotlight);font-weight:var(--weight-semibold);text-align:center;border-radius:999px;flex:none;padding:1px 10px 2px}.accidental-coaching-caption-message,.missing-note-coaching-caption-message{overflow-wrap:anywhere;min-width:0}.recall-start-cue-caption{text-align:center;justify-content:center;display:none}@media (max-width:720px){.accidental-coaching-caption,.missing-note-coaching-caption,.recall-start-cue-caption{max-width:calc(100% - 24px);margin-bottom:12px;padding:9px 12px}}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.recall-start-cue-caption{display:flex}}#score-recall-overlay-root{z-index:52;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.score-recall-cluster{top:var(--recall-target-center-y,0px);color:var(--ink-soft);pointer-events:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"instruction""cue""feedback";place-items:center;gap:7px 9px;display:grid;position:absolute;transform:translateY(-50%)}.score-recall-cluster[hidden],.score-recall-cluster>[hidden]{display:none}.score-recall-instruction{border-radius:var(--radius-panel);background:color-mix(in srgb, var(--panel) 86%, transparent);width:max-content;color:var(--ink-soft);font-size:18px;font-weight:var(--weight-medium);text-align:center;white-space:nowrap;grid-area:instruction;padding:4px 9px;line-height:1.2}.score-recall-start-cue{box-sizing:border-box;border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);width:max-content;max-width:100%;color:var(--ink);text-align:center;white-space:nowrap;grid-area:cue;padding:6px 9px;font-size:13px;line-height:1.2}.recall-feedback{width:18px;height:18px;color:var(--muted);pointer-events:none;grid-area:feedback;place-items:center;display:grid}.recall-feedback[data-state=accepted]{color:var(--green)}.recall-feedback[data-state=error]{color:var(--red)}.recall-feedback-mark{fill:currentColor;opacity:.12;width:18px;height:18px;transition:opacity 80ms ease-out}.recall-feedback[data-state=accepted] .recall-feedback-mark,.recall-feedback[data-state=error] .recall-feedback-mark{opacity:1;transition:none}.score-recall-cluster[data-entering=true]{animation:recall-overlay-enter .22s var(--ease-out-gentle) both}@keyframes recall-overlay-enter{0%{opacity:0;transform:translateY(calc(5px - 50%))}to{opacity:1;transform:translateY(-50%)}}.recall-start-arrow{z-index:52;color:var(--spotlight);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;transform:translate(-50%)}.recall-start-arrow--bouncing{animation:1.1s ease-in-out infinite recall-start-bounce}.recall-start-arrow[hidden]{display:none}.stage[data-recall-cover-pending=true]>.recall-start-arrow{visibility:hidden}@keyframes recall-start-bounce{0%,to{transform:translate(-50%,-5px)}50%{transform:translate(-50%)}}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.score-recall-instruction{font-size:16px}.score-recall-start-cue{display:none}.recall-start-arrow{width:24px;height:28px}}@media (prefers-reduced-motion:reduce){.score-recall-cluster,.recall-feedback .recall-feedback-mark,.recall-start-arrow{animation:none}}.trouble-spot-plaque-positioner{z-index:58}.trouble-spot-plaque{--plaque-border:var(--rule);--plaque-background:var(--panel);--plaque-radius:var(--radius-panel);--plaque-shadow:var(--shadow-popover);width:min(368px, calc(100vw - var(--safe-l) - var(--safe-r) - 24px));color:var(--ink);font-family:var(--font-body);padding:0;overflow:hidden}.trouble-spot-plaque:focus{outline:none}.trouble-spot-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.trouble-spot-plaque-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 9px 0 13px;display:flex}.trouble-spot-plaque-title{font-size:12.5px;font-weight:var(--weight-semibold);line-height:1.3}.trouble-spot-passes{color:var(--ink-tertiary);font-size:11.5px;line-height:1.35}.trouble-spot-notation{background:var(--paper);place-items:center;min-height:120px;margin:0;display:grid;position:relative;overflow:hidden}.trouble-spot-notation-render{z-index:1;grid-area:1/1;width:100%}.trouble-spot-notation-render:empty{display:none}.trouble-spot-notation-render:not(:empty)+.trouble-spot-notation-fallback{visibility:hidden}.trouble-spot-notation-fallback{grid-area:1/1;grid-template-columns:1fr 1fr;align-items:center;gap:14px;width:calc(100% - 28px);min-height:90px;display:grid}.trouble-spot-fallback-expected{color:var(--ink)}.trouble-spot-fallback-expected,.trouble-spot-fallback-played{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.trouble-spot-fallback-played{color:var(--red);border-left:1px solid var(--rule)}.trouble-spot-fallback-token{font-family:var(--font-body);font-size:12px;font-weight:var(--weight-semibold);padding:5px 7px}.trouble-spot-realization{border-top:1px solid var(--rule);color:var(--ink);justify-content:center;align-items:center;gap:7px;margin:0;padding:9px 12px;display:flex}.trouble-spot-realization-step{border:1px solid var(--rule);border-radius:var(--radius-compact);min-width:38px;font-family:var(--font-body);font-size:12px;font-weight:var(--weight-semibold);text-align:center;padding:4px 7px}.clef-trouble-spot-snippet-svg{width:100%;height:100%;color:var(--ink);display:block}.clef-trouble-spot-snippet-svg .clef-trouble-spot-retained-errors{color:var(--red)}.clef-trouble-spot-error-count{fill:var(--red);font-family:var(--font-body);font-weight:var(--weight-semibold)}.trouble-spot-passes{border-top:1px solid var(--rule);margin:0;padding:8px 12px 10px}.trouble-spot-clear{border-radius:var(--radius-compact);min-height:28px;color:var(--ink-secondary);font-family:var(--font-body);font-size:12px;font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0;padding:0 6px}@media (hover:hover) and (pointer:fine){.trouble-spot-clear:hover{color:var(--ink);background:var(--paper)}}.trouble-spot-clear[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.trouble-spot-clear:disabled{cursor:default;opacity:.62}.score-ruler-spots{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.score-ruler-spot{z-index:2;border:1px solid var(--spot-work-ink);border-radius:var(--radius-compact);background:color-mix(in srgb, var(--spot-work) 20%, transparent);min-width:5px;color:var(--spot-work-ink);cursor:pointer;pointer-events:auto;transition:background-color var(--duration-fast) var(--ease-out-gentle);padding:0;position:absolute;top:8px;bottom:8px}.score-ruler-spot[data-focus-visible]:where(:focus){background:color-mix(in srgb, var(--spot-work) 34%, transparent)}@media (hover:hover) and (pointer:fine){.score-ruler-spot:hover{background:color-mix(in srgb, var(--spot-work) 34%, transparent)}}.score-ruler-spot[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.stage[data-clef-measure-pick-owner=spot-work] .clef-measure-pick-tile{--pick-tile-tint:var(--spot-work)}.measure-pick-hint{--plaque-radius:var(--radius-compact);--plaque-shadow:var(--shadow-hairline);z-index:28;color:var(--spot-work-ink);font-size:13px;font-weight:var(--weight-medium);grid-area:3/1;place-self:start center;margin-top:14px;padding:8px 12px}.practice-more-item--with-note{min-height:44px}.practice-more-item--with-note small{color:var(--ink-tertiary);font-size:10.5px;font-weight:var(--weight-body);margin-top:2px;display:block}.practice-more-item--with-note small[hidden]{display:none}.practice-more-item:disabled{cursor:default;opacity:.58}.spot-work-disabled-reason{color:var(--ink-tertiary);margin:8px 0 0;font-size:11px;line-height:1.4}.spot-work-plaque-positioner{z-index:31}.spot-work-plaque{--plaque-radius:var(--radius-compact);--plaque-shadow:var(--shadow-popover);width:min(340px, calc(100vw - var(--safe-l) - var(--safe-r) - 24px));border-top:3px solid var(--spot-work);padding:16px}.spot-work-plaque:focus{outline:none}.spot-work-plaque-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.spot-work-eyebrow,.spot-work-stage{color:var(--spot-work-ink);font-size:10px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;display:block}.spot-work-plaque h2,.spot-work-plaque p,.spot-work-footer p{margin:0}.spot-work-plaque h2{font-size:18px;font-weight:var(--weight-semibold);margin-top:4px}.spot-work-close{border:1px solid var(--rule);border-radius:var(--radius-compact);width:30px;height:30px;color:var(--ink-secondary);font:inherit;cursor:pointer;background:0 0;padding:0;font-size:20px}.spot-work-evidence{color:var(--ink-secondary);font-size:13px;margin-top:12px!important}.spot-work-plaque-actions{gap:8px;margin-top:16px;display:flex}.spot-work-plaque-actions button,.spot-work-footer button{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-height:36px;color:var(--ink);font:inherit;font-size:13px;font-weight:var(--weight-medium);cursor:pointer;padding:0 14px}.spot-work-plaque-actions .spot-work-drill{border-color:var(--spot-work);background:var(--spot-work-soft);color:var(--spot-work-ink)}.spot-work-plaque button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.spot-work-footer button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.spot-work-plaque button:disabled,.spot-work-footer button:disabled{cursor:default;opacity:.56}.spot-work-footer{width:100%;min-height:58px;padding:10px 24px calc(10px + var(--safe-b));border-top:1px solid var(--rule);background:var(--panel);z-index:11;grid-area:3/1;align-self:end;align-items:center;gap:20px;display:flex}.spot-work-footer-copy{flex:auto;min-width:0}.spot-work-footer-copy p{color:var(--ink-secondary);margin-top:4px;font-size:13px}.spot-work-checks{gap:6px;display:flex}.spot-work-checks>span{border:1px solid var(--hairline);color:#0000;place-items:center;width:20px;height:20px;display:grid}.spot-work-checks>span[data-filled=true]{border-color:var(--spot-work);background:var(--spot-work-soft);color:var(--spot-work-ink)}.spot-work-checks svg{width:12px;height:12px}.spot-work-release-edge{z-index:2147483647;pointer-events:none;opacity:0;background:var(--spot-work);transition:opacity var(--duration-feedback-decay) ease-out;position:fixed}.spot-work-release-edge--top,.spot-work-release-edge--bottom{width:100%;height:2px;left:0}.spot-work-release-edge--left,.spot-work-release-edge--right{width:2px;height:100%;top:0}.spot-work-release-edge--top{top:0}.spot-work-release-edge--right{right:0}.spot-work-release-edge--bottom{bottom:0}.spot-work-release-edge--left{left:0}.spot-work-release-edge--active{opacity:1;box-shadow:0 0 2.4vh .45vh color-mix(in srgb, var(--spot-work) 48%, transparent)}.measure-pick-toast{--measure-pick-toast-inset:6px;--measure-pick-toast-text-inset:8px;padding:var(--measure-pick-toast-inset);pointer-events:none;flex-wrap:wrap;align-items:center;gap:2px 12px;display:flex}.measure-pick-toast[hidden]{display:none}.measure-pick-toast-text{min-width:0;padding-inline-start:var(--measure-pick-toast-text-inset)}.measure-pick-toast-action{border:1px solid var(--rule);border-radius:var(--radius-compact);background:var(--panel);min-height:32px;color:var(--ink);font-family:var(--font-body);font-size:12px;font-weight:var(--weight-medium);cursor:pointer;pointer-events:auto;flex:none;padding:0 12px;line-height:1}@media (hover:hover) and (pointer:fine){.measure-pick-toast-action:hover{background:var(--paper)}}.measure-pick-toast-action[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.measure-pick-toast-actions{flex-wrap:wrap;flex:none;gap:6px;display:flex}.measure-pick-toast-action:disabled{cursor:default;opacity:.52}.measure-pick-toast-action[data-variant=primary]{border-color:var(--lacquer);background:var(--lacquer);color:var(--panel)}@media (hover:hover) and (pointer:fine){.measure-pick-toast-action[data-variant=primary]:hover:not(:disabled){background:var(--lacquer)}}.measure-pick-toast-notes{padding:0 var(--measure-pick-toast-text-inset) var(--measure-pick-toast-inset);contain:inline-size;text-align:start;flex:1 0 100%;gap:4px;display:grid}.layout-switch-prompt{--plaque-radius:var(--radius-compact);--plaque-shadow:var(--shadow-hairline);z-index:28;color:var(--ink);font-size:13px;font-weight:var(--weight-medium);grid-area:3/1;place-self:end center;margin-bottom:14px}.practice-shell{position:relative}.grading-failure-layer{top:calc(var(--practice-navbar-stack-height) + var(--progress-row-height) - 1px);z-index:102;padding:24px max(24px, var(--safe-r)) max(24px, var(--safe-b)) max(24px, var(--safe-l));place-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.grading-failure-backdrop{z-index:101;background:color-mix(in srgb, var(--paper) 76%, transparent);animation:grading-failure-layer-in var(--duration-standard) ease-out both;position:fixed;top:0;bottom:0;left:0;right:0}.grading-failure-notice{--plaque-border:var(--rule);--plaque-background:var(--panel-veil);--plaque-radius:var(--radius-panel);--plaque-shadow:var(--shadow-popover);text-align:center;width:min(430px,100%);animation:grading-failure-notice-in var(--duration-panel) var(--ease-out-emphatic) both;padding:28px;position:relative}.grading-failure-eyebrow{color:var(--ink-secondary);font-size:12px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0 0 9px}.grading-failure-notice h1{font-size:clamp(24px,3vw,32px);font-weight:var(--weight-display);letter-spacing:-.025em;margin:0}.grading-failure-notice #grading-failure-description{max-width:36ch;color:var(--ink-secondary);margin:13px auto 22px;font-size:15px;line-height:1.55}.grading-failure-restart{border:1px solid var(--ink-deep);border-radius:var(--radius-compact);background:var(--lacquer);min-height:42px;color:var(--panel);font:inherit;font-size:14px;font-weight:var(--weight-semibold);cursor:pointer;padding:0 18px}.grading-failure-restart[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}.grading-failure-restart[aria-disabled=true]{cursor:wait;opacity:.62}@keyframes grading-failure-layer-in{0%{opacity:0}}@keyframes grading-failure-notice-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.grading-failure-layer,.grading-failure-backdrop,.grading-failure-notice{animation:none}}.rotate-for-practice{display:none}@keyframes rotate-for-practice-tip{0%,18%{transform:rotate(0)}38%,78%{transform:rotate(-90deg)}96%,to{transform:rotate(0)}}.controls{display:none}.controls[data-visible=true]{display:contents}.memorization-hud-progress{left:0;right:0;pointer-events:none;width:auto;position:absolute;bottom:0}.controls-actions{flex:none;align-items:center;gap:8px;display:flex}.controls-actions button{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-height:36px;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:var(--weight-medium);box-shadow:var(--shadow-hairline);transition:background var(--duration-control) ease, border-color var(--duration-control) ease, box-shadow var(--duration-panel) ease, transform var(--duration-standard) ease;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex;position:relative}.controls-actions button[hidden]{display:none}.memorization-demo-button{width:36px;min-width:36px;padding-inline-start:0;padding-inline-end:0}@media (hover:hover) and (pointer:fine){.controls-actions button:hover:not(:disabled){background:var(--paper);border-color:var(--hairline)}}.controls-actions button:active:not(:disabled){transform:translateY(1px)}.controls-actions button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}#concede-button.concede-pulse{border-color:var(--focus);color:var(--ink);animation:1.7s ease-in-out infinite concede-button-pulse}@keyframes concede-button-pulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--spotlight) 14%, transparent)}}.control-key{border:1px solid var(--rule);min-width:18px;height:18px;color:var(--ink-tertiary);font-family:var(--font-body);font-size:10px;font-weight:var(--weight-semibold);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;line-height:1;display:inline-flex}@media (max-width:720px){.tempo-strip{gap:8px;padding-left:12px;padding-right:12px}.tempo-strip-summary{padding-left:12px;padding-right:12px}.tempo-strip-chip{letter-spacing:0;min-width:3ch}.tempo-strip-chip-full{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tempo-strip-chip-compact{display:inline}.memorization-guidance{flex-wrap:wrap;row-gap:6px}.practice-piece-identity{display:none}.memorization-passage-chip{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}}@media (prefers-reduced-motion:reduce){.clef-passage-inside,.clef-passage-outside{transition:none}}@media (max-width:720px){.trouble-spot-plaque-positioner{width:100vw;position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:auto!important;transform:none!important}.trouble-spot-plaque{width:auto;margin:0 calc(12px + var(--safe-r)) max(12px, var(--safe-b)) calc(12px + var(--safe-l));max-height:calc(100dvh - 12px - max(12px, var(--safe-b)))!important}.practice-shell:not(.practice-shell--memorization) .stage{--stage-reserve-bottom:calc(78px + var(--safe-b))}.spot-work-footer{padding:8px 12px calc(8px + var(--safe-b));flex-wrap:wrap;gap:8px 14px}.hand-practice-register,.hand-practice-popover{display:none}.practice-more-hands{border-bottom:1px solid var(--rule);margin-bottom:4px;padding-bottom:4px;display:block}.render-settings-popover,.metronome-popover{width:min(218px, calc(100vw - var(--safe-l) - var(--safe-r) - 24px))}.practice-more-menu{min-width:min(268px, calc(100vw - var(--safe-l) - var(--safe-r) - 24px))}.practice-video-modal{padding:12px}.practice-video-panel{width:min(960px, 100%, (100dvh - var(--safe-t) - var(--safe-b) - 24px - 48px) * 16 / 9);max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 24px)}.practice-video-modal[data-minimized]{padding:12px}.practice-video-modal[data-minimized] .practice-video-panel{width:min(280px,100%)}.controls-actions{flex-wrap:nowrap;flex:100%;justify-content:flex-end;min-height:42px}.controls-actions button{flex:auto;min-width:0;min-height:42px;padding:0 14px}}@media (max-width:480px){.performance-demo-transport{grid-template-columns:40px auto minmax(72px,1fr) auto 40px;gap:5px;width:calc(100% - 24px);margin-bottom:12px;padding-inline-start:5px;padding-inline-end:5px}.performance-demo-transport--minimized{width:min(220px,100% - 48px);padding-inline-start:0;padding-inline-end:0}}@media (max-height:560px){.practice-shell{grid-template-rows:auto auto minmax(0,1fr) auto auto}.practice-shell[data-immersive=true]:not(.practice-shell--memorization) .stage{--stage-reserve-top:calc(var(--practice-navbar-stack-height) + (var(--progress-row-height) - 1px) + 4px);scroll-padding-top:var(--stage-reserve-top)}}@media (orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){body[data-view=practice]{--practice-navbar-height:44px}.practice-navbar{padding-inline:calc(14px + var(--safe-l)) calc(14px + var(--safe-r));grid-template-columns:max-content minmax(0,1fr) max-content;gap:8px}.practice-piece-identity{width:100%;max-width:none;overflow:hidden}.practice-piece-title{width:100%}.practice-piece-composer{display:none}.score-ruler{padding-inline:calc(16px + var(--safe-l)) calc(16px + var(--safe-r))}.practice-shell--memorization .memorization-passage-chip,.practice-shell--memorization .practice-navbar-group{display:none}.practice-shell--memorization .memorization-guidance{flex-wrap:nowrap;grid-column:1;justify-self:start;gap:7px;min-width:0;max-width:100%;overflow:hidden}.practice-shell--memorization .memorization-clean-passes{gap:4px;padding-left:7px;display:inline-flex}.practice-shell--memorization .memorization-clean-passes-label{display:none}.practice-shell--memorization .memorization-clean-pass{width:16px;height:16px}.practice-shell--memorization .controls-actions{flex:none;grid-column:3;justify-self:end;gap:6px}.practice-shell--memorization .controls-actions button{min-height:36px;padding-inline-start:10px;padding-inline-end:10px}.practice-shell--memorization .memorization-session-progress,.practice-shell[data-immersive=true].practice-shell--memorization .memorization-session-progress,body[data-chrome=hidden] .practice-shell[data-immersive=true].practice-shell--memorization .memorization-session-progress{z-index:23;grid-area:1/2;place-self:center;width:auto;max-width:100%;height:100%;min-height:0;margin:0;transition:none;display:grid;position:relative;top:auto;left:auto;transform:none}.practice-shell--memorization .memorization-checkpoint-hint{display:none}.practice-shell--memorization .memorization-progress-counts{width:100%;height:calc(100% - var(--memorization-round-progress-height) - var(--memorization-round-progress-overhang));grid-template-columns:repeat(4,minmax(0,auto));justify-content:center;align-self:start}.practice-shell--memorization .memorization-progress-count{padding-inline-start:4px;padding-inline-end:4px}.practice-shell:not(.practice-shell--memorization) .stage{--stage-reserve-bottom:calc(var(--stage-padding) + var(--safe-b))}#practice-spot-work-button,.score-ruler-spot,.stage[data-clef-measure-pick-owner=spot-work] .clef-measure-pick-hit,.measure-pick-hint,.spot-work-plaque,.spot-work-footer,.spot-work-release-edge{display:none!important}}.practice-shell--memorization{--memorization-band-height:58px;--memorization-navbar-offset:0px}.practice-shell--memorization .score-ruler{display:none}.practice-shell[data-immersive=true].practice-shell--memorization{--memorization-navbar-offset:var(--practice-navbar-stack-height)}.memorization-hud-band{--memorization-hud-safe-start:var(--safe-l);--memorization-hud-safe-end:var(--safe-r);display:none}.memorization-hud-band[data-visible=true]{width:100%;height:var(--memorization-band-height);min-height:var(--memorization-band-height);margin-top:var(--memorization-navbar-offset);padding:0 calc(24px + var(--memorization-hud-safe-end)) 0 calc(24px + var(--memorization-hud-safe-start));border-bottom:1px solid var(--rule);background:var(--panel);z-index:23;transition:transform var(--duration-fast) ease-out;grid-area:3/1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(128px,220px) minmax(0,1fr);align-self:start;align-items:center;gap:12px;display:grid;position:relative;transform:translateY(0)}.memorization-hud-context{grid-area:1/1;align-items:center;gap:12px;min-width:0;display:flex}.memorization-session-progress{grid-area:1/2;justify-self:center;width:220px;max-width:100%;position:relative}.memorization-hud-band .controls-actions{grid-area:1/3;justify-content:flex-end;justify-self:end;min-width:0}.practice-shell--memorization .stage,.practice-shell[data-immersive=true].practice-shell--memorization .stage{margin-top:calc(var(--memorization-navbar-offset) + var(--memorization-band-height));--stage-reserve-top:max(60px, var(--stage-padding));scroll-padding-top:var(--stage-reserve-top)}body[data-chrome=hidden] .practice-shell[data-immersive=true] .memorization-hud-band{transform:translateY(calc(0px - var(--practice-navbar-height)));transition:transform var(--duration-panel) ease-in}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.practice-shell--memorization .stage,.practice-shell[data-immersive=true].practice-shell--memorization .stage{margin-top:calc(var(--memorization-navbar-offset) + var(--memorization-band-height) - 48px);--stage-reserve-top:calc(var(--stage-padding) + 48px)}}@media (max-width:720px){.practice-shell--memorization{--memorization-band-height:96px}.memorization-hud-band[data-visible=true]{padding-inline:calc(16px + var(--memorization-hud-safe-start)) calc(16px + var(--memorization-hud-safe-end));grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr) minmax(128px,220px);gap:0 12px}.memorization-hud-band .controls-actions{grid-area:2/1/auto/-1}}@media (orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.practice-shell--memorization{--memorization-band-height:40px}.memorization-hud-band[data-visible=true]{--memorization-round-progress-height:3px;--memorization-round-progress-overhang:1px;padding-inline:calc(16px + var(--memorization-hud-safe-start)) calc(16px + var(--memorization-hud-safe-end));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(128px,220px) minmax(0,1fr);gap:8px}.memorization-hud-band .controls-actions{grid-area:1/3}.memorization-hud-progress{bottom:calc(-1 * var(--memorization-round-progress-overhang))}}@media (prefers-reduced-motion:reduce){.score-ruler-spot,.spot-work-release-edge{transition:none}}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse){.rotate-for-practice{z-index:60;background:var(--paper);place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.rotate-for-practice__content{text-align:center;justify-items:center;gap:10px;max-width:20rem;display:grid}.rotate-for-practice__glyph{margin-bottom:6px}.rotate-for-practice__glyph-phone{fill:none;stroke:var(--ink);stroke-width:1.5px;transform-origin:28px 28px;animation:3.2s ease-in-out infinite rotate-for-practice-tip}.rotate-for-practice__glyph-arc{fill:none;stroke:var(--ink-tertiary);stroke-width:1.5px}.rotate-for-practice__glyph-arrowhead{fill:var(--ink-tertiary)}.rotate-for-practice__title{color:var(--ink);font-family:var(--font-display);font-size:17px;font-weight:var(--weight-semibold);margin:0}.rotate-for-practice__copy{color:var(--ink-secondary);font-family:var(--font-body);margin:0;font-size:14px;line-height:1.45}}@media (prefers-reduced-motion:reduce){.rotate-for-practice__glyph-phone{animation:none;transform:rotate(-90deg)}}@media (hover:none) and (pointer:coarse){.metronome-toggle-key,.practice-more-key,.control-key{display:none}.hand-practice-option,.practice-more-hand-item{min-height:44px}}@media (prefers-reduced-motion:reduce){.memorization-guidance,.memorization-clean-pass,.memorization-clean-pass[data-filled=true],.memorization-clean-pass[data-filled=true] svg path,.practice-navbar,.practice-shell[data-immersive=true] .practice-navbar,.practice-shell[data-immersive=true] .memorization-hud-band,body[data-chrome=hidden] .practice-shell[data-immersive=true] .memorization-hud-band,.practice-mode-option,.practice-more-item{transition:none;animation:none}.back-to-cursor-button{animation:none}.practice-more-item,.hand-practice-option,.metronome-toggle,.metronome-step,.controls-actions button,.tempo-strip,.tempo-strip-chip,.tempo-strip-skyline-shell,.tempo-strip-column,.tempo-strip-caret,.tempo-strip-summary-surface,.tempo-strip-skyline--shimmer:after,.tempo-raise-flight-number,.tempo-raise-landing-pulse,.clef-tempo-broken-tint,.clef-review-feedback-edge{transition:none;animation:none}}@keyframes ottava-caption-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.ottava-caption{animation:ottava-caption-in var(--duration-medium) var(--ease-out-gentle) both}}@media (prefers-reduced-motion:reduce){.ottava-caption{transition:none;animation:none}}@keyframes accidental-coaching-caption-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.accidental-coaching-caption,.missing-note-coaching-caption,.recall-start-cue-caption{animation:accidental-coaching-caption-in var(--duration-medium) var(--ease-out-gentle) both}}.page-navigator{--practice-toolbar-button-size:44px;--practice-toolbar-icon-size:20px;pointer-events:none;min-width:0;min-height:0;color:var(--ink-secondary);z-index:22;grid-area:3/1;font-size:16px;position:relative}.page-navigator .practice-toolbar-button{border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--panel);box-shadow:var(--shadow-popover);pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%)}.page-navigator-previous{left:calc(12px + var(--safe-l))}.page-navigator-next{right:calc(12px + var(--safe-r))}.page-navigator .practice-toolbar-button:disabled{opacity:.3}.page-navigator .practice-toolbar-button:active:not(:disabled){transform:translateY(-50%)}.practice-shell[data-immersive=true] .page-navigator .practice-toolbar-button{transition:opacity var(--duration-fast) ease-out, translate var(--duration-fast) ease-out;will-change:opacity, translate}body[data-chrome=hidden] .practice-shell[data-immersive=true] .page-navigator .practice-toolbar-button{opacity:0;pointer-events:none;transition:opacity var(--duration-panel) ease-in, translate var(--duration-panel) ease-in}body[data-chrome=hidden] .practice-shell[data-immersive=true] .page-navigator-previous{translate:-14px}body[data-chrome=hidden] .practice-shell[data-immersive=true] .page-navigator-next{translate:14px}.page-navigator-dock{bottom:calc(8px + var(--safe-b));right:calc(16px + var(--safe-r));left:calc(16px + var(--safe-l));justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute}.page-navigator-pill{border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--panel);min-height:44px;box-shadow:var(--shadow-hairline);color:inherit;font:inherit;pointer-events:auto;flex-direction:column;justify-content:center;padding:2px 16px;line-height:20px;display:flex}.page-navigator-position{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.page-navigator-status{font-size:12px;line-height:16px}.page-navigator-back{pointer-events:auto;min-width:0;min-height:44px}button.page-navigator-pill{cursor:pointer}.page-navigator-pill[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){button.page-navigator-pill:hover{background:var(--paper)}}body[data-layout=paged] .stage{margin-bottom:var(--stage-reserve-bottom);touch-action:pan-y pinch-zoom;padding-bottom:0}body[data-layout=paged] .practice-shell--memorization .stage{--stage-reserve-bottom:calc(110px + var(--safe-b))}.stage[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-2px}body[data-layout=paged] .spot-work-footer{width:calc(100% - 260px - var(--safe-r));background:0 0;border-top:0;flex-wrap:nowrap;gap:12px}@media (max-width:720px){body[data-layout=paged] .spot-work-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;display:grid}body[data-layout=paged] .spot-work-footer-copy{grid-row:1/3}body[data-layout=paged] .spot-work-checks{grid-column:2;justify-self:end}body[data-layout=paged] .spot-work-footer>button{grid-column:2}}body[data-layout=paged] .performance-demo-transport{width:min(500px, calc(100% - 292px - var(--safe-l) - var(--safe-r)));min-height:44px;margin:0 0 calc(8px + var(--safe-b)) calc(16px + var(--safe-l));grid-template-columns:40px auto minmax(40px,1fr) auto 40px;justify-self:start;gap:5px;padding-block-start:1px;padding-block-end:1px}body[data-layout=paged] .performance-demo-transport--minimized{width:min(220px, calc(100% - 292px - var(--safe-l) - var(--safe-r)));padding:0}.spot-work-footer~.page-navigator .page-navigator-dock,.performance-demo-transport~.page-navigator .page-navigator-dock{max-width:244px;left:auto}.spot-work-footer~.page-navigator .page-navigator-back,.performance-demo-transport~.page-navigator .page-navigator-back{flex:0 0 44px;place-items:center;width:44px;padding:0;display:grid}.spot-work-footer~.page-navigator .page-navigator-back span,.performance-demo-transport~.page-navigator .page-navigator-back span{display:none}@media (prefers-reduced-motion:reduce){.practice-shell[data-immersive=true] .page-navigator .practice-toolbar-button,body[data-chrome=hidden] .practice-shell[data-immersive=true] .page-navigator .practice-toolbar-button{transition:none}body[data-chrome=hidden] .practice-shell[data-immersive=true] .page-navigator-previous,body[data-chrome=hidden] .practice-shell[data-immersive=true] .page-navigator-next{translate:none}}.try-demo-page{min-height:100vh;background:var(--paper);min-height:100dvh;color:var(--ink);grid-template-rows:56px minmax(0,1fr);display:grid;overflow:hidden}.try-demo-nav{border-bottom:1px solid var(--rule);background:var(--panel);grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);align-items:center;gap:16px;padding:0 clamp(20px,3vw,48px);display:grid}.try-demo-nav-brand{color:var(--ink);justify-self:start;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.try-demo-nav-brand>svg:last-child{width:auto;height:25px;display:block}.try-demo-nav-back{width:18px;height:18px;display:block}.try-demo-nav-piece{min-width:0;color:var(--ink);font-size:.84rem;font-weight:var(--weight-medium);text-align:center;text-overflow:ellipsis;white-space:nowrap;justify-self:center;margin:0;overflow:hidden}.try-demo-nav-piece span{color:var(--ink-tertiary);font-weight:var(--weight-body);margin-left:7px}.try-demo-nav-actions{justify-self:end;align-items:center;gap:clamp(10px,1.6vw,22px);display:flex}.try-demo-nav-link,.try-demo-nav-cta{white-space:nowrap;text-decoration:none}.try-demo-nav-link{color:var(--ink-secondary);font-size:.875rem;font-weight:var(--weight-medium)}.try-demo-nav-cta{border-radius:var(--radius-panel);background:var(--lacquer);height:36px;color:var(--panel);font-size:.844rem;font-weight:var(--weight-display);letter-spacing:-.01em;box-shadow:0 1px 0 color-mix(in srgb, var(--panel) 8%, transparent) inset;justify-content:center;align-items:center;padding:0 16px;transition:transform .16s,box-shadow .2s;display:inline-flex}@media (hover:hover) and (pointer:fine){.try-demo-nav-cta:hover{box-shadow:0 1px 0 color-mix(in srgb, var(--panel) 10%, transparent) inset, 0 10px 20px -10px color-mix(in srgb, var(--ink) 50%, transparent);transform:translateY(-1px)}}.try-demo-workspace{grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.try-demo-eyebrow{color:var(--ink-tertiary);font-size:.72rem;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0 0 13px}.try-demo-page[data-worker-status=failed] .try-demo-eyebrow{color:var(--red)}.try-demo-page[data-cue=complete] .try-demo-eyebrow{color:var(--green)}.try-demo-instrument{background:var(--paper);grid-template-rows:minmax(270px,1fr) 37px auto;align-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.try-demo-score-frame{border-bottom:1px solid var(--rule);background:var(--paper);align-self:stretch;min-width:0;min-height:0;position:relative}.try-demo-page .stage{--stage-padding:clamp(22px, 4vw, 58px);padding-top:calc(var(--stage-padding) + 20px);scroll-padding-top:calc(var(--stage-padding) + 20px);background:var(--paper);grid-area:auto;padding-bottom:24px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.try-demo-score-status{color:var(--ink-tertiary);place-items:center;font-size:.86rem;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.try-demo-guidance-strip{border-bottom:1px solid var(--rule);background:var(--panel);align-self:stretch;place-items:center;min-width:0;min-height:37px;padding:0 clamp(18px,3vw,40px);display:grid}.try-demo-guidance-strip p{color:var(--ink-tertiary);text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition:opacity var(--duration-control) var(--ease-out-gentle);margin:0;font-size:.78rem;line-height:1.25;overflow:hidden}.try-demo-guidance-strip[data-visible=true] p{opacity:1}.try-demo-keyboard-dock{place-self:center;gap:8px;width:clamp(340px,36vw,440px);margin:clamp(16px,2.5vh,26px) 0 clamp(20px,3vh,34px);display:grid}.try-demo-keyboard{border:1px solid var(--ink-deep);border-radius:var(--radius-panel);background:var(--lacquer);width:100%;height:clamp(138px,18vh,166px);box-shadow:var(--shadow-popover);isolation:isolate;padding:8px;position:relative;overflow:hidden}.try-demo-keyboard-meta{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.try-demo-piano-credit{min-width:0;color:var(--ink-tertiary);margin:0;font-size:.65rem;line-height:1.35}.try-demo-sound-toggle{border:1px solid var(--rule-strong);border-radius:var(--radius-compact);background:var(--panel);min-height:28px;color:var(--ink-secondary);font:inherit;font-size:.68rem;font-weight:var(--weight-medium);cursor:pointer;flex:none;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.try-demo-sound-toggle svg{width:16px;height:16px;display:block;overflow:visible}.try-demo-sound-toggle:disabled{color:var(--ink-tertiary);cursor:not-allowed;opacity:.68}.try-demo-keyboard:before{z-index:3;background:var(--red-deep);content:"";height:5px;position:absolute;top:8px;left:8px;right:8px}.try-demo-white-keys{z-index:2;border-radius:2px 2px var(--radius-compact) var(--radius-compact);background:var(--panel);grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:100%;display:grid;position:relative;overflow:hidden}.try-demo-key{border:0;border-left:1px solid var(--hairline);background:color-mix(in srgb, var(--panel) 94%, var(--paper-warm));height:100%;color:inherit;font:inherit;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--paper-warm-deep) 44%, transparent);transform-origin:top;transition:background var(--duration-immediate) linear, box-shadow var(--duration-immediate) linear, transform var(--duration-immediate) var(--ease-out-gentle);border-radius:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;padding:0 8px 14px;display:flex;position:relative}.try-demo-key:first-child{border-left:0}.try-demo-key[data-pressed=true]{background:color-mix(in srgb, var(--spotlight) 14%, var(--panel));box-shadow:inset 0 4px 0 var(--spotlight), inset 0 -2px 0 color-mix(in srgb, var(--spotlight) 24%, transparent);transform:translateY(3px)}.try-demo-key-note{color:var(--ink-tertiary);font-family:var(--font-body);font-size:.62rem;font-weight:var(--weight-medium);letter-spacing:var(--label-tracking)}.try-demo-key kbd{color:var(--ink-secondary);font-family:var(--font-body);font-size:.88rem;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-align:center;line-height:1}.try-demo-key[data-pressed=true] kbd{color:var(--spotlight)}.try-demo-key[data-focus-visible]:where(:focus){z-index:5;outline:2px solid var(--focus);outline-offset:-5px}.try-demo-black-keys{z-index:4;pointer-events:none;height:59%;position:absolute;top:8px;left:8px;right:8px}.try-demo-black-key{border:1px solid var(--ink-absolute);border-radius:0 0 var(--radius-compact) var(--radius-compact);background:var(--lacquer);pointer-events:auto;touch-action:none;width:12.5%;height:100%;box-shadow:var(--shadow-popover);position:absolute;top:0;transform:translate(-50%)}.try-demo-black-key:after{background:color-mix(in srgb, var(--panel) 18%, transparent);content:"";width:1px;position:absolute;top:2px;bottom:8px;left:3px}.try-demo-black-key-c-sharp{left:20%}.try-demo-black-key-d-sharp{left:40%}.try-demo-black-key-f-sharp{left:80%}.try-demo-terminal-panel{z-index:30;background:var(--paper-veil-strong);flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(36px,7vw,100px);display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.try-demo-terminal-panel h2{max-width:18ch;font-family:var(--font-display);font-size:clamp(2rem,4vw,4.4rem);font-weight:var(--weight-display);letter-spacing:-.045em;margin:0;line-height:.98}.try-demo-terminal-panel>p:not(.try-demo-eyebrow){max-width:60ch;color:var(--ink-secondary);margin:22px 0 0;line-height:1.6}.try-demo-terminal-panel .try-demo-requirements{color:var(--ink-tertiary);font-size:.86rem}.try-demo-terminal-panel>p.try-demo-completion-credit{max-width:60ch;color:var(--ink-tertiary);margin:14px 0 0;font-size:.65rem;line-height:1.35;display:none}.try-demo-piano-credit a,.try-demo-completion-credit a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb, currentColor 55%, transparent);text-decoration-color:color-mix(in srgb, currentColor 55%, transparent);text-underline-offset:2px}.try-demo-primary-action,.try-demo-terminal-panel button{border:1px solid var(--ink);border-radius:var(--radius-compact);background:var(--lacquer);color:var(--panel);font:inherit;font-weight:var(--weight-semibold);cursor:pointer;box-shadow:var(--shadow-hairline);margin-top:26px;padding:11px 17px;text-decoration:none}.try-demo-primary-action[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}.try-demo-terminal-panel button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}.try-demo-nav-brand[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}.try-demo-nav-link[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}.try-demo-nav-cta[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}.try-demo-piano-credit a[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}.try-demo-sound-toggle[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}.try-demo-completion-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px;display:flex}.try-demo-completion-actions .try-demo-primary-action,.try-demo-completion-actions button{margin-top:0}.try-demo-completion-actions .try-demo-replay-action{border-color:var(--rule-strong);background:var(--panel);color:var(--ink);box-shadow:none}.try-demo-page .memorization-score-feedback-root{position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:760px){.try-demo-page{min-height:100vh;grid-template-rows:48px minmax(0,1fr);min-height:100dvh;overflow:hidden}.try-demo-nav{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:0 12px}.try-demo-nav-brand>svg:last-child{height:21px}.try-demo-nav-piece,.try-demo-nav-link{display:none}.try-demo-nav-cta{height:32px;padding:0 12px;font-size:.75rem}.try-demo-instrument{grid-template-rows:minmax(220px,1fr) 44px auto}.try-demo-page .stage{--stage-padding:clamp(12px, 4vw, 22px);padding-bottom:12px}.try-demo-guidance-strip{min-height:44px;padding:4px 12px}.try-demo-guidance-strip p{text-overflow:clip;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.25;display:-webkit-box;overflow:hidden}.try-demo-keyboard-dock{width:min(calc(100vw - var(--safe-l) - var(--safe-r) - 24px), 440px);gap:6px;margin:12px 0 16px}.try-demo-keyboard{height:clamp(112px,17dvh,142px)}.try-demo-keyboard-meta{gap:10px}.try-demo-piano-credit{font-size:.56rem;line-height:1.25}.try-demo-key{gap:5px;padding:0 4px 10px}.try-demo-key-note{font-size:.82rem;font-weight:var(--weight-semibold)}.try-demo-key kbd{font-size:.64rem}.try-demo-terminal-panel{padding:clamp(24px,8vw,44px)}.try-demo-terminal-panel h2{font-size:clamp(2rem,10vw,3rem)}.try-demo-terminal-panel>p:not(.try-demo-eyebrow){margin-top:16px;line-height:1.45}.try-demo-completion-actions{margin-top:20px}}@media (max-width:760px) and (max-height:600px){.try-demo-instrument{grid-template-rows:minmax(150px,1fr) 36px auto}.try-demo-guidance-strip{min-height:36px}.try-demo-keyboard-dock{margin:7px 0 9px}.try-demo-keyboard{height:96px}.try-demo-piano-credit{display:none}.try-demo-terminal-panel>p.try-demo-completion-credit{display:block}}@media (max-width:900px){.try-demo-nav-piece span{display:none}}@media (hover:none) and (pointer:coarse){.try-demo-key kbd{display:none}.try-demo-key-note{font-size:.82rem;font-weight:var(--weight-semibold)}}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse){.try-demo-score-frame{--memorization-band-height:144px}.try-demo-page .memorization-hud-band[data-visible=true]{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}.try-demo-page .memorization-hud-context{grid-area:1/1}.try-demo-page .memorization-session-progress{grid-area:2/1}.try-demo-page .memorization-hud-band .controls-actions{grid-area:3/1}.try-demo-page .stage{padding-top:clamp(96px,16dvh,180px);overflow:auto hidden}.try-demo-page #score-camera-content{overflow-y:visible}.try-demo-keyboard{height:clamp(150px,22dvh,200px)}.try-demo-keyboard-dock{margin-bottom:max(16px, var(--safe-b))}}@media (orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.try-demo-page{grid-template-rows:44px minmax(0,1fr)}.try-demo-nav{padding:0 calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l))}.try-demo-nav-brand>svg:last-child{height:21px}.try-demo-nav-cta{height:30px;padding:0 12px;font-size:.75rem}.try-demo-instrument{grid-template-rows:minmax(0,1fr) auto;position:relative}.try-demo-guidance-strip{display:none}.try-demo-page .stage{--stage-padding:12px;padding-bottom:8px;overflow:auto hidden}.try-demo-page #score-camera-content{overflow-y:visible}.try-demo-keyboard{height:96px}.try-demo-piano-credit{display:none}.try-demo-keyboard-dock{width:min(640px, calc(100vw - var(--safe-l) - var(--safe-r) - 32px));align-items:center;gap:12px;margin:8px 0;display:flex}.try-demo-keyboard-meta{flex:none}.try-demo-terminal-panel{padding:16px calc(28px + var(--safe-r)) 16px calc(28px + var(--safe-l));justify-content:flex-start;overflow-y:auto}.try-demo-terminal-panel .try-demo-eyebrow{margin-bottom:8px}.try-demo-terminal-panel h2{font-size:clamp(1.4rem,8vh,2rem)}.try-demo-terminal-panel>p:not(.try-demo-eyebrow){margin-top:10px;font-size:.85rem;line-height:1.45}.try-demo-terminal-panel .try-demo-requirements{font-size:.75rem}.try-demo-terminal-panel>p.try-demo-completion-credit{margin-top:10px;display:block}.try-demo-primary-action,.try-demo-terminal-panel button{margin-top:14px;padding:9px 14px}.try-demo-completion-actions{margin-top:14px}.try-demo-completion-actions .try-demo-primary-action,.try-demo-completion-actions button{margin-top:0}}@media (prefers-reduced-motion:reduce){.try-demo-guidance-strip p,.try-demo-key{transition-duration:1ms}.try-demo-key[data-pressed=true]{transform:none}}.session-complete-panel{--plaque-radius:var(--radius-card);--plaque-border:var(--rule);--plaque-background:var(--panel);--plaque-shadow:var(--shadow-popover), 0 40px 90px -40px color-mix(in srgb, var(--ink) 40%, transparent);z-index:55;right:max(20px, var(--safe-r));bottom:max(20px, var(--safe-b));width:min(560px, calc(100vw - var(--safe-l) - var(--safe-r) - 40px));max-height:calc(100vh - var(--safe-t) - var(--safe-b) - 40px);max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 40px);overscroll-behavior:contain;animation:session-complete-in var(--duration-panel) var(--ease-out-emphatic) .45s both;gap:14px;padding:22px;display:grid;position:fixed;overflow-y:auto}@keyframes session-complete-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.session-complete-body{display:contents}.session-complete-kicker{color:var(--green);font-size:.72rem;font-weight:var(--weight-display);letter-spacing:var(--label-tracking);text-transform:uppercase}.session-complete-panel h2,.session-complete-panel p{margin:0}.session-complete-panel h2{font-family:var(--font-display);font-optical-sizing:auto;font-size:1.45rem;font-weight:var(--weight-semibold);letter-spacing:0;animation:session-complete-headline-in var(--duration-reveal) var(--ease-out-emphatic) .55s both;line-height:1.18}@keyframes session-complete-headline-in{0%{opacity:0;transform:translateY(6px)}}.session-complete-panel[data-moment=milestone]:not([data-guided]) h2{letter-spacing:-.01em;font-size:1.8rem;line-height:1.1}.session-complete-streak[data-milestone]{color:var(--ink)}.session-complete-copy{color:var(--ink-soft);font-size:.96rem;line-height:1.45}.session-complete-guided-title{gap:2px;display:grid}.session-complete-piece-title{min-width:0;font-weight:var(--weight-medium)}.session-complete-guided-achievement{font-family:var(--font-body);font-size:1rem;font-weight:var(--weight-semibold);line-height:1.35}.session-complete-facts{color:var(--ink-secondary);font-variant-numeric:tabular-nums;font-size:.82rem;line-height:1.45}.session-complete-panel[data-guided] .session-complete-next{color:var(--ink-secondary)}.session-complete-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:2px;display:grid}.session-complete-stat{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--paper);align-content:center;gap:4px;min-width:0;min-height:74px;padding:12px;display:grid}.session-complete-stat strong{font-family:var(--font-display);font-optical-sizing:auto;font-size:1.55rem;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;line-height:1}.session-complete-stat span{color:var(--ink-secondary);font-size:.82rem;font-weight:var(--weight-semibold);line-height:1.25}.session-complete-mastery{gap:7px;min-width:0;display:grid}.session-complete-mastery-track{border:1px solid color-mix(in srgb, var(--green) 34%, var(--line));background:color-mix(in srgb, var(--green) 8%, var(--paper));border-radius:999px;width:100%;height:7px;overflow:hidden}.session-complete-mastery-track span{border-radius:inherit;background:var(--green);height:100%;transition:width var(--duration-panel) ease;display:block}.session-complete-mastery p{color:var(--ink-soft);font-size:.9rem;font-weight:var(--weight-semibold);line-height:1.3}.session-complete-streak{color:var(--ink-soft);font-size:.94rem;font-weight:var(--weight-display);font-variant-numeric:tabular-nums;justify-self:start;align-items:center;gap:7px;line-height:1.25;display:inline-flex}.session-complete-streak .nav-streak-flame{background:var(--muted);flex:none;width:16px;height:16px}.session-complete-streak[data-live] .nav-streak-flame{background:var(--red);animation:.55s ease-out .9s both session-streak-flame-pop}@keyframes session-streak-flame-pop{0%{transform:scale(1)}40%{transform:scale(1.35)rotate(-5deg)}70%{transform:scale(.92)rotate(3deg)}to{transform:scale(1)rotate(0)}}.session-complete-next{color:var(--ink-tertiary);font-size:.9rem;font-weight:var(--weight-medium);line-height:1.35}.session-complete-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.session-complete-primary,.session-complete-secondary{border-radius:var(--radius-panel);cursor:pointer;min-height:40px;font-family:var(--font-body);font-size:.92rem;font-weight:var(--weight-display);letter-spacing:0;padding:9px 14px}.session-complete-primary{border:1px solid var(--ink);background:var(--lacquer);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--panel) 14%, transparent);color:var(--paper)}.session-complete-secondary{border:1px solid var(--rule);background:var(--panel);box-shadow:var(--shadow-hairline);color:var(--ink)}.session-complete-primary:disabled,.session-complete-secondary:disabled{cursor:not-allowed;opacity:.48}.session-complete-primary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.session-complete-secondary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.session-complete-panel,.session-complete-panel h2,.session-complete-streak[data-live] .nav-streak-flame{animation:none}}@media (max-width:720px){.session-complete-panel{right:max(8px, var(--safe-r));bottom:max(8px, var(--safe-b));width:calc(100vw - var(--safe-l) - var(--safe-r) - 16px);padding:14px}.session-complete-stats{grid-template-columns:1fr}.session-complete-actions{justify-content:stretch}.session-complete-primary,.session-complete-secondary{white-space:nowrap;flex:auto;padding-inline-start:10px;padding-inline-end:10px;font-size:.88rem}}@media (max-height:560px){.session-complete-panel{width:min(640px, calc(100vw - var(--safe-l) - var(--safe-r) - 32px));align-items:center;gap:20px;padding:16px 18px;display:flex}.session-complete-body{flex:auto;gap:8px;min-width:0;display:grid}.session-complete-kicker,.session-complete-copy{display:none}.session-complete-panel h2{font-size:1.2rem}.session-complete-guided-achievement{font-size:.95rem}.session-complete-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:0}.session-complete-stat{gap:1px;min-height:0;padding:6px 10px}.session-complete-stat strong{font-size:1.15rem}.session-complete-stat span{font-size:.74rem}.session-complete-mastery{gap:5px}.session-complete-mastery p,.session-complete-streak,.session-complete-next{font-size:.82rem}.session-complete-actions{flex-flow:column;flex:none;align-items:stretch;gap:7px;padding-top:0}.session-complete-primary,.session-complete-secondary{white-space:nowrap;flex:none;min-height:36px;padding:7px 12px;font-size:.86rem}}.piece-complete-panel{--plaque-background:linear-gradient(180deg, var(--panel-veil), var(--paper-veil));--plaque-shadow:0 18px 60px color-mix(in srgb, var(--ink) 20%, transparent);z-index:56;right:max(20px, var(--safe-r));bottom:max(20px, var(--safe-b));width:min(500px, calc(100vw - var(--safe-l) - var(--safe-r) - 40px));animation:piece-complete-in var(--duration-reveal) var(--ease-out-emphatic) both;gap:14px;padding:22px;display:grid;position:fixed}@keyframes piece-complete-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.piece-complete-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.piece-complete-panel h2,.piece-complete-panel p{margin:0}.piece-complete-panel h2{font-family:var(--font-display);font-size:1.35rem;font-weight:var(--weight-display);letter-spacing:0;animation:piece-complete-headline-in var(--duration-reveal) var(--ease-out-emphatic) .12s both;margin-top:5px;line-height:1.15}@keyframes piece-complete-headline-in{0%{opacity:0;transform:translateY(6px)}}.piece-complete-panel[data-moment=milestone]{--plaque-shadow:0 26px 74px color-mix(in srgb, var(--ink) 26%, transparent)}.piece-complete-panel[data-moment=milestone] h2{letter-spacing:-.01em;font-size:1.75rem;line-height:1.1}.piece-complete-close{border:1px solid var(--hairline);background:color-mix(in srgb, var(--paper) 82%, var(--panel));width:34px;height:34px;color:var(--ink-soft);cursor:pointer;font-family:var(--font-body);border-radius:999px;justify-content:center;align-items:center;font-size:23px;line-height:1;display:inline-flex}@media (hover:hover) and (pointer:fine){.piece-complete-close:hover{background:color-mix(in srgb, var(--red) 8%, var(--panel));border-color:color-mix(in srgb, var(--red) 38%, var(--hairline));color:var(--red-deep)}}.piece-complete-close span{transform:translateY(-1px)}.piece-complete-run{border:1px solid color-mix(in srgb, var(--red) 24%, var(--line));border-radius:var(--radius-compact);background:color-mix(in srgb, var(--red) 7%, var(--paper));color:var(--ink-soft);font-size:.9rem;font-weight:var(--weight-display);justify-self:start;padding:8px 10px;line-height:1.25}.piece-complete-streak{color:var(--ink-soft);font-size:.94rem;font-weight:var(--weight-display);font-variant-numeric:tabular-nums;justify-self:start;align-items:center;gap:7px;line-height:1.25;display:inline-flex}.piece-complete-streak .nav-streak-flame{background:var(--muted);flex:none;width:16px;height:16px}.piece-complete-streak[data-live] .nav-streak-flame{background:var(--red);animation:.55s ease-out .34s both piece-streak-flame-pop}@keyframes piece-streak-flame-pop{0%{transform:scale(1)}40%{transform:scale(1.28)rotate(-5deg)}70%{transform:scale(.94)rotate(3deg)}to{transform:scale(1)rotate(0)}}.piece-complete-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.piece-complete-primary,.piece-complete-secondary{border-radius:var(--radius-compact);cursor:pointer;min-height:40px;font-family:var(--font-body);font-size:.92rem;font-weight:var(--weight-display);letter-spacing:0;padding:9px 14px}.piece-complete-primary{border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.piece-complete-secondary{border:1px solid var(--hairline);color:var(--ink);background:0 0}.piece-complete-secondary:disabled{cursor:not-allowed;opacity:.48}.piece-complete-primary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.piece-complete-secondary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.piece-complete-close[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.piece-complete-streak[data-milestone]{color:var(--ink)}@media (prefers-reduced-motion:reduce){.piece-complete-panel,.piece-complete-panel h2,.piece-complete-streak[data-live] .nav-streak-flame{animation:none}}@media (max-width:720px){.piece-complete-panel{right:max(12px, var(--safe-r));bottom:max(12px, var(--safe-b));width:calc(100vw - var(--safe-l) - var(--safe-r) - 24px);padding:18px}.piece-complete-actions{justify-content:stretch}.piece-complete-primary,.piece-complete-secondary{flex:160px}}.submission-dialog-scrim{z-index:120;background:color-mix(in srgb, var(--ink) 46%, transparent);-webkit-backdrop-filter:blur(4px);position:fixed;top:0;bottom:0;left:0;right:0}.submission-dialog-scrim[data-presentation=sheet]{-webkit-backdrop-filter:none;background:0 0}.submission-dialog-scrim[data-presentation=sheet]:before,.submission-dialog-scrim[data-presentation=sheet]:after{content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.submission-dialog-scrim[data-presentation=sheet]:before{-webkit-backdrop-filter:blur(calc(4px * (1 - var(--drawer-swipe-progress,0))))}.submission-dialog-scrim[data-presentation=sheet]:after{background:color-mix(in srgb, var(--ink) 46%, transparent);opacity:calc(1 - var(--drawer-swipe-progress,0))}.submission-dialog{top:var(--visual-t);height:var(--visual-h);z-index:121;pointer-events:none;place-items:center;padding:24px;display:grid;position:fixed;left:0;right:0}.submission-dialog-panel{--plaque-border:color-mix(in srgb, var(--ink) 18%, var(--paper));--plaque-background:linear-gradient(180deg, var(--panel-veil), color-mix(in srgb, var(--paper) 97%, transparent));--plaque-shadow:0 28px 78px color-mix(in srgb, var(--ink) 28%, transparent);pointer-events:auto;width:min(520px,100%);max-height:100%;color:var(--ink);position:relative;overflow:auto}.submission-discard-scrim{z-index:122;background:color-mix(in srgb, var(--ink) 38%, transparent);position:fixed;top:0;bottom:0;left:0;right:0}.submission-discard-shell{top:var(--visual-t);height:var(--visual-h);z-index:123;pointer-events:none;place-items:center;padding:24px;display:grid;position:fixed;left:0;right:0}.submission-discard-dialog{--plaque-border:color-mix(in srgb, var(--ink) 18%, var(--paper));--plaque-shadow:0 28px 78px color-mix(in srgb, var(--ink) 30%, transparent);width:min(360px,100%);max-height:100%;color:var(--ink);pointer-events:auto;padding:22px;overflow:auto}.submission-discard-dialog h2{font-family:var(--font-body);font-size:17px;font-weight:var(--weight-semibold);margin:0;line-height:1.25}.submission-discard-dialog p{color:var(--ink-secondary);margin:8px 0 0;font-size:13px;line-height:1.5}.submission-discard-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.submission-discard-actions button{border:1px solid var(--rule);border-radius:var(--radius-control);min-height:38px;color:var(--ink);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--weight-semibold);background:0 0;padding:0 15px}.submission-discard-actions button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.submission-discard-actions .submission-discard-confirm{border-color:color-mix(in srgb, var(--red-deep) 30%, var(--rule));color:var(--red-deep)}@media (hover:hover) and (pointer:fine){.submission-discard-actions .submission-discard-confirm:hover{background:color-mix(in srgb, var(--red-deep) 6%, transparent)}}.submission-dialog-grab{display:none}@media (max-width:640px),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.submission-dialog{padding:12px max(12px, var(--safe-r)) calc(12px + max(0px, var(--safe-b) - var(--keyboard-inset))) max(12px, var(--safe-l))}.submission-dialog-panel{width:100%;max-height:100%}.submission-dialog[data-presentation=sheet]{align-items:end;padding-bottom:0;padding-left:0;padding-right:0}.submission-dialog-panel[data-presentation=sheet]{border-radius:var(--radius-panel) var(--radius-panel) 0 0;overscroll-behavior-y:contain;will-change:transform;--plaque-shadow:0 28px 78px color-mix(in srgb, var(--ink) 28%, transparent), 0 96px 0 0 var(--paper);transform:translateY(var(--drawer-swipe-movement-y,0px));transition:transform var(--duration-chrome-push) var(--ease-out-emphatic);border-bottom:0;border-left:0;border-right:0;scroll-padding-bottom:12px}.submission-dialog-panel[data-presentation=sheet][data-swiping]{-webkit-user-select:none;user-select:none;transition:none}.submission-dialog-panel[data-presentation=sheet][data-starting-style],.submission-dialog-panel[data-presentation=sheet][data-ending-style]{transform:translateY(calc(100% + 2px))}@starting-style{.submission-dialog-panel[data-presentation=sheet][data-open]{transform:translateY(calc(100% + 2px))}}.submission-dialog-panel[data-presentation=sheet][data-ending-style]{pointer-events:none;transition-duration:calc(var(--drawer-swipe-strength,1) * var(--duration-chrome-push))}.submission-dialog-scrim[data-presentation=sheet]:before{transition:backdrop-filter var(--duration-chrome-push) var(--ease-out-gentle), -webkit-backdrop-filter var(--duration-chrome-push) var(--ease-out-gentle)}.submission-dialog-scrim[data-presentation=sheet]:after{transition:opacity var(--duration-chrome-push) var(--ease-out-gentle)}.submission-dialog-scrim[data-presentation=sheet][data-swiping]:before,.submission-dialog-scrim[data-presentation=sheet][data-swiping]:after{transition:none}.submission-dialog-scrim[data-presentation=sheet][data-starting-style]:before,.submission-dialog-scrim[data-presentation=sheet][data-ending-style]:before{-webkit-backdrop-filter:blur()}.submission-dialog-scrim[data-presentation=sheet][data-starting-style]:after,.submission-dialog-scrim[data-presentation=sheet][data-ending-style]:after{opacity:0}@starting-style{.submission-dialog-scrim[data-presentation=sheet][data-open]:before{-webkit-backdrop-filter:blur()}.submission-dialog-scrim[data-presentation=sheet][data-open]:after{opacity:0}}.submission-dialog-scrim[data-presentation=sheet][data-ending-style]:before,.submission-dialog-scrim[data-presentation=sheet][data-ending-style]:after{transition-duration:var(--duration-chrome-pop)}.submission-dialog-grab{cursor:grab;width:100%;height:28px;margin:0 0 2px;display:block}.submission-dialog-grab:after{content:"";border-radius:var(--radius-pill);background:var(--hairline);width:34px;height:4px;margin:12px auto 0;display:block}}@media (prefers-reduced-motion:reduce){.submission-dialog-panel[data-presentation=sheet][data-presentation],.submission-dialog-scrim[data-presentation=sheet][data-presentation]:before,.submission-dialog-scrim[data-presentation=sheet][data-presentation]:after{transition:none}}.submission-dialog[data-persistent]{height:var(--visual-h);flex-direction:column;justify-content:flex-end;align-items:center;padding:12px 0 0;display:flex;overflow:hidden}.submission-dialog-panel[data-presentation=sheet][data-persistent]{--plaque-background:var(--panel);border-radius:var(--radius-panel) var(--radius-panel) 0 0;width:min(620px,100%);min-height:0;max-height:100%;transform:translateY(calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y,0px)));transition:transform var(--duration-chrome-push) var(--ease-out-emphatic);will-change:transform;border-bottom:0;flex-direction:column;flex:0 auto;padding:0;display:flex;overflow:hidden}.submission-dialog-peek-header{flex:none}.submission-dialog-panel[data-presentation=sheet][data-persistent][data-peeking]{transform:translateY(calc(100% - var(--sheet-peek-height) + var(--drawer-swipe-movement-y,0px)))}.submission-dialog[data-persistent] .submission-dialog-grab{cursor:grab;touch-action:none;place-items:center;height:24px;margin:0;display:grid}.submission-dialog[data-persistent] .submission-dialog-grab:after{content:"";border-radius:var(--radius-pill);background:var(--hairline);width:34px;height:4px;margin:0}.submission-dialog-details{overscroll-behavior-y:contain;background:var(--plaque-background);min-height:0;overflow-y:auto}.submission-dialog-scrim[data-peeking]{pointer-events:none}.submission-dialog-scrim[data-peeking]:before{-webkit-backdrop-filter:blur()}.submission-dialog-scrim[data-peeking]:after{opacity:0}.submission-dialog-panel[data-persistent][data-presentation][data-swiping]{transition:none}.submission-dialog-panel[data-persistent][data-presentation][data-starting-style],.submission-dialog-panel[data-persistent][data-presentation][data-ending-style]{transform:translateY(calc(100% + 2px))}@starting-style{.submission-dialog-panel[data-persistent][data-presentation][data-open]{transform:translateY(calc(100% + 2px))}}@media (prefers-reduced-motion:reduce){.submission-dialog-panel[data-persistent][data-presentation]{transition:none}}.transcription-report-form,.transcription-report-success{gap:14px;padding:22px;display:grid}.transcription-report-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 12px;display:grid}.transcription-report-header h2,.transcription-report-success h2,.transcription-report-copy,.transcription-report-error{margin:0}.transcription-report-header h2,.transcription-report-success h2{font-family:var(--font-display);font-size:1.3rem;font-weight:var(--weight-display);letter-spacing:0;grid-column:1;line-height:1.16}.transcription-report-close{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 78%, transparent);width:34px;height:34px;color:var(--ink);cursor:pointer;font-family:var(--font-body);border-radius:999px;grid-area:1/2;justify-content:center;align-items:center;font-size:24px;line-height:1;display:inline-flex}@media (hover:hover) and (pointer:fine){.transcription-report-close:hover{background:var(--panel)}}.transcription-report-close span{transform:translateY(-1px)}.transcription-report-copy{color:var(--ink-soft);font-size:.94rem;line-height:1.42}.transcription-report-field{gap:7px;display:grid}.transcription-report-field span{color:var(--ink-soft);font-size:11px;font-weight:var(--weight-display);letter-spacing:var(--label-tracking);text-transform:uppercase}.transcription-report-field textarea{border:1px solid var(--line);border-radius:var(--radius-control);background:color-mix(in srgb, var(--panel) 88%, transparent);width:100%;min-height:132px;color:var(--ink);font-family:var(--font-body);font-size:max(.94rem, var(--field-text-floor));resize:vertical;padding:11px 12px;line-height:1.42}.transcription-report-field textarea:focus{border-color:color-mix(in srgb, var(--ink) 38%, var(--line));background:var(--panel);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 12%, transparent);outline:none}.transcription-report-field textarea::placeholder{color:color-mix(in srgb, var(--muted) 74%, transparent)}.transcription-report-error{border:1px solid color-mix(in srgb, var(--red) 28%, var(--line));border-radius:var(--radius-compact);background:color-mix(in srgb, var(--red) 8%, var(--paper));color:var(--red-deep);font-size:.9rem;font-weight:var(--weight-semibold);padding:10px 12px;line-height:1.35}.transcription-report-actions{justify-content:flex-end;gap:10px;display:flex}.transcription-report-submit,.transcription-report-secondary{border-radius:var(--radius-control);cursor:pointer;min-height:38px;font-family:var(--font-body);font-size:.9rem;font-weight:var(--weight-display);letter-spacing:0;padding:0 14px}.transcription-report-submit{border:1px solid color-mix(in srgb, var(--ink) 88%, black);background:var(--lacquer);color:#fff}.transcription-report-secondary{border:1px solid var(--line);background:var(--panel);color:var(--ink-soft)}.transcription-report-submit:disabled,.transcription-report-secondary:disabled,.transcription-report-close:disabled{cursor:wait;opacity:.58}.transcription-report-close[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.transcription-report-submit[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.transcription-report-secondary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.transcription-report-success{justify-items:start}.feedback-dialog-form,.feedback-dialog-success{gap:15px;padding:24px;display:grid}.feedback-dialog-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 12px;display:grid}.feedback-dialog-header h2,.feedback-dialog-success h2,.feedback-dialog-copy,.feedback-dialog-error{margin:0}.feedback-dialog-header h2,.feedback-dialog-success h2{font-family:var(--font-display);font-size:clamp(1.35rem,4vw,1.62rem);font-weight:var(--weight-display);grid-column:1;line-height:1.12}.feedback-dialog-close{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 78%, transparent);width:34px;height:34px;color:var(--ink);cursor:pointer;font:24px/1 var(--font-body);border-radius:999px;grid-area:1/2;justify-content:center;align-items:center;display:inline-flex}.feedback-dialog-copy{color:var(--ink-soft);font-size:.96rem;line-height:1.48}.feedback-dialog-copy a{color:inherit;text-underline-offset:2px;text-decoration:underline}.feedback-dialog-copy a[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.feedback-dialog-field{grid-template-columns:1fr auto;gap:7px;display:grid}.feedback-dialog-field textarea{border:1px solid var(--line);border-radius:var(--radius-control);background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 94%, transparent), var(--panel));width:100%;min-height:158px;color:var(--ink);font:.95rem/1.5 var(--font-body);font-size:max(.95rem, var(--field-text-floor));resize:vertical;grid-column:1/-1;padding:12px 13px}.feedback-dialog-field textarea:focus{border-color:color-mix(in srgb, var(--ink) 38%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 12%, transparent);outline:none}.feedback-dialog-field textarea::placeholder{color:color-mix(in srgb, var(--muted) 74%, transparent)}.feedback-dialog-count{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:2;font-size:.75rem}.feedback-dialog-count[data-over-limit=true]{color:var(--red-deep);font-weight:var(--weight-display)}.feedback-dialog-error{border:1px solid color-mix(in srgb, var(--red) 28%, var(--line));border-radius:var(--radius-compact);background:color-mix(in srgb, var(--red) 8%, var(--paper));color:var(--red-deep);font-size:.9rem;font-weight:var(--weight-semibold);padding:10px 12px;line-height:1.38}.feedback-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.feedback-dialog-submit,.feedback-dialog-secondary{border-radius:var(--radius-control);cursor:pointer;min-height:40px;font:780 .9rem/1 var(--font-body);padding:0 15px}.feedback-dialog-submit{border:1px solid color-mix(in srgb, var(--ink) 88%, black);background:var(--lacquer);color:#fff}.feedback-dialog-secondary{border:1px solid var(--line);background:var(--panel);color:var(--ink-soft)}@media (hover:hover) and (pointer:fine){.feedback-dialog-close:hover,.feedback-dialog-secondary:hover{background:color-mix(in srgb, var(--paper) 62%, var(--panel))}}.feedback-dialog-submit:disabled,.feedback-dialog-secondary:disabled,.feedback-dialog-close:disabled{cursor:wait;opacity:.58}.feedback-dialog-close[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.feedback-dialog-submit[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.feedback-dialog-secondary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.feedback-dialog-success{justify-items:start;padding-top:28px}.feedback-dialog-board-hint{color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.feedback-dialog-board-hint a{color:var(--ink-soft);text-underline-offset:2px;text-decoration:underline}.feedback-dialog-board-hint a[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.composer-compact{display:none}@media (max-width:640px),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.submission-dialog[data-presentation=composer]{padding:0}.submission-dialog-panel[data-presentation=composer]{background:var(--panel);width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;overscroll-behavior:contain;border:0;border-radius:0;outline:none;overflow:hidden}[data-presentation=composer] .composer-form{min-width:0;height:100%;min-height:0;padding:max(6px, var(--safe-t)) max(12px, var(--safe-r)) max(6px, calc(var(--safe-b) - var(--keyboard-inset))) max(12px, var(--safe-l));grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:44px minmax(0,1fr) auto;gap:4px 8px;display:grid}[data-presentation=composer] .composer-header,[data-presentation=composer] .composer-actions{display:contents}[data-presentation=composer] .composer-header h2{min-width:0;font-family:var(--font-body);font-size:16px;font-weight:var(--weight-semibold);grid-area:1/2;align-self:center;margin:0;line-height:1.2}[data-presentation=composer] .composer-close{border-radius:var(--radius-control);background:0 0;border:0;grid-area:1/1;width:44px;height:44px}[data-presentation=composer] .composer-actions button[type=submit]{grid-area:1/3;width:auto;min-height:44px;padding:0 12px}[data-presentation=composer] .composer-actions button[type=button],[data-presentation=composer] .composer-wide,[data-presentation=composer] .composer-form .feedback-dialog-copy,[data-presentation=composer] .transcription-report-field>span{display:none}[data-presentation=composer] .composer-compact{display:inline}[data-presentation=composer] .composer-form .composer-copy{grid-area:2/1/auto/-1;margin:0;font-size:12px;line-height:1.25}[data-presentation=composer] .composer-field{flex-direction:column;grid-area:3/1/auto/-1;gap:2px;min-width:0;min-height:0;display:flex}[data-presentation=composer] .composer-field textarea{width:100%;min-width:0;height:0;min-height:0;font-size:max(16px, var(--field-text-floor));resize:none;overscroll-behavior:contain;flex:1;padding:8px 10px;line-height:1.4}[data-presentation=composer] .composer-error{grid-area:4/1/auto/-1;max-height:2.5em;padding:4px 8px;font-size:12px;line-height:1.25;overflow:auto}[data-presentation=composer] .composer-form:has(.composer-error) .composer-copy{display:none}[data-presentation=composer] .composer-form:has(.composer-error) .feedback-dialog-count{display:none}[data-presentation=composer] .feedback-dialog-count{align-self:end}[data-presentation=composer] .feedback-dialog-success,[data-presentation=composer] .transcription-report-success{height:100%;padding:max(16px, var(--safe-t)) max(16px, var(--safe-r)) max(16px, calc(var(--safe-b) - var(--keyboard-inset))) max(16px, var(--safe-l));overflow:auto}}.tour-sheet{z-index:40;right:max(18px, var(--safe-r));bottom:max(18px, var(--safe-b));width:min(560px, calc(100vw - var(--safe-l) - var(--safe-r) - 36px));border:1px solid color-mix(in srgb, var(--ink) 18%, var(--paper));border-radius:var(--radius-control);background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 97%, transparent), var(--paper-veil-soft)), var(--panel);box-shadow:0 18px 60px color-mix(in srgb, var(--ink) 18%, transparent);color:var(--ink);gap:14px;padding:22px;display:grid;position:fixed}.tour-sheet--compact{width:min(460px, calc(100vw - var(--safe-l) - var(--safe-r) - 36px))}.tour-sheet h2,.tour-sheet h3,.tour-sheet p{margin:0}.tour-sheet h2{font-family:var(--font-display);font-size:1.35rem;font-weight:var(--weight-display);line-height:1.15}.tour-sheet-copy{color:var(--ink-soft);font-size:.96rem;line-height:1.45}.tour-steps{gap:10px;margin:0;padding:2px 0 0;list-style:none;display:grid}.tour-steps li{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;display:grid}.tour-step-index{border:1px solid var(--hairline);background:var(--paper);width:28px;height:28px;color:var(--ink);font-size:.82rem;font-weight:var(--weight-display);border-radius:999px;place-items:center;line-height:1;display:inline-grid}.tour-steps h3{font-size:.94rem;font-weight:var(--weight-display)}.tour-steps p{color:var(--muted);margin-top:2px;font-size:.88rem;line-height:1.35}.tour-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.tour-primary,.tour-secondary{border-radius:var(--radius-compact);cursor:pointer;min-height:40px;font-family:var(--font-body);font-size:.92rem;font-weight:var(--weight-display);padding:9px 14px}.tour-primary{border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.tour-secondary{border:1px solid var(--hairline);color:var(--ink);background:0 0}.tour-primary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.tour-secondary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.piano-dismiss-button{--piano-hold-duration:.9s;isolation:isolate;position:relative;overflow:hidden}.piano-dismiss-button:before{content:"";z-index:0;background:var(--red-deep);transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.piano-dismiss-button[data-piano-dismiss-state=holding]:before{animation:piano-dismiss-fill var(--piano-hold-duration) linear forwards}.piano-dismiss-button-label{z-index:1;position:relative}.piano-dismiss-hint{color:var(--muted);font-size:.78rem;font-weight:var(--weight-semibold);flex-basis:100%;line-height:1.2}.memo-tip-card-button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}@keyframes piano-dismiss-fill{to{transform:scaleX(1)}}@media (max-width:720px){.tour-sheet,.tour-sheet--compact{right:max(12px, var(--safe-r));bottom:max(12px, var(--safe-b));width:calc(100vw - var(--safe-l) - var(--safe-r) - 24px);padding:18px}.tour-actions{justify-content:stretch}.tour-primary,.tour-secondary{flex:160px}}.auth-page{min-height:100vh;background:radial-gradient(120% 80% at 50% -10%, color-mix(in srgb, var(--panel) 70%, var(--paper)) 0%, var(--paper) 60%);flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:100dvh;padding:24px;display:flex}.auth-sr-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.auth-brand{animation:auth-rise-in var(--duration-entrance) var(--ease-out-emphatic) both}.auth-card{animation:auth-rise-in var(--duration-entrance) var(--ease-out-emphatic) 70ms both}}@keyframes auth-rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.auth-brand{color:var(--ink);border-radius:var(--radius-compact);transition:opacity var(--duration-control) ease;display:block}@media (hover:hover) and (pointer:fine){.auth-brand:hover{opacity:.72}}.auth-brand[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:4px}.auth-brand svg{width:auto;height:40px;display:block}.auth-card{background:var(--panel);border:1px solid var(--line);width:100%;max-width:380px;box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 5%, transparent), 0 28px 60px -36px color-mix(in srgb, var(--ink) 42%, transparent);border-radius:16px;flex-direction:column;gap:16px;padding:32px;display:flex}.auth-title{font-family:var(--font-display);font-optical-sizing:auto;font-size:1.85rem;font-weight:var(--weight-display);letter-spacing:-.015em;color:var(--ink);text-wrap:balance;margin:0;line-height:1.12}.auth-provider{border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--paper);min-height:44px;color:var(--ink);font-family:var(--font-body);font-size:.95rem;font-weight:var(--weight-display);cursor:pointer;transition:border-color var(--duration-control) ease, background var(--duration-control) ease, transform var(--duration-control) ease, box-shadow var(--duration-control) ease;justify-content:center;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:inline-flex}.auth-provider:disabled{cursor:wait;opacity:.68}@media (hover:hover) and (pointer:fine){.auth-provider:hover{border-color:color-mix(in srgb, var(--ink) 28%, var(--hairline));background:color-mix(in srgb, var(--ink) 3%, var(--paper))}}.auth-provider--primary{background:var(--lacquer);color:var(--paper);border-color:#0000}@media (hover:hover) and (pointer:fine){.auth-provider--primary:hover{background:var(--lacquer);box-shadow:0 12px 26px -14px color-mix(in srgb, var(--ink) 65%, transparent);border-color:#0000;transform:translateY(-1px)}}.auth-provider--primary:active{transform:translateY(0)}.auth-provider[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.auth-provider-mark{flex:none;width:20px;height:20px;display:block}.auth-card>.auth-provider{width:100%}.auth-method-divider{color:var(--ink-tertiary);align-items:center;gap:10px;font-size:.78rem;line-height:1;display:flex}.auth-link-recovery{flex-direction:column;gap:10px;width:100%;display:flex}.auth-link-recovery .auth-provider,.auth-link-recovery .auth-submit{width:100%}.auth-link-recovery .auth-options-back{font-family:var(--font-body);cursor:pointer;background:0 0;border:0}.auth-link-recovery .auth-options-back:disabled{cursor:wait;opacity:.68}.auth-method-divider:before,.auth-method-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-apple-mark{width:21px;height:21px}.auth-email-mark{stroke-width:1.8px}.auth-card-title{text-align:center;font-size:1.05rem;font-weight:var(--weight-display);letter-spacing:-.005em;color:var(--ink);margin:0}.auth-fields{flex-direction:column;gap:10px;display:flex}.auth-input{border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:max(1rem, var(--field-text-floor));transition:border-color var(--duration-control) ease;padding:12px 14px}.auth-input::placeholder{color:var(--ink-tertiary)}@media (hover:hover) and (pointer:fine){.auth-input:hover{border-color:color-mix(in srgb, var(--ink) 28%, var(--hairline))}}.auth-input[data-focus-visible]:where(:focus){border-color:var(--ink-secondary);box-shadow:inset 0 0 0 1px var(--ink-secondary);outline:none}.auth-forgot{color:var(--accent-info);align-self:center;padding:2px 6px;font-size:.85rem;text-decoration:none}@media (hover:hover) and (pointer:fine){.auth-forgot:hover{text-decoration:underline}}.auth-forgot[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.auth-field{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:.9rem;display:flex}.auth-field input,.auth-field select{border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:max(1rem, var(--field-text-floor));transition:border-color var(--duration-control) ease;padding:10px 12px}@media (hover:hover) and (pointer:fine){.auth-field input:hover,.auth-field select:hover{border-color:color-mix(in srgb, var(--ink) 28%, var(--hairline))}}.auth-field input[data-focus-visible]:where(:focus){border-color:var(--ink-secondary);box-shadow:inset 0 0 0 1px var(--ink-secondary);outline:none}.auth-field select[data-focus-visible]:where(:focus){border-color:var(--ink-secondary);box-shadow:inset 0 0 0 1px var(--ink-secondary);outline:none}.auth-error{color:var(--red-deep);margin:0;font-size:.9rem}.auth-error-help{color:var(--ink-soft);margin:-8px 0 0;font-size:.84rem;line-height:1.45}.auth-error-help a{color:var(--accent-info)}.auth-cookie-notice{border:1px solid color-mix(in srgb, var(--red) 28%, var(--line));border-inline-start:3px solid var(--red);border-radius:var(--radius-control);background:color-mix(in srgb, var(--red) 5%, var(--panel));color:var(--ink-soft);margin:0;padding:10px 12px;font-size:.87rem;line-height:1.45}.auth-context-notice{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--ink-soft);margin:0;padding:10px 12px;font-size:.87rem;line-height:1.45}.auth-copy{color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.5}.auth-submit{border-radius:var(--radius-control);background:var(--lacquer);min-height:46px;color:var(--paper);cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:var(--weight-semibold);letter-spacing:.01em;transition:transform var(--duration-control) ease, box-shadow var(--duration-control) ease, opacity var(--duration-control) ease;border:none;padding:11px 16px}@media (hover:hover) and (pointer:fine){.auth-submit:hover:not(:disabled){box-shadow:0 12px 26px -14px color-mix(in srgb, var(--ink) 65%, transparent);transform:translateY(-1px)}}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.auth-submit:disabled{opacity:.6;cursor:default}.auth-link-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.auth-footer{color:var(--muted);flex-direction:column;gap:4px;font-size:.9rem;display:flex}.auth-footer a,.auth-footer-link{color:var(--accent-info)}.auth-legal{color:var(--muted);margin:0;font-size:.8rem;line-height:1.45}.auth-legal a{color:var(--accent-info)}.auth-midi-notice{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--ink-soft);margin:0;padding:10px 12px;font-size:.85rem;line-height:1.45}.auth-topbar{height:calc(54px + var(--safe-t,0px));padding-top:var(--safe-t,0px);z-index:2;grid-template-columns:56px 1fr 56px;align-items:center;display:none;position:fixed;top:0;left:0;right:0}.auth-back{width:44px;height:44px;color:var(--ink);border-radius:var(--radius-control);justify-content:center;justify-self:start;align-items:center;margin-left:8px;display:flex}@media (hover:hover) and (pointer:fine){.auth-back:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}}.auth-back[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.auth-back svg{width:22px;height:22px}.auth-topbar-title{text-align:center;font-size:1.02rem;font-weight:var(--weight-semibold);letter-spacing:-.005em;color:var(--ink)}.auth-options-back{text-align:center;color:var(--muted);margin-top:2px;font-size:.85rem;text-decoration:none;display:block}@media (hover:hover) and (pointer:fine){.auth-options-back:hover{color:var(--ink);text-decoration:underline}}.auth-options-back[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.welcome-layout{flex-direction:row;flex:0 auto;align-items:center;gap:52px;width:100%;max-width:940px;display:flex}.welcome-hero{flex:1.25;justify-content:center;align-items:center;min-height:0;display:flex}.welcome-hero-shot{border:1px solid var(--line);border-radius:var(--radius-card);width:100%;max-width:100%;box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 5%, transparent), 0 28px 60px -36px color-mix(in srgb, var(--ink) 42%, transparent)}.welcome-tagline{color:var(--ink);font-size:1.6rem;font-weight:var(--weight-headline);letter-spacing:-.02em;text-align:left;text-wrap:balance;margin:0;line-height:1.2}.welcome-copy{flex-direction:column;flex:1;gap:20px;display:flex}.welcome-actions{flex-direction:column;gap:10px;padding-bottom:8px;display:flex}.welcome-actions .auth-submit,.welcome-actions .auth-provider{justify-content:center;align-items:center;gap:10px;width:100%;text-decoration:none;display:inline-flex}.welcome-login-link{color:var(--ink-soft);font-size:.92rem;font-weight:var(--weight-semibold);align-self:center;margin-top:4px;padding:8px 12px;text-decoration:none}@media (hover:hover) and (pointer:fine){.welcome-login-link:hover{text-decoration:underline}}.welcome-login-link[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}@media (max-width:900px){.welcome-layout{flex-direction:column;gap:28px;max-width:460px}.welcome-hero{flex:0 auto}.welcome-copy{flex:none;width:100%}.welcome-tagline{text-align:center}}.welcome-tagline,.welcome-actions{width:100%}@media (max-width:480px){.auth-options-back{display:none}.welcome-layout{flex:1;gap:20px;max-width:420px}.welcome-hero{flex:1}.auth-page{padding:calc(28px + var(--safe-t,0px)) calc(22px + var(--safe-r,0px)) calc(20px + max(var(--safe-b,0px), var(--keyboard-inset,0px))) calc(22px + var(--safe-l,0px));justify-content:flex-start;gap:18px}@media (prefers-reduced-motion:no-preference){.auth-page{transition:padding-bottom var(--duration-medium) var(--ease-out-gentle)}}.auth-page .auth-brand svg{height:28px}.auth-page .auth-card{max-width:420px;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;gap:14px;padding:0}.auth-page .auth-title{text-align:center;font-size:1.45rem}.auth-page .auth-input,.auth-page .auth-field input,.auth-page .auth-field select{background:var(--panel);border-radius:var(--radius-card);min-height:52px;padding:14px 16px}.auth-page .auth-provider{background:var(--panel);border-radius:var(--radius-card);min-height:50px}.auth-page .auth-provider--primary{background:var(--lacquer);color:var(--paper);border-color:#0000}.auth-page .auth-submit{border-radius:var(--radius-card);min-height:52px}.auth-page .auth-legal{text-align:center;padding:0 8px}.auth-page .auth-footer{text-align:center;align-items:center;margin-top:auto;padding-top:18px}.auth-form-page{padding-top:calc(68px + var(--safe-t,0px))}.auth-form-page .auth-brand{display:none}.auth-form-page .auth-card-title{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-topbar{display:grid}.welcome-page .auth-brand svg{height:34px}}.settings-account{color:var(--ink-soft);margin:0}.settings-password{flex-direction:column;gap:12px;display:flex}.settings-secondary-button{border:1px solid var(--hairline);border-radius:var(--radius-control);min-width:92px;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:.82rem;font-weight:var(--weight-display);background:0 0;padding:8px 12px}.settings-secondary-button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.settings-secondary-button:disabled{opacity:.5;cursor:default}.settings-billing-status{border:1px solid var(--line);color:var(--ink-soft);font-size:.74rem;font-weight:var(--weight-display);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 9px}.settings-billing-status[data-status=active],.settings-billing-status[data-status=trialing]{border-color:color-mix(in srgb, var(--green) 30%, var(--line));color:var(--green)}.settings-billing-status[data-status=past_due],.settings-billing-status[data-status=unpaid],.settings-billing-status[data-status=canceled],.settings-billing-status[data-status=incomplete],.settings-billing-status[data-status=incomplete_expired]{border-color:color-mix(in srgb, var(--red-deep) 30%, var(--line));color:var(--red-deep)}.settings-billing-warning{color:var(--red-deep);margin:0;font-size:.9rem}.settings-saved{color:var(--green);margin:0;font-size:.9rem}.midi-setup{flex-direction:column;gap:18px;display:flex}.midi-setup h2{font-family:var(--font-display);font-weight:var(--weight-semibold);color:var(--ink);letter-spacing:-.01em;margin:0;font-size:1.3rem}.midi-setup-field{min-width:0}.midi-manual-picker{text-align:left;flex-direction:column;gap:10px;width:min(100%,360px);display:flex}.onboarding-page{min-height:100vh;background:var(--paper);flex-direction:column;min-height:100dvh;display:flex;position:relative}.onboarding-brand{top:calc(19px + var(--safe-t));left:calc(26px + var(--safe-l));z-index:1;color:var(--ink);position:absolute}.onboarding-brand svg{width:auto;height:30px;display:block}.journey-dots{top:calc(31px + var(--safe-t));right:var(--safe-r);left:var(--safe-l);justify-content:center;align-items:center;gap:9px;margin:0;padding:0;list-style:none;display:flex;position:absolute}.journey-dots li{border-radius:var(--radius-pill);background:var(--ink);width:6.5px;height:6.5px}.journey-dots li[data-state=current]{background:var(--red);width:24px}.journey-dots li[data-state=upcoming]{background:var(--rule)}@media (prefers-reduced-motion:no-preference){.journey-dots li{transition:width var(--duration-entrance) var(--ease-spring-settle), background-color var(--duration-reveal) var(--ease-out-gentle)}}.onboarding-page .midi-setup--onboarding{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.onboarding-page .midi-setup-stage-live{flex-direction:column;flex:1;display:flex}.onboarding-transition{flex-direction:column;flex:1;min-height:0;display:flex}@media (prefers-reduced-motion:no-preference){[data-onboarding-enter]{--onboarding-rise:6px}[data-onboarding-enter]>:not(:-webkit-any(.onboarding-back,.onboarding-question-nav,.instrument-response__topbar,.onboarding-brand,.instrument-language-picker)),[data-onboarding-enter]>.instrument-response__topbar>:not(.onboarding-back){animation:onboarding-step-in var(--duration-reveal) var(--ease-out-emphatic) both}[data-onboarding-enter]>:not(:is(.onboarding-back,.onboarding-question-nav,.instrument-response__topbar,.onboarding-brand,.instrument-language-picker)),[data-onboarding-enter]>.instrument-response__topbar>:not(.onboarding-back){animation:onboarding-step-in var(--duration-reveal) var(--ease-out-emphatic) both}[data-onboarding-dissolve]>:not(:-webkit-any(.onboarding-back,.onboarding-question-nav,.instrument-response__topbar,.onboarding-brand,.instrument-language-picker)),[data-onboarding-dissolve]>.instrument-response__topbar>:not(.onboarding-back){animation-name:onboarding-step-rise}[data-onboarding-dissolve]>:not(:is(.onboarding-back,.onboarding-question-nav,.instrument-response__topbar,.onboarding-brand,.instrument-language-picker)),[data-onboarding-dissolve]>.instrument-response__topbar>:not(.onboarding-back){animation-name:onboarding-step-rise}[data-onboarding-enter].midi-setup-step--connection-guide>.midi-setup-body>*{animation-duration:var(--duration-reveal);animation-timing-function:var(--ease-out-emphatic);animation-fill-mode:both}[data-onboarding-stagger] .instrument-prompt__option{animation:onboarding-answer-in var(--duration-medium) var(--ease-out-emphatic) both}[data-onboarding-stagger] .instrument-prompt__option:nth-child(2){animation-delay:30ms}[data-onboarding-stagger] .instrument-prompt__option:nth-child(3){animation-delay:60ms}[data-onboarding-stagger] .instrument-prompt__option:nth-child(n+4){animation-delay:90ms}html[data-onboarding-dissolve]::view-transition-old(root){animation-duration:var(--duration-medium);animation-timing-function:var(--ease-out-gentle)}html[data-onboarding-dissolve]::view-transition-new(root){animation-duration:var(--duration-medium);animation-timing-function:var(--ease-out-gentle)}}@keyframes onboarding-step-in{0%{opacity:0;transform:translateY(var(--onboarding-rise))}to{opacity:1;transform:none}}@keyframes onboarding-step-rise{0%{transform:translateY(var(--onboarding-rise))}to{transform:none}}@keyframes onboarding-answer-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.midi-setup-step{text-align:center;padding:calc(92px + var(--safe-t)) calc(24px + var(--safe-r)) calc(52px + var(--safe-b)) calc(24px + var(--safe-l));flex-direction:column;flex:1;align-items:center;display:flex}.midi-setup-body{flex-direction:column;align-items:center;margin:auto;display:flex}.midi-setup-bottom{justify-items:center;gap:18px;padding-top:28px;display:grid}.midi-setup-step h1{font-family:var(--font-body);font-size:clamp(1.9rem,3.4vw,2.375rem);font-weight:var(--weight-display);letter-spacing:-.022em;color:var(--ink);text-wrap:balance;margin:0 0 14px;line-height:1.12}.midi-setup-step h1.midi-setup-milestone{font-family:var(--font-display);font-size:clamp(2.1rem,3.6vw,2.625rem);font-weight:var(--weight-display);letter-spacing:0}.midi-setup-step .midi-setup-lede{max-width:47ch;color:var(--ink-secondary);margin:0;font-size:1.03rem;line-height:1.55}.midi-setup-step .midi-setup-lede strong{color:var(--ink);font-weight:var(--weight-semibold)}.midi-setup-step .midi-setup-lede a{color:var(--accent-info)}.midi-setup-hero{place-items:center;margin-bottom:26px;display:grid}.onboarding-pulse{place-items:center;width:150px;height:150px;display:grid;position:relative}.onboarding-pulse-ring{border-radius:var(--radius-pill);border:1px solid var(--hairline);opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}.onboarding-pulse-core{border-radius:var(--radius-pill);border:1px solid var(--rule);background:var(--panel);width:74px;height:74px;color:var(--ink);place-items:center;display:grid}.onboarding-pulse-core svg{width:30px;height:30px;display:block}@media (prefers-reduced-motion:no-preference){.onboarding-pulse-ring{animation:2.6s ease-out infinite onboarding-pulse-ring}.onboarding-pulse-ring:nth-child(2){animation-delay:.85s}.onboarding-pulse-ring:nth-child(3){animation-delay:1.7s}}@media (prefers-reduced-motion:reduce){.onboarding-pulse-ring{opacity:.3}.onboarding-pulse-ring:first-child{transform:scale(.7)}.onboarding-pulse-ring:nth-child(2){transform:scale(.85)}}@keyframes onboarding-pulse-ring{0%{opacity:0;transform:scale(.4)}18%{opacity:.9}to{opacity:0;transform:scale(1)}}.onboarding-glyph{border-radius:var(--radius-pill);border:1px solid var(--rule);background:var(--panel);width:56px;height:56px;color:var(--ink);place-items:center;display:grid}.onboarding-glyph svg{width:26px;height:26px;display:block}.onboarding-glyph .midi-icon-accent{color:var(--red)}.onboarding-glyph--failure{color:var(--red-deep);border-color:color-mix(in srgb, var(--red-deep) 28%, var(--rule))}.onboarding-glyph--failure .midi-icon-accent{color:inherit}.onboarding-glyph--success{color:var(--green);border-color:color-mix(in srgb, var(--green) 32%, var(--rule))}.onboarding-glyph--spinner{color:var(--muted)}@media (prefers-reduced-motion:no-preference){.onboarding-glyph--spinner svg{transform-origin:50%;animation:.9s linear infinite onboarding-spin}.onboarding-glyph--success .midi-icon-check{stroke-dasharray:14;stroke-dashoffset:14px;animation:.45s cubic-bezier(.65,0,.35,1) .12s forwards onboarding-check-draw}}@keyframes onboarding-spin{to{transform:rotate(360deg)}}@keyframes onboarding-check-draw{to{stroke-dashoffset:0}}.onboarding-check{border-radius:var(--radius-pill);border:1px solid var(--green);width:48px;height:48px;color:var(--green);place-items:center;display:grid}.onboarding-check svg{width:22px;height:22px;display:block}.onboarding-status{color:var(--ink-tertiary);justify-content:center;align-items:center;gap:9px;margin-top:28px;font-size:.875rem;display:flex}.onboarding-lamp{border-radius:var(--radius-pill);background:var(--ink-tertiary);flex:none;width:7px;height:7px;position:relative}.onboarding-lamp--watch{background:var(--spotlight)}.onboarding-lamp--watch:after{content:"";border-radius:var(--radius-pill);border:1px solid var(--spotlight);opacity:.35;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.onboarding-lamp--good{background:var(--green)}.onboarding-ellipsis span{display:inline-block}@media (prefers-reduced-motion:no-preference){.onboarding-lamp--watch:after{animation:2.2s ease-out infinite onboarding-lamp-pulse}.onboarding-ellipsis span{animation:1.4s ease-in-out infinite onboarding-ellipsis}.onboarding-ellipsis span:nth-child(2){animation-delay:.2s}.onboarding-ellipsis span:nth-child(3){animation-delay:.4s}}@keyframes onboarding-lamp-pulse{0%{opacity:.55;transform:scale(.5)}70%{opacity:0;transform:scale(1.25)}to{opacity:0}}@keyframes onboarding-ellipsis{0%,60%,to{opacity:.25}30%{opacity:1}}.onboarding-cta{width:min(300px,100%);min-height:52px;font-size:1.03rem;font-weight:var(--weight-medium);padding:14px 24px}.onboarding-quiet-link{color:var(--accent-info);font-family:var(--font-body);cursor:pointer;background:0 0;border:0;padding:0;font-size:.94rem;text-decoration:none}@media (hover:hover) and (pointer:fine){.onboarding-quiet-link:hover:not(:disabled){text-decoration:underline}}.onboarding-quiet-link[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-compact)}.onboarding-quiet-link:disabled{opacity:.5;cursor:default}.onboarding-quiet-link--muted{color:var(--ink-tertiary)}.midi-alternate-device-action{justify-items:center;gap:8px;width:min(100%,480px);display:grid}.midi-alternate-device-action__button{line-height:1.4}.midi-alternate-device-action__receipt,.midi-alternate-device-action__error{text-align:center;margin:0;font-size:.86rem;line-height:1.45}.midi-alternate-device-action__receipt{color:var(--ink-secondary)}.midi-alternate-device-action__error{color:var(--red-deep)}.onboarding-privacy{color:var(--ink-tertiary);align-items:center;gap:8px;font-size:.78rem;display:flex}.onboarding-privacy svg{flex:none;width:13px;height:13px}.onboarding-firefox-midi-hint{color:var(--ink-secondary);text-align:center;margin:-2px 0 0;font-size:.82rem;line-height:1.45}.midi-connect-image{width:min(380px,80vw);height:auto;display:block}.midi-setup-step.midi-setup-step--connection-guide{padding-bottom:calc(24px + var(--safe-b))}.midi-setup[data-back-navigation=true] .midi-setup-step--connection-guide{padding-top:calc(68px + var(--safe-t));text-align:left;align-items:stretch}.midi-setup[data-back-navigation=true] .midi-setup-step--connection-guide .midi-setup-body{align-items:stretch;width:min(100%,520px);margin:0 auto}.midi-setup[data-back-navigation=true] .midi-setup-step--connection-guide h1{font-size:clamp(1.75rem,5vw,2.375rem)}.midi-setup-step--connection-guide .midi-setup-hero{margin:6px 0 16px}.midi-setup-step--connection-guide .onboarding-status{text-align:center;justify-content:center;margin:0 0 24px}.midi-setup-step--connection-guide .midi-setup-bottom{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;margin-top:auto;display:flex}.midi-setup-step--connection-guide .midi-setup-bottom>button{min-height:44px}.midi-setup-step--connection-guide .midi-setup-bottom:has(>.onboarding-cta){flex-direction:column}.midi-connection-instructions{width:min(100%,460px);color:var(--ink-secondary);text-align:left;gap:14px;display:grid}.midi-connection-instructions ol{counter-reset:connection-step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.midi-connection-instructions li{counter-increment:connection-step;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px;font-size:.94rem;line-height:1.45;display:grid}.midi-connection-instructions li:before{border:1px solid var(--rule-strong);border-radius:var(--radius-pill);width:24px;height:24px;color:var(--ink);content:counter(connection-step);font-size:.72rem;font-weight:var(--weight-semibold);place-items:center;line-height:1;display:grid}.midi-connection-video-link{min-height:42px;color:var(--accent-info);font-size:.9rem;font-weight:var(--weight-medium);justify-self:start;align-items:center;gap:8px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.midi-connection-video-link:hover{text-decoration:underline}}.midi-connection-video-link[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--radius-compact)}.midi-connect-help-trigger{text-align:center;white-space:normal;justify-content:center;align-items:center;max-width:100%;line-height:1.35;display:inline-flex}.onboarding-page .midi-manual-picker{margin-top:10px;margin-inline-start:auto;margin-inline-end:auto}.soundcheck-rotate-hint{display:none}.midi-setup-step--soundcheck .midi-setup-body{width:100%}.soundcheck-desk{flex-direction:column;align-items:center;width:100%;display:flex}.soundcheck-desk[hidden]{display:none}.soundcheck-lede{max-width:52ch}.soundcheck-score-frame{border-radius:var(--radius-card);background:var(--panel);width:min(100%,980px);height:clamp(190px,34vh,320px);margin-top:30px;position:relative;overflow:hidden}.soundcheck-score-surface{position:absolute;top:0;bottom:0;left:0;right:0}.soundcheck-score-surface .score-surface-stage{background:var(--panel);width:100%;height:100%;overflow:hidden}.soundcheck-score-surface .score-surface-camera-content{transform-origin:0 0;min-width:100%;min-height:100%;position:relative}.soundcheck-score-surface .score-surface-score{background:var(--panel);min-width:100%;min-height:100%;padding:14px 16px 18px;position:relative}.soundcheck-score-surface .score-surface-feedback-root{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.soundcheck-score-surface .score-surface-score svg{width:100%;height:auto;display:block;overflow:visible}.soundcheck-score-surface .score-surface-score[data-layout=horizontal]{place-items:center;width:100%;height:100%;min-height:0;display:grid}.soundcheck-score-surface .score-surface-camera-content[data-layout=horizontal]{width:100%;height:100%;min-height:0}.soundcheck-score-surface .score-surface-score[data-layout=horizontal] svg{width:100%;max-width:100%;height:auto;max-height:100%;overflow:hidden}.soundcheck-score-surface .score-surface-score[data-layout=horizontal] svg[data-clef-artifact-page-count]:not([data-clef-artifact-page-count="1"]){contain:paint}.soundcheck-score-frame[data-loaded=false] .score-surface-stage{opacity:0}.soundcheck-score-status{color:var(--muted);font-size:.86rem;font-weight:var(--weight-display);place-items:center;margin:0;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.onboarding-page:has(.midi-setup--onboarding[data-step=soundcheck]){height:100vh;height:100dvh;overflow:hidden}.onboarding-page:has(.midi-setup--onboarding[data-step=soundcheck]) .midi-setup-step{padding-top:calc(76px + var(--safe-t));padding-bottom:calc(32px + var(--safe-b))}.onboarding-page:has(.midi-setup--onboarding[data-step=soundcheck]) .onboarding-status{margin-top:18px}.onboarding-page:has(.midi-setup--onboarding[data-step=soundcheck]) .midi-setup-bottom{padding-top:14px}.trial-benefits{text-align:left;gap:24px;width:min(480px,100%);margin-top:36px;display:grid}.trial-benefit{grid-template-columns:44px 1fr;align-items:start;gap:16px;display:grid}.trial-benefit-icon{border-radius:var(--radius-pill);border:1px solid var(--rule);background:var(--panel);width:40px;height:40px;color:var(--ink);place-items:center;display:grid}.trial-benefit-icon svg{width:18px;height:18px;display:block}.trial-benefit[data-tone=receipt] .trial-benefit-icon{color:var(--green);border-color:color-mix(in srgb, var(--green) 30%, var(--rule))}.trial-benefit h3{font-size:.97rem;font-weight:var(--weight-display);color:var(--ink);margin:0 0 3px}.trial-benefit p{color:var(--ink-secondary);margin:0;font-size:.875rem;line-height:1.5}.trial-price{color:var(--ink);margin:36px 0 0;font-size:.94rem}.trial-price strong{font-weight:var(--weight-display)}.trial-fine-print{color:var(--ink-tertiary);margin:6px 0 0;font-size:.78rem}.trial-gate-escape-links{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 28px;font-size:.82rem;display:flex}.trial-gate-escape-links .auth-link-button{color:var(--ink-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}@media (hover:hover) and (pointer:fine){.trial-gate-escape-links .auth-link-button:hover{color:var(--accent-info)}}.midi-setup>.onboarding-close{right:calc(8px + var(--safe-r));left:auto}@media (max-width:760px){.onboarding-brand{top:calc(15px + var(--safe-t));left:calc(18px + var(--safe-l))}.journey-dots{top:calc(27px + var(--safe-t))}.midi-setup-step{padding:calc(84px + var(--safe-t)) calc(16px + var(--safe-r)) calc(40px + var(--safe-b)) calc(16px + var(--safe-l))}.midi-connection-visuals{grid-template-columns:1fr}.onboarding-pulse{width:118px;height:118px}}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse){.soundcheck-rotate-hint{color:var(--ink-secondary);margin:12px 0 0;font-size:14px;line-height:1.45;display:block}}@media (orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.onboarding-page{height:100vh;height:100dvh;min-height:0;overflow:hidden}.onboarding-brand{top:calc(12px + var(--safe-t));left:calc(18px + var(--safe-l))}.onboarding-brand svg{width:61px;height:26px}.journey-dots{top:calc(22px + var(--safe-t))}.onboarding-page .midi-setup-stage-live{min-height:0}.midi-setup-step{min-width:0;min-height:0;padding:calc(62px + var(--safe-t)) calc(20px + var(--safe-r)) calc(16px + var(--safe-b)) calc(20px + var(--safe-l));text-align:left;grid-template-columns:minmax(0,1fr) minmax(220px,.56fr);align-items:center;gap:clamp(20px,4vw,44px);display:grid}.midi-setup-body,.midi-setup-bottom{overscroll-behavior:contain;width:100%;min-width:0;max-height:100%;overflow-y:auto}.midi-setup-body{align-items:flex-start;margin:0;padding-right:2px}[data-onboarding-enter]>.midi-setup-body{animation-name:onboarding-landscape-body-in}[data-onboarding-dissolve]>.midi-setup-body{animation-name:none}.midi-setup-bottom{align-self:center;justify-items:stretch;gap:10px;padding:2px}.midi-setup-step:-webkit-any(.midi-setup-step--permission,.midi-setup-step--requesting,.midi-setup-step--failure,.midi-setup-step--listen,.midi-setup-step--manual,.midi-setup-step--success){text-align:center;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(260px,.68fr);place-content:safe center center;gap:14px clamp(20px,4vw,44px);position:relative}.midi-setup-step:is(.midi-setup-step--permission,.midi-setup-step--requesting,.midi-setup-step--failure,.midi-setup-step--listen,.midi-setup-step--manual,.midi-setup-step--success){text-align:center;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(260px,.68fr);place-content:safe center center;gap:14px clamp(20px,4vw,44px);position:relative}.midi-setup-step:-webkit-any(.midi-setup-step--permission,.midi-setup-step--requesting,.midi-setup-step--failure,.midi-setup-step--listen,.midi-setup-step--manual,.midi-setup-step--success) .midi-setup-body{grid-area:1/1;align-items:center}.midi-setup-step:is(.midi-setup-step--permission,.midi-setup-step--requesting,.midi-setup-step--failure,.midi-setup-step--listen,.midi-setup-step--manual,.midi-setup-step--success) .midi-setup-body{grid-area:1/1;align-items:center}.midi-setup-step:-webkit-any(.midi-setup-step--permission,.midi-setup-step--requesting,.midi-setup-step--failure,.midi-setup-step--listen,.midi-setup-step--manual,.midi-setup-step--success) .midi-setup-hero{top:50%;right:calc(20px + var(--safe-r));width:min(40vw,360px);margin:0;position:absolute;transform:translateY(-50%)}.midi-setup-step:is(.midi-setup-step--permission,.midi-setup-step--requesting,.midi-setup-step--failure,.midi-setup-step--listen,.midi-setup-step--manual,.midi-setup-step--success) .midi-setup-hero{top:50%;right:calc(20px + var(--safe-r));width:min(40vw,360px);margin:0;position:absolute;transform:translateY(-50%)}.midi-setup-step:-webkit-any(.midi-setup-step--permission,.midi-setup-step--requesting,.midi-setup-step--failure,.midi-setup-step--listen,.midi-setup-step--manual,.midi-setup-step--success) .onboarding-status{justify-content:center}.midi-setup-step:is(.midi-setup-step--permission,.midi-setup-step--requesting,.midi-setup-step--failure,.midi-setup-step--listen,.midi-setup-step--manual,.midi-setup-step--success) .onboarding-status{justify-content:center}.midi-setup-step:-webkit-any(.midi-setup-step--permission,.midi-setup-step--requesting,.midi-setup-step--failure,.midi-setup-step--listen,.midi-setup-step--manual,.midi-setup-step--success) .midi-setup-bottom{grid-area:2/1;justify-items:center;padding:0 2px}.midi-setup-step:is(.midi-setup-step--permission,.midi-setup-step--requesting,.midi-setup-step--failure,.midi-setup-step--listen,.midi-setup-step--manual,.midi-setup-step--success) .midi-setup-bottom{grid-area:2/1;justify-items:center;padding:0 2px}.midi-setup-step.midi-setup-step--connection-guide{--connection-guide-space:clamp(0px, calc(100dvh - 390px), 8px);padding-bottom:calc(16px + var(--connection-guide-space) + var(--safe-b));text-align:center;grid-template-rows:minmax(0,1fr) auto minmax(0,auto) minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);place-content:stretch center;gap:0 clamp(20px,4vw,44px)}.midi-setup[data-back-navigation=true] .midi-setup-step--connection-guide{padding-top:calc(62px + var(--safe-t))}.midi-setup[data-back-navigation=true] .midi-setup-step--connection-guide h1{font-size:clamp(1.5rem,4.2vw,2rem)}.midi-setup-step--connection-guide .midi-setup-body{display:contents}[data-onboarding-enter].midi-setup-step--connection-guide>.midi-setup-body>*{animation-name:onboarding-landscape-body-in}[data-onboarding-dissolve].midi-setup-step--connection-guide>.midi-setup-body>*{animation-name:none}.midi-setup-step--connection-guide h1{text-align:left;grid-area:2/1}.midi-setup-step--connection-guide .midi-connection-instructions{overscroll-behavior:contain;grid-area:3/1;min-height:0;overflow-y:auto}.midi-setup-step--connection-guide .midi-setup-hero{grid-area:1/2/5;align-self:center;min-height:0;margin:0}.midi-setup-step--connection-guide .midi-connect-image{width:100%}.midi-setup-step--connection-guide .midi-connection-instructions{gap:calc(6px + var(--connection-guide-space) * .5)}.midi-setup-step--connection-guide .midi-connection-instructions ol{gap:calc(4px + var(--connection-guide-space) * .5)}.midi-setup-step--connection-guide .midi-connection-instructions li{font-size:.9rem;line-height:1.35}.midi-setup-step--connection-guide .onboarding-status{margin:max(4px, var(--connection-guide-space)) 0;grid-area:5/1/auto/-1;justify-content:center}.midi-setup-step--connection-guide .midi-setup-bottom{flex-flow:wrap;grid-area:6/1/auto/-1;justify-content:center;align-items:center;gap:10px 24px;margin-top:0;padding:0 2px;display:flex}.midi-setup-step h1,.midi-setup-step h1.midi-setup-milestone{margin-bottom:8px;font-size:clamp(1.5rem,4.2vw,2rem);line-height:1.08}.midi-setup-step .midi-setup-lede{max-width:52ch;font-size:.9rem;line-height:1.4}.midi-setup-hero{margin-bottom:12px}.onboarding-pulse{width:clamp(140px,21vw,190px);height:clamp(140px,21vw,190px)}.onboarding-pulse-core{width:clamp(70px,9.5vw,86px);height:clamp(70px,9.5vw,86px)}.onboarding-pulse-core svg{width:34px;height:34px}.onboarding-glyph{width:clamp(108px,14vw,126px);height:clamp(108px,14vw,126px)}.onboarding-glyph svg{width:clamp(44px,5.5vw,52px);height:clamp(44px,5.5vw,52px)}.onboarding-status{justify-content:flex-start;margin-top:12px}.onboarding-cta{width:100%;min-height:46px;padding-block-start:11px;padding-block-end:11px}.onboarding-quiet-link,.trial-gate-escape-links{text-align:center}.onboarding-privacy{text-align:left;justify-content:center}.onboarding-page:has(.midi-setup--onboarding[data-step=soundcheck]) .midi-setup-step{padding:calc(62px + var(--safe-t)) calc(20px + var(--safe-r)) calc(16px + var(--safe-b)) calc(20px + var(--safe-l))}.midi-setup-step--soundcheck{text-align:center;grid-template-rows:minmax(0,auto) auto;grid-template-columns:minmax(0,980px);place-content:safe center center;gap:8px}.midi-setup-step--soundcheck .midi-setup-body{grid-area:1/1;align-items:center}.soundcheck-score-frame{height:clamp(132px,44vh,176px);margin-top:12px}.soundcheck-score-surface .score-surface-score{padding:10px 12px 12px}.midi-setup-step--soundcheck .midi-setup-bottom{grid-area:2/1;justify-items:center;padding:2px}.midi-setup-step--trial{--trial-rail-width:clamp(280px, 36vw, 340px);grid-template-columns:minmax(0, 1fr) var(--trial-rail-width);text-align:center;grid-template-rows:auto auto;place-content:safe center center;gap:12px clamp(20px,4vw,44px);position:relative}.midi-setup-step--trial .midi-setup-body{grid-area:1/1;align-content:safe center;justify-items:center;display:grid}.midi-setup-step--trial h1.midi-setup-milestone{font-size:clamp(1.45rem,3.4vw,1.8rem)}.midi-setup-step--trial .midi-setup-lede{display:none}.midi-setup-step--trial .trial-benefits{inset-block:calc(62px + var(--safe-t)) calc(16px + var(--safe-b));right:calc(20px + var(--safe-r));width:var(--trial-rail-width);overscroll-behavior:contain;align-content:safe center;display:grid;position:absolute;overflow-y:auto}.midi-setup-step--trial .midi-setup-bottom{grid-area:2/1;justify-items:center;padding:0 2px}.midi-setup--onboarding[data-step=external-billing-required] .midi-setup-step{text-align:center;grid-template-rows:auto auto;grid-template-columns:minmax(0,620px);place-content:safe center center;gap:18px}.midi-setup--onboarding[data-step=external-billing-required] .midi-setup-body{grid-area:1/1;align-items:center}.midi-setup--onboarding[data-step=external-billing-required] .midi-setup-bottom{grid-area:2/1;justify-items:center}.trial-benefits{gap:14px;width:100%;margin-top:0}.trial-benefit{grid-template-columns:44px 1fr;align-items:center;gap:13px}.trial-benefit-icon{width:42px;height:42px}.trial-benefit-icon svg{width:19px;height:19px}.trial-benefit h3{margin-bottom:2px;font-size:.9rem}.trial-benefit p{font-size:.78rem;line-height:1.35}.trial-price{margin-top:14px;font-size:.84rem}.trial-fine-print{margin-top:3px;font-size:.72rem}@keyframes onboarding-landscape-body-in{0%{opacity:0}to{opacity:1}}}.instrument-prompt{width:100%;min-height:0;padding:calc(var(--instrument-prompt-top-space,92px) + var(--safe-t)) calc(24px + var(--safe-r)) calc(28px + var(--safe-b)) calc(24px + var(--safe-l));-webkit-user-select:none;user-select:none;--onboarding-question-lead:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.instrument-prompt__content{flex-direction:column;flex:1;width:min(100%,520px);min-height:0;display:flex}.instrument-prompt__header{margin-top:clamp(34px,10vh,94px)}.instrument-prompt__header h1,.instrument-prompt__error{margin:0}.instrument-prompt__header h1{font-family:var(--font-body);font-size:1.25rem;font-weight:var(--weight-semibold);letter-spacing:-.012em;text-wrap:balance;line-height:1.3}.onboarding-question-header[data-navigation=back]{margin-top:var(--onboarding-question-lead)}.instrument-prompt--with-back{--instrument-prompt-top-space:12px}.instrument-prompt:has(.onboarding-question-header[data-navigation=back]){--instrument-prompt-top-space:12px}.instrument-prompt--with-back .onboarding-back{margin-left:-12px;position:static}.instrument-prompt:has(.onboarding-question-header) .onboarding-back{margin-left:-12px;position:static}.onboarding-question-nav{justify-content:space-between;align-items:center;display:flex}.instrument-prompt--with-back .onboarding-close{margin-left:0;margin-right:-12px}.onboarding-question-header[data-navigation=back] h1{font-size:1.5rem;line-height:1.2}.instrument-prompt:not(.discovery-question):has(.onboarding-question-header[data-navigation=first]){--instrument-prompt-top-space:56px}.instrument-prompt:not(.discovery-question) .onboarding-question-header[data-navigation=first]{margin-top:var(--onboarding-question-lead)}.instrument-prompt:not(.discovery-question) .onboarding-question-header[data-navigation=first] h1{font-size:1.5rem;line-height:1.2}.instrument-prompt__options{gap:12px;margin-top:28px;display:grid}.readiness-question__visual{gap:14px;width:100%;margin-top:18px;display:grid}.readiness-question__visual p,.readiness-question__unknown-copy{color:var(--ink-secondary);margin:0;font-size:.94rem;line-height:1.45}.readiness-question__visual img{border-radius:var(--radius-card);object-fit:cover;width:100%;height:auto;display:block}.instrument-prompt[data-readiness-stage=cable] .readiness-question__visual img{object-fit:contain;border-radius:0}.readiness-question__unknown-copy{margin-top:18px}.instrument-prompt:-webkit-any([data-readiness-stage=usb_port],[data-readiness-stage=midi_port],[data-readiness-stage=cable]) .instrument-prompt__options{margin-top:16px}.instrument-prompt:is([data-readiness-stage=usb_port],[data-readiness-stage=midi_port],[data-readiness-stage=cable]) .instrument-prompt__options{margin-top:16px}.instrument-prompt__option{border:1px solid var(--rule);border-radius:var(--radius-control);background:var(--paper-veil);min-height:58px;box-shadow:var(--shadow-hairline);color:var(--ink);font-family:var(--font-body);font-size:1rem;font-weight:var(--weight-medium);text-align:left;cursor:pointer;transition:transform .12s ease, border-color var(--duration-control) ease, background var(--duration-control) ease;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;line-height:1.35;display:flex}.instrument-prompt[data-step=instrument] .instrument-prompt__option{min-height:76px}.instrument-prompt__option-main{align-items:center;gap:16px;min-width:0;display:flex}.instrument-prompt__option-icon{object-fit:contain;flex:0 0 48px;width:48px;height:48px}.instrument-prompt__option:active:not(:disabled){border-color:var(--ink-tertiary);background:var(--panel);transform:scale(.985)}@media (hover:hover) and (pointer:fine){.instrument-prompt__option:hover:not(:disabled){border-color:var(--ink-tertiary);background:var(--panel)}}.instrument-prompt__option-copy{flex-direction:column;gap:2px;display:flex}.instrument-prompt__option-detail{color:var(--ink-secondary);font-size:.86rem;font-weight:var(--weight-body)}.instrument-prompt__option[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.instrument-prompt__option:disabled{cursor:default;opacity:.58}.instrument-prompt__error{color:var(--red-deep);text-align:center;margin-top:16px;font-size:.88rem;line-height:1.4}.instrument-response__header{width:100%;margin-top:0}.instrument-response__copy{color:var(--ink);margin:24px 0 0;font-size:1rem;line-height:1.65}.instrument-response__copy p{margin:0}.instrument-response__copy p+p{margin-top:16px}.onboarding-page:has(.instrument-response) .onboarding-brand{display:none}.onboarding-page:has(.midi-setup[data-back-navigation=true]) .onboarding-brand{display:none}.instrument-response__topbar{flex-direction:column;align-items:flex-start;gap:4px;width:100%;display:flex}.instrument-response__header h1{font-size:1.5rem;line-height:1.2}.onboarding-back{top:calc(12px + var(--safe-t));left:calc(8px + var(--safe-l));z-index:2;border-radius:var(--radius-control);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}@media (hover:hover) and (pointer:fine){.onboarding-back:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 5%, transparent)}}.onboarding-back[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.onboarding-back:disabled{cursor:default;opacity:.58}.onboarding-back svg{width:22px;height:22px}.instrument-response__actions{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:auto;padding-top:32px;display:flex}.instrument-response__actions>.onboarding-cta,.instrument-response__secondary-action{width:min(100%,360px)}.instrument-response__secondary-action{border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--panel);min-height:52px;color:var(--ink);box-shadow:var(--shadow-hairline);cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:var(--weight-semibold);transition:border-color var(--duration-control) ease, background var(--duration-control) ease;justify-content:center;align-items:center;padding:12px 18px;text-decoration:none;display:inline-flex}.instrument-response__guide-link{min-height:44px;padding:0 12px}.instrument-response__choice-group{gap:8px;width:min(100%,360px);display:grid}.instrument-response__adapter-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr));gap:10px;display:grid}.instrument-response__adapter-card{border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--panel);min-width:0;box-shadow:var(--shadow-hairline);color:var(--ink);text-align:left;transition:border-color var(--duration-control) ease, background var(--duration-control) ease;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.instrument-response__adapter-artwork{aspect-ratio:3/2;background:var(--panel);width:100%;display:block;overflow:hidden}.instrument-response__adapter-artwork img{object-fit:contain;width:100%;height:100%;display:block}.instrument-response__adapter-artwork[data-cable=true] img{object-fit:cover}.instrument-response__adapter-copy{flex-direction:column;flex:1;gap:1px;width:100%;padding:10px 12px 12px;font-size:.84rem;line-height:1.3;display:flex}.instrument-response__adapter-copy strong{font-weight:var(--weight-semibold)}.instrument-response__adapter-destination{color:var(--ink-secondary);font-size:.78rem;font-weight:var(--weight-medium);justify-content:space-between;align-items:baseline;gap:8px;margin-top:auto;display:flex}.instrument-response__adapter-new-tab{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.instrument-response__adapter-card:hover{border-color:color-mix(in srgb, var(--ink) 28%, var(--rule));background:color-mix(in srgb, var(--ink) 3%, var(--panel))}.instrument-response__adapter-card:hover .instrument-response__adapter-destination{color:var(--accent-info)}}.instrument-response__adapter-card[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.instrument-response__choice-label,.instrument-response__choice-divider{color:var(--ink-secondary);margin:0;font-size:.88rem;line-height:1.4}.instrument-response__choice-group .instrument-response__desktop-link{border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--panel);min-height:52px;color:var(--ink);box-shadow:var(--shadow-hairline);font-weight:var(--weight-semibold);justify-content:center;padding:12px 18px}@media (hover:hover) and (pointer:fine){.instrument-response__secondary-action:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 28%, var(--hairline));background:color-mix(in srgb, var(--ink) 3%, var(--panel))}}.instrument-response__secondary-action[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.instrument-response__store-link{align-self:center;align-items:center;min-height:44px;padding:0 12px;display:inline-flex}.instrument-response__desktop-link{align-items:center;min-height:44px;padding:0 12px;display:inline-flex}.instrument-response__receipt{width:min(100%,360px);color:var(--ink);margin:0;line-height:1.5}.onboarding-page:has(.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer])){height:100vh;height:100dvh;overflow:hidden}.onboarding-page:has(.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer])){height:100vh;height:100dvh;overflow:hidden}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]){justify-content:flex-start;min-height:0;overflow:hidden}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]){justify-content:flex-start;min-height:0;overflow:hidden}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .instrument-response__content{width:min(100%,720px);height:100%;max-height:100%;overflow:visible}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .instrument-response__content{width:min(100%,720px);height:100%;max-height:100%;overflow:visible}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .instrument-response__header{margin-top:0}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .instrument-response__header{margin-top:0}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .instrument-response__actions{flex:none;margin-top:4px;padding-top:12px}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .instrument-response__actions{flex:none;margin-top:4px;padding-top:12px}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .instrument-response__copy{overscroll-behavior:contain;flex:1 1 0;min-height:0;padding-right:4px;overflow-y:auto}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .instrument-response__copy{overscroll-behavior:contain;flex:1 1 0;min-height:0;padding-right:4px;overflow-y:auto}.cable-requirements{gap:18px;display:grid}.cable-requirements__intro,.cable-requirements__choice p,.cable-requirements__port-check p,.cable-requirements__recommendation p,.cable-requirements__alternate p{margin:0}.cable-requirements__choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;display:grid}.cable-requirements__choices-heading{display:none}.cable-requirements__choice,.cable-requirements__port-check{border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--panel)}.cable-requirements__choice{flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.cable-requirements h3{color:var(--ink);font-size:.92rem;font-weight:var(--weight-semibold);margin:0;line-height:1.35}.cable-requirements__choice p,.cable-requirements__port-check p,.cable-requirements__recommendation p,.cable-requirements__alternate p{color:var(--ink-secondary);font-size:.88rem;line-height:1.5}.cable-requirements a{min-height:40px;color:var(--accent-info);font-size:.88rem;font-weight:var(--weight-medium);align-items:center;display:inline-flex}.cable-requirements .instrument-response__adapter-card{max-width:360px;min-height:0;color:var(--ink);font-size:inherit;font-weight:inherit;display:flex}.cable-requirements__product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cable-requirements__port-check{grid-template-columns:minmax(150px,.7fr) minmax(300px,1.3fr);align-items:center;gap:18px;padding:16px;display:grid}.cable-requirements__port-check>div:first-child{gap:7px;display:grid}.cable-requirements__video-link{justify-self:end;min-height:auto}.bluetooth-midi-help{color:var(--ink-secondary);margin-top:10px}.cable-requirements>.bluetooth-midi-help{margin-top:0}.connection-help-disclosure summary{min-height:44px;color:var(--ink-secondary);cursor:pointer;font-size:.88rem;font-weight:var(--weight-medium);justify-content:space-between;align-items:center;gap:12px;line-height:1.4;list-style:none;display:flex}.connection-help-disclosure summary::-webkit-details-marker{display:none}.connection-help-disclosure summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex:0 0 7px;width:7px;height:7px;margin:0 5px 4px 0;transform:rotate(45deg)}.connection-help-disclosure[open] summary:after{margin-bottom:-4px;transform:rotate(225deg)}@media (hover:hover) and (pointer:fine){.connection-help-disclosure summary:hover{color:var(--ink)}}.connection-help-disclosure summary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.connection-help-disclosure p{color:var(--ink-secondary);margin:0;padding:0 28px 8px 0;font-size:.88rem;line-height:1.5}.cable-requirements__alternate>a{min-height:36px}.cable-requirements__alternatives{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.cable-requirements__connector-input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.cable-requirements__alternatives summary{min-height:52px;color:var(--ink);cursor:pointer;font-size:.92rem;font-weight:var(--weight-semibold);justify-content:space-between;align-items:center;gap:16px;line-height:1.35;list-style:none;display:flex}.cable-requirements__alternatives summary::-webkit-details-marker{display:none}.cable-requirements__alternatives summary:after{content:"";width:8px;height:8px;transition:transform var(--duration-control) ease;border-bottom:1.5px solid;border-right:1.5px solid;flex:none;transform:rotate(45deg)translate(-2px,2px)}.cable-requirements__alternatives[open] summary:after{transform:rotate(-135deg)translate(-2px,2px)}.cable-requirements__alternatives summary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}.cable-requirements__alternative-options{padding-bottom:4px;display:grid}.cable-requirements__alternative-option{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 20px;padding:14px 0 16px;display:grid}.cable-requirements__alternative-option>div{gap:6px;display:grid}.cable-requirements__alternative-option p{color:var(--ink-secondary);margin:0;font-size:.88rem;line-height:1.5}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__choices-heading{color:var(--ink);font-size:1rem;font-weight:var(--weight-semibold);border-top:0;margin:0 0 10px;line-height:1.35;display:block}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__choices-heading{color:var(--ink);font-size:1rem;font-weight:var(--weight-semibold);border-top:0;margin:0 0 10px;line-height:1.35;display:block}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-step{gap:12px;display:grid}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-step{gap:12px;display:grid}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-option{border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--panel);min-width:0;box-shadow:var(--shadow-hairline);color:var(--ink);text-align:left;cursor:pointer;transition:border-color var(--duration-control) ease, box-shadow var(--duration-control) ease;padding:0;position:relative;overflow:hidden}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-option{border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--panel);min-width:0;box-shadow:var(--shadow-hairline);color:var(--ink);text-align:left;cursor:pointer;transition:border-color var(--duration-control) ease, box-shadow var(--duration-control) ease;padding:0;position:relative;overflow:hidden}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-option[data-selected=true]{border-color:var(--ink-secondary);outline:2px solid var(--ink-secondary);outline-offset:-2px}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-option[data-selected=true]{border-color:var(--ink-secondary);outline:2px solid var(--ink-secondary);outline-offset:-2px}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-option:has(.cable-requirements__connector-input[data-focus-visible]:where(:focus)){outline:2px solid var(--focus-ring);outline-offset:4px}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-option:has(.cable-requirements__connector-input[data-focus-visible]:where(:focus)){outline:2px solid var(--focus-ring);outline-offset:4px}.cable-requirements__connector-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-option img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-option img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-label{gap:1px;padding:10px 12px 12px;font-size:.84rem;line-height:1.3;display:grid}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-label{gap:1px;padding:10px 12px 12px;font-size:.84rem;line-height:1.3;display:grid}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-label strong{font-weight:var(--weight-semibold)}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-label strong{font-weight:var(--weight-semibold)}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-description{color:var(--ink-secondary);font-size:.78rem;font-weight:var(--weight-medium)}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__connector-description{color:var(--ink-secondary);font-size:.78rem;font-weight:var(--weight-medium)}@media (prefers-reduced-motion:reduce){.instrument-response[data-response-kind=cable_needed] .cable-requirements__connector-option{transition:none}}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.onboarding-question-header h1{text-wrap:wrap}}@media (max-width:760px){.instrument-prompt{padding:calc(var(--instrument-prompt-top-space,82px) + var(--safe-t)) calc(20px + var(--safe-r)) calc(16px + var(--safe-b)) calc(20px + var(--safe-l))}.instrument-prompt__header{margin-top:30px}.instrument-prompt__option{min-height:56px;padding:12px 16px}.instrument-prompt[data-step=instrument] .instrument-prompt__option{min-height:72px}.cable-requirements__port-check{grid-template-columns:1fr}.instrument-response[data-response-kind=cable_needed] .midi-connection-visuals{grid-template-columns:1fr 1fr;gap:8px}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements{gap:26px}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements{gap:26px}.instrument-response[data-response-kind=cable_needed] .cable-requirements__port-check{background:0 0;border:0;gap:16px;padding:0}.instrument-response[data-response-kind=cable_needed] .midi-connection-card{background:0 0;border:0;overflow:visible}.instrument-response[data-response-kind=cable_needed] .midi-connection-card img{border-radius:var(--radius-control);padding:8px}.instrument-response[data-response-kind=cable_needed] .midi-connection-card figcaption{color:var(--ink-secondary);font-size:.72rem;font-weight:var(--weight-medium);letter-spacing:0;text-transform:none;border-top:0;padding:9px 4px 0}.instrument-response[data-response-kind=cable_needed] .cable-requirements__choices{grid-template-columns:1fr;gap:0}.instrument-response[data-response-kind=cable_needed] .cable-requirements__other-connector{gap:2px;padding-bottom:12px;display:grid}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__recommendation{gap:22px;display:grid}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__recommendation{gap:22px;display:grid}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__recommendation-primary{gap:10px;padding:0;display:grid}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__recommendation-primary{gap:10px;padding:0;display:grid}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__recommendation-alternate{gap:10px;padding:0;display:grid}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__recommendation-alternate{gap:10px;padding:0;display:grid}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__recommendation h3{font-size:.92rem}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .cable-requirements__recommendation h3{font-size:.92rem}.instrument-response[data-response-kind=cable_needed] .cable-requirements__shopping-links{flex-wrap:wrap;column-gap:22px;display:flex}.instrument-response[data-response-kind=cable_needed] .cable-requirements__choice:first-of-type{border-top:1px solid var(--rule)}.instrument-response[data-response-kind=cable_needed] .cable-requirements__choice{border:0;border-bottom:1px solid var(--rule);background:0 0;border-radius:0;padding:18px 0}.instrument-response[data-response-kind=cable_needed] .cable-requirements__alternate{background:0 0;border:0;padding:0}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .instrument-response__secondary-action{min-height:44px;box-shadow:none;font-weight:var(--weight-medium);background:0 0;border:0;padding:8px 12px}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .instrument-response__secondary-action{min-height:44px;box-shadow:none;font-weight:var(--weight-medium);background:0 0;border:0;padding:8px 12px}.cable-requirements__alternate{flex-direction:column;align-items:flex-start;gap:4px}}@media (orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.instrument-prompt{--onboarding-question-lead:8px;padding:calc(var(--instrument-prompt-top-space,58px) + var(--safe-t)) calc(20px + var(--safe-r)) calc(10px + var(--safe-b)) calc(20px + var(--safe-l))}.instrument-response.instrument-prompt{padding-bottom:calc(4px + var(--safe-b))}.instrument-prompt__content{width:min(100%,620px)}.instrument-prompt__header,.instrument-response__header{margin-top:0}.instrument-prompt__options{gap:8px;margin-top:16px}.instrument-prompt__option{min-height:50px;padding:7px 14px}.instrument-prompt__option-main{gap:12px}.instrument-prompt__option-icon{flex-basis:36px;width:36px;height:36px}.instrument-response__copy{margin-top:14px;font-size:.95rem;line-height:1.45}.instrument-response__copy p+p{margin-top:12px}.instrument-response:-webkit-any([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .instrument-response__header{margin-top:0}.instrument-response:is([data-response-kind=cable_needed],[data-response-kind=adapter_or_computer]) .instrument-response__header{margin-top:0}.cable-requirements__port-check{grid-template-columns:1fr}.cable-requirements__alternate{flex-direction:column;align-items:flex-start;gap:4px}.instrument-response__actions{gap:4px;padding-top:8px}.instrument-prompt[data-step=readiness-question]:has(.readiness-question__visual) .instrument-prompt__content{grid-template:"nav nav"". ."1fr"header visual""copy visual""options visual""error visual"". ."1fr/minmax(0,1fr) minmax(0,.85fr);column-gap:clamp(20px,4vw,40px);width:100%;display:grid}.instrument-prompt[data-step=readiness-question] .onboarding-question-nav{grid-area:nav}.instrument-prompt[data-step=readiness-question] .onboarding-question-header{grid-area:header}.instrument-prompt[data-step=readiness-question] .readiness-question__visual{display:contents}.instrument-prompt[data-step=readiness-question] .readiness-question__visual p{grid-area:copy;margin-top:8px}.instrument-prompt[data-step=readiness-question] .readiness-question__visual img{grid-area:visual;width:100%;height:0;min-height:100%}.instrument-prompt[data-step=readiness-question] .instrument-prompt__options{grid-area:options}.instrument-prompt[data-step=readiness-question] .instrument-prompt__error{grid-area:error;margin-top:8px}}.settings-shell{min-height:100vh;background:var(--settings-rail);grid-template-columns:244px minmax(0,1fr);min-height:100dvh;display:grid}.settings-sidebar{height:100vh;height:100svh;padding:calc(15px + var(--safe-t)) 12px calc(12px + var(--safe-b)) calc(12px + var(--safe-l));flex-direction:column;align-self:start;display:flex;position:sticky;top:0;overflow:hidden}.settings-sidebar-head{flex-direction:column;gap:4px;margin-bottom:3px;display:flex}.settings-back{border-radius:var(--radius-pill);width:max-content;min-height:36px;color:var(--ink-secondary);font-size:.8125rem;font-weight:var(--weight-medium);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;border:1px solid #0000;align-items:center;gap:6px;padding:0 6px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.settings-back:hover{background:color-mix(in srgb, var(--ink) 5%, transparent);color:var(--ink)}}.settings-back[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:1px}.settings-title{color:var(--ink-secondary);font-family:var(--font-body);font-size:.8125rem;font-weight:var(--weight-medium);margin:21px 10px 3px;line-height:1.4}.settings-nav{scrollbar-width:thin;flex-direction:column;gap:0;min-height:0;display:flex;overflow-y:auto}.settings-nav-link{border-radius:var(--radius-panel);min-height:32px;color:var(--ink-secondary);font-size:.8125rem;font-weight:var(--weight-medium);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;align-items:center;gap:9px;margin:1px 0;padding:0 10px;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.settings-nav-link:hover{background:color-mix(in srgb, var(--ink) 5%, transparent);color:var(--ink)}}.settings-nav-link.is-active{background:var(--settings-active);color:var(--ink);font-weight:var(--weight-medium)}.settings-nav-link[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.settings-nav-icon{width:20px;height:20px;color:var(--ink-secondary);opacity:.9;transition:color var(--duration-fast) ease, opacity var(--duration-fast) ease;flex:none;justify-content:center;align-items:center;display:inline-flex}.settings-nav-icon-svg{width:20px;height:20px;display:block;overflow:visible}.settings-nav-link.is-active .settings-nav-icon{color:currentColor;opacity:1}@media (hover:hover) and (pointer:fine){.settings-nav-link:hover .settings-nav-icon{color:currentColor;opacity:1}}.settings-content{min-width:0;min-height:calc(100vh - 8px);border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--settings-field);min-height:calc(100dvh - 8px);margin:8px 8px 0 0;padding:66px clamp(24px,4vw,48px) 96px;overflow-y:auto}.settings-content-inner{width:100%;max-width:640px;margin-inline-start:auto;margin-inline-end:auto}@media (prefers-reduced-motion:no-preference){.settings-content-inner{animation:settings-panel-in var(--duration-panel) var(--ease-out-emphatic) both}}@keyframes settings-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.settings-main-head{flex-direction:column;gap:4px;margin:0 16px 24px;display:flex}.settings-main-title{color:var(--ink);font-family:var(--font-body);font-size:1.5rem;font-weight:var(--weight-semibold);letter-spacing:-.025em;margin:0;line-height:1.25}.settings-page-head{flex-direction:column;gap:4px;margin-bottom:8px;padding:0 16px;display:flex}.settings-page-title-row{align-items:center;gap:12px;display:flex}.settings-page-head h2{font-family:var(--font-body);font-size:.9375rem;font-weight:var(--weight-medium);letter-spacing:0;color:var(--ink);margin:0;line-height:1.4}.settings-section-desc{color:var(--muted);margin:0;font-size:.75rem;line-height:1.35}.settings-page-head .settings-section-desc{max-width:52ch;margin:0}.settings-section-action-link{color:var(--accent-info);font-weight:var(--weight-semibold)}.settings-section{flex-direction:column;display:flex}.settings-subhead{font-family:var(--font-body);font-size:.9375rem;font-weight:var(--weight-medium);color:var(--ink);margin:32px 16px 10px}.settings-rows{border-radius:var(--radius-control);background:var(--panel);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 7%, transparent), var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.settings-row{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:24px;min-height:66px;padding:14px 16px;display:flex}.settings-row:last-child{border-bottom:0}.settings-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-row-title{color:var(--ink);font-size:.8125rem;font-weight:var(--weight-medium);margin:0;line-height:1.25}.settings-row-desc{color:var(--muted);margin:0;font-size:.75rem;line-height:1.35}.settings-row-control{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.settings-navigation-row{border:0;border-bottom:1px solid var(--rule);min-height:66px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) ease;background:0 0;justify-content:space-between;align-items:center;gap:24px;padding:14px 16px;text-decoration:none;display:flex}.settings-navigation-row--phone{display:none}@media (hover:hover) and (pointer:fine){.settings-navigation-row:hover{background:color-mix(in srgb, var(--ink) 3%, var(--panel))}}.settings-navigation-row[data-focus-visible]:where(:focus){z-index:1;outline:2px solid var(--focus);outline-offset:-3px;position:relative}.settings-navigation-row__value{color:var(--ink-secondary);flex:none;align-items:center;gap:10px;font-size:.8125rem;display:inline-flex}.settings-navigation-row__chevron{color:var(--ink-tertiary);font-size:1.25rem;font-weight:var(--weight-body);line-height:1;display:inline-block}.settings-navigation-row__chevron--menu{transform:rotate(90deg)}.settings-language-menu-positioner{z-index:20}.settings-language-menu{border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--paper);width:min(310px,100vw - 24px);box-shadow:var(--shadow-popover);color:var(--ink);padding:6px}.settings-language-menu[hidden]{display:none}.settings-language-menu__item{border-radius:var(--radius-compact);width:100%;min-height:46px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:12px;padding:7px 10px;display:grid}.settings-language-menu__item[data-highlighted]{background:color-mix(in srgb, var(--ink) 6%, transparent)}@media (hover:hover) and (pointer:fine){.settings-language-menu__item:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}}.settings-language-menu__copy{gap:1px;min-width:0;display:grid}.settings-language-menu__name{font-size:.8125rem;font-weight:var(--weight-medium);line-height:1.3}.settings-language-menu__coverage{color:var(--muted);font-size:.7rem;line-height:1.3}.settings-language-menu__check{color:var(--red);font-size:.875rem;font-weight:var(--weight-semibold);text-align:center}.settings-language-options{border-radius:var(--radius-control);background:var(--panel);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 7%, transparent), var(--shadow-card);overflow:hidden}.settings-language-option{border:0;border-bottom:1px solid var(--rule);width:100%;min-height:58px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) ease;background:0 0;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:16px;padding:11px 16px;display:grid}.settings-language-option:last-child{border-bottom:0}@media (hover:hover) and (pointer:fine){.settings-language-option:hover{background:color-mix(in srgb, var(--ink) 3%, var(--panel))}}.settings-language-option[data-focus-visible]:where(:focus){z-index:1;outline:2px solid var(--focus);outline-offset:-3px;position:relative}.settings-language-option__copy{gap:2px;min-width:0;display:grid}.settings-language-option__name{font-size:.875rem;font-weight:var(--weight-medium);line-height:1.3}.settings-language-option__coverage,.settings-language-note,.settings-language-error{color:var(--muted);font-size:.75rem;line-height:1.4}.settings-language-option__check{color:var(--red);font-size:1rem;font-weight:var(--weight-semibold);text-align:center}.settings-language-option__check[data-visible=false]{visibility:hidden}.settings-language-note,.settings-language-error{margin:12px 16px 0}.settings-language-error{color:var(--red-deep)}.settings-checkout-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.settings-select-wrap{position:relative}.settings-select,.settings-input,.settings-content-inner .midi-manual-picker select{border:1px solid color-mix(in srgb, var(--ink) 15%, var(--panel));border-radius:var(--radius-panel);background:var(--panel);height:30px;box-shadow:var(--shadow-hairline);color:var(--ink);font-family:var(--font-body);font-size:max(.8125rem, var(--field-text-floor));transition:color var(--duration-control) ease, border-color var(--duration-control) ease, background var(--duration-control) ease, box-shadow var(--duration-control) ease;padding:0 10px}.settings-select,.settings-content-inner .midi-manual-picker select{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:170px;padding-right:30px}.settings-input{width:250px}@media (hover:hover) and (pointer:fine){.settings-select:hover,.settings-input:hover,.settings-content-inner .midi-manual-picker select:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--panel));background:var(--panel)}}.settings-select[data-focus-visible]:where(:focus){border-color:color-mix(in srgb, var(--ink) 38%, var(--line));background:var(--panel);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 12%, transparent);outline:none}.settings-input[data-focus-visible]:where(:focus){border-color:color-mix(in srgb, var(--ink) 38%, var(--line));background:var(--panel);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 12%, transparent);outline:none}.settings-content-inner .midi-manual-picker select[data-focus-visible]:where(:focus){border-color:color-mix(in srgb, var(--ink) 38%, var(--line));background:var(--panel);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 12%, transparent);outline:none}.settings-select-wrap:after,.settings-content-inner .midi-manual-picker .auth-field:after{content:"";background-color:var(--muted);pointer-events:none;width:10px;height:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5 L5 6.5 L8 3.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5 L5 6.5 L8 3.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.settings-switch{border:1px solid var(--hairline);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--ink) 7%, var(--panel));cursor:pointer;width:30px;height:18px;transition:background var(--duration-control) ease, border-color var(--duration-control) ease, box-shadow var(--duration-control) ease;flex:none;padding:0;position:relative}.settings-switch:after{content:"";border-radius:var(--radius-pill);background:var(--panel);width:14px;height:14px;box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 30%, transparent);transition:transform var(--duration-control) var(--ease-out-gentle);position:absolute;top:1px;left:1px}.settings-switch[aria-checked=true]{border-color:var(--red-deep);background:var(--red-deep)}.settings-switch[aria-checked=true]:after{transform:translate(12px)}.settings-switch[data-focus-visible]:where(:focus){border-color:color-mix(in srgb, var(--ink) 38%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 12%, transparent);outline:none}.settings-switch:disabled{opacity:.45;cursor:default}.settings-content-inner .auth-submit{width:auto;min-height:30px;padding:6px 12px;font-size:.8125rem}.settings-content-inner .settings-secondary-button{border-radius:var(--radius-panel);min-height:30px;transition:border-color var(--duration-control) ease, background var(--duration-control) ease, color var(--duration-control) ease;padding:5px 10px}@media (hover:hover) and (pointer:fine){.settings-content-inner .settings-secondary-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 32%, var(--hairline));background:color-mix(in srgb, var(--ink) 4%, transparent)}}.settings-section>.auth-error,.settings-content-inner .settings-billing-warning{margin-top:14px}.settings-form-footer{align-items:center;gap:16px;padding:14px 16px 0;display:flex}.settings-form-messages{flex-direction:column;flex:auto;gap:4px;display:flex}.settings-form-footer .auth-submit{margin-left:auto}.settings-credit{color:var(--muted);margin:0 16px;font-size:.75rem;line-height:1.5}.settings-credit a{color:inherit;white-space:nowrap;text-decoration:underline}.settings-link-rows{border-radius:var(--radius-control);background:var(--panel);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 7%, transparent), var(--shadow-card);margin:0;padding:0;list-style:none;overflow:hidden}.settings-link-row{border-bottom:1px solid var(--rule);min-height:54px;color:var(--ink-soft);font-size:.8125rem;font-weight:var(--weight-medium);transition:color var(--duration-fast) ease;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;display:flex}.settings-link-rows li:last-child .settings-link-row{border-bottom:0}.settings-link-row:after{content:"";background-color:var(--muted);width:11px;height:11px;transition:background-color var(--duration-fast) ease, transform var(--duration-fast) ease;flex:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.2 8.8 L8.8 3.2 M4.4 3.2 H8.8 V7.6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.2 8.8 L8.8 3.2 M4.4 3.2 H8.8 V7.6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (hover:hover) and (pointer:fine){.settings-link-row:hover{color:var(--ink)}.settings-link-row:hover:after{background-color:var(--ink);transform:translate(1px,-1px)}}.settings-link-row[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-compact)}.settings-identity .settings-account{overflow-wrap:anywhere}.settings-logout{border:1px solid var(--hairline);border-radius:var(--radius-panel);min-width:70px;min-height:30px;color:var(--ink-soft);cursor:pointer;font-family:var(--font-body);font-size:.75rem;font-weight:var(--weight-medium);transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;flex:none;padding:5px 10px}@media (hover:hover) and (pointer:fine){.settings-logout:hover{border-color:color-mix(in srgb, var(--red-deep) 28%, var(--hairline));background:color-mix(in srgb, var(--red-deep) 7%, transparent);color:var(--red-deep)}}.settings-logout[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.settings-content-inner .settings-password{border-top:none;gap:0;padding-top:0}.settings-content-inner .settings-password .settings-subhead{margin-bottom:10px}.account-danger-zone{border:0;border-left:4px solid var(--red-deep);border-radius:var(--radius-control);background:var(--panel);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 7%, transparent), var(--shadow-card);justify-content:space-between;align-items:center;gap:28px;margin-top:34px;padding:16px;display:flex;position:relative}.account-danger-zone .settings-subhead{color:var(--red-deep);margin:0 0 5px}.account-danger-zone p{max-width:48ch;color:var(--muted);margin:0;font-size:.75rem;line-height:1.4}.account-delete-trigger,.account-delete-confirm{border:1px solid color-mix(in srgb, var(--red-deep) 44%, var(--hairline));border-radius:var(--radius-panel);min-height:30px;color:var(--red-deep);cursor:pointer;font-family:var(--font-body);font-size:.75rem;font-weight:var(--weight-medium);background:0 0;flex:none;padding:5px 10px}@media (hover:hover) and (pointer:fine){.account-delete-trigger:hover,.account-delete-confirm:hover:not(:disabled){background:color-mix(in srgb, var(--red-deep) 8%, transparent)}}.account-delete-trigger[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.account-delete-confirm[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.account-deletion-understanding input[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.account-deletion-dialog{flex-direction:column;gap:18px;padding:28px;display:flex}.account-deletion-dialog h2{color:var(--ink);font-family:var(--font-body);font-size:1.2rem;font-weight:var(--weight-semibold);margin:0}.account-deletion-copy{color:var(--ink-soft);flex-direction:column;gap:10px;margin:0;font-size:.92rem;line-height:1.55;display:flex}.account-deletion-copy p{margin:0}.account-deletion-understanding{color:var(--ink);cursor:pointer;align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.45;display:flex}.account-deletion-understanding input{accent-color:var(--red-deep);margin:3px 0 0}.account-deletion-actions{justify-content:flex-end;gap:10px;display:flex}.account-deletion-actions button{min-height:40px;padding:0 15px;font-size:.9rem}.account-delete-confirm{background:var(--red-deep);color:var(--paper)}@media (hover:hover) and (pointer:fine){.account-delete-confirm:hover:not(:disabled){background:color-mix(in srgb, var(--red-deep) 90%, var(--ink))}}.account-delete-confirm:disabled{opacity:.45;cursor:default}.account-deletion-dialog .auth-error{margin:0}.submission-dialog-scrim:has(+.submission-dialog .account-deletion-dialog){-webkit-backdrop-filter:none}@media (max-width:720px){.settings-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-content:start}.settings-sidebar{height:auto;max-height:none;padding:calc(8px + var(--safe-t)) calc(12px + var(--safe-r)) 10px calc(12px + var(--safe-l));border-bottom:1px solid var(--rule);position:static;overflow:visible}.settings-sidebar-head{margin-bottom:4px}.settings-nav{flex-flow:wrap;gap:2px;overflow:visible}.settings-nav-link{padding-inline-start:9px;padding-inline-end:9px}.settings-content{border-radius:0;min-height:0;margin:0;padding:32px 16px 72px}.settings-page-head{padding-inline-start:10px;padding-inline-end:10px}.settings-row--stack{flex-direction:column;align-items:stretch;gap:10px}.settings-row--stack .settings-row-control{justify-content:flex-start}.settings-row--stack .settings-row-control>.settings-select-wrap,.settings-row--stack .settings-select,.settings-row--stack .settings-input{width:100%}.settings-content-inner .midi-manual-picker .auth-field{flex-direction:column;align-items:stretch;gap:10px}.settings-content-inner .midi-manual-picker .auth-field:after{top:auto;bottom:10px;transform:none}.account-danger-zone{flex-direction:column;align-items:stretch}.account-delete-trigger{align-self:flex-start}.account-deletion-actions{flex-direction:column-reverse;align-items:stretch}}@media (max-width:480px){.settings-back{min-height:32px}.settings-title{margin-top:8px}.settings-nav-icon{display:none}.settings-row{align-items:flex-start;gap:12px}.settings-row:not(.settings-row--stack) .settings-row-control{padding-top:1px}.settings-navigation-row{gap:12px;min-height:64px}.settings-navigation-row--menu{display:none}.settings-navigation-row--phone{display:flex}}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse),(hover:none) and (pointer:coarse) and (min-width:961px),(hover:none) and (pointer:coarse) and (min-width:541px) and (max-aspect-ratio:16/9){.account-page,.settings-phone-detail{height:100vh;background:var(--paper);height:100dvh;color:var(--ink);font-family:var(--font-body);flex-direction:column;display:flex;overflow:hidden}.account-page{view-transition-name:clef-account-page}.settings-phone-detail{view-transition-name:clef-settings-detail}.account-page-row[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-3px}.account-page-tile[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-3px}.account-page-feedback-row[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-3px}.account-page-plate-billing[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-3px}.account-page-email-verification-action[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-3px}.account-page-logout[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-3px}.account-page-content,.settings-phone-content{min-height:0;padding:24px calc(16px + var(--safe-r)) calc(32px + var(--safe-b)) calc(16px + var(--safe-l));overscroll-behavior-y:contain;flex:1;overflow-y:auto}.account-page-content{padding-bottom:var(--dock-clearance);scroll-padding-bottom:var(--dock-clearance)}.account-page-plate{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-hairline);overflow:hidden}.account-page-plate-head{align-items:center;gap:12px;padding:14px 15px;display:flex}.account-page-plate-who{flex:1;gap:3px;min-width:0;display:grid}.account-page-plate-who strong{font-size:15px;font-weight:var(--weight-semibold);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-page-plate-who>span{color:var(--ink-secondary);font-size:12px}.account-page-monogram{border:1px solid var(--rule);width:38px;height:38px;font-size:15px;font-weight:var(--weight-semibold);border-radius:50%;flex:none;place-items:center;display:grid}.account-page-email-verification{border-top:1px solid var(--rule);grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;padding:0 15px;display:grid}.account-page-email-verification-dot{background:var(--account-attention);border-radius:50%;width:7px;height:7px}.account-page-email-verification-text{min-width:0;color:var(--ink-secondary);overflow-wrap:anywhere;font-size:13px}.account-page-email-verification-error{color:var(--red-deep)}.account-page-email-verification-action{min-height:44px;color:var(--accent-info);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--weight-medium);background:0 0;border:0;align-self:stretch;padding:0 0 0 8px}.account-page-email-verification-action:disabled{opacity:.55;cursor:default}.account-page-plate-billing{border-top:1px solid var(--rule);min-height:44px;color:var(--ink);align-items:center;gap:8px;padding:0 15px;font-size:13px;text-decoration:none;display:flex}.account-page-plate-billing:active{background:var(--settings-active)}.account-page-plate-billing-dot{background:var(--red);border-radius:50%;flex:none;width:7px;height:7px}.account-page-plate-billing[data-health=ok] .account-page-plate-billing-dot{background:var(--green)}.account-page-plate-billing[data-health=unknown] .account-page-plate-billing-dot{background:var(--ink-tertiary)}.account-page-plate-billing-manage{color:var(--accent-info);margin-left:auto}.account-page-group{margin-top:26px}.account-page-tiles{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-hairline);grid-template-columns:1fr;gap:0;display:grid;overflow:hidden}.account-page-tile{min-width:0;min-height:58px;color:var(--ink);background:0 0;border:0;align-items:center;gap:11px;padding:10px 13px;text-decoration:none;display:flex}.account-page-tile:active{background:var(--settings-active)}.account-page-tile-icon{width:20px;height:20px;color:var(--ink-secondary);flex:none}.account-page-tile-text{gap:1px;min-width:0;display:grid}.account-page-tile-label{font-size:13.5px;font-weight:var(--weight-medium);letter-spacing:-.005em}.account-page-tile-hint{color:var(--ink-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.account-page-feedback{margin-top:18px}.account-page-feedback-list{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-hairline);overflow:hidden}.account-page-feedback-row{width:100%;min-height:58px;color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:20px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:10px 13px;text-decoration:none;display:grid}.account-page-feedback-row:active{background:var(--settings-active)}.account-page-feedback-icon{width:20px;height:20px;color:var(--ink-secondary)}.account-page-feedback-icon svg{width:20px;height:20px}.account-page-feedback-copy{gap:2px;min-width:0;display:grid}.account-page-feedback-title{font-size:13.5px;font-weight:var(--weight-medium);letter-spacing:-.005em}.account-page-feedback-hint{color:var(--ink-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:1.3;overflow:hidden}.account-page-feedback-chevron,.account-page-feedback-external{color:var(--ink-tertiary);place-items:center;display:grid}.account-page-feedback-chevron{font-size:20px;line-height:1}.account-page-feedback-external{color:var(--accent-info)}.account-page-feedback-external svg{width:15px;height:15px}.account-page-rows{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-hairline);margin-top:26px;overflow:hidden}.account-page-row{width:100%;min-height:48px;color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0 14px;font-size:14px;text-decoration:none;display:flex}.account-page-row+.account-page-row{border-top:1px solid var(--rule)}.account-page-row:active{background:var(--settings-active)}.account-page-row-chevron{color:var(--ink-tertiary);margin-left:auto;font-size:20px;line-height:1}.account-page-content{flex-direction:column;display:flex}.account-page-content>*{flex:none}.account-page-footer{margin-top:auto;padding-top:30px}.account-page-logout{width:100%;color:var(--red);cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;padding:13px;font-size:14px;display:block}.account-page-logout:disabled{cursor:wait;opacity:.55}.account-page-colophon{color:var(--ink-tertiary);text-align:center;margin:0;padding:4px 0 2px;font-size:11px}.settings-phone-content{padding-top:28px}.settings-phone-content .settings-content-inner{max-width:640px;animation:none}.settings-phone-content .settings-password .settings-subhead{margin:0 4px 8px}.settings-phone-content .settings-account-section .settings-rows:has(>.settings-identity){display:none}.settings-phone-content .settings-password .settings-row{border-bottom:0;gap:6px;min-height:0;padding:12px 14px 2px}.settings-phone-content .settings-password .settings-row:last-child{padding-bottom:16px}.settings-phone-content .settings-password .settings-input{height:40px}.settings-phone-content .settings-form-footer{flex-direction:column;align-items:stretch;padding:16px 0 0}.settings-phone-content .settings-form-footer .auth-submit{min-height:44px;margin-left:0}.settings-phone-content .account-danger-zone{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-hairline);gap:0;margin-top:30px;padding:0}.settings-phone-content .account-danger-zone>div{padding:13px 15px 12px}.settings-phone-content .account-danger-zone .settings-subhead{display:none}.settings-phone-content .account-danger-zone p{max-width:none;color:var(--ink-secondary);font-size:12px;line-height:1.5}.settings-phone-content .account-delete-trigger{border:0;border-top:1px solid var(--rule);min-height:48px;color:var(--red);text-align:left;background:0 0;border-radius:0;align-self:stretch;padding:0 15px;font-size:14px}.settings-phone-content .account-delete-trigger:active{background:var(--settings-active)}html[data-chrome-nav] #library[data-room]{view-transition-name:clef-library-page}::view-transition-group(clef-library-page){z-index:0}::view-transition-group(clef-account-page){z-index:1}::view-transition-group(clef-settings-detail){z-index:2}html[data-chrome-nav]::view-transition-old(clef-library-page){mix-blend-mode:normal;animation:none}html[data-chrome-nav]::view-transition-new(clef-library-page){mix-blend-mode:normal;animation:none}html[data-chrome-nav]::view-transition-old(clef-account-page){mix-blend-mode:normal;animation:none}html[data-chrome-nav]::view-transition-new(clef-account-page){mix-blend-mode:normal;animation:none}html[data-chrome-nav]::view-transition-old(clef-settings-detail){mix-blend-mode:normal;animation:none}html[data-chrome-nav]::view-transition-new(clef-settings-detail){mix-blend-mode:normal;animation:none}html[data-chrome-nav=forward]::view-transition-new(clef-account-page){animation:chrome-sheet-in var(--duration-chrome-push) var(--ease-out-emphatic) both;box-shadow:var(--shadow-sheet-edge)}html[data-chrome-nav=forward]::view-transition-new(clef-settings-detail){animation:chrome-sheet-in var(--duration-chrome-push) var(--ease-out-emphatic) both;box-shadow:var(--shadow-sheet-edge)}html[data-chrome-nav=back]::view-transition-old(clef-account-page){animation:chrome-sheet-out var(--duration-chrome-pop) var(--ease-out-emphatic) both;box-shadow:var(--shadow-sheet-edge)}html[data-chrome-nav=back]::view-transition-old(clef-settings-detail){animation:chrome-sheet-out var(--duration-chrome-pop) var(--ease-out-emphatic) both;box-shadow:var(--shadow-sheet-edge)}@keyframes chrome-sheet-in{0%{transform:translate(100%)}}@keyframes chrome-sheet-out{to{transform:translate(100%)}}.account-page,.settings-phone-detail{background:var(--paper-grouped)}.account-page-plate,.account-page-tiles,.account-page-feedback-list,.account-page-rows,.settings-phone-content .account-danger-zone,.settings-phone-content .settings-rows,.settings-phone-content .settings-language-options,.settings-phone-content .settings-link-rows{border-radius:var(--radius-group);box-shadow:none;border:0}}.recordings-page{--recordings-header-height:calc(54px + var(--safe-t));min-height:100vh;background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-body)}.recordings-page--destination,.recordings-page--destination .recordings-layout{min-height:100%}.recordings-page--destination .recordings-main{padding-bottom:40px}.recordings-header-sub{color:var(--ink-secondary);font-variant-numeric:tabular-nums;font-size:12px}.recording-row-open[data-focus-visible]:where(:focus){border-radius:var(--radius-compact);outline:2px solid var(--focus);outline-offset:3px}.recordings-empty a[data-focus-visible]:where(:focus){border-radius:var(--radius-compact);outline:2px solid var(--focus);outline-offset:3px}.recordings-layout{width:100%;min-height:calc(100dvh - var(--recordings-header-height));grid-template-columns:236px minmax(0,1fr);display:grid}.recordings-rail{top:var(--recordings-header-height);height:calc(100dvh - var(--recordings-header-height));border-right:1px solid var(--rule);background:var(--panel);flex-direction:column;padding:16px 8px 0;display:flex;position:sticky;overflow-y:auto}.recordings-eyebrow{color:var(--ink-tertiary);font-size:10.5px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase}.recordings-rail>.recordings-eyebrow{margin:0 8px 8px}.recordings-facet{border-radius:var(--radius-panel);width:100%;min-height:40px;color:var(--ink-secondary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;display:grid}@media (hover:hover) and (pointer:fine){.recordings-facet:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}}.recordings-facet[aria-pressed=true]{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.recordings-facet[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.recordings-state button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.recordings-load-more[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.recordings-facet>span{min-width:0;display:grid}.recordings-facet strong,.recordings-facet small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recordings-facet strong{color:inherit;font-family:var(--font-display);font-size:14px;font-weight:var(--weight-semibold)}.recordings-facet small{color:var(--ink-tertiary);margin-top:2px;font-size:11px}.recordings-facet b{color:var(--ink-tertiary);font-variant-numeric:tabular-nums;font-size:11px;font-weight:var(--weight-medium)}.recordings-storage{border-top:1px solid var(--rule);color:var(--ink-tertiary);margin:auto -8px 0;padding:13px 16px 15px;font-size:11px}.recordings-storage>div:first-child{color:var(--ink-secondary);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:9px;display:flex}.recordings-storage-track{border-radius:var(--radius-pill);background:var(--rule);height:3px;overflow:hidden}.recordings-storage-track>span{background:var(--ink-tertiary);height:100%;display:block}.recordings-storage small{font-variant-numeric:tabular-nums;margin-top:8px;display:block}.recordings-main{width:min(960px,100%);min-width:0;padding:22px 26px 40px}.recordings-intro{padding-bottom:4px}.recordings-intro h1{font-family:var(--font-display);font-size:29px;font-weight:var(--weight-medium);letter-spacing:-.005em;margin:0;line-height:1.1}.recordings-intro-facts{color:var(--ink-secondary);font-variant-numeric:tabular-nums;margin:5px 0 0;font-size:13px}.recordings-state button,.recordings-load-more{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-height:38px;color:var(--ink);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--weight-semibold);padding:0 14px}.recordings-finishing{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-height:42px;color:var(--ink-secondary);align-items:center;gap:10px;margin-top:20px;padding:0 14px;font-size:12px;display:flex}.recordings-finishing-mark{background:var(--spotlight);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite alternate recording-finishing}@keyframes recording-finishing{0%{opacity:.35}to{opacity:1}}.recordings-days{gap:8px;padding-top:6px;display:grid}.recordings-day>h2{font-size:11px;font-weight:var(--weight-body);align-items:center;gap:11px;margin:22px 0 7px;display:flex}.recordings-day-rule{border-bottom:1px solid var(--rule);flex:1}.recordings-day>h2 .recordings-eyebrow{color:var(--ink-secondary);font-size:11px}.recordings-day-sum{color:var(--ink-secondary);font-variant-numeric:tabular-nums;font-size:11px}.recordings-takes{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);display:grid;overflow:hidden}.recording-row{min-height:74px;color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 8px 13px 16px;display:grid;position:relative}.recording-row+.recording-row:after{border-top:1px solid var(--rule);content:"";pointer-events:none;position:absolute;top:0;left:16px;right:16px}.recording-row:focus-within{background:color-mix(in srgb, var(--ink) 3%, transparent)}@media (hover:hover) and (pointer:fine){.recording-row:hover{background:color-mix(in srgb, var(--ink) 3%, transparent)}}.recording-mode{color:inherit}.recording-row-open{min-width:0;color:inherit;gap:6px;text-decoration:none;display:grid}.recording-row-open:before{z-index:0;content:"";position:absolute;top:0;bottom:0;left:0;right:0}.recording-row-identity{justify-content:space-between;align-items:baseline;gap:18px;min-width:0;display:flex}.recording-row-identity time{color:var(--ink-secondary);font-variant-numeric:tabular-nums;font-size:12px;font-weight:var(--weight-medium);flex:none}.recording-row-piece{color:var(--ink);font-family:var(--font-display);font-size:15px;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.recording-row-verdict{color:inherit}.recording-row-metadata{color:var(--ink-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:3px 14px;font-size:12px;display:flex}.recording-row-status,.recording-row-facts{white-space:nowrap;align-items:baseline;display:flex}.recording-row-status>*+:before,.recording-row-facts>*+:before{color:var(--hairline);content:"·";padding:0 7px}.recording-row-duration{color:var(--ink-secondary);font-weight:var(--weight-semibold)}.recording-coverage-note{border:1px solid var(--rule);border-radius:var(--radius-compact);background:var(--panel);color:var(--ink-secondary);margin:0;padding:12px 16px;font-size:13px}.recording-keep{z-index:1;border-radius:var(--radius-compact);width:44px;height:44px;color:var(--ink-tertiary);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.recording-keep:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink-tertiary)}}.recording-keep--on{color:var(--ink)}.recording-keep[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.recordings-load-more{justify-self:center;min-width:170px}.recordings-state,.recordings-empty{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);justify-items:start;max-width:520px;margin:70px auto;padding:32px;display:grid}.recordings-state h2,.recordings-empty h2{font-size:21px;font-weight:var(--weight-semibold);margin:0}.recordings-state p,.recordings-empty p{color:var(--ink-secondary);margin:10px 0 20px;font-size:13px;line-height:1.55}.recordings-empty a{color:var(--accent-info);font-size:13px;font-weight:var(--weight-semibold)}.recordings-empty-roll{border-bottom:1px solid var(--rule);align-items:end;gap:7px;width:100%;height:46px;margin-bottom:24px;padding-bottom:8px;display:flex}.recordings-empty-roll i{background:var(--ink-tertiary);width:15%;height:5px}.recordings-empty-roll i:nth-child(2){transform:translateY(-12px)}.recordings-empty-roll i:nth-child(3){transform:translateY(-5px)}.recordings-empty-roll i:nth-child(4){transform:translateY(-19px)}.recordings-empty-roll i:nth-child(5){transform:translateY(-9px)}.recording-take{width:min(960px,100%);margin:0 auto;padding:48px clamp(28px,5vw,64px) 88px}.recording-take-state{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);justify-items:start;gap:14px;width:min(560px,100% - 32px);margin:90px auto;padding:34px;display:grid}.recording-take-state h1,.recording-take-state p{margin:0}.recording-take-state p{color:var(--ink-secondary);font-size:13px}.recording-take-state button,.recording-take-state a{color:var(--accent-info);font:inherit;font-size:13px;font-weight:var(--weight-semibold)}.recording-take-overview{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr);gap:26px;padding-bottom:32px;display:grid}.recording-take-identity .recordings-eyebrow{margin:0 0 8px}.recording-take-identity h1{font-family:var(--font-display);font-size:32px;font-weight:var(--weight-medium);letter-spacing:-.015em;margin:0;line-height:1.1}.recording-take-byline{color:var(--ink-secondary);flex-wrap:wrap;gap:4px 8px;margin:9px 0 0;font-size:13px;display:flex}.recording-take-byline>span+span:before{color:var(--ink-tertiary);content:"·";padding-right:8px}.recording-take-metrics{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:18px 0;display:grid}.recording-take-metrics>div{padding:0 22px}.recording-take-metrics>div:first-child{padding-left:0}.recording-take-metrics>div+div{border-left:1px solid var(--rule)}.recording-take-metrics dt,.recording-take-metrics dd{margin:0}.recording-take-metrics dt{color:var(--ink-secondary);font-size:11px}.recording-take-metrics dd{color:var(--ink);font-variant-numeric:tabular-nums;font-size:18px;font-weight:var(--weight-medium);margin-top:5px}.recording-action{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-height:40px;color:var(--ink);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--weight-semibold);justify-content:center;align-items:center;gap:7px;padding:0 14px;text-decoration:none;display:inline-flex}.recording-action:disabled,.recording-wrong-list button:disabled{cursor:not-allowed;opacity:.42}.recording-action[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.recording-wrong-list button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.recording-take-footer button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.recording-delete-dialog button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.recording-playback{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);grid-template-columns:minmax(190px,1fr) auto;align-items:center;gap:8px 20px;margin-top:24px;padding:18px 20px;display:grid}.recording-playback-copy{gap:4px;display:grid}.recording-playback-copy strong{font-size:13px;font-weight:var(--weight-semibold)}.recording-playback-copy span{color:var(--ink-secondary);font-size:11px;line-height:1.45}.recording-playback button{border:1px solid var(--ink);border-radius:var(--radius-panel);background:var(--panel);min-height:40px;color:var(--ink);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--weight-semibold);justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.recording-playback-transport button{background:var(--ink);color:var(--panel)}.recording-playback-spinner{width:14px;height:14px;animation:recording-playback-spin var(--duration-slow) linear infinite;border:2px solid;border-right-color:#0000;border-radius:50%;flex:none}.recording-playback-status{color:var(--ink-tertiary);text-align:right;grid-column:1/-1;font-size:11px;line-height:1.4}.recording-playback-status [role=alert]{color:var(--red)}.recording-playback button:disabled{cursor:not-allowed;opacity:.42}.recording-playback button[aria-busy=true]:disabled{opacity:1}.recording-playback button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}@keyframes recording-playback-spin{to{transform:rotate(360deg)}}.recording-wrong-notes{margin-top:44px}.recording-take-section h2{font-size:22px;font-weight:var(--weight-semibold);margin:0}.recording-section-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.recording-section-heading p{max-width:560px;color:var(--ink-secondary);margin:7px 0 0;font-size:12px;line-height:1.5}.recording-section-heading>span{color:var(--ink-secondary);font-variant-numeric:tabular-nums;font-size:12px;font-weight:var(--weight-medium);flex:none}.recording-pane-empty{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);margin-top:18px;padding:28px}.recording-pane-empty h3{margin:0;font-size:15px}.recording-pane-empty p{color:var(--ink-secondary);margin:8px 0 0;font-size:12px;line-height:1.5}.recording-wrong-list{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:20px 0 0;padding:0;list-style:none}.recording-wrong-list>li{display:block}.recording-wrong-list>li+li{border-top:1px solid var(--rule)}.recording-wrong-summary{gap:5px;display:grid}.recording-wrong-summary strong{font-size:15px;font-weight:var(--weight-semibold)}.recording-wrong-summary>span{color:var(--ink-secondary);font-variant-numeric:tabular-nums;font-size:12px}.recording-wrong-summary p{color:var(--ink-secondary);margin:1px 0 0;font-size:12px}.recording-wrong-list button,.recording-take-footer button,.recording-delete-dialog button{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-height:40px;color:var(--ink);cursor:pointer;font:inherit;font-size:11px;font-weight:var(--weight-semibold);padding:0 13px}.recording-wrong-list summary{width:100%;min-height:44px;color:var(--ink-secondary);cursor:pointer;font-size:11px;font-weight:var(--weight-medium);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 0;list-style:none;display:grid}.recording-wrong-list summary::-webkit-details-marker{display:none}.recording-wrong-list summary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.recording-wrong-review{min-height:44px;color:var(--ink-secondary);white-space:nowrap;align-items:center;gap:9px;display:inline-flex}.recording-wrong-review:after{content:"";border-bottom:1px solid;border-right:1px solid;width:7px;height:7px;transform:rotate(45deg)translateY(-2px)}.recording-wrong-spot[open] .recording-wrong-review:after{transform:rotate(-135deg)translate(-2px,-1px)}.recording-wrong-details{justify-items:start;gap:14px;padding:0 0 18px;display:grid}.recording-wrong-details ol{border-radius:var(--radius-panel);background:var(--panel);gap:9px;width:100%;margin:0;padding:14px 16px;list-style:none;display:grid}.recording-wrong-details li{color:var(--ink-secondary);grid-template-columns:44px minmax(0,1fr);gap:12px;font-size:11px;line-height:1.45;display:grid}.recording-wrong-details time{color:var(--ink-tertiary);font-variant-numeric:tabular-nums}.recording-take-footer{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:46px;padding-top:18px;display:grid}.recording-take-footer>span{color:var(--ink-tertiary);font-size:11px}.recording-take-footer>div{flex-wrap:wrap;justify-content:flex-end;gap:4px 8px;display:flex}.recording-take-footer .recording-action{color:var(--ink-secondary);background:0 0;border-color:#0000}.recording-take-footer .recording-mutation-error{grid-column:1/-1;margin-top:0}.recording-take-footer .recording-delete,.recording-delete-dialog .recording-delete{color:var(--red)}.recording-practice-note,.recording-mutation-error{color:var(--ink-secondary);margin:16px 0 0;font-size:11px;line-height:1.5}.recording-mutation-error{color:var(--red)}.recording-delete-scrim{z-index:90;background:color-mix(in srgb, var(--ink) 28%, transparent);position:fixed;top:0;bottom:0;left:0;right:0}.recording-delete-shell{top:var(--visual-t);height:var(--visual-h);z-index:91;pointer-events:none;place-items:center;padding:20px;display:grid;position:fixed;left:0;right:0}.recording-delete-dialog{pointer-events:auto;border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);width:min(420px,100%);max-height:100%;padding:28px;overflow:auto}.recording-delete-dialog h2,.recording-delete-dialog p{margin:0}.recording-delete-dialog p{color:var(--ink-secondary);margin-top:10px;font-size:12px;line-height:1.5}.recording-delete-dialog>div{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}@media (prefers-reduced-motion:reduce){.recordings-finishing-mark,.recording-playback-spinner{animation:none}.recordings-finishing-mark{opacity:1}}.recording-take-page .destination-page-title{font-family:var(--font-display);font-size:15px;font-weight:var(--weight-medium)}@media (max-width:900px){.recordings-layout{grid-template-columns:1fr}.recordings-rail{border-right:0;border-bottom:1px solid var(--rule);flex-direction:row;gap:7px;height:auto;padding:12px 18px;display:flex;position:static;overflow-x:auto}.recordings-rail>.recordings-eyebrow,.recordings-storage,.recordings-facet small{display:none}.recordings-facet{border:1px solid var(--rule);flex:none;width:auto;min-height:40px;padding:7px 11px}.recordings-facet>span{max-width:180px;display:block}.recordings-facet b{color:var(--ink-secondary);margin-left:5px;font-size:12px}.recordings-main{padding-top:32px}}@media (max-width:640px){.recordings-header{padding:var(--safe-t) calc(16px + var(--safe-r)) 0 calc(16px + var(--safe-l))}.recordings-brand>span:last-child,.recordings-back>span:last-child{display:none}.recordings-main{padding:18px calc(16px + var(--safe-r)) calc(54px + var(--safe-b)) calc(16px + var(--safe-l))}.recordings-intro--all{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.recordings-intro--selection h1{font-size:24px}.recordings-intro-facts{font-size:12px}.recording-row{gap:10px;min-height:0;padding:14px 6px 14px 14px}.recording-row-open{gap:7px}.recording-keep{align-self:center}.recording-row-identity{gap:12px}.recording-row-piece{font-size:16px}.recording-row-identity time,.recording-row-metadata{font-size:12px}.recording-row-status>*+:before,.recording-row-facts>*+:before{padding:0 6px}.recording-row-note-count,.recordings-day-duration{display:none}.recordings-state,.recordings-empty{margin:42px auto;padding:24px}.recording-take{padding:28px calc(16px + var(--safe-r)) calc(60px + var(--safe-b)) calc(16px + var(--safe-l))}.recording-take-overview{padding-bottom:24px;display:block}.recording-take-identity h1{font-size:26px}.recording-take-byline{gap:3px;font-size:12px;display:grid}.recording-take-byline>span+span:before{display:none}.recording-take-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px;padding:14px 0}.recording-take-metrics dt{min-height:2.5em;font-size:10px;line-height:1.25}.recording-take-metrics dd{margin-top:4px;font-size:16px}.recording-take-metrics>div{padding:0 10px}.recording-take-metrics>div:first-child{padding-left:0}.recording-action{min-height:44px;padding:0 10px}.recording-playback{grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;margin-top:18px;padding:16px}.recording-playback-copy{grid-column:1}.recording-playback-copy span{display:none}.recording-playback-transport{grid-area:1/2}.recording-playback button{min-height:44px}.recording-playback-status{text-align:left;grid-column:1/-1;min-height:0}.recording-wrong-notes{margin-top:34px}.recording-section-heading{align-items:start;gap:14px}.recording-section-heading p{font-size:12px}.recording-wrong-list>li{display:block}.recording-wrong-list button{justify-self:start;min-height:44px}.recording-wrong-list summary{gap:12px;padding:17px 0}.recording-wrong-review{min-height:44px}.recording-take-footer{grid-template-columns:1fr;align-items:start}.recording-take-footer>div{justify-content:flex-start}.recording-take-footer button{min-height:44px}}.brief-page{height:100vh;height:100svh;min-height:100vh;background:linear-gradient(var(--paper-veil), var(--paper-veil)), repeating-linear-gradient(90deg, transparent 0 47px, color-mix(in srgb, var(--rule) 36%, transparent) 48px);min-height:100svh;color:var(--ink);font-family:var(--font-body);overflow:clip auto}.brief-navbar{z-index:20;height:calc(58px + var(--safe-t));padding:var(--safe-t) max(20px, calc((100% - 1060px) / 2)) 0;border-bottom:1px solid var(--rule);background:var(--paper-veil-strong);grid-template-columns:40px 1fr 40px;align-items:center;display:grid;position:sticky;top:0}.brief-brand{color:var(--ink-secondary);font-size:13px;font-weight:var(--weight-medium);letter-spacing:var(--label-tracking);justify-self:center}.brief-back{border-radius:var(--radius-compact);width:32px;height:32px;color:var(--ink-secondary);place-items:center;font-size:20px;text-decoration:none;display:grid}@media (hover:hover) and (pointer:fine){.brief-back:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}}.brief-back[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.brief-navbar .account-menu-root{justify-self:end}.brief-page-body{width:min(100% - 40px,1040px);margin:0 auto;padding:clamp(42px,5vw,70px) 0 96px}.brief-share-frame{min-width:0;display:grid}.brief-sharing-load-error{border-block:1px solid var(--rule);color:var(--ink-secondary);justify-content:space-between;align-items:center;gap:16px;margin:0 0 28px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.brief-sharing-load-error p{margin:0}.brief-sharing-load-error button{color:var(--ink-secondary);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--weight-semibold);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:3px;background:0 0;border:0;flex:none;padding:0}.brief-sharing-load-error button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.brief-share-folio{border-block:1px solid var(--rule);background:var(--panel-veil);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:15px 18px 15px 22px;display:grid;position:relative}.brief-share-folio:before{background:var(--spotlight);content:"";width:3px;position:absolute;top:-1px;bottom:-1px;left:0;right:auto}.brief-share-folio-copy{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:18px;min-width:0;display:grid}.brief-share-folio-copy>span{color:var(--spotlight);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase}.brief-share-folio-copy p,.brief-share-unavailable{color:var(--ink-secondary);margin:0;font-size:13px;line-height:1.45}.brief-share-unavailable{text-align:right;max-width:360px}.brief-share-primary{border:1px solid var(--ink-deep);border-radius:var(--radius-compact);background:var(--lacquer);min-height:38px;color:var(--panel);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--weight-semibold);white-space:nowrap;padding:9px 15px}@media (hover:hover) and (pointer:fine){.brief-share-primary:hover:not(:disabled){box-shadow:var(--shadow-popover)}}.brief-share-primary:disabled{cursor:wait;opacity:.58}.brief-share-primary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.brief-share-result button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.brief-share-history button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.brief-share-name-form button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.brief-share-name-form input[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.brief-share-result{border:1px solid var(--rule);border-radius:var(--radius-compact);background:var(--panel);color:var(--ink-secondary);align-items:center;gap:11px;margin:14px 0 0;padding:11px 14px;font-size:13px;line-height:1.45;display:flex}.brief-share-result p{flex:1;margin:0}.brief-share-result>span{color:var(--spotlight);font-weight:var(--weight-semibold)}.brief-share-result[data-kind=success]{border-color:color-mix(in srgb, var(--green) 32%, var(--rule))}.brief-share-result[data-kind=success]>span{color:var(--green)}.brief-share-result[data-kind=error]{border-color:color-mix(in srgb, var(--red-deep) 28%, var(--rule))}.brief-share-result[data-kind=error]>span{color:var(--red-deep)}.brief-share-result button,.brief-share-retract-link{color:var(--ink-secondary);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--weight-semibold);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:3px;background:0 0;border:0;padding:0}.brief-share-document{border-left:1px solid var(--rule);min-width:0;padding:clamp(42px,5vw,58px) 0 clamp(52px,6vw,72px) 22px;position:relative}.brief-share-history{border-top:1px solid var(--rule)}.brief-share-history>header{justify-content:space-between;align-items:end;gap:20px;padding:24px 0 15px;display:flex}.brief-share-history>header p{color:var(--spotlight);font-size:10px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0 0 5px}.brief-share-history>header h2{color:var(--ink);font-family:var(--font-display);font-size:24px;font-weight:var(--weight-medium);letter-spacing:-.02em;margin:0}.brief-share-history>header>span{color:var(--muted);font-size:12px}.brief-share-history ol{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.brief-share-history li{border-bottom:1px solid var(--rule);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:10px 0;display:grid}.brief-share-history li[data-retracted]{color:var(--muted)}.brief-share-history-mark{color:var(--green);font-size:12px;font-weight:var(--weight-semibold)}.brief-share-history li[data-retracted] .brief-share-history-mark{color:var(--muted)}.brief-share-history-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.brief-share-history-copy strong{font-size:13px;font-weight:var(--weight-semibold)}.brief-share-history-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.brief-share-confirm{align-items:center;gap:9px;display:flex}.brief-share-confirm span{color:var(--ink-secondary);font-size:12px}.brief-share-confirm button{border:1px solid var(--rule);border-radius:var(--radius-compact);background:var(--panel);color:var(--ink-secondary);cursor:pointer;font:inherit;font-size:11px;font-weight:var(--weight-medium);padding:6px 9px}.brief-share-confirm button:last-child{border-color:color-mix(in srgb, var(--red-deep) 28%, var(--rule));color:var(--red-deep)}.brief-share-confirm button:disabled{cursor:wait;opacity:.58}.brief-share-history-error{color:var(--red-deep);margin:12px 0 0;font-size:13px}.brief-share-name-form{padding:30px}.brief-share-name-form>header{justify-content:space-between;align-items:start;gap:24px;display:flex}.brief-share-name-form>header p{color:var(--spotlight);font-size:10px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0 0 7px}.brief-share-name-form h2{font-family:var(--font-display);font-size:clamp(25px,5vw,34px);font-weight:var(--weight-medium);letter-spacing:-.03em;margin:0;line-height:1.08}.brief-share-name-form>header>button{border-radius:var(--radius-compact);width:30px;height:30px;color:var(--ink-secondary);cursor:pointer;font:inherit;background:0 0;border:0;flex:none;font-size:22px}.brief-share-name-form>p{color:var(--ink-secondary);margin:18px 0 24px;font-size:14px;line-height:1.55}.brief-share-name-form label{gap:8px;display:grid}.brief-share-name-form label span{color:var(--ink-secondary);font-size:12px;font-weight:var(--weight-semibold)}.brief-share-name-form input{border:1px solid var(--hairline);border-radius:var(--radius-compact);background:var(--panel);width:100%;min-height:44px;color:var(--ink);font:inherit;font-size:max(1em, var(--field-text-floor));padding:10px 12px}.brief-share-name-error{color:var(--red-deep);margin-top:13px;font-size:13px}.brief-share-name-error p{margin:0}.brief-share-name-error button{color:inherit;cursor:pointer;font:inherit;font-weight:var(--weight-semibold);text-underline-offset:3px;background:0 0;border:0;margin-top:8px;padding:0;text-decoration:underline}.brief-share-name-actions{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.brief-share-name-actions button{border:1px solid var(--rule);border-radius:var(--radius-compact);background:var(--panel);min-height:40px;color:var(--ink-secondary);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--weight-semibold);padding:9px 14px}.brief-share-name-actions button[type=submit]{border-color:var(--ink-deep);background:var(--lacquer);color:var(--panel)}.brief-share-name-actions button:disabled,.brief-share-name-form>header>button:disabled{cursor:wait;opacity:.58}.brief-document{gap:48px;min-width:0;display:grid}.brief-document>*{min-width:0}.brief-intro{min-width:0;max-width:720px}.brief-kicker{color:var(--spotlight);font-size:12px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);margin:0 0 10px}.brief-intro h1{font-family:var(--font-display);font-size:clamp(42px,6vw,72px);font-weight:var(--weight-display);letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;line-height:.98}.brief-intro>p:last-child{max-width:540px;color:var(--ink-secondary);margin:22px 0 0;font-size:clamp(17px,2vw,20px);line-height:1.55}.brief-document h2{color:var(--ink-secondary);font-size:13px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);margin:0 0 20px}.brief-win-grid{border-block:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.brief-win{min-height:72px;color:var(--ink-secondary);grid-template-columns:26px 1fr;gap:10px;margin:0;padding:18px 22px 18px 0;line-height:1.5;display:grid}.brief-win+.brief-win{border-left:1px solid var(--rule);padding-left:22px}.brief-win span{color:var(--green);font-weight:var(--weight-semibold)}.brief-pieces{gap:20px;display:grid}.brief-piece{border:1px solid var(--hairline);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-hairline);padding:clamp(22px,4vw,38px)}.brief-piece-heading{justify-content:space-between;align-items:start;gap:24px;display:flex}.brief-piece-heading h3{font-family:var(--font-display);font-size:clamp(25px,3vw,34px);font-weight:var(--weight-medium);letter-spacing:-.025em;margin:0}.brief-piece-heading p{color:var(--muted);margin:5px 0 0}.brief-piece-heading>span{border:1px solid var(--rule);border-radius:var(--radius-pill);color:var(--ink-secondary);font-size:11px;font-weight:var(--weight-medium);padding:5px 9px}.brief-piece-summary{font-size:14px;font-weight:var(--weight-medium);margin:32px 0 10px}.brief-bar-strip{width:100%}.brief-bar-strip svg{width:100%;height:38px;display:block;overflow:visible}.brief-bar-strip>div{grid-template-columns:repeat(var(--brief-bar-count,1), 1fr);display:grid}.brief-bar-strip>div span{color:var(--muted);text-align:center;font-size:10px}.brief-bar-strip rect{fill:var(--paper-warm);stroke:var(--rule);vector-effect:non-scaling-stroke}.brief-bar-strip g[data-memory-state=memorized] rect{fill:color-mix(in srgb, var(--green) 16%, var(--panel));stroke:color-mix(in srgb, var(--green) 58%, var(--rule))}.brief-bar-strip g[data-memory-state=learning] rect{fill:color-mix(in srgb, var(--spotlight) 13%, var(--panel));stroke:color-mix(in srgb, var(--spotlight) 52%, var(--rule))}.brief-bar-strip g[data-memory-state=notGradeable] rect{fill:var(--panel);stroke-dasharray:2 3}.brief-bar-strip path{fill:none;stroke:var(--spotlight);stroke-width:1.5px;vector-effect:non-scaling-stroke}.brief-shaky-list{gap:10px;margin-top:26px;display:grid}.brief-shaky{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:20px;padding:16px 0 0;display:flex}.brief-shaky div{flex-direction:column;gap:4px;display:flex}.brief-shaky strong{font-size:14px;font-weight:var(--weight-semibold)}.brief-shaky div span,.brief-queued{color:var(--muted);font-size:13px}.brief-shaky button{border:1px solid var(--ink);border-radius:var(--radius-compact);background:var(--ink);color:var(--panel);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--weight-medium);flex:none;align-items:center;gap:9px;padding:9px 12px;display:inline-flex}@media (hover:hover) and (pointer:fine){.brief-shaky button:hover{background:var(--ink-soft)}}.brief-shaky button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.brief-queued{margin:22px 0 0}.brief-reading{border-top:1px solid var(--rule);align-items:center;gap:16px;margin-top:28px;padding-top:20px;display:flex}.brief-reading>span{color:var(--tempo-amber);font-size:28px}.brief-reading p{color:var(--muted);margin:0;line-height:1.5}.brief-reading strong{color:var(--ink);font-weight:var(--weight-semibold)}.brief-agenda ol{border-top:1px solid var(--hairline);margin:0;padding:0;list-style:none}.brief-agenda li{border-bottom:1px solid var(--rule);grid-template-columns:44px 1fr;align-items:baseline;padding:18px 0;display:grid}.brief-agenda li>span{color:var(--spotlight);font-family:var(--font-display);font-size:20px}.brief-agenda p{margin:0;font-size:16px;line-height:1.5}.brief-empty{border-block:1px solid var(--rule);text-align:center;justify-items:center;padding:clamp(54px,10vw,100px) 24px;display:grid}.brief-empty-mark{border:1px solid var(--hairline);width:56px;height:56px;color:var(--spotlight);border-radius:50%;place-items:center;margin-bottom:24px;font-size:24px;display:grid}.brief-empty h2{max-width:520px;color:var(--ink);font-family:var(--font-display);font-size:clamp(28px,4vw,40px);font-weight:var(--weight-medium);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0}.brief-empty p{max-width:500px;color:var(--muted);overflow-wrap:anywhere;margin:16px 0 0;line-height:1.6}.brief-status{text-align:center;align-content:center;justify-items:center;min-height:50vh;display:grid}.brief-status>span{border:2px solid var(--rule);border-top-color:var(--spotlight);width:22px;height:22px;animation:brief-spin var(--duration-slow) linear infinite;border-radius:50%}.brief-status h1{font-family:var(--font-display);font-weight:var(--weight-medium);margin:0}.brief-status p{color:var(--muted)}.brief-status button{border:1px solid var(--ink);border-radius:var(--radius-compact);background:var(--ink);color:var(--panel);cursor:pointer;font:inherit;padding:9px 14px}@keyframes brief-spin{to{transform:rotate(360deg)}}@media (max-width:720px){.brief-navbar{padding-inline:calc(14px + var(--safe-l)) calc(14px + var(--safe-r))}.brief-page-body{width:min(100% - 28px,560px);padding-top:40px}.brief-document{gap:42px}.brief-win-grid{grid-template-columns:1fr}.brief-win{min-height:0;padding:15px 0}.brief-win+.brief-win{border-top:1px solid var(--rule);border-left:0;padding-left:0}.brief-piece{padding:22px 18px}.brief-shaky{flex-direction:column;align-items:stretch}.brief-shaky button{justify-content:space-between;width:100%}.brief-bar-strip svg{height:36px}.brief-share-folio{grid-template-columns:1fr;gap:13px;padding:15px 14px 15px 18px}.brief-sharing-load-error{flex-direction:column;align-items:start}.brief-share-folio-copy{grid-template-columns:1fr;gap:5px}.brief-share-primary{width:100%}.brief-share-unavailable{text-align:left;max-width:none}.brief-share-document{padding-left:10px}.brief-share-history li{grid-template-columns:22px minmax(0,1fr)}.brief-share-history li>:last-child:not(.brief-share-history-copy){grid-column:2;justify-self:start}.brief-share-confirm{flex-wrap:wrap}.brief-share-confirm span{flex-basis:100%}.brief-share-name-form{padding:24px 20px calc(20px + max(0px, var(--safe-b) - var(--keyboard-inset)))}}@media (prefers-reduced-motion:reduce){.brief-status>span{animation:none}}.studio-page{min-height:100vh;background:var(--paper);min-height:100dvh;color:var(--ink)}.studio-navbar{z-index:20;min-height:calc(58px + var(--safe-t));padding:var(--safe-t) calc(clamp(18px, 4vw, 56px) + var(--safe-r)) 0 calc(clamp(18px, 4vw, 56px) + var(--safe-l));border-bottom:1px solid var(--hairline);background:var(--panel);grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;display:grid;position:sticky;top:0}.studio-back{border-radius:var(--radius-compact);width:34px;height:34px;color:var(--ink-secondary);place-items:center;text-decoration:none;display:grid}.studio-brand{max-width:100%;font-family:var(--font-display);font-size:18px;font-weight:var(--weight-semibold);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;justify-self:center;overflow:hidden}.studio-masthead{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 30px;max-width:1440px;margin:0 auto;padding:clamp(36px,6vw,74px) clamp(22px,5vw,76px) 28px;display:grid}.studio-masthead p{color:var(--spotlight);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;grid-column:1/-1;margin:0}.studio-masthead h1{font-family:var(--font-display);font-size:clamp(48px,7vw,88px);font-weight:var(--weight-display);letter-spacing:-.055em;margin:0;line-height:.92}.studio-masthead>span{max-width:340px;color:var(--ink-secondary);padding-bottom:5px;font-size:14px;line-height:1.55}.studio-reader-layout{grid-template-columns:minmax(190px,250px) minmax(0,820px) minmax(170px,220px);align-items:start;gap:clamp(26px,4vw,64px);max-width:1440px;margin:0 auto;padding:clamp(34px,5vw,72px) clamp(22px,5vw,76px) 96px;display:grid}.studio-students,.studio-history{min-width:0;position:sticky;top:88px}.studio-students h2,.studio-history h2{color:var(--ink-secondary);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0 0 16px}.studio-students ol,.studio-history ol{margin:0;padding:0;list-style:none}.studio-students li,.studio-history li{border-top:1px solid var(--hairline)}.studio-students li:last-child,.studio-history li:last-child{border-bottom:1px solid var(--hairline)}.studio-students a{color:inherit;border-left:2px solid #0000;gap:5px;padding:14px 10px;text-decoration:none;display:grid}.studio-students a[aria-current=true]{border-left-color:var(--spotlight);background:var(--panel)}.studio-students a>span{font-family:var(--font-display);font-size:18px;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-students time,.studio-history time,.studio-history>p{color:var(--ink-tertiary);font-size:12px}.studio-reader{min-width:0}.studio-envelope{border-top:1px solid var(--rule);border-bottom:1px solid var(--hairline);color:var(--ink-secondary);margin:0 0 28px;padding:12px 0;font-size:13px}.studio-reader .brief-document{gap:42px}.studio-reader .brief-intro h1{font-size:clamp(42px,5vw,68px)}.studio-history a{color:var(--ink-secondary);justify-content:space-between;gap:12px;padding:12px 4px;text-decoration:none;display:flex}.studio-history a[aria-current=true]{color:var(--ink-deep);font-weight:var(--weight-semibold)}.studio-privacy-footnote{border-top:1px solid var(--rule);max-width:620px;color:var(--ink-tertiary);margin:54px 0 0;padding:20px 0 0;font-size:12px;line-height:1.6}.studio-status,.studio-reader-message{text-align:center;max-width:720px;margin:clamp(50px,8vw,110px) auto;padding:0 24px}.studio-status>span{border:1px solid var(--rule);border-top-color:var(--spotlight);border-radius:50%;width:22px;height:22px;margin:0 auto 18px;animation:.9s linear infinite studio-spin;display:block}.studio-reader-message h2,.studio-empty h2{font-family:var(--font-display);font-size:clamp(32px,5vw,52px);font-weight:var(--weight-medium);letter-spacing:-.035em;margin:0}.studio-reader-message p,.studio-status p{color:var(--ink-secondary);line-height:1.6}.studio-reader-message button{border:1px solid var(--ink-deep);border-radius:var(--radius-compact);background:var(--lacquer);min-height:40px;color:var(--panel);cursor:pointer;font:inherit;font-weight:var(--weight-semibold);padding:9px 16px}.studio-reader-message--future>p:first-child{color:var(--spotlight);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase}.studio-empty{text-align:center;flex-direction:column;align-items:center;max-width:1040px;margin:0 auto;padding:clamp(58px,8vw,104px) clamp(22px,5vw,76px) 100px;display:flex}.studio-empty-intro{flex-direction:column;align-items:center;width:100%;display:flex}.studio-empty-kicker{color:var(--spotlight);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0 0 14px}.studio-empty h2{max-width:760px;font-size:clamp(38px,5.5vw,64px);line-height:1}.studio-empty-lede{max-width:630px;color:var(--ink-secondary);margin:22px 0 0;font-size:15px;line-height:1.7}.studio-empty-lede strong{color:var(--ink);font-weight:var(--weight-medium)}.studio-referral{text-align:left;grid-template-columns:minmax(0,1fr) auto;width:min(100%,620px);margin-top:34px;display:grid}.studio-referral-link{border:1px solid var(--rule);border-radius:var(--radius-control) 0 0 var(--radius-control);background:var(--panel);min-width:0;box-shadow:var(--shadow-hairline);color:var(--ink-secondary);text-overflow:ellipsis;white-space:nowrap;border-right:0;padding:14px 18px;font-size:14px;text-decoration:none;overflow:hidden}.studio-referral-copy{border:1px solid var(--ink-deep);border-radius:0 var(--radius-control) var(--radius-control) 0;background:var(--lacquer);min-width:138px;color:var(--panel);cursor:pointer;font:inherit;font-size:14px;font-weight:var(--weight-medium);padding:12px 22px}.studio-referral-copy[data-copy-state=copied]{border-color:var(--green);background:var(--green)}.studio-referral-result{min-height:20px;color:var(--ink-secondary);text-align:center;grid-column:1/-1;margin:9px 0 -29px;font-size:12px}.studio-referral-note{color:var(--ink-tertiary);margin:40px 0 0;font-size:12.5px}.studio-ghost-preview{text-align:left;width:min(100%,720px);margin-top:58px}.studio-ghost-label{color:var(--ink-tertiary);font-size:10.5px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;align-items:center;gap:14px;margin-bottom:14px;display:flex}.studio-ghost-label i{background:var(--rule);flex:1;height:1px}.studio-ghost-card{border:1px dashed var(--hairline);border-radius:var(--radius-panel);opacity:.82;padding:20px 24px}.studio-ghost-card header{grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;display:grid}.studio-ghost-card header>span{color:var(--ink-tertiary);font-size:10.5px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase}.studio-ghost-card strong{font-family:var(--font-display);font-size:16px;font-weight:var(--weight-semibold)}.studio-ghost-card small{color:var(--ink-tertiary);font-size:12px}.studio-ghost-bars{gap:3px;margin:17px 0 11px;display:flex}.studio-ghost-bars i{border:1px solid var(--hairline);border-radius:2px;width:100%;height:16px}.studio-ghost-bars i[data-tone=solid]{border-color:var(--green);background:var(--green)}.studio-ghost-bars i[data-tone=shaky]{border-color:var(--red);background:var(--red)}.studio-ghost-card>p{color:var(--ink-secondary);margin:0;font-size:12.5px;line-height:1.5}.studio-empty-promise{border-top:1px solid var(--rule);max-width:620px;color:var(--ink-tertiary);margin:56px 0 0;padding-top:24px;font-size:13px;line-height:1.65}.studio-empty-promise strong{color:var(--ink-secondary);font-weight:var(--weight-medium)}@keyframes studio-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.studio-reader-layout{grid-template-columns:minmax(160px,210px) minmax(0,1fr)}.studio-history{grid-column:2;position:static}}@media (max-width:640px){.studio-masthead{grid-template-columns:1fr}.studio-masthead>span{padding-bottom:0}.studio-reader-layout{grid-template-columns:minmax(0,1fr);padding-top:28px}.studio-students,.studio-history{grid-column:1;position:static}.studio-students ol{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.studio-students li{border-bottom:1px solid var(--hairline);flex:0 0 min(70vw,220px)}.studio-history{border-top:1px solid var(--rule);padding-top:26px}.studio-reader .brief-intro h1{font-size:clamp(38px,13vw,58px)}.studio-empty{text-align:left;align-items:stretch;padding-top:48px}.studio-empty-intro{align-items:stretch}.studio-empty h2,.studio-empty-lede{max-width:none}.studio-referral{grid-template-columns:minmax(0,1fr)}.studio-referral-link{border-right:1px solid var(--rule);border-radius:var(--radius-control) var(--radius-control) 0 0}.studio-referral-copy{border-radius:0 0 var(--radius-control) var(--radius-control);width:100%}.studio-referral-result{text-align:left;margin-bottom:-29px}.studio-referral-note{line-height:1.55}.studio-ghost-card header{grid-template-columns:1fr;gap:5px}.studio-empty-promise{max-width:none}}@media (prefers-reduced-motion:reduce){.studio-status>span{animation:none}}.midi-status-pill{top:calc(var(--safe-t) + 12px);z-index:85;max-width:min(360px, calc(100vw - var(--safe-l) - var(--safe-r) - 32px));border:1px solid var(--line);background:var(--paper-veil-soft);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-card);color:var(--ink);font-family:var(--font-body);font-size:13px;font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;animation:midi-status-pill-in var(--duration-medium) var(--ease-out-gentle) both;border-radius:999px;line-height:1.2;transition:width .32s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:fixed;left:50%;overflow:hidden}.midi-status-pill-content{align-items:center;gap:8px;min-width:0;padding:8px 14px;display:inline-flex}.midi-status-pill-link{border-radius:inherit;min-width:0;color:inherit;text-decoration:none;display:flex}.midi-status-pill-dismiss{border:0;border-left:1px solid var(--line);width:30px;color:inherit;cursor:pointer;background:0 0;border-radius:0 999px 999px 0;flex:none;align-self:stretch;place-items:center;padding:0 3px 0 0;display:inline-grid}@media (hover:hover) and (pointer:fine){.midi-status-pill-dismiss:hover{background:var(--paper-veil-strong)}}.midi-status-pill-dismiss[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-3px}.midi-status-pill-link[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-3px}.midi-status-pill[data-leaving]{animation:midi-status-pill-out var(--duration-medium) var(--ease-out-gentle) both}.midi-status-pill-dot{border-radius:50%;flex:none;width:8px;height:8px;transition:background-color .18s ease-out}.midi-status-pill[data-variant=connected] .midi-status-pill-dot{background:var(--green)}.midi-status-pill[data-variant=disconnected] .midi-status-pill-dot{background:var(--red)}.midi-status-pill[data-variant=absent] .midi-status-pill-dot{background:var(--muted)}.midi-status-pill[data-variant=absent]{color:var(--muted)}.midi-status-pill[data-connection-arrived] .midi-status-pill-content .midi-status-pill-dot{animation:.62s cubic-bezier(.16,1,.3,1) both midi-status-pill-dot-arrive}.midi-status-pill[data-armed]{max-width:min(520px, calc(100vw - var(--safe-l) - var(--safe-r) - 32px));white-space:normal;text-align:center}body[data-view=practice] .midi-status-pill{top:calc(var(--practice-navbar-stack-height) + 8px)}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){body[data-view=practice] .midi-status-pill{top:auto;bottom:calc(var(--safe-b) + 12px);animation-name:midi-status-pill-in-from-bottom}body[data-view=practice] .midi-status-pill[data-leaving]{animation-name:midi-status-pill-out-to-bottom}}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse){body[data-view=practice] .midi-status-pill{display:none}}@keyframes midi-status-pill-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes midi-status-pill-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@keyframes midi-status-pill-in-from-bottom{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes midi-status-pill-out-to-bottom{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}@keyframes midi-status-pill-dot-arrive{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--green) 0%, transparent);transform:scale(.72)}38%{box-shadow:0 0 0 5px color-mix(in srgb, var(--green) 24%, transparent);transform:scale(1)}to{box-shadow:0 0 0 8px color-mix(in srgb, var(--green) 0%, transparent);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.midi-status-pill{transition:none;animation:none;transform:translate(-50%)}.midi-status-pill[data-leaving],.midi-status-pill[data-connection-arrived] .midi-status-pill-content .midi-status-pill-dot{animation:none}}.mobile-apps{--plaque-background:var(--panel);--plaque-border:var(--rule);--plaque-shadow:var(--shadow-popover);border-radius:var(--radius-panel);width:min(540px,100%);padding:36px 32px 28px}.mobile-apps h2{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:-.6px;margin:0 28px 10px 0;font-size:24px;line-height:1.25}.mobile-apps__intro{color:var(--ink-secondary);margin:0;font-size:14px;line-height:1.6}.mobile-apps__close{border-radius:var(--radius-control);width:36px;height:36px;color:var(--ink-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.mobile-apps__stores{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px;display:grid}.mobile-apps__store{flex-direction:column;align-items:center;padding:22px 8px 16px;display:flex}.mobile-apps__store+.mobile-apps__store{border-left:1px solid var(--rule)}.mobile-apps__store h3{font-size:15px;font-weight:var(--weight-semibold);margin:0 0 10px}.mobile-apps__store img{max-width:100%;height:auto;display:block}.mobile-apps__store a{min-height:40px;color:var(--accent-info);font-size:13px;font-weight:var(--weight-medium);text-underline-offset:4px;align-items:center;gap:6px;display:inline-flex}.mobile-apps__scan{text-align:center;color:var(--ink-secondary);margin:14px 0 24px;font-size:12px}.mobile-apps__close[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}.mobile-apps__store a[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}@media (hover:hover) and (pointer:fine){.mobile-apps__close:hover{background:var(--paper)}}@media (max-width:480px){.mobile-apps{padding:32px 18px 24px}.mobile-apps h2{font-size:21px}}.memory-outcome-bar{background:var(--rule);width:100%;height:8px;display:flex;overflow:hidden}.memory-outcome-bar span{flex-basis:0;min-width:0}.memory-outcome-bar [data-outcome=clean]{background:var(--green)}.memory-outcome-bar [data-outcome=corrected]{background:var(--accent-info)}.memory-outcome-bar [data-outcome=failed]{background:var(--red)}.memory-outcome-counts{color:var(--ink-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;font-size:11px;line-height:1.5;display:flex}.memory-outcome-counts span:before{content:"";background:var(--rule);width:6px;height:6px;margin-right:5px;display:inline-block}.memory-outcome-counts [data-outcome=clean]:before{background:var(--green)}.memory-outcome-counts [data-outcome=corrected]:before{background:var(--accent-info)}.memory-outcome-counts [data-outcome=failed]:before{background:var(--red)}.memory-breakdown-row{border-bottom:1px solid var(--rule);grid-template-columns:180px minmax(0,1fr);align-items:start;gap:24px;padding:14px 0;display:grid}.memory-breakdown-label{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.memory-breakdown-label strong{font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.memory-effort{grid-template-columns:minmax(0,1fr) auto;column-gap:24px;font-size:13px;display:grid}.memory-effort dt,.memory-effort dd{border-bottom:1px solid var(--rule);margin:0;padding:10px 0}.memory-effort dt{color:var(--ink-secondary)}.memory-effort dd{text-align:right;font-variant-numeric:tabular-nums}.stats-content :-webkit-any(a,button,select,summary)[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}.stats-content :is(a,button,select,summary)[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:3px}.stats-content :-webkit-any(h2,h3,h4){font-family:var(--font-display)}.stats-content :is(h2,h3,h4){font-family:var(--font-display)}.stats-content h3{font-size:16px;font-weight:var(--weight-semibold);margin:0 0 12px;line-height:1.4}.stats-content p{line-height:1.55}.stats-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}.stats-content select{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-width:0;max-width:100%;min-height:44px;color:var(--ink);font:inherit;font-size:max(13px, var(--field-text-floor));padding:8px 28px 8px 12px}.stats-text-select{border-radius:var(--radius-control);min-width:0;min-height:44px;color:var(--ink-secondary);font-size:14px;font-weight:var(--weight-medium);white-space:nowrap;flex:0 auto;align-items:center;display:inline-flex;position:relative}.stats-text-select-value{align-items:center;gap:5px;min-width:0;display:inline-flex}.stats-text-select-value>span{text-overflow:ellipsis;overflow:hidden}.stats-text-select-value>svg{flex:none}.stats-text-select select{opacity:0;width:100%;min-height:0;font-size:max(14px, var(--field-text-floor));cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.stats-text-select:has(select[data-focus-visible]:where(:focus)){outline:2px solid var(--focus);outline-offset:2px}.stats-period{flex:none;margin-left:auto}.stats-piece-filter{color:var(--ink);margin-left:auto}.stats-piece-filter+.stats-period{margin-left:8px}.stats-back{min-height:44px;color:var(--ink-secondary);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.stats-back>span{font-size:20px}.stats-topic-title{font-size:30px;line-height:1.2;font-weight:var(--weight-display);overflow-wrap:anywhere;margin:0 0 24px}.stats-topic-title:focus,.stats-content:focus{outline:none}.stats-eyebrow{font-size:13px;font-weight:var(--weight-medium);color:var(--ink-secondary);margin:0 0 8px}.stats-recap-main{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:44px;display:grid}.stats-recap-recall h2{font-size:26px;line-height:1.25;font-weight:var(--weight-display);margin:0 0 24px}.stats-recall-value{font-size:82px;font-weight:var(--weight-display);font-variant-numeric:tabular-nums;line-height:1;display:block}.stats-recall-summary>p{max-width:380px;color:var(--ink-secondary);margin:12px 0 20px;font-size:14px}.stats-recall-summary>.memory-outcome-counts{margin:10px 0 0;font-size:11px}.stats-text-link{min-height:44px;color:var(--ink);align-items:center;gap:8px;font-size:12px;text-decoration:none;display:inline-flex}.stats-content a>svg,.stats-piece-heading>svg{flex:0 0 16px;width:16px;height:16px}.stats-recall-link{font-weight:var(--weight-medium);margin-top:8px}.stats-section-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.stats-section-heading h3{margin:0;font-size:13px}.stats-section-heading .stats-text-link{white-space:nowrap}.stats-week{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.stats-week button{border-radius:var(--radius-compact);min-width:0;color:var(--ink-secondary);font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:9px;padding:10px 0;font-size:11px;display:grid}.stats-week button[aria-pressed=true]{background:var(--paper-warm);color:var(--ink)}.stats-week-detail{min-height:18px;color:var(--ink-secondary);margin:6px 0 0;font-size:11px}.stats-explore-links{border-top:1px solid var(--rule);margin-top:26px}.stats-drill-link{border-bottom:1px solid var(--rule);min-height:74px;color:var(--ink);justify-content:space-between;align-items:center;gap:18px;padding:14px 0;text-decoration:none;display:flex}.stats-drill-link>span{gap:6px;min-width:0;display:grid}.stats-drill-link strong{font-size:15px;font-weight:var(--weight-semibold)}.stats-drill-link small{color:var(--ink-secondary);font-size:12px;line-height:1.5}.stats-explanation{color:var(--ink-secondary);font-size:12px;line-height:1.6}.stats-no-history{padding:4px 0 8px}.stats-no-history>p{font-size:13px}.stats-topic-tabs{border-bottom:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px;display:grid}.stats-topic-tabs a{min-height:48px;color:var(--ink-secondary);text-align:center;overflow-wrap:anywhere;border-bottom:2px solid #0000;justify-content:center;align-items:center;margin-bottom:-1px;padding:8px 4px;font-size:12px;text-decoration:none;display:flex}.stats-topic-tabs a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink);font-weight:var(--weight-semibold)}.stats-lead{color:var(--ink-secondary);font-size:14px}.stats-detail-value{font-size:48px;line-height:1.1;font-weight:var(--weight-display);font-variant-numeric:tabular-nums;display:block}.memory-report-section{border-bottom:1px solid var(--rule);padding:26px 0}.memory-report-section p{font-size:13px}.memory-report-section .stats-explanation{font-size:12px}.stats-content details{margin-top:16px}.stats-content summary{cursor:pointer;min-height:44px;font-size:13px;font-weight:var(--weight-medium);padding:12px 0}.stats-content details>p{color:var(--ink-secondary);font-size:12px}.stats-recap-pieces{border-top:1px solid var(--rule);margin-top:32px;padding-top:24px}.stats-recap-pieces>h3{margin-bottom:16px}.stats-repertoire-summary>strong{font-size:24px;font-weight:var(--weight-display)}.stats-repertoire-summary>p{color:var(--ink-secondary);font-size:13px}.stats-piece-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.stats-piece-card{border:1px solid var(--rule);border-radius:var(--radius-panel);color:var(--ink);background:var(--panel);padding:22px;text-decoration:none;display:block}.stats-piece-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.stats-piece-heading>div{min-width:0}.stats-piece-heading h4{font-size:17px;font-weight:var(--weight-semibold);overflow-wrap:anywhere;margin:0}.stats-piece-heading p{color:var(--ink-secondary);margin:6px 0 0;font-size:12px}.stats-piece-memory{margin:12px 0 0;font-size:12px}.stats-piece-period{color:var(--ink-secondary);margin:12px 0 0;font-size:11px}.stats-piece-current{border-block:1px solid var(--rule);margin:24px 0;padding:24px 0}.stats-piece-memory-headline{font-weight:var(--weight-medium);margin:16px 0;font-size:20px;display:block}.stats-piece-composer{color:var(--ink-secondary);margin-top:-12px;font-size:14px}.stats-piece-recall{padding-top:4px}.stats-piece-recall .stats-recall-value{font-size:56px}.stats-load-state{color:var(--ink-secondary);padding:32px 0;font-size:14px}.stats-load-state button{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;padding:8px 16px}.stats-all-activity .activity-panel{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;margin:0 0 12px;padding:0}@media (hover:hover) and (pointer:fine){.stats-drill-link:hover,.stats-back:hover,.stats-text-link:hover{color:var(--accent-info)}.stats-piece-card:hover{border-color:var(--hairline)}.stats-week button:hover{background:var(--paper-warm)}}@media (max-width:760px){.stats-recap-main{grid-template-columns:1fr;gap:24px}.stats-recent-practice{border-top:1px solid var(--rule);padding-top:20px}.stats-piece-list{grid-template-columns:1fr}.memory-breakdown-row{grid-template-columns:1fr;gap:8px}}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse),(hover:none) and (pointer:coarse) and (min-width:961px),(hover:none) and (pointer:coarse) and (min-width:541px) and (max-aspect-ratio:16/9){.stats-content[data-stats-view]:not([data-stats-view=recap]) .stats-back{display:none}.stats-piece-filter{margin-left:0}.stats-piece-filter+.stats-period{margin-left:auto}.stats-toolbar{margin-bottom:22px}.stats-recap-recall h2{margin-bottom:22px;font-size:25px}.stats-recall-value{font-size:76px}.stats-recall-summary>p{font-size:13px}.stats-recap-main{gap:18px}.stats-explore-links{margin-top:22px}.stats-recap-pieces{margin-top:24px;padding-top:20px}.stats-topic-title{font-size:27px}.stats-piece-card{padding:20px}}.destination-topbar .stats-period{margin-right:8px}.practice-day-bar{border-radius:var(--radius-compact);align-items:end;width:18px;height:52px;display:flex;overflow:hidden}.practice-day-bar>span{width:100%;height:var(--practice-height);background:var(--ink);border-radius:var(--radius-compact);min-height:0}.practice-day-bar>span[data-active=false]{background:var(--rule);height:3px}.practice-day-bar>span[data-future]{visibility:hidden}.nav-today{color:var(--ink-secondary);font-family:var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:0;align-items:baseline;gap:4px;display:inline-flex}.nav-today-value,.nav-today-unit{font-size:12.5px;font-weight:var(--weight-medium)}.nav-activity-root{align-items:center;display:flex;position:relative}.nav-activity-trigger{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);cursor:pointer;height:30px;min-height:0;transition:background var(--duration-control) ease;align-items:center;gap:8px;padding:0 11px;display:inline-flex}@media (hover:hover) and (pointer:fine){.nav-activity-trigger:hover{background:color-mix(in srgb, var(--ink) 5%, var(--panel))}}.nav-activity-trigger[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.nav-streak-flame{background:var(--muted);width:14px;height:14px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.nav-week{gap:2px;display:inline-flex}.nav-week i{background:var(--rule);border-radius:2px;width:6px;height:6px}.nav-week i[data-level="1"]{background:color-mix(in srgb, var(--green) 24%, var(--panel))}.nav-week i[data-level="2"]{background:color-mix(in srgb, var(--green) 48%, var(--panel))}.nav-week i[data-level="3"]{background:color-mix(in srgb, var(--green) 74%, var(--panel))}.nav-week i[data-level="4"]{background:var(--green)}.navbar-menu-positioner{z-index:120}.nav-activity-popover{width:max-content;max-width:min(360px, calc(100vw - var(--safe-l) - var(--safe-r) - 24px));border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--paper);box-shadow:0 18px 50px color-mix(in srgb, var(--ink) 14%, transparent), 0 4px 16px color-mix(in srgb, var(--ink) 8%, transparent)}.nav-activity-popover[hidden]{display:none}.nav-activity-popover:focus{outline:none}.nav-activity-popover .activity-panel{border-radius:var(--radius-control);box-shadow:none;border:none;margin:0;padding:14px 16px 12px}.account-menu-icon{background:var(--muted);width:18px;height:18px;-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--icon-url);-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.account-menu-icon--settings{--icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E")}.account-menu-icon--recordings{--icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h18M3 19h18'/%3E%3Cpath d='M5 14h3v2H5zM10 9h3v5h-3zM15 6h3v6h-3z' fill='black' stroke='none'/%3E%3C/svg%3E")}.account-menu-icon--brief{--icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12a2 2 0 0 1 2 2v16H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E")}.account-menu-icon--feedback{--icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H9l-5 3 1.2-3.8A4 4 0 0 1 3 15V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v8Z'/%3E%3Cpath d='M8 11h.01M12 11h.01M16 11h.01'/%3E%3C/svg%3E")}.account-menu-icon--logout{--icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E")}.account-menu-root{align-items:center;display:flex;position:relative}.account-menu-trigger{border:1px solid color-mix(in srgb, var(--ink) 27%, transparent);width:32px;height:32px;min-height:0;color:var(--ink);cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-display);transition:background var(--duration-control) ease, border-color var(--duration-control) ease;background:0 0;border-radius:50%;place-items:center;padding:0;line-height:1;text-decoration:none;display:inline-grid;position:relative}.account-menu-monogram{display:block;transform:translateY(-.25px)}.account-menu-attention{border:3px solid var(--panel);background:var(--account-attention);width:16px;height:16px;box-shadow:0 0 0 1px color-mix(in srgb, var(--account-attention) 30%, transparent);pointer-events:none;border-radius:50%;position:absolute;top:-5px;right:-5px}.account-menu-trigger--row{border-color:#0000;border-radius:999px;align-items:center;gap:9px;width:auto;min-width:0;max-width:100%;height:auto;padding:4px 12px 4px 4px;display:inline-flex}.account-menu-monogram-chip{border:1px solid color-mix(in srgb, var(--ink) 27%, transparent);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:12px;display:inline-grid}.account-menu-trigger-email{min-width:0;color:var(--ink-secondary);font-family:var(--font-body);font-size:12.5px;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.account-menu-trigger:before{content:"";position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}@media (hover:hover) and (pointer:fine){.account-menu-trigger:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}}.account-menu-trigger[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.account-menu{border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--paper);min-width:220px;box-shadow:0 18px 50px color-mix(in srgb, var(--ink) 14%, transparent), 0 4px 16px color-mix(in srgb, var(--ink) 8%, transparent);padding:7px}.account-menu[hidden]{display:none}.account-menu-email{max-width:260px;color:var(--muted);cursor:default;font-family:var(--font-body);font-size:12.5px;font-weight:var(--weight-medium);overflow-wrap:anywhere;padding:7px 9px 8px}.account-menu-divider{background:var(--line);height:1px;margin:4px 2px}.account-menu-item{border-radius:var(--radius-compact);width:100%;min-height:34px;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:var(--weight-semibold);text-align:left;transition:background var(--duration-quick) ease, color var(--duration-quick) ease;background:0 0;border:0;align-items:center;gap:9px;padding:0 9px;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.account-menu-item:not(:disabled):not([data-disabled]):hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.account-menu-item:not(:disabled):not([data-disabled]):hover .account-menu-icon{background:var(--ink)}.account-menu-item--logout:not(:disabled):not([data-disabled]):hover{background:color-mix(in srgb, var(--red-deep) 8%, transparent);color:var(--red-deep)}.account-menu-item--logout:not(:disabled):not([data-disabled]):hover .account-menu-icon{background:var(--red-deep)}}.account-menu-item[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:1px}.account-menu-item:disabled,.account-menu-item[data-disabled]{cursor:default;opacity:.55}@media (prefers-reduced-motion:reduce){.nav-activity-trigger,.account-menu-trigger,.account-menu-item{transition:none}}@media (max-width:640px){.nav-today{display:none}}.destination-page-header{z-index:40;min-height:calc(54px + var(--safe-t));padding:var(--safe-t) calc(18px + var(--safe-r)) 0 calc(18px + var(--safe-l));border-bottom:1px solid var(--rule);background:var(--panel);align-items:center;gap:14px;display:flex;position:sticky;top:0}.destination-page-header>.account-menu-root{margin-left:auto}.destination-page-back{border-radius:var(--radius-compact);width:28px;height:28px;color:var(--ink-tertiary);flex:none;place-items:center;text-decoration:none;display:grid}@media (hover:hover) and (pointer:fine){.destination-page-back:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}}.destination-page-back[data-focus-visible]:where(:focus){border-radius:var(--radius-compact);outline:2px solid var(--focus);outline-offset:3px}.destination-page-title{color:var(--ink);font-size:14px;font-weight:var(--weight-semibold);margin:0}.instrument-language-picker{top:calc(12px + var(--safe-t));right:calc(20px + var(--safe-r));z-index:2;border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--panel);min-height:44px;color:var(--ink);font-family:var(--font-body);font-size:.8125rem;font-weight:var(--weight-semibold);cursor:pointer;align-items:center;gap:8px;padding:8px 14px;display:inline-flex;position:absolute}.submission-dialog-panel.instrument-language-dialog{flex-direction:column;width:min(380px,100%);max-height:min(640px,100%);padding:20px;display:flex;overflow:hidden}.instrument-language-dialog__top{flex:none;padding-bottom:12px}.instrument-language-dialog__search{border:1px solid var(--rule);border-radius:var(--radius-control);background:var(--panel);width:100%;min-height:44px;color:var(--ink);font-family:var(--font-body);padding:10px 12px;font-size:1rem}.instrument-language-dialog__search::placeholder{color:var(--ink-secondary)}.instrument-language-dialog__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.instrument-language-dialog__header h2{font-family:var(--font-body);font-size:1.125rem;font-weight:var(--weight-semibold);margin:0}.instrument-language-dialog__close{border-radius:var(--radius-control);width:44px;height:44px;color:var(--ink-secondary);cursor:pointer;background:0 0;border:0;place-items:center;font-size:1.5rem;display:grid}.instrument-language-dialog__options{overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;gap:6px;min-height:0;margin:-3px;padding:3px;display:grid;overflow-y:auto}.instrument-language-dialog__option{border-radius:var(--radius-control);min-height:56px;color:var(--ink);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:10px 12px;font-size:1rem;display:flex}.instrument-language-dialog__option[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--panel)}.instrument-language-dialog__copy{gap:3px;display:grid}.instrument-language-dialog__copy small{color:var(--ink-secondary);font-size:.75rem}.instrument-language-dialog__option[aria-pressed=true] small{color:inherit}.instrument-language-dialog__empty{color:var(--ink-secondary);margin:16px 12px;font-size:.875rem}.instrument-language-dialog__error{color:var(--red-deep);flex:none;font-size:.875rem;line-height:1.5}.instrument-language-picker[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.instrument-language-dialog button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.instrument-language-dialog__search[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.instrument-language-picker:disabled,.instrument-language-dialog button:disabled{cursor:default;opacity:.58}@media (hover:hover) and (pointer:fine){.instrument-language-picker:hover:not(:disabled),.instrument-language-dialog__close:hover:not(:disabled),.instrument-language-dialog__option:hover:not(:disabled):not([aria-pressed=true]){background:var(--paper)}}.piano-connection-summary{padding:calc(88px + var(--safe-t)) calc(24px + var(--safe-r)) 32px calc(24px + var(--safe-l));flex:1;justify-content:center;align-items:center;display:flex}.piano-connection-summary-content{text-align:center;flex-direction:column;align-items:center;gap:24px;width:min(100%,440px);display:flex}.piano-connection-summary h1{font-size:clamp(1.9rem,3.4vw,2.375rem);font-weight:var(--weight-display);letter-spacing:-.022em;margin:0}.piano-connection-device{max-width:100%;font-size:1.25rem;font-weight:var(--weight-medium);overflow-wrap:anywhere;margin:0}.piano-connection-summary .onboarding-status{margin:0}.piano-connection-controls{border-top:1px solid var(--rule);text-align:left;width:100%}.piano-connection-controls summary{cursor:pointer;color:var(--ink-soft);padding:20px 0}.piano-connection-controls>button{margin-top:20px}.piano-connection-controls summary[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:4px}.piano-connection-navigation{padding:12px calc(24px + var(--safe-r)) calc(24px + var(--safe-b)) calc(24px + var(--safe-l));flex-wrap:wrap;justify-content:center;gap:8px 32px;display:flex}.piano-connection-navigation>*{align-items:center;min-height:44px;display:inline-flex}@media (orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.piano-connection-navigation{padding-top:0;padding-bottom:calc(4px + var(--safe-b))}}.reminder-source:not([hidden]){display:contents}.reminder-source[hidden]{display:none}.reminder-preview{text-align:center;align-self:center;width:min(100%,21rem);margin-top:clamp(2rem,8svh,5rem)}.reminder-preview-alert{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);overflow:hidden}.reminder-preview-alert strong{font-weight:var(--weight-semibold);padding:1.25rem 1.25rem 0;font-size:1rem;display:block}.reminder-preview-alert p{color:var(--ink-tertiary);padding:0 1.25rem;font-size:.85rem;line-height:1.5}.reminder-preview-choices{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;font-size:1rem;display:grid}.reminder-preview-choices button{min-height:2.75rem;color:var(--ink-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:.8rem .25rem}.reminder-preview-choices button[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:-3px}.reminder-preview-choices button:disabled{opacity:.5;cursor:wait}@media (hover:hover) and (pointer:fine){.reminder-preview-choices button:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 5%, transparent)}}.reminder-preview-choices .reminder-preview-allow{color:var(--accent-info);border-left:1px solid var(--rule);font-weight:var(--weight-semibold)}.reminder-arrow-track{height:4rem;color:var(--accent-info);margin-left:50%;padding-top:1rem}@media (prefers-reduced-motion:no-preference){.reminder-arrow{animation:1.4s ease-in-out infinite reminder-arrow-bounce}}@keyframes reminder-arrow-bounce{0%,to{transform:translateY(3px)}50%{transform:translateY(-5px)}}@media (orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.reminder-preview{margin-top:1rem}.reminder-arrow-track{display:none}}.settings-section.reminder-settings{gap:1rem}.reminder-settings .settings-row{align-items:center;min-height:4.5rem;padding:1.25rem}.reminder-settings .settings-row-title{font-size:.9375rem}.settings-section.reminder-settings .settings-secondary-button{border-radius:var(--radius-control);width:100%;min-height:2.75rem;font-weight:var(--weight-medium);padding:.75rem 1rem}.reminder-settings-notice{gap:1rem;display:grid}.reminder-settings-notice p{color:var(--ink-secondary);margin:0;font-size:.875rem;line-height:1.5}.reminder-settings-notice .auth-error{color:var(--red-deep)}.reading-question p{line-height:1.6}.reading-question__example{width:min(100%,440px);margin:28px auto 0}.reading-question__example img{width:100%;height:auto;display:block}.reading-question__example+.instrument-prompt__options{margin-top:20px}.onboarding-page:has(.discovery-question){height:auto;min-height:100vh;min-height:100dvh;overflow:visible}.discovery-question .instrument-prompt__content{flex:none;width:min(100%,440px)}.discovery-question .instrument-prompt__header{margin-top:0}.discovery-question .instrument-prompt__options{gap:8px;margin-top:24px}.discovery-question .instrument-prompt__option{min-height:48px;padding:12px 16px}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse){.discovery-question.instrument-prompt{padding-top:calc(104px + var(--safe-t));padding-bottom:calc(24px + var(--safe-b));justify-content:flex-start}}@media (orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.discovery-question.instrument-prompt{justify-content:flex-start}}.discovery-question__logout{border-radius:var(--radius-control);min-height:44px;color:var(--ink-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;align-self:center;margin-top:16px;padding:8px 16px;font-size:.875rem}@media (hover:hover) and (pointer:fine){.discovery-question__logout:hover:not(:disabled){color:var(--ink)}}.discovery-question__logout[data-focus-visible]:where(:focus){outline:2px solid var(--focus);outline-offset:2px}.discovery-question__logout:disabled{cursor:default;opacity:.58}