@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}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-italic-BHALq22K.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-italic-B8-t4Nou.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-italic-D2JnYqd-.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;--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-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;--focus:#1e66a8;--accent-info:#1e66a8;--accent-forecast:#1e66a8;--spotlight:#44618c;--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";--font-serif-latin:"Fraunces Variable";--font-serif-default:var(--font-serif-latin), "Georgia", "Times New Roman", serif;--font-serif:var(--font-serif-default);--radius-card:14px;--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;--weight-body:400;--weight-medium:500;--weight-semibold:600;--weight-display:650;--label-tracking:.08em;--ease-out-emphatic:cubic-bezier(.22, 1, .36, 1);--ease-out-gentle:cubic-bezier(.22, .61, .36, 1);--duration-immediate:80ms;--duration-fast:.12s;--duration-quick:.16s;--duration-control:.18s;--duration-standard:.2s;--duration-medium:.25s;--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-serif:var(--font-serif-latin), "Noto Sans JP Variable", "Georgia", "Times New Roman", serif;--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}.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;margin:0}#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}}#library{width:100%;display:block;position:relative}.destination-shell{width:100%;position:relative}.destination-content{background:var(--paper);min-width:0}.library-banners:empty{display:none}.library-desktop-link-card{border-bottom:1px solid var(--rule);background:var(--panel);min-height:48px;color:var(--ink);font-family:var(--font-body);flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:8px 18px;font-size:13px;line-height:1.4;display:flex}.library-desktop-link-card__copy,.library-desktop-link-card__receipt,.library-desktop-link-card__error{margin:0}.library-desktop-link-card__copy{flex:auto;min-width:0}.library-desktop-link-card__receipt{color:var(--ink-secondary)}.library-desktop-link-card__button{border-radius:var(--radius-control);background:var(--lacquer);min-height:34px;color:var(--paper);cursor:pointer;font:inherit;font-weight:var(--weight-semibold);border:0;flex:0 auto;padding:7px 10px;line-height:1.25}.library-desktop-link-card__button:disabled{cursor:default;opacity:.6}.library-desktop-link-card__button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.library-desktop-link-card__error{color:var(--red-deep);flex:1 0 100%}.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)}.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}.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)}#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: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:16px 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:9px 2px}.shelf-row-title{text-overflow:ellipsis;min-width:0;overflow:hidden}.shelf-mins{display:none}.shelf-membar{width:34px}}.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}.verify-row-action:hover{text-decoration:underline}.verify-row-action:focus-visible{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-foot .account-menu,.stand-foot .nav-activity-popover{top:auto;bottom:calc(100% + 8px)}.stand-foot .account-menu{left:0;right:auto}.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:26px 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-eyebrow{color:var(--ink-tertiary);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0 0 8px}.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-serif);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-review--condensed .stand-review-eyebrow{margin:0 0 2px}.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}.stand-hero-strip{margin-bottom:14px}.stand-hero-strip .incipit-ink{border:1px solid var(--rule);height:138px}.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-serif);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-memline .stand-membar{flex:1}.stand-membar{background:var(--rule);width:44px;height:3px;display:inline-block;position:relative}.stand-membar i{background:var(--green);position:absolute;top:0;bottom:0;left:0;right:auto}.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}.stand-hero-primary:hover:not(:disabled){filter:brightness(1.18)}.stand-hero-primary:disabled{cursor:default;opacity:.55}.stand-hero-primary:focus-visible{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}.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:focus-visible{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-rep-head{align-items:baseline;margin-bottom:6px;display:flex}.stand-rep-head .stand-eyebrow{margin-bottom:0}.stand-rep-count{color:var(--ink-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.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}.stand-row:hover{background:color-mix(in srgb, var(--ink) 5%, var(--panel))}.stand-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.stand-row[data-pending]{opacity:.6}.stand-row-title{color:var(--ink);font-family:var(--font-serif);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-untouched{color:var(--ink-tertiary);white-space:nowrap;font-size:11.5px}.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:hover .stand-row-actions,.stand-row:focus-within .stand-row-actions{opacity:1}.stand-row:hover .stand-row-right,.stand-row:focus-within .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}.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:focus-visible{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-serif);font-size:25px;font-weight:var(--weight-medium);margin:2px 0 10px;line-height:1.2}.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-serif);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-serif);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-sub .stand-membar{flex:1;max-width:220px}.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-serif);font-weight:var(--weight-medium)}.stand-chip-count{color:var(--ink-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.stand-chip:hover .stand-chip-title{text-underline-offset:3px;text-decoration:underline}.stand-chip:focus-visible{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-serif);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}.stand-slim-resume:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 5%, var(--panel));color:var(--ink)}.stand-slim-resume:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shelf{flex-direction:column;min-height:0;display:flex;position:relative}.shelf-head{border-bottom:1px solid var(--rule);background:var(--panel);align-items:center;gap:18px;padding:14px 28px;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}.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:focus-visible{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)}.shelf-sort:hover{background:color-mix(in srgb, var(--ink) 5%, var(--panel))}.shelf-sort:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shelf-list{flex:1;min-height:0;padding:6px 28px 40px;overflow-y:auto}.shelf-group{align-items:baseline;gap:10px;margin:22px 0 2px;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{border-bottom:1px solid var(--rule);cursor:pointer;transition:background var(--duration-control) ease;align-items:center;gap:12px;padding:8px;display:flex;position:relative}.shelf-row:hover,.shelf-row:focus-within{background:color-mix(in srgb, var(--ink) 3%, transparent)}.shelf-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.shelf-row[data-pending]{opacity:.6}.shelf-row-title{color:var(--ink);font-family:var(--font-serif);font-size:16px;font-weight:var(--weight-medium);white-space:nowrap}.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-membar{background:var(--rule);width:44px;height:3px;display:inline-block;position:relative}.shelf-membar i{background:var(--green);position:absolute;top:0;bottom:0;left:0;right:auto}.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}.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:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shelf-list[data-docked]{padding-bottom:96px}.audition-dock{border-top:1px solid var(--rule);background:var(--panel);align-items:center;gap:14px;height:64px;padding:0 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.dock-playpause{border-radius:var(--radius-pill);background:var(--ink);width:34px;height:34px;color:var(--panel);cursor:pointer;border:none;flex:none;place-items:center;padding:0;display:grid}.dock-playpause:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dock-who{max-width:280px;overflow:hidden}.dock-title,.dock-composer{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dock-title{color:var(--ink);font-family:var(--font-serif);font-size:14px;font-weight:var(--weight-medium)}.dock-composer{color:var(--ink-tertiary);font-size:11.5px}.dock-scrub{flex:1;align-items:center;gap:10px;min-width:170px;max-width:340px;display:flex}.dock-track{background:var(--rule);cursor:pointer;border:none;border-radius:2px;flex:1;height:3px;padding:0;position:relative}.dock-track:after{content:"";position:absolute;top:-8px;bottom:-8px;left:0;right:0}.dock-track i{background:var(--ink);border-radius:2px;position:absolute;top:0;bottom:0;left:0;right:auto}.dock-track b{border-radius:var(--radius-pill);background:var(--ink);width:9px;height:9px;position:absolute;top:50%;transform:translate(-4px,-50%)}.dock-track:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.dock-time{color:var(--ink-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.dock-actions{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.dock-action{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);height:30px;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:12.5px;font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--duration-control) ease;padding:0 12px}.dock-action:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 5%, var(--panel))}.dock-action:disabled{cursor:default;opacity:.55}.dock-action:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dock-next{border-radius:var(--radius-panel);height:30px;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;align-items:center;gap:5px;padding:0 8px;font-size:12.5px;display:inline-flex}.dock-next:hover{background:color-mix(in srgb, var(--ink) 5%, var(--panel));color:var(--ink)}.dock-next:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dock-close{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);width:32px;height:32px;color:var(--ink-tertiary);cursor:pointer;transition:background var(--duration-control) ease, color var(--duration-control) ease;place-items:center;padding:0;font-size:15px;display:grid}.dock-close:hover{background:color-mix(in srgb, var(--ink) 5%, var(--panel));color:var(--ink)}.dock-close:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.shelf-row,.shelf-action,.level-chip,.shelf-sort,.dock-action,.dock-next,.dock-close{transition: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}.review-status-action:hover{border-color:var(--ink-tertiary);color:var(--ink)}.review-status-action:focus-visible{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}.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:hover{border-color:var(--rule);background:var(--panel);color:var(--ink)}.piece-overflow-trigger:focus-visible{border-color:var(--rule);background:var(--panel);color:var(--ink)}.piece-overflow-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.piece-overflow-item:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.piece-overflow-menu{z-index:32;width:max-content;min-width:156px;padding:5px;display:grid;position:absolute;top:calc(100% + 4px);right:0}.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}.piece-overflow-item: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-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}.shelf-row,.stand-row{transform:translateX(var(--membership-swipe-x,0));touch-action:pan-y;transition:background var(--duration-control) ease, transform var(--duration-fast) var(--ease-out-gentle)}.shelf-row:focus-within,.stand-row:focus-within{z-index:31}.piece-sheet{width:min(620px,100%);transform:translateY(var(--piece-sheet-drag-y,0));transition:transform var(--duration-panel) var(--ease-out-gentle);padding:12px 24px 24px}.piece-sheet-grab{display:none}.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:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.piece-sheet button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.piece-sheet a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.piece-sheet-incipit-wrap{clear:both;justify-content:flex-end;align-items:flex-end;min-height:34px;margin:4px 0 20px;display:flex;position:relative}.piece-sheet-incipit{border:1px solid var(--rule);background:var(--paper);width:100%}.piece-sheet-incipit .incipit-ink{height:170px}.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:34px;color:var(--ink);cursor:pointer;font:inherit;padding:0 12px;font-size:12px;position:relative}.piece-sheet-incipit-wrap:has(.piece-sheet-incipit) .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{border-block:1px solid var(--rule);flex-wrap:wrap;gap:16px 28px;margin:22px 0;padding:14px 0;display:flex}.piece-sheet-facts div{gap:4px;display:grid}.piece-sheet-facts dt{color:var(--ink-tertiary);font-size:10px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase}.piece-sheet-facts dd{color:var(--ink-secondary);margin:0;font-size:12.5px}.piece-sheet-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.piece-sheet-primary,.piece-sheet-stand,.piece-sheet-review{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-stand,.piece-sheet-actions>.review-status-action-wrap{grid-column:1/-1}.piece-sheet-stand,.piece-sheet-review{border-color:var(--rule);color:var(--ink);background:0 0}.piece-sheet-actions>.review-status-action-wrap{align-items:stretch}.piece-sheet button:disabled{cursor:default;opacity:.55}.piece-sheet-error{color:var(--red-deep);margin:9px 0 0;font-size:12px}.piece-sheet-links{flex-wrap:wrap;gap:8px 18px;margin-top:18px;display:flex}.piece-sheet-links a{color:var(--ink-secondary);text-underline-offset:3px;font-size:12px}@media (max-width:640px),(orientation:landscape) and (max-height:560px) 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));border-radius:var(--radius-panel) var(--radius-panel) 0 0;border-bottom:0;border-left:0;border-right:0}.piece-sheet-grab{cursor:grab;touch-action:none;width:42px;height:20px;margin:0 auto 2px;display:block}.piece-sheet-grab:after{content:"";border-radius:var(--radius-pill);background:var(--hairline);width:34px;height:4px;margin:7px auto 0;display:block}.piece-sheet-close{display:none}.piece-sheet-header{padding-right:0}.piece-sheet-incipit .incipit-ink{height:128px}}@media (prefers-reduced-motion:reduce){.piece-sheet,.shelf-row,.stand-row{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-serif);font-variation-settings:"opsz" 90, "SOFT" 0, "WONK" 0;font-size:19px;font-weight:var(--weight-body);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}.shelf-empty-action:hover{text-decoration:underline}.shelf-empty-action:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shelf-request-trigger{border:none;border-bottom:1px solid var(--rule);cursor:pointer;text-align:left;width:100%;transition:background var(--duration-control) ease;background:0 0;align-items:center;gap:12px;padding:8px;display:flex}.shelf-request-trigger:hover{background:color-mix(in srgb, var(--ink) 3%, transparent)}.shelf-request-trigger:focus-visible{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}.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-serif);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{border-bottom:1px solid var(--rule);align-items:center;gap:12px;width:100%;padding:8px;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}.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:focus-visible{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}.piece-request-submit:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.piece-request-submit:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.piece-request-secondary:focus-visible{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}.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 (pointer:coarse){.piece-request-form,.piece-request-receipt{padding:19px}.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}}@media (prefers-reduced-motion:reduce){.filter-search-input,.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){.destination-shell{background:var(--paper);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.destination-content{overscroll-behavior-y:contain;flex:1;min-height:0;overflow-y:auto}.destination-content>.verify-row{margin:10px 14px 0}.destination-topbar{height:calc(52px + var(--safe-t));padding:var(--safe-t) calc(12px + var(--safe-r)) 0 calc(16px + var(--safe-l));border-bottom:1px solid var(--rule);background:var(--panel);flex:none;align-items:center;gap:8px;display:flex}.destination-topbar--find{padding:var(--safe-t) calc(14px + var(--safe-r)) 0 calc(14px + var(--safe-l));gap:12px}.destination-topbar--find .filter-search-wrap{flex:1;max-width:none}.destination-topbar-title{color:var(--ink);font-family:var(--font-body);font-size:17px;font-weight:var(--weight-semibold);letter-spacing:-.01em;margin:0}.destination-topbar-find{border-radius:var(--radius-control);width:40px;height:40px;color:var(--ink-secondary);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.destination-topbar-find:hover{background:color-mix(in srgb, var(--ink) 5%, transparent);color:var(--ink)}.destination-topbar-find:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.destination-topbar-grow{flex:1}.destination-topbar-cancel{color:var(--accent-info);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;flex:none;padding:8px 2px;font-size:13.5px}.destination-topbar-cancel:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.destination-tabbar{z-index:7;min-height:calc(56px + var(--safe-b));padding:0 var(--safe-r) var(--safe-b) var(--safe-l);border-top:1px solid var(--rule);background:var(--panel);flex:none;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.destination-tab{border-radius:var(--radius-compact);min-width:0;color:var(--ink-tertiary);font-family:var(--font-body);font-size:10.5px;font-weight:var(--weight-medium);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.destination-tab:before{content:"";background:0 0;height:2px;position:absolute;top:-1px;left:18%;right:18%}.destination-tab[aria-current=page]{color:var(--ink);font-weight:var(--weight-semibold)}.destination-tab[aria-current=page]:before{background:var(--ink)}.destination-tab:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.destination-tab-icon{place-items:center;display:grid}.library-room{flex-direction:column;display:flex;overflow-y:auto}.library-room>.stand{background:var(--paper);border-bottom:none;width:100%}#library[data-destination=stand] .stand-body>.stand-eyebrow{display:none}#library[data-destination=stand] .stand-body{padding:20px 18px 28px}#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)}.library-room>.verify-row{margin:10px 14px 0}.shelf-head[data-phone-tools]{flex-wrap:nowrap;gap:8px;padding:10px 14px}.shelf-head[data-phone-tools] .shelf-level-chips{flex:1;gap:5px;min-width:0}.shelf-head[data-phone-tools] .level-chip{text-overflow:ellipsis;flex:0 auto;min-width:0;padding:0 9px;overflow:hidden}.shelf-sort[data-icon-only]{width:30px;height:26px;color:var(--ink-secondary);flex:none;place-items:center;margin-left:0;padding:0;display:grid}.shelf-list{padding:2px 14px 30px}.shelf-group{z-index:4;background:var(--paper);margin:0;padding:14px 0 3px;position:sticky;top:0}.shelf-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title right""composer right";gap:1px 10px;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{grid-template-columns:28px minmax(0,1fr);grid-template-areas:"plus title""plus promise";gap:1px 10px;padding:8px 0;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}.audition-dock{z-index:6;right:0;bottom:calc(56px + var(--safe-b));height:auto;min-height:56px;padding:8px calc(14px + var(--safe-r)) 8px calc(14px + var(--safe-l));flex-wrap:wrap;position:fixed;left:0}.dock-who{flex:1;min-width:0;max-width:none}.dock-scrub{flex:100%;order:4;min-width:0;max-width:none}.dock-actions .dock-action{display:none}.shelf-list[data-docked]{padding-bottom:130px}}@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-strip{grid-area:1/1/span 6;margin:0}#library[data-destination=stand] .stand-hero>:not(.stand-hero-strip){grid-column:2}}.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:52px 36px 72px}.stats-intro{max-width:640px}.stats-eyebrow{color:var(--ink-tertiary);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0 0 10px}.stats-intro h1{font-family:var(--font-body);font-size:clamp(32px,5vw,52px);font-weight:var(--weight-semibold);letter-spacing:-.035em;margin:0;line-height:1}.stats-intro>p:last-child{color:var(--ink-secondary);margin:14px 0 0;font-size:14px;line-height:1.5}.stats-facts{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;display:grid}.stats-facts article{min-width:0;padding:20px;display:grid}.stats-facts article+article{border-left:1px solid var(--rule)}.stats-facts span{color:var(--ink-tertiary);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase}.stats-facts strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:34px;font-weight:var(--weight-semibold);letter-spacing:-.03em;margin-top:12px;line-height:1}.stats-facts .stats-mode{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.stats-facts small{color:var(--ink-secondary);margin-top:8px;font-size:12px}.stats-content>.activity-panel{border-color:var(--rule);background:var(--panel);box-shadow:none;border-radius:0;margin:34px 0 0}.stats-loading{border-top:1px solid var(--rule);color:var(--ink-secondary);margin:34px 0 0;padding:24px 0;font-size:13px}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.stats-content{padding:28px 16px 40px}.stats-intro h1{font-size:34px}.stats-intro>p:last-child{margin-top:10px}.stats-facts{margin-top:28px}.stats-facts article{padding:16px 10px}.stats-facts strong{font-size:28px}.stats-facts .stats-mode{font-size:14px}.stats-facts small{font-size:10.5px}.stats-content>.activity-panel{border-left:0;border-right:0;margin-top:28px;padding:16px 0}}@keyframes play-from-hint-in{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()}}#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);opacity:.34;position:fixed;top:0;bottom:0;left:0;right: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}.clef-trouble-spot-marker:hover .clef-trouble-spot-dot{filter:brightness(.86)}.clef-trouble-spot-marker:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--radius-compact)}#score{background:var(--paper);width:100%;height:100%;position:relative}body[data-layout=paged] #score,#score[data-layout=paged]{background:var(--panel);border:1px solid var(--rule);box-shadow:var(--shadow-hairline);border-radius:2px}#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{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] #score svg{filter:saturate(.82);opacity:.72}.clef-pick-hit{fill:#0000;stroke:#0000;cursor:pointer;pointer-events:all;transition:fill var(--duration-fast) ease, stroke var(--duration-fast) ease}.clef-pick-hit:hover{fill:color-mix(in srgb, var(--spotlight) 18%, transparent);stroke:color-mix(in srgb, var(--spotlight) 58%, transparent);stroke-width:1.5px}.play-from-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}.practice-shell[data-immersive=true] .play-from-hint{margin-top:var(--practice-navbar-stack-height)}.play-from-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-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-surface{mix-blend-mode:multiply}.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-ornament-inset{pointer-events:none}.clef-ornament-card{fill:color-mix(in srgb, var(--paper-score-overlay) 94%, transparent);stroke:color-mix(in srgb, var(--ink) 22%, transparent);stroke-width:8px;filter:drop-shadow(0 12px 16px color-mix(in srgb, var(--ink) 14%, transparent))}.clef-ornament-staff-line{fill:none;stroke:color-mix(in srgb, var(--ink) 42%, transparent);stroke-width:5px;stroke-linecap:round}.clef-ornament-step{color:var(--ink);fill:var(--ink);stroke:var(--ink)}.clef-ornament-ghost{opacity:.34}.clef-ornament-ghost+.clef-ornament-ghost{opacity:.26}.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{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%;will-change:transform, opacity;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,[data-clef-cursor-outline]{border:2px solid var(--accent-info);background:0 0;border-radius:3px}.clef-cursor-pillar>rect{fill:var(--spotlight);fill-opacity:.2;rx:5px}.clef-demo-playhead>rect,[data-clef-cursor-outline]>rect{fill:none;stroke:var(--accent-info);stroke-width:2px;vector-effect:non-scaling-stroke;rx:3px}@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);border-radius:var(--clef-target-glass-radius,var(--radius-panel));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;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]{border-color:color-mix(in srgb, var(--spotlight) 22%, transparent);box-shadow:0 8px 20px -16px color-mix(in srgb, var(--spotlight) 24%, transparent)}.clef-target-glass[data-clef-target-glass-phase=clear] .clef-target-glass-frost{opacity:0}.clef-target-glass[data-clef-target-glass-phase=clear] .clef-target-glass-glint{animation:clef-target-glass-glint .56s var(--ease-out-gentle) both}@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-phase=clear] .clef-target-glass-glint{animation:none}}.clef-lead-in-tint{opacity:.45}.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{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,.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-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}@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,.clef-cursor-pillar,.clef-demo-playhead,.clef-note-bloom-glow,.clef-note-bloom-press,.clef-pick-hit,.clef-ottava-ghost,.clef-ottava-arrival,.clef-ottava-glyph-bloom,.clef-ottava-tint{transition:none;animation: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;--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{--progress-row-height:40px;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)}.practice-shell--memorization .stage{--stage-reserve-top:calc(var(--stage-padding) + 76px);scroll-padding-top:var(--stage-reserve-top)}.practice-demo-indicator{--plaque-border:var(--rule);--plaque-background:var(--panel);--plaque-radius:var(--radius-compact);--plaque-shadow:var(--shadow-hairline);z-index:26;border:1px solid var(--plaque-border);border-radius:var(--plaque-radius);background:var(--plaque-background);max-width:calc(100% - 24px);box-shadow:var(--plaque-shadow);color:var(--ink-soft);pointer-events:auto;grid-area:3/1;place-self:end center;align-items:center;gap:9px;margin:0 12px 14px;padding:7px 8px 7px 10px;display:flex}.practice-demo-indicator-rail{border:2px solid var(--accent-info);border-left-color:#0000;border-right-color:#0000;border-radius:3px;width:18px;height:18px}.practice-demo-indicator-status{min-width:0;font-size:13px;font-weight:var(--weight-semibold);line-height:1.2}.practice-demo-stop{border:1px solid var(--rule);border-radius:var(--radius-compact);min-height:28px;color:var(--ink);font:inherit;font-size:12px;font-weight:var(--weight-semibold);cursor:pointer;background:0 0;padding:0 10px}.practice-demo-stop:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.practice-demo-stop:disabled{cursor:default;opacity:.58}.practice-demo-key{border:1px solid var(--rule);background:var(--paper);min-width:20px;color:var(--ink-soft);font-family:var(--font-body);text-align:center;border-radius:3px;padding:1px 5px;font-size:11px}.practice-shell[data-immersive=true].practice-shell--memorization .stage{--stage-reserve-top:calc(var(--stage-padding) + var(--practice-navbar-stack-height) + 64px + (var(--progress-row-height) - 1px) + 12px);scroll-padding-top:var(--stage-reserve-top)}.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(0,1fr) minmax(0,auto) minmax(0,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)}body[data-chrome=hidden] .practice-shell[data-immersive=true] .practice-navbar:has(.practice-mode-toast){opacity:1;pointer-events:auto;transform:translateY(0)}body[data-chrome=hidden] .practice-shell[data-immersive=true] .stage{cursor:none}.practice-navbar-left,.practice-navbar-right{align-items:center;gap:16px;min-width:0;display:flex}.practice-navbar-left{justify-self:start}.practice-navbar-right{justify-self:end}.practice-navbar-group{align-items:center;gap:8px;display:flex}.practice-back{border-radius:var(--radius-panel);width:34px;min-height:34px;color:var(--ink-secondary);cursor:pointer;transition:color var(--duration-control) ease, background var(--duration-control) ease;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.practice-back:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.practice-back:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.practice-back-chevron{display:inline-flex}.practice-back-chevron svg{display:block}.practice-piece-identity{justify-self:center;align-items:center;min-width:0;max-width:min(560px,40vw);display:block;position:relative}.practice-piece-title{width:max-content;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;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)}.practice-mode-option:hover:not(:disabled):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(:disabled):not([aria-pressed=true]){transform:translateY(1px)}.practice-mode-option:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.practice-mode-toast-action:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.practice-mode-option:disabled{cursor:default;opacity:.68}.practice-mode-short{display:none}.practice-mode-toast{--plaque-border:var(--rule);--plaque-background:var(--panel);--plaque-radius:var(--radius-panel);--plaque-shadow:var(--shadow-popover);top:var(--practice-navbar-stack-height);z-index:46;width:max-content;max-width:min(620px, calc(100vw - var(--safe-l) - var(--safe-r) - 24px));min-height:40px;animation:practice-mode-toast-in var(--duration-medium) var(--ease-out-gentle) both;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px 7px 6px 11px;display:grid;position:fixed;left:50%}.practice-shell[data-immersive=true] .practice-mode-toast{top:var(--practice-navbar-stack-height)}.practice-mode-toast[data-leaving]{animation:practice-mode-toast-out var(--duration-medium) var(--ease-out-gentle) both}.practice-mode-toast-check{background:color-mix(in srgb, var(--green) 14%, transparent);width:20px;height:20px;color:var(--green);font-family:var(--font-body);font-size:12px;font-weight:var(--weight-display);border-radius:50%;justify-content:center;align-items:center;line-height:1;display:inline-flex}.practice-mode-toast-message{min-width:0;color:var(--ink-soft);font-family:var(--font-body);font-size:13px;font-weight:var(--weight-semibold);text-wrap:balance;line-height:1.3}.practice-mode-toast-action{border:1px solid var(--rule);border-radius:var(--radius-panel);min-height:28px;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:12.5px;font-weight:var(--weight-medium);transition:border-color var(--duration-control) ease, background var(--duration-control) ease;background:0 0;padding:0 11px}.practice-mode-toast-action:hover{border-color:var(--hairline);background:color-mix(in srgb, var(--ink) 5%, transparent)}.practice-mode-toast-action-short{display:none}@keyframes practice-mode-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes practice-mode-toast-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.render-settings-menu,.metronome-menu,.practice-more-menu-root{flex:none;position:relative}.play-from-control{border-radius:var(--radius-panel);flex:none;align-items:center;display:inline-flex}.play-from-control[data-armed=true]{background:color-mix(in srgb, var(--spotlight) 8%, var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--spotlight) 34%, var(--rule))}.play-from-control[hidden]{display:none}.metronome-menu{--metronome-brass:var(--tempo-amber-deep)}.render-settings-trigger,.metronome-trigger,.play-from-button,.play-from-choose-button,.practice-more-trigger{border-radius:var(--radius-panel);width:36px;min-width:36px;min-height:34px;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;justify-content:center;align-items:center;gap:0;padding:0;font-size:13px;display:inline-flex}.render-settings-trigger[aria-expanded=true],.metronome-trigger[aria-expanded=true],.play-from-button[aria-pressed=true],.play-from-choose-button[aria-pressed=true],.practice-more-trigger[aria-expanded=true]{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}@media (hover:hover) and (pointer:fine){.render-settings-trigger:hover:not(:disabled),.metronome-trigger:hover:not(:disabled),.play-from-button:hover:not(:disabled),.play-from-choose-button:hover:not(:disabled),.practice-more-trigger:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}}.play-from-control[data-armed=true] .play-from-button{border-radius:var(--radius-panel) 0 0 var(--radius-panel);width:34px;min-width:34px;color:var(--spotlight)}.play-from-choose-button{border-left:1px solid color-mix(in srgb, var(--spotlight) 24%, var(--rule));border-radius:0 var(--radius-panel) var(--radius-panel) 0;width:24px;min-width:24px}.metronome-trigger-beat-glyph{transform-origin:50% 55%;will-change:transform;display:inline-block}.metronome-menu[data-running=true] .metronome-trigger{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);gap:7px;padding:0 12px 0 9px}.render-settings-trigger:active:not(:disabled),.metronome-trigger:active:not(:disabled),.play-from-button:active:not(:disabled),.play-from-choose-button:active:not(:disabled),.practice-more-trigger:active:not(:disabled),.metronome-toggle:active:not(:disabled){transform:translateY(1px)}.render-settings-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.render-settings-option:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.metronome-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.play-from-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.play-from-choose-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.practice-more-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.metronome-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.metronome-step:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.render-settings-trigger:disabled,.metronome-trigger:disabled,.play-from-button:disabled,.play-from-choose-button:disabled{cursor:default;opacity:.62}.render-settings-icon,.metronome-icon,.play-from-icon,.practice-more-icon{color:currentColor;width:18px;height:18px;font-size:13px;font-weight:var(--weight-display);letter-spacing:0;background:0 0;border-radius:50%;place-items:center;line-height:1;display:inline-grid}.play-from-choose-button .play-from-icon{font-size:11px}.play-from-arrow-svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block;overflow:visible}.render-settings-icon svg{width:18px;height:18px;display:block}.render-settings-icon-staff{fill:none;stroke:currentColor;stroke-width:.62px;stroke-linecap:round;opacity:.55}.render-settings-icon-stem{fill:none;stroke:currentColor;stroke-width:.72px;stroke-linecap:round}.render-settings-icon-notehead{fill:currentColor}.metronome-icon{color:var(--ink-soft);transition:color var(--duration-control) ease, background var(--duration-control) ease, box-shadow var(--duration-control) ease;position:relative;overflow:visible}.metronome-icon svg{width:17px;height:17px;display:block;overflow:visible}.metronome-icon-housing{fill:color-mix(in srgb, currentColor 7%, var(--panel));stroke:currentColor;stroke-width:.85px;stroke-linejoin:round}.metronome-icon-scale,.metronome-icon-arm,.metronome-icon-foot{fill:none;stroke:currentColor;stroke-linecap:round}.metronome-icon-scale{stroke-width:.48px;opacity:.42}.metronome-icon-pendulum{transform-box:view-box;transform-origin:9px 13.25px;will-change:transform}.metronome-icon-arm{stroke-width:.9px}.metronome-icon-weight{fill:currentColor}.metronome-icon-beat-mark{fill:currentColor;transform-box:fill-box;transform-origin:50%;will-change:transform, opacity}.metronome-icon-foot{stroke-width:1.05px}.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)}.practice-more-icon{font-size:17px;font-weight:var(--weight-display);letter-spacing:0;background:0 0}.metronome-trigger-label{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;overflow:hidden}.render-settings-popover,.metronome-popover{z-index:60;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;position:absolute;top:calc(100% + 8px);right:0}.render-settings-popover[hidden],.metronome-popover[hidden]{display:none}.render-settings-group-label,.metronome-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}.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:hover:not(:disabled),.render-settings-option[data-selected=true]{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:1px solid var(--hairline);border-radius:var(--radius-compact);background:color-mix(in srgb, var(--ink) 5%, transparent);width:100%;min-height:38px;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:var(--weight-semibold);letter-spacing:0;justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 10px 0 12px;display:flex}.metronome-toggle:hover:not(:disabled){border-color:var(--ink-soft);background:color-mix(in srgb, var(--ink) 8%, transparent)}.metronome-toggle-key{border:1px solid var(--hairline);background:var(--panel);min-width:22px;height:22px;color:var(--ink-soft);font-family:var(--font-body);font-size:11px;font-weight:var(--weight-display);text-align:center;border-radius:5px;padding:2px 6px;line-height:16px}.render-settings-size,.metronome-stepper{grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:6px;padding:0 9px 6px;display:grid}.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}.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{color:var(--ink);font-family:var(--font-body);font-size:13px;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;text-align:center}.practice-youtube-mark{background:currentColor;width:24px;height:17px;display:block;position:relative;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M4.2 0.8h15.6A3.4 3.4 0 0 1 23.2 4.2v8.6a3.4 3.4 0 0 1-3.4 3.4H4.2a3.4 3.4 0 0 1-3.4-3.4V4.2A3.4 3.4 0 0 1 4.2 0.8Zm0 1.7a1.7 1.7 0 0 0-1.7 1.7v8.6a1.7 1.7 0 0 0 1.7 1.7h15.6a1.7 1.7 0 0 0 1.7-1.7V4.2a1.7 1.7 0 0 0-1.7-1.7H4.2Zm5.5 2.6 6.2 3.4-6.2 3.4V5.1Z' fill='black'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M4.2 0.8h15.6A3.4 3.4 0 0 1 23.2 4.2v8.6a3.4 3.4 0 0 1-3.4 3.4H4.2a3.4 3.4 0 0 1-3.4-3.4V4.2A3.4 3.4 0 0 1 4.2 0.8Zm0 1.7a1.7 1.7 0 0 0-1.7 1.7v8.6a1.7 1.7 0 0 0 1.7 1.7h15.6a1.7 1.7 0 0 0 1.7-1.7V4.2a1.7 1.7 0 0 0-1.7-1.7H4.2Zm5.5 2.6 6.2 3.4-6.2 3.4V5.1Z' fill='black'/%3E%3C/svg%3E") 50%/contain no-repeat}.practice-report-mark{background:currentColor;width:17px;height:17px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3E%3Cpath%20d='M3.5%2014V2.6'%20stroke='black'%20stroke-width='1.5'%20stroke-linecap='round'/%3E%3Cpath%20d='M3.5%203h8.6l-1.9%203%201.9%203H3.5'%20stroke='black'%20stroke-width='1.4'%20stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3E%3Cpath%20d='M3.5%2014V2.6'%20stroke='black'%20stroke-width='1.5'%20stroke-linecap='round'/%3E%3Cpath%20d='M3.5%203h8.6l-1.9%203%201.9%203H3.5'%20stroke='black'%20stroke-width='1.4'%20stroke-linejoin='round'/%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}.practice-feedback-mark{background:currentColor;width:17px;height:17px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3E%3Cpath%20d='M2.5%204.4A1.9%201.9%200%200%201%204.4%202.5h7.2a1.9%201.9%200%200%201%201.9%201.9v4.6a1.9%201.9%200%200%201-1.9%201.9H7.4L4.3%2013.6v-2.7h.1a1.9%201.9%200%200%201-1.9-1.9V4.4Z'%20stroke='black'%20stroke-width='1.3'%20stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3E%3Cpath%20d='M2.5%204.4A1.9%201.9%200%200%201%204.4%202.5h7.2a1.9%201.9%200%200%201%201.9%201.9v4.6a1.9%201.9%200%200%201-1.9%201.9H7.4L4.3%2013.6v-2.7h.1a1.9%201.9%200%200%201-1.9-1.9V4.4Z'%20stroke='black'%20stroke-width='1.3'%20stroke-linejoin='round'/%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}.practice-grading-trace-mark{background:currentColor;width:17px;height:17px;-webkit-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3E%3Cpath%20d='M2%208s1-4.5%204-4.5c2%200%202.5%202%204%202%202.2%200%204-2%204-2s-1%204.5-4%204.5c-2%200-2.5-2-4-2-2.2%200-4%202-4%202Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8%2012.7v-4'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3E%3Cpath%20d='M2%208s1-4.5%204-4.5c2%200%202.5%202%204%202%202.2%200%204-2%204-2s-1%204.5-4%204.5c-2%200-2.5-2-4-2-2.2%200-4%202-4%202Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8%2012.7v-4'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.practice-fullscreen-mark{background:currentColor;width:18px;height:18px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3E%3Cpath%20d='M6%202.5H2.5V6M10%202.5h3.5V6M6%2013.5H2.5V10M10%2013.5h3.5V10'%20stroke='black'%20stroke-width='1.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3E%3Cpath%20d='M6%202.5H2.5V6M10%202.5h3.5V6M6%2013.5H2.5V10M10%2013.5h3.5V10'%20stroke='black'%20stroke-width='1.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%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}[data-fullscreen=true]>.practice-more-item-icon>.practice-fullscreen-mark{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3E%3Cpath%20d='M2.5%206H6V2.5M13.5%206H10V2.5M2.5%2010H6v3.5M13.5%2010H10v3.5'%20stroke='black'%20stroke-width='1.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3E%3Cpath%20d='M2.5%206H6V2.5M13.5%206H10V2.5M2.5%2010H6v3.5M13.5%2010H10v3.5'%20stroke='black'%20stroke-width='1.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E")}.practice-youtube-play{display:none}.practice-imslp-source-mark{background:currentColor;width:16px;height:16px;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 2.5h8L19 7v13a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 20V4a1.5 1.5 0 0 1 1.5-1.5Zm.3 1.8v15.4h10.4V8.4h-3.7V4.3H6.8Zm8.5.7 1.9 1.6h-1.9V5ZM8.5 11h7v1.6h-7V11Zm0 3.2h7v1.6h-7v-1.6Zm0 3.2h4.4V19H8.5v-1.6Z' fill='black'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 2.5h8L19 7v13a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 20V4a1.5 1.5 0 0 1 1.5-1.5Zm.3 1.8v15.4h10.4V8.4h-3.7V4.3H6.8Zm8.5.7 1.9 1.6h-1.9V5ZM8.5 11h7v1.6h-7V11Zm0 3.2h7v1.6h-7v-1.6Zm0 3.2h4.4V19H8.5v-1.6Z' fill='black'/%3E%3C/svg%3E") 50%/contain no-repeat}.practice-more-end{color:var(--ink-tertiary);align-items:baseline;gap:5px;margin-left:auto;font-size:12px;display:inline-flex}.practice-more-wordmark{font-family:var(--font-serif);font-size:10.5px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking)}.practice-source-edit-mark{background:currentColor;width:15px;height:15px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7 2.4a2.1 2.1 0 0 1 3 3l-9.4 9.4-4.1 1.1 1.1-4.1 9.4-9.4Zm1.9 1.1a.8.8 0 0 0-1.1 0l-.8.8 1.1 1.1.8-.8a.8.8 0 0 0 0-1.1ZM5.5 12.4l-.5 1.8 1.8-.5 7-7-1.3-1.3-7 7Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7 2.4a2.1 2.1 0 0 1 3 3l-9.4 9.4-4.1 1.1 1.1-4.1 9.4-9.4Zm1.9 1.1a.8.8 0 0 0-1.1 0l-.8.8 1.1 1.1.8-.8a.8.8 0 0 0 0-1.1ZM5.5 12.4l-.5 1.8 1.8-.5 7-7-1.3-1.3-7 7Z' fill='black'/%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}.practice-more-menu{z-index:60;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;position:absolute;top:calc(100% + 8px);right:0}.render-settings-popover,.metronome-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]{display:none}.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}.practice-more-item:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.practice-more-item:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.practice-more-item-icon{width:20px;color:var(--ink-soft);flex:none;place-items:center;display:grid}.practice-more-item .practice-youtube-mark{width:20px;height:14px;box-shadow:none;border-radius:4px}.practice-more-item .practice-fullscreen-mark,.practice-more-item .practice-report-mark,.practice-more-item .practice-feedback-mark,.practice-more-item .practice-grading-trace-mark{width:16px;height:16px}.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-review-error{color:var(--red-deep)}.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%);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:56px;color:var(--panel);background:var(--ink-deep);border-bottom:1px solid color-mix(in srgb, var(--panel) 12%, transparent);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:0 12px 0 18px;display:grid}.practice-video-header h2{font-family:var(--font-body);font-size:14px;font-weight:var(--weight-semibold);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.2;overflow:hidden}.practice-video-open-link{color:var(--panel);font-family:var(--font-body);font-size:12px;font-weight:var(--weight-semibold);letter-spacing:0;opacity:.74;text-decoration:none}.practice-video-open-link:hover{opacity:1;text-underline-offset:3px;text-decoration:underline}.practice-video-open-link:focus-visible{outline:2px solid var(--panel);outline-offset:2px}.practice-video-minimize:focus-visible{outline:2px solid var(--panel);outline-offset:2px}.practice-video-close:focus-visible{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;font-family:var(--font-body);justify-content:center;align-items:center;font-size:24px;line-height:1;display:inline-flex}.practice-video-minimize:hover,.practice-video-close:hover{background:color-mix(in srgb, var(--panel) 12%, transparent)}.practice-video-minimize svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.practice-video-close span{transform:translateY(-1px)}.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{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:42px;padding:0 8px 0 14px}.practice-video-modal[data-minimized] .practice-video-header h2{font-size:12px}.practice-video-modal[data-minimized] .practice-video-open-link{display:none}.practice-video-modal[data-minimized] .practice-video-minimize,.practice-video-modal[data-minimized] .practice-video-close{width:28px;height:28px;font-size:20px}.practice-video-modal[data-minimized] .practice-video-minimize svg{width:14px;height:14px}.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);z-index:22;min-width:0;height:var(--progress-row-height);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;padding:7px clamp(16px,3.5vw,52px);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:focus-visible{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-caret{bottom:-3px;left:var(--tempo-caret-position,0%);z-index:3;background:color-mix(in srgb, var(--ink) 68%, transparent);width:1px;height:calc(100% + 6px);box-shadow:0 0 0 1px color-mix(in srgb, var(--paper) 70%, transparent);pointer-events:none;transition:left var(--duration-quick) var(--ease-out-gentle), height var(--duration-panel) var(--ease-out-gentle);position:absolute;transform:translate(-.5px)}.tempo-strip-caret[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-serif);font-variation-settings:"opsz" 40, "SOFT" 35, "WONK" 0;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}.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:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tempo-strip-summary-close:focus-visible{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]:hover .tempo-strip-skyline-shell,.tempo-strip[data-coalesced=true]:focus-within .tempo-strip-skyline-shell{height:26px}.tempo-strip[data-coalesced=true]:hover .tempo-strip-chip,.tempo-strip[data-coalesced=true]:focus-within .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;grid-area:2/1;align-items:stretch;gap:14px;padding:0 16px;display:flex}.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;flex:auto;min-width:0;position:relative}.score-ruler-viewport{will-change:transform;background:color-mix(in srgb, var(--ink) 6%, transparent);border-left:1px solid color-mix(in srgb, var(--ink) 16%, transparent);border-right:1px solid color-mix(in srgb, var(--ink) 16%, transparent);cursor:grab;transition:inset-block var(--duration-fast) var(--ease-out-gentle), background-color var(--duration-fast) var(--ease-out-gentle), border-color var(--duration-fast) var(--ease-out-gentle);position:absolute;top:1px;bottom:1px;left:0}.score-ruler-track:hover .score-ruler-viewport,.score-ruler-viewport[data-dragging]{background:color-mix(in srgb, var(--ink) 8%, transparent);border-color:color-mix(in srgb, var(--ink) 22%, transparent);top:0;bottom:0}.score-ruler-viewport[data-dragging]{cursor:grabbing}.score-ruler-viewport[hidden]{display:none}.score-ruler-tick{background:var(--rule);width:1px;height:8px;animation:score-ruler-tick-arrive var(--duration-medium) var(--ease-out-gentle) var(--clef-ruler-arrive-delay,0s) both;position:absolute;bottom:0}.score-ruler-ticks,.score-ruler-progress,.score-ruler-scope,.score-ruler-target{pointer-events:none}.score-ruler-tick[data-major]{background:var(--hairline);height:13px}.score-ruler-tick-num{animation:score-ruler-num-arrive var(--duration-medium) var(--ease-out-gentle) var(--clef-ruler-arrive-delay,0s) both;color:var(--ink-tertiary);font-family:var(--font-body);font-size:9.5px;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;line-height:1;position:absolute;bottom:16px;transform:translate(-50%)}.score-ruler-progress{background:var(--ink);height:2px;position:absolute;bottom:0;left:0}.score-ruler-scope{border-top:1px solid color-mix(in srgb, var(--spotlight) 38%, transparent);border-bottom:2px solid color-mix(in srgb, var(--spotlight) 24%, transparent);background:color-mix(in srgb, var(--spotlight) 8%, transparent);height:9px;position:absolute;bottom:0}.score-ruler-scope:before,.score-ruler-scope:after{content:"";background:color-mix(in srgb, var(--spotlight) 52%, transparent);width:1px;height:9px;position:absolute;bottom:-2px}.score-ruler-scope:before{left:0}.score-ruler-scope:after{right:0}.score-ruler-scope[hidden]{display:none}.score-ruler-target{background:var(--spotlight);opacity:.85;height:4px;position:absolute;bottom:0}.score-ruler-target[data-recovery]{background:var(--red)}.score-ruler-target[hidden]{display:none}.score-ruler-caret{z-index:1;cursor:pointer;width:16px;height:19px;position:absolute;bottom:0;transform:translate(-50%)}.score-ruler-caret:before{content:"";background:var(--red);width:2px;height:19px;position:absolute;bottom:0;left:7px}.score-ruler-caret:after{content:"";background:var(--red);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:4px}.score-ruler-caret[hidden]{display:none}.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}@keyframes score-ruler-tick-arrive{0%{opacity:0;transform:translateY(4px)}}@keyframes score-ruler-num-arrive{0%{opacity:0;transform:translate(-50%)translateY(4px)}}@media (prefers-reduced-motion:reduce){.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-tick,.score-ruler-tick-num{animation:none}}.session-progress-plaque{pointer-events:none;z-index:20;--plaque-border:var(--rule);--plaque-background:var(--panel);--plaque-radius:var(--radius-panel);--plaque-shadow:var(--shadow-popover);justify-items:center;gap:6px;width:-moz-fit-content;width:fit-content;min-width:0;max-width:min(720px,100% - 48px);padding:9px 16px 10px;display:grid}.session-progress-plaque[hidden],.memorization-session-goal[hidden],.memorization-session-rail[hidden]{display:none}.memorization-session-goal{width:100%;max-width:100%;color:var(--ink-secondary);font-family:var(--font-body);font-size:12px;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.25;overflow:hidden}.memorization-session-rail{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-height:18px;display:flex}.memorization-session-pip{background:color-mix(in srgb, var(--ink) 12%, transparent);width:22px;height:6px;color:var(--ink-secondary);transition:background var(--duration-medium) ease, box-shadow var(--duration-medium) ease, color var(--duration-medium) ease, transform var(--duration-medium) ease;border:0;border-radius:3px;flex:none;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.memorization-session-pip[data-kind=bonus]{border:1.5px dashed color-mix(in srgb, var(--ink) 30%, transparent);opacity:.78;background:0 0}.memorization-session-pip[data-state=active]{background:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 9%, transparent);animation:1.35s ease-in-out infinite session-pip-pulse}.memorization-session-pip[data-state=introduced]{background:linear-gradient(90deg, var(--green) 50%, color-mix(in srgb, var(--ink) 12%, transparent) 50%)}.memorization-session-pip[data-state=in_recovery]{background:var(--red);box-shadow:0 0 0 4px color-mix(in srgb, var(--red) 10%, transparent);animation:1.35s ease-in-out infinite session-pip-pulse}.memorization-session-pip[data-state=done]{background:var(--green)}.memorization-session-pip[data-kind=checkpoint]{width:18px;height:18px;color:color-mix(in srgb, var(--ink) 38%, transparent);background:0 0;border:0;border-radius:0;font-size:17px}.memorization-session-pip[data-kind=checkpoint][data-state=done]{color:var(--green)}.memorization-session-pip--celebrate{animation:session-pip-complete var(--duration-celebration) ease-out}.memorization-session-pip[data-kind=checkpoint].memorization-session-pip--celebrate{animation:session-star-complete var(--duration-celebration-long) var(--ease-out-emphatic)}@keyframes session-pip-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes session-pip-complete{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--green) 24%, transparent);transform:scale(1)}42%{box-shadow:0 0 0 7px color-mix(in srgb, var(--green) 14%, transparent);transform:scale(1.2)}to{transform:scale(1);box-shadow:0 0 #0000}}.memorization-session-pip--shimmer{animation:.6s ease-out both session-rail-shimmer}.memorization-session-pip[data-kind=checkpoint].memorization-session-pip--shimmer{animation:session-star-complete var(--duration-celebration-long) var(--ease-out-emphatic) both}@keyframes session-rail-shimmer{0%{transform:translateY(0);box-shadow:0 0 #0000}40%{box-shadow:0 0 0 4px color-mix(in srgb, var(--green) 16%, transparent);transform:translateY(-3px)}to{transform:translateY(0);box-shadow:0 0 #0000}}@keyframes session-star-complete{0%{text-shadow:0 0 #0000;transform:scale(1)rotate(0)}30%{text-shadow:0 0 14px color-mix(in srgb, var(--green) 50%, transparent);transform:scale(1.6)rotate(-8deg)}60%{text-shadow:0 0 8px color-mix(in srgb, var(--green) 30%, transparent);transform:scale(1.2)rotate(4deg)}to{text-shadow:0 0 #0000;transform:scale(1)rotate(0)}}.memorization-session-progress{grid-area:3/1;place-self:start center;margin-top:12px}.practice-shell[data-immersive=true] .memorization-session-progress{margin-top:calc(var(--practice-navbar-stack-height) + (var(--progress-row-height) - 1px) + 12px);transition:transform var(--duration-fast) ease-out;transform:translateY(0)}body[data-chrome=hidden] .practice-shell[data-immersive=true] .memorization-session-progress{transform:translateY(var(--practice-immersive-navbar-shift));transition:transform var(--duration-panel) ease-in}.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-guidance p{overflow-wrap:break-word;min-width:0;margin:0}.memorization-guidance-copy{flex:0 auto;align-items:baseline;gap:10px;min-width:0;display:flex}.memorization-guidance-instruction{font-family:var(--font-body);font-size:14px;font-weight:var(--weight-body);color:var(--ink-soft);line-height:1.35}.memorization-guidance-commentary{color:var(--ink-tertiary);font-family:var(--font-body);font-size:13px;font-weight:var(--weight-body);line-height:1.3}.memorization-guidance-commentary[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-dots{border-left:1px solid var(--rule);flex:none;align-items:center;gap:7px;padding-left:14px;display:inline-flex}.memorization-dots[hidden]{display:none}.memorization-dots-label{color:var(--ink-tertiary);font-size:11px;font-weight:var(--weight-medium);white-space:nowrap}.memorization-dot{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-dot svg{width:10px;height:10px}.memorization-dot[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-dot[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)}.clef-passage-hit{fill:#0000;pointer-events:all;cursor:crosshair}.clef-passage-hit:hover{fill:color-mix(in srgb, var(--spotlight) 8%, transparent)}.passage-picker-panel{--plaque-border:var(--rule);--plaque-background:var(--panel);--plaque-radius:var(--radius-panel);--plaque-shadow:var(--shadow-popover);z-index:28;width:min(540px,100% - 32px);color:var(--ink);pointer-events:auto;grid-area:3/1;place-self:end center;gap:12px;margin:16px;padding:18px 20px;display:grid}.passage-picker-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.passage-picker-heading h2{font-family:var(--font-body);font-size:18px;font-weight:var(--weight-semibold);margin:0;line-height:1.25}.passage-picker-close{border-radius:var(--radius-panel);width:30px;min-height:30px;color:var(--ink-secondary);font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:20px;line-height:1;display:inline-grid}.passage-picker-close:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.passage-picker-close:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.passage-numeric-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.passage-numeric-fields input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.passage-picker-actions button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.memorization-passage-chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.passage-range-signature{height:9px;color:var(--spotlight);grid-template-columns:1px 1fr 1px;align-items:end;display:grid}.passage-range-signature span{background:currentColor;width:1px;height:9px}.passage-range-signature i{opacity:.72;background:currentColor;height:1px;margin-bottom:1px}.passage-picker-status{min-height:20px;color:var(--ink-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:16px;font-size:13px;display:flex}.passage-picker-status strong{color:var(--ink);font-weight:var(--weight-semibold)}.passage-numeric-toggle,.passage-picker-actions button,.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}.passage-numeric-toggle{color:var(--ink-secondary);justify-self:start;padding:0 11px}.passage-numeric-toggle:hover,.passage-picker-actions button:hover:not(:disabled),.memorization-passage-chip:hover{background:var(--paper);border-color:var(--hairline)}.passage-numeric-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;display:grid}.passage-numeric-fields label{color:var(--ink-secondary);font-size:11px;font-weight:var(--weight-medium);gap:5px;display:grid}.passage-numeric-fields input{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--paper);width:100%;min-height:36px;color:var(--ink);font:inherit;font-size:max(14px, var(--field-text-floor));font-variant-numeric:tabular-nums;padding:0 10px}.passage-picker-consequence,.passage-picker-session-note,.passage-picker-error{margin:0;font-size:12px;line-height:1.45}.passage-picker-consequence{border-left:2px solid var(--spotlight);color:var(--ink);padding-left:10px}.passage-picker-session-note{color:var(--ink-tertiary)}.passage-picker-error{color:var(--red)}.passage-picker-actions{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.passage-picker-actions button{padding:0 13px}.passage-picker-actions button:disabled{cursor:default;opacity:.52}.passage-picker-actions .passage-picker-whole{color:var(--ink-secondary);box-shadow:none;border-color:#0000;justify-self:start}.passage-picker-actions .passage-picker-use{border-color:var(--lacquer);background:var(--lacquer);color:var(--panel)}.passage-floating-count{--plaque-border:var(--rule);--plaque-background:var(--panel);--plaque-radius:var(--radius-compact);--plaque-shadow:var(--shadow-hairline);top:max(var(--safe-t), min(calc(var(--passage-pointer-y) + 18px), calc(100dvh - var(--safe-b) - 64px)));left:max(var(--safe-l), min(calc(var(--passage-pointer-x) + 18px), calc(100vw - var(--safe-r) - 220px)));z-index:45;color:var(--ink);font-variant-numeric:tabular-nums;pointer-events:none;padding:6px 9px;font-size:12px;position:fixed}.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}.practice-passage-mark{border-bottom:1px solid;border-left:1px solid;border-right:1px solid;width:17px;height:9px;display:inline-block}.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}.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}.memo-tip-card-secondary:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}#memorization-dots.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-dots.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)}.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}.trouble-spot-plaque{--plaque-border:var(--rule);--plaque-background:var(--panel);--plaque-radius:var(--radius-panel);--plaque-shadow:var(--shadow-popover);z-index:58;width:min(368px, calc(100vw - var(--safe-l) - var(--safe-r) - 24px));color:var(--ink);font-family:var(--font-body);padding:0;position:fixed;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}.trouble-spot-clear:hover{color:var(--ink);background:var(--paper)}.trouble-spot-clear:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.trouble-spot-clear:disabled{cursor:default;opacity:.62}.practice-trouble-spots-clear-mark{border-radius:var(--radius-pill);border:1.5px solid;width:15px;height:15px}.score-ruler-spots{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.score-ruler-spot{z-index:2;border:0;border-right:1px solid var(--spot-work-ink);border-left:1px solid var(--spot-work-ink);background:var(--spot-work);min-width:5px;height:5px;color:var(--spot-work-ink);cursor:pointer;pointer-events:auto;transition:height var(--duration-fast) var(--ease-out-gentle);border-radius:0;padding:0;position:absolute;bottom:3px}.score-ruler-spot:hover{height:8px}.score-ruler-spot:focus-visible{height:8px}.score-ruler-spot:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.clef-measure-pick-hit{fill:color-mix(in srgb, var(--spot-work) 14%, transparent);stroke:var(--spot-work);stroke-width:8px;vector-effect:non-scaling-stroke;cursor:pointer}.clef-measure-pick-hit:hover{fill:color-mix(in srgb, var(--spot-work) 24%, transparent)}.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-spot-work-mark{border-right:1px solid;border-bottom:3px solid var(--spot-work);border-left:1px solid;width:17px;height:11px}.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-plaque{--plaque-radius:var(--radius-compact);--plaque-shadow:var(--shadow-popover);z-index:31;border-top:3px solid var(--spot-work);grid-area:3/1;place-self:start center;width:min(340px,100% - 24px);margin-top:14px;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:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.spot-work-footer button:focus-visible{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)}.practice-shell{position:relative}.grading-failure-layer{z-index:42;animation:grading-failure-layer-in var(--duration-standard) ease-out both;grid-area:3/1;place-items:center;padding:24px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.grading-failure-layer:before{background:color-mix(in srgb, var(--paper) 76%, transparent);content:"";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:focus-visible{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-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{border-top:1px solid var(--rule);background:var(--panel);z-index:10;grid-row:5;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 24px;display:none}.controls[data-visible=true]{display:flex}.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}.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:focus-visible{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-session-progress{justify-self:start;width:100%;max-width:calc(100% - 24px);min-height:46px;margin-top:8px;padding:8px 12px 9px}.memorization-guidance{flex-wrap:wrap;row-gap:6px}.memorization-session-goal{text-overflow:clip;white-space:normal;font-size:11px;overflow:visible}.memorization-session-rail{gap:6px}.memorization-guidance-instruction{font-size:13px;line-height:1.3}.memorization-guidance-commentary{font-size:12px}.practice-piece-identity{display:none}.practice-mode-segment{min-height:34px;padding:2px}.practice-mode-option{min-width:34px;min-height:28px;padding:0}.practice-mode-full{display:none}.practice-mode-short{display:inline}.practice-mode-toast{max-width:calc(100vw - var(--safe-l) - var(--safe-r) - 16px);gap:7px;padding-left:9px}.practice-mode-toast-message{font-size:12px}.practice-mode-toast-action{padding:0 9px}.passage-picker-panel{width:calc(100% - 20px);margin:10px;padding:14px}.passage-picker-status{gap:4px;display:grid}.passage-picker-actions{grid-template-columns:1fr 1fr}.passage-picker-actions .passage-picker-whole{grid-column:1/-1}.passage-picker-actions .passage-picker-use{width:100%}.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{right:calc(12px + var(--safe-r));width:auto;top:auto!important;bottom:max(12px, var(--safe-b))!important;left:calc(12px + var(--safe-l))!important;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}.metronome-menu[data-running=true] .metronome-trigger{gap:0;width:40px;padding:0}.metronome-menu[data-running=true] .metronome-trigger-label{display:none}.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{max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 24px)}.practice-video-header{grid-template-columns:minmax(0,1fr) auto auto;min-height:52px;padding-left:14px}.practice-video-open-link{display:none}.practice-video-modal[data-minimized]{padding:12px}.practice-video-modal[data-minimized] .practice-video-panel{width:min(280px,100%)}.controls{width:auto;max-width:100%;padding:10px calc(16px + var(--safe-r)) 10px calc(16px + var(--safe-l));flex-wrap:wrap;justify-self:stretch;gap:10px}.controls-actions{flex:100%;justify-content:flex-end}.controls-actions button{flex:120px;min-width:0;min-height:42px;padding:0 14px}}@media (max-width:480px){.practice-demo-indicator{flex-wrap:wrap;justify-content:center}.practice-mode-toast-action-full{display:none}.practice-mode-toast-action-short{display:inline}}@media (max-height:560px){.practice-shell{grid-template-rows:auto auto minmax(0,1fr) auto auto}.practice-shell--memorization .stage{--stage-reserve-top:calc(var(--stage-padding) + 23px);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))}.practice-navbar-right,.practice-navbar-group{gap:4px}.practice-navbar-right :-webkit-any(.render-settings-trigger,.metronome-trigger,.play-from-button,.practice-more-trigger){min-width:42px;min-height:42px}.practice-navbar-right :is(.render-settings-trigger,.metronome-trigger,.play-from-button,.practice-more-trigger){min-width:42px;min-height:42px}.practice-navbar-right .metronome-menu:not([data-running=true]) .metronome-trigger{width:42px}.practice-navbar-right :-webkit-any(.render-settings-trigger,.play-from-button,.practice-more-trigger){width:42px}.practice-navbar-right :is(.render-settings-trigger,.play-from-button,.practice-more-trigger){width:42px}.practice-navbar-right :-webkit-any(.render-settings-icon,.metronome-icon,.play-from-icon){width:22px;height:22px}.practice-navbar-right :is(.render-settings-icon,.metronome-icon,.play-from-icon){width:22px;height:22px}.practice-navbar-right :-webkit-any(.render-settings-icon,.metronome-icon) svg{width:22px;height:22px}.practice-navbar-right :is(.render-settings-icon,.metronome-icon) svg{width:22px;height:22px}.practice-navbar-right .render-settings-icon,.practice-navbar-right .render-settings-icon svg{width:26px;height:26px}.practice-navbar-right .play-from-icon{font-size:18px}.practice-navbar-right .practice-more-icon{width:22px;height:22px;font-size:20px}.score-ruler{padding-inline:calc(16px + var(--safe-l)) calc(16px + var(--safe-r))}.practice-shell--memorization .practice-piece-identity,.practice-shell--memorization .memorization-passage-chip{display:none}.practice-shell--memorization .practice-navbar{grid-area:1/1;grid-template-columns:228px minmax(0,1fr)}.practice-shell--memorization .practice-navbar-right{grid-area:1/1;justify-self:end;display:flex}.practice-shell--memorization .practice-navbar-right>:not(.practice-more-menu-root){display:none}.practice-shell--memorization .practice-more-menu{left:0;right:auto}.practice-shell--memorization .stage{--stage-reserve-top:var(--stage-padding);scroll-padding-top:var(--stage-reserve-top)}.practice-shell--memorization .controls[data-visible=true]{width:100%;min-height:var(--practice-navbar-stack-height);height:var(--practice-navbar-stack-height);padding:calc(3px + var(--practice-safe-area-top)) calc(8px + var(--safe-r)) 3px calc(250px + var(--safe-l));pointer-events:none;z-index:31;background:0 0;border:0;grid-area:1/1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.practice-shell--memorization .controls>*{pointer-events:auto}.practice-shell--memorization .memorization-guidance{flex-wrap:nowrap;gap:7px;overflow:hidden}.practice-shell--memorization .memorization-guidance-copy,.practice-shell--memorization .memorization-guidance-instruction{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.practice-shell--memorization .memorization-guidance-commentary,.practice-shell--memorization .memorization-dots{display:none}.practice-shell--memorization .controls-actions{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{width:min(360px, calc(50% - var(--safe-r)));max-width:none;min-height:0;margin:0 calc(8px + var(--safe-r)) 0 0;box-shadow:none;z-index:23;background:0 0;border:0;grid-area:2/1;place-self:center end;align-items:center;gap:8px;padding:4px 8px;display:flex}.practice-shell--memorization .memorization-session-goal{text-align:right;flex:auto;min-width:0}.practice-shell--memorization .memorization-session-rail{flex-wrap:nowrap;flex:0 auto;min-width:0;overflow:hidden}.practice-shell--memorization .score-ruler{padding-right:calc(380px + var(--safe-r))}.practice-shell:not(.practice-shell--memorization) .stage{--stage-reserve-bottom:calc(var(--stage-padding) + var(--safe-b))}#practice-spot-work-button,.score-ruler-spot,.clef-measure-pick-hit,.measure-pick-hint,.spot-work-plaque,.spot-work-footer,.spot-work-release-edge{display:none!important}}@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,.practice-demo-key,.control-key{display:none}}@media (prefers-reduced-motion:reduce){.memorization-session-pip,.memorization-session-pip[data-state=active],.memorization-session-pip[data-state=in_recovery],.memorization-session-pip--celebrate,.memorization-session-pip[data-kind=checkpoint].memorization-session-pip--celebrate,.memorization-session-pip--shimmer,.memorization-session-pip[data-kind=checkpoint].memorization-session-pip--shimmer,.memorization-guidance,.memorization-guidance-commentary,.memorization-dot,.memorization-dot[data-filled=true],.memorization-dot[data-filled=true] svg path,.practice-back,.practice-navbar,.practice-shell[data-immersive=true] .practice-navbar,.practice-shell[data-immersive=true] .memorization-session-progress,body[data-chrome=hidden] .practice-shell[data-immersive=true] .memorization-session-progress,.practice-mode-option,.practice-mode-toast,.practice-mode-toast-action,.practice-more-item{transition:none;animation:none}.practice-mode-toast,.practice-mode-toast[data-leaving]{transform:translate(-50%)}.render-settings-trigger,.metronome-trigger,.metronome-icon,.play-from-button,.play-from-choose-button,.practice-more-trigger,.practice-more-item,.metronome-toggle,.metronome-step{transition:none;animation:none}.metronome-icon-pendulum,.metronome-icon-beat-mark{will-change:auto;transform:none!important}.metronome-icon-beat-mark{opacity:.58!important}.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}}.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{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.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}.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-cue=caught] .try-demo-eyebrow,.try-demo-page[data-cue=recovery] .try-demo-eyebrow,.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[data-cue=caught] .try-demo-score-frame,.try-demo-page[data-cue=recovery] .try-demo-score-frame{box-shadow:inset 0 2px 0 var(--red)}.try-demo-score-stage{--stage-padding:clamp(22px, 4vw, 58px);--try-demo-cue-clearance:76px;padding-top:var(--try-demo-cue-clearance);scroll-padding-top:var(--try-demo-cue-clearance);background:var(--paper);grid-area:auto;padding-bottom:24px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.try-demo-cue-island{width:max-content;max-width:min(560px,100% - 48px);position:absolute;top:12px;left:50%;transform:translate(-50%)}.try-demo-cue-line{justify-content:center;align-items:baseline;gap:5px;min-width:0;display:flex}.try-demo-cue-label{color:var(--ink);font-weight:var(--weight-semibold)}.try-demo-cue-separator{color:var(--ink-tertiary)}.try-demo-page[data-cue=caught] .try-demo-cue-label,.try-demo-page[data-cue=recovery] .try-demo-cue-label{color:var(--red)}.try-demo-score-feedback{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.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-page[data-cue=caught] .try-demo-guidance-strip p,.try-demo-page[data-cue=recovery] .try-demo-guidance-strip p{color:var(--red)}.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-piano-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-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{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;width:16px;height:16px;overflow:visible}.try-demo-sound-toggle svg>path:first-child{fill:currentColor;stroke:none}.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:focus-visible{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:10;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-serif);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-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:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.try-demo-terminal-panel button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.try-demo-nav-brand:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.try-demo-nav-link:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.try-demo-nav-cta:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.try-demo-piano-credit a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.try-demo-sound-toggle:focus-visible{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}@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-score-stage{--stage-padding:clamp(12px, 4vw, 22px);--try-demo-cue-clearance:68px;padding-bottom:12px}.try-demo-cue-island{max-width:calc(100% - 20px);top:8px}.try-demo-cue-line{font-size:.76rem}.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-score-stage{--try-demo-cue-clearance:58px}.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}}@media (max-width:900px){.try-demo-nav-piece span{display:none}}@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(520px, calc(100vw - var(--safe-l) - var(--safe-r) - 40px));animation:session-complete-in var(--duration-panel) var(--ease-out-emphatic) .45s both;gap:14px;padding:22px;display:grid;position:fixed}@keyframes session-complete-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.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-serif);font-optical-sizing:auto;font-size:1.45rem;font-weight:var(--weight-semibold);letter-spacing:0;line-height:1.18}.session-complete-copy{color:var(--ink-soft);font-size:.96rem;line-height:1.45}.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-serif);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:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.session-complete-secondary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.session-complete-panel,.session-complete-streak[data-live] .nav-streak-flame{animation:none}}@media (max-width:720px){.session-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}.session-complete-stats{grid-template-columns:1fr}.session-complete-actions{justify-content:stretch}.session-complete-primary,.session-complete-secondary{flex:160px}}.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-kicker{color:var(--green);font-size:.72rem;font-weight:var(--weight-display);letter-spacing:var(--label-tracking);text-transform:uppercase}.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;margin-top:5px;line-height:1.15}.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}.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:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.piece-complete-secondary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.piece-complete-close:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.piece-complete-panel,.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{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}@media (max-width:640px),(orientation:landscape) and (max-height:560px) 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));align-items:end}.submission-dialog-panel{width:100%;max-height:100%}.submission-dialog:has(>.piece-sheet){padding-bottom:0;padding-left:0;padding-right:0}}.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}.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:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.transcription-report-submit:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.transcription-report-secondary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.transcription-report-success{justify-items:start}@media (max-width:640px),(orientation:landscape) and (max-height:560px) and (pointer:coarse){.transcription-report-form,.transcription-report-success{padding:18px}.transcription-report-actions{grid-template-columns:1fr 1fr;display:grid}.transcription-report-submit,.transcription-report-secondary{width:100%}}.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-field{grid-template-columns:1fr auto;gap:7px;display:grid}.feedback-dialog-field>span{color:var(--ink-soft);font-size:.7rem;font-weight:var(--weight-display);letter-spacing:var(--label-tracking);text-transform:uppercase}.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)}.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:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.feedback-dialog-submit:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.feedback-dialog-secondary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.feedback-dialog-success{justify-items:start;padding-top:28px}@media (max-width:640px),(orientation:landscape) and (max-height:560px) and (pointer:coarse){.feedback-dialog-form,.feedback-dialog-success{padding:19px}.feedback-dialog-actions{grid-template-columns:1fr 1fr;display:grid}}.grading-trace-dialog-form{gap:15px;padding:24px;display:grid}.grading-trace-dialog-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 12px;display:grid}.grading-trace-dialog-header h2,.grading-trace-dialog-copy,.grading-trace-dialog-error{margin:0}.grading-trace-dialog-header 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}.grading-trace-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:50%;grid-area:1/2;place-items:center;display:inline-grid}.grading-trace-dialog-copy{color:var(--ink-soft);font-size:.96rem;line-height:1.48}.grading-trace-dialog-field{grid-template-columns:1fr auto;gap:7px;display:grid}.grading-trace-dialog-field>span{color:var(--ink-soft);font-size:.7rem;font-weight:var(--weight-display);letter-spacing:var(--label-tracking);text-transform:uppercase}.grading-trace-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:126px;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}.grading-trace-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}.grading-trace-dialog-count{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:2;font-size:.75rem}.grading-trace-dialog-count[data-over-limit=true]{color:var(--red-deep);font-weight:var(--weight-display)}.grading-trace-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}.grading-trace-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.grading-trace-dialog-submit,.grading-trace-dialog-secondary{border-radius:var(--radius-control);cursor:pointer;min-height:40px;font:780 .9rem/1 var(--font-body);padding:0 15px}.grading-trace-dialog-submit{border:1px solid color-mix(in srgb, var(--ink) 88%, black);background:var(--lacquer);color:#fff}.grading-trace-dialog-secondary{border:1px solid var(--line);background:var(--panel);color:var(--ink-soft)}.grading-trace-dialog-submit:disabled,.grading-trace-dialog-secondary:disabled,.grading-trace-dialog-close:disabled{cursor:wait;opacity:.58}.grading-trace-dialog-close:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.grading-trace-dialog-submit:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.grading-trace-dialog-secondary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.grading-trace-toast{z-index:95;max-width:min(420px, calc(100vw - var(--safe-l) - var(--safe-r) - 32px));border:1px solid color-mix(in srgb, var(--green) 35%, var(--line));background:color-mix(in srgb, var(--paper) 94%, transparent);box-shadow:0 14px 38px color-mix(in srgb, var(--ink) 16%, transparent);color:var(--ink);font-size:.9rem;font-weight:var(--weight-display);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:11px;align-items:center;gap:11px;padding:12px 15px;display:flex;position:fixed;bottom:20px;right:20px}.grading-trace-toast small{max-width:320px;color:var(--muted);font-size:.72rem;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;display:block;overflow:hidden}.grading-trace-toast-mark{background:color-mix(in srgb, var(--green) 16%, var(--paper));width:27px;height:27px;color:var(--green-deep,var(--ink));border-radius:50%;place-items:center;display:grid}.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:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tour-secondary:focus-visible{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:focus-visible{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}@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}.auth-brand:hover{opacity:.72}.auth-brand:focus-visible{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-serif);font-optical-sizing:auto;font-variation-settings:"opsz" 144, "SOFT" 0, "WONK" 0;font-size:1.85rem;font-weight:var(--weight-body);letter-spacing:-.015em;color:var(--ink);text-wrap:balance;margin:0;line-height:1.12}.auth-google{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);transition:border-color var(--duration-control) ease, background var(--duration-control) ease;justify-content:center;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:inline-flex}.auth-google:hover{border-color:color-mix(in srgb, var(--ink) 28%, var(--hairline));background:color-mix(in srgb, var(--ink) 3%, var(--paper))}.auth-google:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.auth-google-mark{flex:none;width:20px;height:20px;display:block}.auth-divider{color:var(--muted);font-size:.78rem;font-weight:var(--weight-display);text-transform:uppercase;align-items:center;gap:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.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}.auth-field input:hover,.auth-field select:hover{border-color:color-mix(in srgb, var(--ink) 28%, var(--hairline))}.auth-field input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.auth-field select:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.auth-field-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.auth-field-aside{color:var(--accent-info);font-size:.82rem;text-decoration:none}.auth-field-aside:hover{text-decoration:underline}.auth-field-aside:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.auth-error{color:var(--red-deep);margin:0;font-size:.9rem}.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-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}.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:focus-visible{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}.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:focus-visible{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--settings{border-top:1px solid var(--line);padding-top:16px}.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-status,.midi-setup-device{border:1px solid var(--line);width:-moz-fit-content;width:fit-content;min-height:26px;color:var(--ink-soft);font-size:.74rem;font-weight:var(--weight-display);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:3px 11px;display:inline-flex}.midi-setup-status:before{content:"";background:currentColor;border-radius:999px;flex:none;width:6px;height:6px}.midi-setup-status[data-status=connected],.midi-setup-device{border-color:color-mix(in srgb, var(--green) 30%, var(--line));color:var(--green)}.midi-setup-status[data-status=permission_denied],.midi-setup-status[data-status=insecure_context],.midi-setup-status[data-status=permissions_policy_blocked],.midi-setup-status[data-status=request_failed],.midi-setup-status[data-status=socket_error],.midi-setup-status[data-status=selected_input_missing]{border-color:color-mix(in srgb, var(--red-deep) 28%, var(--line));color:var(--red-deep)}.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 .42s cubic-bezier(.3, 1.4, .4, 1), background-color var(--duration-reveal) ease}}.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}@media (prefers-reduced-motion:no-preference){.onboarding-page .midi-setup-stage-live{animation:onboarding-dissolve-in var(--duration-panel) ease both}}@keyframes onboarding-dissolve-in{0%{opacity:0}to{opacity:1}}.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-serif);font-size:clamp(2.1rem,3.6vw,2.625rem);font-weight:var(--weight-medium);letter-spacing:0;font-variation-settings:"opsz" 60, "SOFT" 0, "WONK" 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)}.onboarding-glyph--handoff{width:82px;height:82px}.onboarding-glyph--handoff svg{width:46px;height:46px}.onboarding-glyph--handoff .handoff-glyph-path{color:var(--red)}.midi-setup-step--handoff .midi-setup-lede{width:100%;max-width:50ch}.midi-setup-step--handoff .midi-setup-body,.midi-setup-step--handoff .midi-setup-bottom{width:100%;min-width:0}.midi-setup-step--handoff h1,.midi-setup-step--handoff .midi-setup-lede,.midi-setup-step--handoff .handoff-receipt{overflow-wrap:anywhere}.handoff-receipt{width:100%;max-width:42ch;color:var(--green);margin:0;font-size:.94rem;line-height:1.5}@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}.onboarding-quiet-link:hover:not(:disabled){text-decoration:underline}.onboarding-quiet-link:focus-visible{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)}.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}.midi-connect-art{width:min(560px,84vw);height:auto;display:block}.midi-connect-image{width:min(440px,84vw);height:auto;display:block}.midi-connect-art .art-ink{stroke:var(--ink)}.midi-connect-art .art-hairline{stroke:var(--hairline)}.midi-connect-art .art-key{fill:var(--ink)}.midi-connect-art .midi-connect-cable{stroke:var(--muted)}@media (prefers-reduced-motion:no-preference){.midi-connect-art[data-searching=true] .midi-connect-cable{stroke-dasharray:7 8;animation:1.1s linear infinite onboarding-cable-dash}}@keyframes onboarding-cable-dash{to{stroke-dashoffset:-15px}}.midi-connect-help{justify-items:center;width:min(100%,620px);display:grid}.midi-connect-help summary{cursor:pointer;list-style:none;display:inline-flex}.midi-connect-help summary::-webkit-details-marker{display:none}.midi-connect-help summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-compact)}.midi-connect-help-body{border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--panel);text-align:left;flex-direction:column;gap:14px;width:100%;margin-top:20px;padding:20px;display:flex}.midi-connect-help-copy{color:var(--ink-secondary);margin:0;font-size:.9rem;line-height:1.55}.midi-connection-visuals{grid-template-columns:1fr 1fr;gap:14px;display:grid}.midi-connection-card{border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--panel);min-width:0;margin:0;overflow:hidden}.midi-connection-card img{aspect-ratio:3/2;object-fit:contain;background:color-mix(in srgb, var(--paper) 45%, var(--panel));width:100%;padding:clamp(12px,3vw,20px);display:block}.midi-connection-card figcaption{border-top:1px solid var(--rule);color:var(--muted);font-size:.68rem;font-weight:var(--weight-display);letter-spacing:var(--label-tracking);text-transform:uppercase;padding:9px 12px 11px;line-height:1.3}.midi-setup-inputs{flex-direction:column;gap:8px;display:flex}.midi-setup-inputs-copy{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.midi-setup-input-list{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.midi-setup-input-name{border:1px solid var(--rule);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--ink) 3%, var(--panel));max-width:100%;color:var(--ink-secondary);font-size:.76rem;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;padding:4px 10px;line-height:1.35;overflow:hidden}.onboarding-page .midi-manual-picker{margin-top:10px;margin-inline-start:auto;margin-inline-end:auto}.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;gap:8px 16px;font-size:.82rem;display:flex}.trial-gate-escape-links a,.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}.trial-gate-escape-links a:hover,.trial-gate-escape-links .auth-link-button:hover{color:var(--accent-info)}@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: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}.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,.midi-setup-step--handoff){text-align:center;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(260px,.68fr);place-content: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,.midi-setup-step--handoff){text-align:center;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(260px,.68fr);place-content: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-step--handoff) .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-step--handoff) .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-step--handoff) .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-step--handoff) .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,.midi-setup-step--handoff) .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,.midi-setup-step--handoff) .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-step--handoff) .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-step--handoff) .midi-setup-bottom{grid-area:2/1;justify-items:center;padding:0 2px}.midi-setup-step--connection-guide{text-align:center;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);place-content:center;gap:16px clamp(20px,4vw,44px);position:relative}.midi-setup-step--connection-guide .midi-setup-body{grid-area:1/1;align-items:center}.midi-setup-step--connection-guide .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--connection-guide .midi-connect-image{width:100%}.midi-setup-step--connection-guide .onboarding-status{justify-content:center}.midi-setup-step--connection-guide .midi-setup-bottom{flex-wrap:wrap;grid-area:2/1;justify-content:center;align-items:center;gap:10px 24px;padding:0 2px;display:flex}.midi-setup-step--connection-guide .midi-connect-help{width:auto}.midi-setup-step--connection-guide .midi-connect-help summary{justify-self:center}.midi-setup-step--connection-guide .midi-connect-help[open]{flex-basis:100%}.midi-setup-step--connection-guide:has(.midi-connect-help[open]){text-align:left;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(220px,.56fr);place-content:normal;gap:clamp(20px,4vw,44px)}.midi-setup-step--connection-guide:has(.midi-connect-help[open]) .midi-setup-body{grid-area:auto;align-items:flex-start}.midi-setup-step--connection-guide:has(.midi-connect-help[open]) .midi-setup-hero{display:none}.midi-setup-step--connection-guide:has(.midi-connect-help[open]) .onboarding-status{justify-content:flex-start}.midi-setup-step--connection-guide:has(.midi-connect-help[open]) .midi-setup-bottom{grid-area:auto;justify-items:stretch;gap:10px;padding:2px;display:grid}.midi-setup-step--connection-guide:has(.midi-connect-help[open]) .midi-connect-help{width:100%}.midi-setup-step--connection-guide:has(.midi-connect-help[open]) .midi-connect-help summary{justify-self:center}.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-glyph--handoff{width:clamp(128px,17vw,150px);height:clamp(128px,17vw,150px)}.onboarding-glyph--handoff svg{width:clamp(72px,9vw,82px);height:clamp(72px,9vw,82px)}.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}.midi-connect-help{width:100%}.midi-connect-help summary{justify-self:center}.midi-connect-help-body{margin-top:10px;padding:14px}.midi-connection-visuals{grid-template-columns:1fr 1fr}.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: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{text-align:center;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);place-content:center;gap:12px clamp(20px,4vw,44px)}.midi-setup-step--trial .midi-setup-body{grid-area:1/1/auto/-1;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-content:center;column-gap:clamp(20px,4vw,44px);display:grid}.midi-setup-step--trial h1{grid-area:1/1}.midi-setup-step--trial .midi-setup-lede{grid-area:2/1;justify-self:center}.midi-setup-step--trial .trial-benefits{grid-area:1/2/5;align-self:center}.midi-setup-step--trial .trial-price{grid-area:3/1}.midi-setup-step--trial .trial-fine-print{grid-area:4/1}.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: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}}.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}.settings-back:before{content:"‹";font-size:1.15rem;line-height:1}.settings-back:hover{background:color-mix(in srgb, var(--ink) 5%, transparent);color:var(--ink)}.settings-back:focus-visible{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:28px;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:8px;margin:1px 0;padding:0 10px;text-decoration:none;display:flex}.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:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.settings-nav-icon{width:16px;height:16px;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:16px;height:16px;display:block;overflow:visible}.settings-nav-link:hover .settings-nav-icon,.settings-nav-link.is-active .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{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-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}.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:focus-visible{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:focus-visible{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:focus-visible{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:focus-visible{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}.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-contact-link{color:var(--red-deep);font-size:.8125rem;font-weight:var(--weight-medium);-webkit-text-decoration-color:color-mix(in srgb, var(--red-deep) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--red-deep) 35%, transparent);text-underline-offset:3px}.settings-contact-link:hover{text-decoration-color:currentColor}.settings-contact-link:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}.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}.settings-link-row:hover{color:var(--ink)}.settings-link-row:hover:after{background-color:var(--ink);transform:translate(1px,-1px)}.settings-link-row:focus-visible{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}.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:focus-visible{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}.account-delete-trigger:hover,.account-delete-confirm:hover:not(:disabled){background:color-mix(in srgb, var(--red-deep) 8%, transparent)}.account-delete-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.account-delete-confirm:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.account-deletion-understanding input:focus-visible{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-delete-confirm{background:var(--red-deep);color:var(--paper)}.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}.settings-content-inner .midi-setup--settings{border-top:none;gap:0;padding-top:0}.settings-content-inner .midi-manual-picker{width:100%}.settings-content-inner .midi-manual-picker .auth-field{flex-direction:row;justify-content:space-between;align-items:center;gap:28px;position:relative}.settings-content-inner .midi-manual-picker .auth-field>span{color:var(--ink);font-size:.8125rem;font-weight:var(--weight-medium);line-height:1.25}@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}}@media (orientation:portrait) and (max-width:540px) and (pointer:coarse),(orientation:landscape) and (max-height:560px) and (max-width:960px) and (pointer:coarse){.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}.settings-phone-topbar{min-height:calc(52px + var(--safe-t));padding:var(--safe-t) calc(4px + var(--safe-r)) 0 calc(4px + var(--safe-l));border-bottom:1px solid var(--rule);background:var(--panel);flex:none;grid-template-columns:44px minmax(0,1fr) 44px;align-items:end;display:grid}.settings-phone-topbar h1{font-size:15px;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}.settings-phone-back,.settings-phone-topbar-spacer{width:44px;height:44px;color:var(--ink);background:0 0;border:0;place-items:center;display:grid}.settings-phone-back{cursor:pointer;padding:0}.settings-phone-back>span{font-size:25px;font-weight:var(--weight-body);line-height:1}.settings-phone-back:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.account-page-row:focus-visible{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-identity{align-items:center;gap:13px;padding:6px 4px 22px;display:flex}.account-page-monogram{border:1px solid var(--rule);background:var(--panel);width:46px;height:46px;font-size:16px;font-weight:var(--weight-semibold);border-radius:50%;flex:none;place-items:center;display:grid}.account-page-identity>div{gap:3px;min-width:0;display:grid}.account-page-identity strong{font-size:15px;font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-page-identity span:last-child{color:var(--ink-secondary);font-size:12px}.account-page-group+.account-page-group{margin-top:24px}.account-page-group h2{color:var(--ink-tertiary);font-size:10.5px;font-weight:var(--weight-semibold);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0 10px 8px}.account-page-rows{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);overflow:hidden}.account-page-row{width:100%;min-height:50px;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:disabled{cursor:wait;opacity:.55}.account-page-row--logout{color:var(--red)}.account-page-row-icon{width:17px;height:17px;color:var(--ink-secondary);flex:none}.account-page-row-chevron{color:var(--ink-tertiary);margin-left:auto;font-size:20px;line-height:1}.settings-phone-content{padding-top:28px}.settings-phone-content .settings-content-inner{max-width:640px;animation:none}.settings-phone-description{margin:0 10px 20px;font-size:13px;line-height:1.45}::view-transition-old(clef-account-page){animation-duration:var(--duration-panel);animation-timing-function:var(--ease-out-emphatic)}::view-transition-old(clef-settings-detail){animation-duration:var(--duration-panel);animation-timing-function:var(--ease-out-emphatic)}::view-transition-new(clef-account-page){animation-duration:var(--duration-panel);animation-timing-function:var(--ease-out-emphatic)}::view-transition-new(clef-settings-detail){animation-duration:var(--duration-panel);animation-timing-function:var(--ease-out-emphatic)}::view-transition-old(clef-account-page){animation-name:settings-push-old}::view-transition-old(clef-settings-detail){animation-name:settings-push-old}::view-transition-new(clef-account-page){animation-name:settings-push-new}::view-transition-new(clef-settings-detail){animation-name:settings-push-new}@keyframes settings-push-old{to{opacity:.78;transform:translate(-18%)}}@keyframes settings-push-new{0%{transform:translate(100%)}}}.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{z-index:40;min-height:var(--recordings-header-height);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}.recordings-header>.account-menu-root{margin-left:auto}.recordings-back{border-radius:var(--radius-compact);width:28px;height:28px;color:var(--ink-tertiary);flex:none;place-items:center;text-decoration:none;display:grid}.recordings-back:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.recordings-back:focus-visible{border-radius:var(--radius-compact);outline:2px solid var(--focus);outline-offset:3px}.recording-row:focus-visible{border-radius:var(--radius-compact);outline:2px solid var(--focus);outline-offset:3px}.recordings-empty a:focus-visible{border-radius:var(--radius-compact);outline:2px solid var(--focus);outline-offset:3px}.recordings-brand{color:var(--ink);font-size:14px;font-weight:var(--weight-semibold)}.recording-take-page .recordings-brand{font-family:var(--font-serif);font-size:15px;font-weight:var(--weight-medium)}.recordings-header-sub{color:var(--ink-secondary);font-variant-numeric:tabular-nums;font-size:12px}.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}.recordings-facet:hover,.recordings-facet[aria-pressed=true]{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.recordings-facet:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.recordings-state button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.recordings-load-more:focus-visible{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-serif);font-variation-settings:"opsz" 22, "SOFT" 30;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{min-width:0;padding:22px 26px 40px}.recordings-intro{padding-bottom:4px}.recordings-intro h1{font-family:var(--font-serif);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 4px;display:flex}.recordings-day-rule{border-bottom:1px solid var(--rule);flex:1}.recordings-day-sum{color:var(--ink-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.recordings-takes{display:grid}.recording-row{border-radius:var(--radius-panel);color:inherit;transition:background var(--duration-control) ease;border:1px solid #0000;grid-template-columns:84px minmax(0,1fr) auto auto;align-items:center;gap:0 14px;padding:11px 10px 10px;display:grid;position:relative}.recording-row+.recording-row{border-top-color:var(--rule)}.recording-row:hover,.recording-row:focus-within{border-color:var(--rule);background:var(--panel);box-shadow:var(--shadow-hairline)}.recording-row:hover+.recording-row,.recording-row:focus-within+.recording-row{border-top-color:#0000}.recording-row--kept{border-color:var(--rule);background:var(--panel)}.recording-row-when{align-self:start;justify-items:start;gap:5px;padding-top:1px;display:grid}.recording-row-when time{color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:var(--weight-semibold)}.recording-mode{border-radius:var(--radius-compact);background:color-mix(in srgb, var(--ink) 6%, transparent);height:19px;color:var(--ink-secondary);font-size:10.5px;font-weight:var(--weight-medium);align-items:center;padding:0 7px;display:inline-flex}.recording-mode--memorization{background:color-mix(in srgb, var(--spotlight) 10%, transparent);color:var(--spotlight)}.recording-row-open{min-width:0;color:inherit;text-decoration:none}.recording-row-roll{border:1px solid var(--rule);background:var(--panel);border-radius:3px;height:34px;overflow:hidden}.recording-row:hover .recording-row-roll{border-color:var(--hairline)}.recording-row-piece{color:var(--ink);font-family:var(--font-serif);font-weight:var(--weight-medium)}.recording-roll{background:var(--panel);width:100%;height:100%;display:block;overflow:visible}.recording-roll-middle-c{stroke:var(--rule);stroke-width:1px;vector-effect:non-scaling-stroke}.recording-roll-note{fill:var(--ink)}.recording-roll-note--wrong{fill:var(--red);opacity:1}.recording-roll-rule{stroke:var(--ink-tertiary);stroke-dasharray:7 7;stroke-width:1.5px;vector-effect:non-scaling-stroke}.recording-roll-rule--play_from{stroke:var(--spotlight)}.recording-row-caption{color:var(--ink-secondary);font-variant-numeric:tabular-nums;align-items:center;margin-top:6px;font-size:11.5px;display:flex}.recording-row-caption>*+:before{color:var(--hairline);content:"·";padding:0 5px}.recording-row-facts{color:var(--ink-tertiary);font-variant-numeric:tabular-nums;text-align:right;justify-items:end;padding-left:8px;font-size:11px;display:grid}.recording-row-facts>strong{color:var(--ink);font-size:13px;font-weight:var(--weight-semibold)}.recording-keep{border-radius:var(--radius-compact);width:26px;height:26px;color:color-mix(in srgb, var(--ink-tertiary) 45%, transparent);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.recording-keep:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink-tertiary)}.recording-keep--on{color:var(--green)}.recording-keep:focus-visible{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(1340px,100%);margin:0 auto;padding:58px clamp(28px,5vw,82px) 90px}.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-title-row{justify-content:space-between;align-items:end;gap:32px;padding-bottom:12px;display:flex}.recording-take-title-row .recordings-eyebrow{margin:0 0 5px}.recording-take-title-row h1{font-family:var(--font-serif);font-variation-settings:"opsz" 32, "SOFT" 30;font-size:23px;font-weight:var(--weight-medium);letter-spacing:-.005em;margin:0;line-height:1.15}.recording-take-title-row p{color:var(--ink-secondary);margin:6px 0 0;font-size:13px}.recording-take-primary-actions{align-items:center;gap:8px;display:flex}.recording-action{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-height:32px;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--primary{border-color:var(--ink);background:var(--ink);color:var(--panel)}.recording-action:disabled,.recording-retention-actions button:disabled,.recording-wrong-list button:disabled{cursor:not-allowed;opacity:.42}.recording-action:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.recording-retention-actions button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.recording-wrong-list button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.recording-delete-dialog button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.recording-take-roll-panel{border-bottom:1px solid var(--rule);padding:40px 0 34px}.recording-take-roll-panel>p{color:var(--ink-tertiary);margin:12px 0 0 54px;font-size:11px}.recording-playback{border-bottom:1px solid var(--rule);grid-template-columns:minmax(220px,1fr) minmax(210px,auto) auto;align-items:center;gap:7px 24px;min-height:78px;padding:16px 0;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,.recording-output-picker>span{color:var(--ink-secondary);font-size:11px;line-height:1.45}.recording-playback-destination,.recording-output-picker{justify-content:flex-end;align-items:center;gap:10px;display:flex}.recording-output-picker select{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-width:180px;height:36px;color:var(--ink);font:inherit;font-size:max(12px, var(--field-text-floor));padding:0 30px 0 10px}.recording-playback button{border:1px solid var(--ink);border-radius:var(--radius-panel);background:var(--ink);min-height:36px;color:var(--panel);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--weight-semibold);padding:0 14px}.recording-playback .recording-connect-midi{border-color:var(--rule);background:var(--panel);color:var(--ink-secondary);font-weight:var(--weight-medium)}.recording-playback-status{min-height:16px;color:var(--ink-tertiary);text-align:right;grid-column:2/-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:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.recording-output-picker select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.recording-roll-detail-frame{grid-template-rows:22px 240px;grid-template-columns:52px minmax(0,1fr);display:grid}.recording-roll--detail{grid-area:2/2;height:240px}.recording-roll-keyboard{border-block:1px solid var(--rule);border-left:1px solid var(--rule);background:var(--panel);grid-area:2/1;height:240px;position:relative}.recording-roll-key{top:var(--recording-key-top);height:var(--recording-key-height);color:var(--ink-tertiary);align-items:center;padding-left:5px;font-size:8px;display:flex;position:absolute;left:0;right:0}.recording-roll-key--black{background:var(--rule);right:46%}.recording-roll-ruler{height:22px;color:var(--ink-tertiary);font-variant-numeric:tabular-nums;grid-area:1/2;font-size:9px;position:relative}.recording-roll-ruler>span{border-left:1px solid var(--hairline);padding-left:3px;line-height:1;position:absolute;bottom:2px}.recording-take-columns{grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);gap:clamp(36px,6vw,86px);padding-top:42px;display:grid}.recording-take-section h2{font-size:18px;font-weight:var(--weight-semibold);margin:0}.recording-section-heading{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.recording-section-heading>span{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--red) 10%, var(--panel));min-width:24px;height:24px;color:var(--red);font-variant-numeric:tabular-nums;font-size:11px;font-weight:var(--weight-semibold);place-items:center;display:inline-grid}.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{margin:0;padding:0;list-style:none}.recording-wrong-list li{border-bottom:1px solid var(--rule);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:82px;display:grid}.recording-wrong-time{color:var(--ink-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.recording-wrong-list li>div:nth-child(2){gap:4px;display:grid}.recording-wrong-list strong{font-size:13px}.recording-wrong-list li>div:nth-child(2)>span{color:var(--ink-secondary);font-size:11px}.recording-wrong-list button,.recording-retention-actions button,.recording-delete-dialog button{border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--panel);min-height:34px;color:var(--ink);cursor:pointer;font:inherit;font-size:11px;font-weight:var(--weight-semibold);padding:0 11px}.recording-facts{border-left:1px solid var(--rule);padding-left:30px}.recording-facts>h2{border-bottom:1px solid var(--rule);padding-bottom:13px}.recording-facts dl{grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;margin:20px 0 0;font-size:12px;display:grid}.recording-facts dt{color:var(--ink-tertiary)}.recording-facts dd{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);text-align:right;margin:0}.recording-retention-actions{border-top:1px solid var(--rule);gap:8px;margin-top:28px;padding-top:20px;display:grid}.recording-retention-actions button{width:100%}.recording-retention-actions .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){.recording-row,.recording-row-arrow{transition:none}.recordings-finishing-mark{opacity:1;animation:none}}@media (max-width:900px){.recordings-layout{grid-template-columns:1fr}.recordings-rail{border-right:0;border-bottom:1px solid var(--rule);gap:7px;height:auto;padding:18px 22px;display:flex;position:static;overflow-x:auto}.recordings-eyebrow,.recordings-storage,.recordings-facet small{display:none}.recordings-facet{border:1px solid var(--rule);flex:none;width:auto;min-height:34px;padding:6px 10px}.recordings-facet>span{max-width:180px;display:block}.recordings-facet b{margin-left:5px}.recordings-main{padding-top:42px}}@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:34px calc(16px + var(--safe-r)) calc(54px + var(--safe-b)) calc(16px + var(--safe-l))}.recordings-intro h1{font-size:32px}.recordings-intro-facts{font-size:12px}.recording-row{grid-template-columns:72px minmax(0,1fr);gap:14px;min-height:148px;padding:18px 2px}.recording-row-facts{position:absolute;top:20px;right:2px}.recording-row-facts>span:not(:-webkit-any(.recording-kept,.recording-row-arrow)){display:none}.recording-row-facts>span:not(:is(.recording-kept,.recording-row-arrow)){display:none}.recording-row-facts>strong{font-size:13px}.recording-row-arrow{display:none}.recording-row-score{padding-top:28px}.recording-row-piece{padding-right:40px}.recording-row-piece strong{font-size:16px}.recording-row-piece span{display:none}.recording-row-caption{white-space:nowrap;gap:9px;overflow:hidden}.recordings-state,.recordings-empty{margin:42px auto;padding:24px}.recording-take{padding:36px 16px 60px}.recording-take-title-row{display:grid}.recording-take-title-row h1{font-size:36px}.recording-take-primary-actions{width:100%}.recording-take-primary-actions>*{flex:1}.recording-roll-detail-frame{grid-template-columns:38px minmax(0,1fr)}.recording-take-roll-panel>p{margin-left:40px}.recording-playback{grid-template-columns:1fr auto;gap:12px 18px;padding:20px 0}.recording-playback-copy{grid-column:1/-1}.recording-playback-destination{grid-column:1;justify-items:start;gap:8px;display:grid}.recording-output-picker{justify-content:stretch;gap:5px;display:grid}.recording-output-picker select{width:100%;min-width:0}.recording-playback-transport{align-self:end}.recording-playback-status{text-align:left;grid-column:1/-1;min-height:0}.recording-take-columns{grid-template-columns:1fr}.recording-facts{border-top:1px solid var(--rule);border-left:0;padding-top:34px;padding-left:0}.recording-wrong-list li{grid-template-columns:46px minmax(0,1fr);padding:13px 0}.recording-wrong-list button{grid-column:2;justify-self:start}}.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}.brief-back:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.brief-back:focus-visible{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:focus-visible{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}.brief-share-primary:hover:not(:disabled){box-shadow:var(--shadow-popover)}.brief-share-primary:disabled{cursor:wait;opacity:.58}.brief-share-primary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.brief-share-result button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.brief-share-history button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.brief-share-name-form button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.brief-share-name-form input:focus-visible{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-serif);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-serif);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-serif);font-variation-settings:"opsz" 72, "SOFT" 55;font-size:clamp(42px,6vw,72px);font-weight:var(--weight-medium);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-serif);font-variation-settings:"opsz" 36, "SOFT" 55;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}.brief-shaky button:hover{background:var(--ink-soft)}.brief-shaky button:focus-visible{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-serif);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-serif);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-serif);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 20px}}@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-serif);font-variation-settings:"opsz" 24, "SOFT" 45;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-serif);font-variation-settings:"opsz" 88, "SOFT" 55;font-size:clamp(48px,7vw,88px);font-weight:var(--weight-medium);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-serif);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-serif);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-serif);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;align-items:center;gap:8px;padding:8px 14px;line-height:1.2;display:inline-flex;position:fixed;left:50%;overflow:hidden}.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}.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-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)}@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)}}@media (prefers-reduced-motion:reduce){.midi-status-pill{animation:none;transform:translate(-50%)}.midi-status-pill[data-leaving]{animation:none}}.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}.nav-activity-trigger:hover{background:color-mix(in srgb, var(--ink) 5%, var(--panel))}.nav-activity-trigger:focus-visible{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)}.nav-activity-popover{z-index:120;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);position:absolute;top:calc(100% + 8px);right:0}.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-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;overflow:hidden}.account-menu-trigger:before{content:"";position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.account-menu-trigger:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.account-menu-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.account-menu{z-index:120;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;position:absolute;top:calc(100% + 8px);right:0}.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}.account-menu-item:not(:disabled):hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.account-menu-item:not(:disabled):hover .account-menu-icon{background:var(--ink)}.account-menu-item--logout:not(:disabled):hover{background:color-mix(in srgb, var(--red-deep) 8%, transparent);color:var(--red-deep)}.account-menu-item--logout:not(:disabled):hover .account-menu-icon{background:var(--red-deep)}.account-menu-item:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.account-menu-item: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}}