@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{--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;--lacquer:linear-gradient(177deg, #2a2a28 0%, #161513 42%, #0c0b0a 100%);--rule:#e7e5df;--ink-secondary:#5b5951;--ink-tertiary:#98948a;--radius-panel:8px;--shadow-hairline:0 1px 1px #14120c08;--shadow-popover:0 12px 32px -12px #14120c33, 0 2px 6px #14120c0f;--font-body:"Inter Variable", "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-display:var(--font-body);--font-serif:"Fraunces Variable", "Georgia", "Times New Roman", serif;--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}.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}html,body{background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--font-body);font-feature-settings:"cv01", "ss03";-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}.library-banners:empty{display:none}.billing-library-banner{border-bottom:1px solid var(--rule);background:var(--panel);justify-content:space-between;align-items:center;gap:18px;min-height:48px;padding:10px 20px;display:flex}.billing-library-banner p{color:var(--ink);font-family:var(--font-body);margin:0;font-size:13px;line-height:1.5}.billing-library-banner a{color:var(--accent-info);font-size:13px;font-weight:var(--weight-semibold);flex:none}.billing-library-banner--payment-issue{border-bottom-color:color-mix(in srgb, var(--tempo-amber) 38%, var(--rule));background:color-mix(in srgb, var(--tempo-amber) 7%, var(--panel))}.billing-library-banner--payment-issue a{color:var(--tempo-amber-deep)}.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:14px;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{background:var(--paper);flex:1;grid-template-columns:384px minmax(0,1fr);min-height:0;display:grid}@media (max-width:900px){.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;flex-wrap:wrap;gap:10px 12px;padding:12px 18px 10px;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-mins,.shelf-actions{display:none}.shelf-row:hover .shelf-row-meta,.shelf-row:focus-within .shelf-row-meta{opacity:1}.shelf-listen{width:24px;height:24px}.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 + env(safe-area-inset-bottom))}.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-hero-strip,.starter-plate-music{position:relative;overflow:hidden}.stand-hero-strip{border:1px solid var(--rule);background:var(--paper);height:118px;margin-bottom:14px}.stand-hero-strip img{object-fit:contain;object-position:left center;width:100%;height:100%;display:block}.stand-hero-strip:after,.starter-plate-music:after{content:"";background:linear-gradient(90deg, transparent 80%, var(--paper));position:absolute;top:0;bottom:0;left:0;right:0}.stand-hero-strip:after{background:linear-gradient(90deg, transparent 96%, var(--paper))}.starter-plate-music{height:96px;margin-top:8px}.starter-plate-music img{width:auto;max-width:none;height:84px;position:absolute;top:6px;left:12px}.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:13.5px}.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{transition:opacity var(--duration-fast) ease;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-listen{border-radius:var(--radius-pill);width:28px;height:28px;color:color-mix(in srgb, var(--ink-tertiary) 72%, var(--panel));cursor:pointer;transition:background var(--duration-control) ease, border-color var(--duration-control) ease, color var(--duration-control) ease;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0 0 0 2px;display:grid}.shelf-row:hover .shelf-listen:not(:disabled),.shelf-row:focus-within .shelf-listen:not(:disabled){border-color:var(--rule);background:var(--panel);color:var(--ink)}.shelf-listen:hover:not(:disabled){border-color:var(--hairline);background:color-mix(in srgb, var(--ink) 5%, var(--panel));color:var(--ink)}.shelf-listen[data-playing]{border-color:var(--ink);background:var(--ink);color:var(--panel);padding-left:0}.shelf-row:hover .shelf-listen[data-playing],.shelf-listen[data-playing]:hover{border-color:var(--ink);background:var(--ink);color:var(--panel)}.shelf-listen:disabled{cursor:default;opacity:.35}.shelf-listen:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shelf-actions{opacity:0;transition:opacity var(--duration-fast) ease;align-items:center;gap:6px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.shelf-row:hover .shelf-actions,.shelf-row:focus-within .shelf-actions{opacity:1}.shelf-row:hover .shelf-row-meta,.shelf-row:focus-within .shelf-row-meta{opacity:0}.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-row-meta,.shelf-actions,.shelf-listen,.shelf-action,.level-chip,.shelf-sort,.dock-action,.dock-next,.dock-close{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);transition:border-color var(--duration-control) ease, box-shadow var(--duration-control) ease, background var(--duration-control) ease;font-size:14px;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){.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}}.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}}@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;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink-soft) 56%, transparent) transparent;min-width:0;min-height:0;padding:var(--stage-padding);background:linear-gradient(var(--paper), var(--paper));grid-area:3/1;position:relative;overflow:auto}body[data-layout=horizontal] .stage{scrollbar-width:none}.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: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:calc(100% * var(--clef-score-size,1));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}:root:-webkit-full-screen .play-from-hint{margin-top:calc(env(safe-area-inset-top,0px) + 64px)}:root:fullscreen .play-from-hint{margin-top:calc(env(safe-area-inset-top,0px) + 64px)}.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:calc(70% * var(--clef-score-size,1));min-height:0}body[data-layout=horizontal] #score,#score[data-layout=horizontal]{width:max-content;min-width:100%;display:flex}body[data-layout=horizontal] #score svg,#score[data-layout=horizontal] svg{flex:none;width:auto;max-width:none;height:100%;overflow:hidden}.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-anim{transform-box:fill-box;transform-origin:50%}.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-pillar{fill:var(--spotlight);fill-opacity:.2;pointer-events:none;transform-box:fill-box;transform-origin:50%}.clef-cursor-pillar rect{rx:5px}@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-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%}}@media (max-width:720px){.stage{--stage-padding:12px;justify-self:start;width:100vw;max-width:100vw}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 (prefers-reduced-motion:reduce){.play-from-hint,.clef-cursor-pillar,.clef-note-bloom-glow,.clef-note-bloom-press,.clef-note-bloom-anim,.clef-pick-hit,.clef-ottava-ghost,.clef-ottava-arrival,.clef-ottava-glyph-bloom,.clef-ottava-tint{transition:none;animation:none}}.practice-shell{--memorization-rail-clearance:76px;--progress-row-height:51px;grid-template-rows:auto auto minmax(320px,1fr) auto auto;height:100vh;display:grid;overflow:hidden}.practice-shell--memorization .stage{padding-top:calc(var(--stage-padding) + var(--memorization-rail-clearance));scroll-padding-top:calc(var(--stage-padding) + var(--memorization-rail-clearance))}:root:-webkit-full-screen .practice-shell{--memorization-rail-clearance:calc(128px + (var(--progress-row-height) - 1px) + 12px)}:root:fullscreen .practice-shell{--memorization-rail-clearance:calc(128px + (var(--progress-row-height) - 1px) + 12px)}.practice-navbar{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;width:100%;min-height:54px;padding:0 14px;display:none}body[data-library-available=true] .practice-navbar{display:grid}:root:-webkit-full-screen .practice-navbar{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}:root:fullscreen .practice-navbar{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-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-navbar:has(.practice-mode-toast){opacity:1;pointer-events:auto;transform:translateY(0)}body[data-chrome=hidden] .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:calc(env(safe-area-inset-top,0px) + 64px);z-index:46;width:max-content;max-width:min(620px,100vw - 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-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:hover:not(:disabled),.render-settings-trigger[aria-expanded=true],.metronome-trigger:hover:not(:disabled),.metronome-trigger[aria-expanded=true],.play-from-button:hover:not(:disabled),.play-from-button[aria-pressed=true],.play-from-choose-button:hover:not(:disabled),.play-from-choose-button[aria-pressed=true],.practice-more-trigger:hover:not(:disabled),.practice-more-trigger[aria-expanded=true]{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-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}.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}.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-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{border:1px solid color-mix(in srgb, var(--panel) 22%, transparent);border-radius:var(--radius-control);background:var(--ink-deep);width:min(960px,100%);max-height:calc(100vh - 48px);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:8px clamp(16px,3.5vw,52px) 9px;display:grid;position:relative;overflow:visible}.tempo-strip[hidden]{display:none}:root:-webkit-full-screen .tempo-strip{width:100%;margin-top:calc(env(safe-area-inset-top,0px) + 64px);grid-row:3;align-self:start}:root:fullscreen .tempo-strip{width:100%;margin-top:calc(env(safe-area-inset-top,0px) + 64px);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:34px;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;border:1px solid var(--hairline);background:var(--paper-veil-strong);width:max-content;max-width:min(260px,100vw - 24px);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:34px}.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}:root:-webkit-full-screen .score-ruler{width:100%;margin-top:calc(env(safe-area-inset-top,0px) + 64px);transition:transform var(--duration-fast) ease-out;grid-row:3;align-self:start;transform:translateY(0)}:root:fullscreen .score-ruler{width:100%;margin-top:calc(env(safe-area-inset-top,0px) + 64px);transition:transform var(--duration-fast) ease-out;grid-row:3;align-self:start;transform:translateY(0)}:root:-webkit-full-screen body[data-chrome=hidden] .score-ruler{transition:transform var(--duration-panel) ease-in;transform:translateY(-64px)}:root:fullscreen body[data-chrome=hidden] .score-ruler{transition:transform var(--duration-panel) ease-in;transform:translateY(-64px)}.score-ruler-track{cursor:pointer;flex:auto;min-width:0;position:relative}.score-ruler-viewport{background:color-mix(in srgb, var(--ink) 3.5%, transparent);border-left:1px solid color-mix(in srgb, var(--ink) 9%, transparent);border-right:1px solid color-mix(in srgb, var(--ink) 9%, 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}.score-ruler-track:hover .score-ruler-viewport,.score-ruler-viewport[data-dragging]{background:color-mix(in srgb, var(--ink) 6%, transparent);border-color:color-mix(in srgb, var(--ink) 16%, 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-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-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){:root:-webkit-full-screen .score-ruler{transition:none}:root:fullscreen .score-ruler{transition:none}:root:-webkit-full-screen body[data-chrome=hidden] .score-ruler{transition:none}:root:fullscreen body[data-chrome=hidden] .score-ruler{transition:none}.score-ruler-viewport{transition:none}.score-ruler-tick,.score-ruler-tick-num{animation:none}}.memorization-session-progress{pointer-events:none;z-index:20;--plaque-border:var(--rule);--plaque-background:var(--panel);--plaque-radius:var(--radius-panel);--plaque-shadow:var(--shadow-popover);grid-area:3/1;place-self:start center;justify-items:center;gap:6px;width:-moz-fit-content;width:fit-content;min-width:0;max-width:min(720px,100% - 48px);margin-top:12px;padding:9px 16px 10px;display:grid}:root:-webkit-full-screen .memorization-session-progress{margin-top:calc(env(safe-area-inset-top,0px) + 64px + (var(--progress-row-height) - 1px) + 12px);transition:transform var(--duration-fast) ease-out;transform:translateY(0)}:root:fullscreen .memorization-session-progress{margin-top:calc(env(safe-area-inset-top,0px) + 64px + (var(--progress-row-height) - 1px) + 12px);transition:transform var(--duration-fast) ease-out;transform:translateY(0)}:root:-webkit-full-screen body[data-chrome=hidden] .memorization-session-progress{transition:transform var(--duration-panel) ease-in;transform:translateY(-64px)}:root:fullscreen body[data-chrome=hidden] .memorization-session-progress{transition:transform var(--duration-panel) ease-in;transform:translateY(-64px)}.memorization-session-progress[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-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}}.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,100vw - 24px);color:var(--ink);font-family:var(--font-body);padding:13px 14px 11px;position:fixed}.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:baseline;gap:12px;padding-bottom:9px;display:flex}.trouble-spot-plaque-title{font-size:13px;font-weight:var(--weight-semibold);line-height:1.3}.trouble-spot-plaque-total,.trouble-spot-passes{color:var(--ink-tertiary);font-size:11.5px;line-height:1.35}.trouble-spot-plaque-total{white-space:nowrap}.trouble-spot-notation{border-radius:var(--radius-compact);background:var(--paper);place-items:center;min-height:120px;margin:10px -3px 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-top:7px;padding-top:8px;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{margin:8px 0 0}.trouble-spot-plaque-actions{border-top:1px solid var(--rule);justify-content:flex-end;margin-top:9px;padding-top:8px;display:flex}.trouble-spot-clear{border:1px solid var(--rule);border-radius:var(--radius-compact);background:var(--panel);min-height:32px;color:var(--ink-secondary);font-family:var(--font-body);font-size:12px;font-weight:var(--weight-medium);cursor:pointer;padding:0 9px}.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}@media (max-width:720px){.trouble-spot-plaque{width:auto;right:12px;top:auto!important;bottom:max(12px, env(safe-area-inset-bottom,0px))!important;max-height:calc(100dvh - 12px - max(12px, env(safe-area-inset-bottom,0px)))!important;left:12px!important}}.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:100vw;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{gap:7px;max-width:calc(100vw - 16px);padding-left:9px}.practice-mode-toast-message{font-size:12px}.practice-mode-toast-action{padding:0 9px}}@media (max-width:520px){.practice-mode-toast-action-full{display:none}.practice-mode-toast-action-short{display:inline}}@media (max-width:720px){.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,100vw - 24px)}.practice-more-menu{min-width:min(268px,100vw - 24px)}.practice-video-modal{padding:12px}.practice-video-panel{max-height:calc(100vh - 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{flex-wrap:wrap;justify-self:start;gap:10px;width:100vw;max-width:100vw;padding:10px 16px}.controls-actions{flex:100%;justify-content:flex-end}.controls-actions button{flex:120px;min-width:0;min-height:42px;padding:0 14px}}@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-mode-option,.practice-mode-toast,.practice-mode-toast-action,.practice-more-item{transition:none;animation:none}:root:-webkit-full-screen .practice-navbar{transition:none;animation:none}:root:fullscreen .practice-navbar{transition:none;animation:none}:root:-webkit-full-screen .memorization-session-progress{transition:none;animation:none}:root:fullscreen .memorization-session-progress{transition:none;animation:none}:root:-webkit-full-screen body[data-chrome=hidden] .memorization-session-progress{transition:none;animation:none}:root:fullscreen body[data-chrome=hidden] .memorization-session-progress{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}}.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, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));width:min(520px,100vw - 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-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, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));width:calc(100vw - 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, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));width:min(500px,100vw - 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, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));width:calc(100vw - 24px);padding:18px}.piece-complete-actions{justify-content:stretch}.piece-complete-primary,.piece-complete-secondary{flex:160px}}.submission-dialog{z-index:120;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.submission-dialog-backdrop{background:color-mix(in srgb, var(--ink) 46%, transparent);cursor:default;-webkit-backdrop-filter:blur(4px);border:0;position:absolute;top:0;bottom:0;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);width:min(520px,100%);max-height:calc(100vh - 48px);color:var(--ink);position:relative;overflow:auto}.submission-dialog-backdrop:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-width:640px){.submission-dialog{align-items:end;padding:12px}.submission-dialog-panel{width:100%;max-height:calc(100vh - 24px)}}.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);resize:vertical;padding:11px 12px;font-size:.94rem;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){.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);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){.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);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;border:1px solid color-mix(in srgb, var(--green) 35%, var(--line));background:color-mix(in srgb, var(--paper) 94%, transparent);max-width:min(420px,100vw - 32px);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, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));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);width:min(560px,100vw - 36px);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,100vw - 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, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));width:calc(100vw - 24px);padding:18px}.tour-actions{justify-content:stretch}.tour-primary,.tour-secondary{flex:160px}}.auth-page{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:100vh;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);transition:border-color var(--duration-control) ease;padding:10px 12px;font-size:1rem}.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-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{background:var(--paper);flex-direction:column;min-height:100vh;display:flex;position:relative}.onboarding-brand{z-index:1;font-family:var(--font-serif);font-optical-sizing:auto;font-size:1.19rem;font-weight:var(--weight-semibold);color:var(--ink);position:absolute;top:24px;left:28px}.journey-dots{align-items:center;gap:9px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:31px;left:50%;transform:translate(-50%)}.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;flex-direction:column;flex:1;align-items:center;padding:92px 24px 52px;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)}@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-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);box-shadow:0 30px 70px -34px color-mix(in srgb, var(--ink) 40%, transparent), 0 1px 2px color-mix(in srgb, var(--ink) 5%, transparent);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;overflow:hidden}.onboarding-page:has(.midi-setup--onboarding[data-step=soundcheck]) .midi-setup-step{padding-top:76px;padding-bottom:32px}.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:20px;left:20px}.journey-dots{top:27px}.midi-setup-step{padding:84px 16px 40px}.midi-connection-visuals{grid-template-columns:1fr}.onboarding-pulse{width:118px;height:118px}}.settings-shell{background:var(--paper);grid-template-columns:minmax(220px,268px) minmax(0,1fr);min-height:100vh;display:grid}.settings-sidebar{border-right:1px solid var(--line);background:color-mix(in srgb, var(--panel) 55%, var(--paper));flex-direction:column;align-self:start;height:100vh;padding:30px 16px 20px;display:flex;position:sticky;top:0}.settings-sidebar-head{flex-direction:column;gap:14px;margin-bottom:22px;padding:0 10px;display:flex}.settings-back{width:max-content;color:var(--muted);font-size:.84rem;font-weight:var(--weight-semibold);transition:color var(--duration-fast) ease;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.settings-back:before{content:"←";font-size:.95rem;line-height:1}.settings-back:hover{color:var(--ink)}.settings-back:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:3px}.settings-title{font-family:var(--font-display);font-size:1.7rem;font-weight:var(--weight-semibold);letter-spacing:.005em;color:var(--ink);margin:0}.settings-nav{flex-direction:column;gap:2px;display:flex}.settings-nav-link{border-radius:var(--radius-control);color:var(--ink-soft);font-size:.92rem;font-weight:var(--weight-semibold);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;align-items:center;gap:11px;padding:8px 11px;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:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink);font-weight:var(--weight-display)}.settings-nav-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.settings-nav-icon{width:16px;height:16px;color:var(--muted);opacity:.88;transition:color var(--duration-fast) ease, opacity var(--duration-fast) ease, transform 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-nav-link.is-active .settings-nav-icon{transform:translate(1px)}.settings-sidebar-foot{border-top:1px solid var(--line);color:var(--muted);overflow-wrap:anywhere;margin:auto 0 0;padding:14px 11px 0;font-size:.8rem;line-height:1.4}.settings-content{min-width:0;padding:clamp(30px,5vw,68px) clamp(20px,5vw,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-page-head{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding-bottom:18px;display:flex}.settings-page-title-row{align-items:center;gap:12px;display:flex}.settings-page-head h2{font-family:var(--font-display);font-size:1.45rem;font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--ink);margin:0}.settings-section-desc{color:var(--muted);margin:4px 0 0;font-size:.92rem;line-height:1.5}.settings-page-head .settings-section-desc{max-width:52ch;margin:0}.settings-section{flex-direction:column;display:flex}.settings-subhead{font-family:var(--font-display);font-size:1.05rem;font-weight:var(--weight-semibold);color:var(--ink);margin:30px 0 0}.settings-rows{flex-direction:column;display:flex}.settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;padding:16px 0;display:flex}.settings-row-text{flex-direction:column;gap:3px;min-width:0;display:flex}.settings-row-title{color:var(--ink);font-size:.92rem;font-weight:var(--weight-semibold);margin:0;line-height:1.35}.settings-row-desc{color:var(--muted);margin:0;font-size:.84rem;line-height:1.45}.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 var(--line);border-radius:var(--radius-control);background:color-mix(in srgb, var(--panel) 70%, transparent);height:38px;color:var(--ink);font-family:var(--font-body);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 14px;font-size:.9rem}.settings-select,.settings-content-inner .midi-manual-picker select{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:170px;padding-right:34px}.settings-input{width:250px}.settings-select:hover,.settings-input:hover,.settings-content-inner .midi-manual-picker select:hover{border-color:var(--hairline);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:13px;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);background:color-mix(in srgb, var(--ink) 7%, var(--panel));cursor:pointer;width:40px;height:23px;transition:background var(--duration-control) ease, border-color var(--duration-control) ease, box-shadow var(--duration-control) ease;border-radius:999px;flex:none;padding:0;position:relative}.settings-switch:after{content:"";background:var(--panel);width:17px;height:17px;box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 30%, transparent);transition:transform var(--duration-control) var(--ease-out-gentle);border-radius:999px;position:absolute;top:2px;left:2px}.settings-switch[aria-checked=true]{border-color:var(--ink);background:var(--lacquer)}.settings-switch[aria-checked=true]:after{transform:translate(17px)}.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:38px;padding:8px 16px;font-size:.9rem}.settings-content-inner .settings-secondary-button{min-height:34px;transition:border-color var(--duration-control) ease, background var(--duration-control) ease, color var(--duration-control) ease;padding:7px 14px}.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-top:16px;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:18px 0 0;font-size:.8rem;line-height:1.5}.settings-credit a{color:inherit;white-space:nowrap;text-decoration:underline}.settings-contact-link{color:var(--red-deep);font-size:.9rem;font-weight:var(--weight-display);-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{margin:0;padding:0;list-style:none}.settings-link-row{border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:.92rem;font-weight:var(--weight-semibold);transition:color var(--duration-fast) ease;justify-content:space-between;align-items:center;gap:16px;padding:14px 2px;text-decoration:none;display:flex}.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-control);min-width:82px;color:var(--ink-soft);cursor:pointer;font-family:var(--font-body);font-size:.82rem;font-weight:var(--weight-display);transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;flex:none;padding:7px 12px}.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:4px}.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:.92rem;font-weight:var(--weight-semibold);line-height:1.35}@media (max-width:720px){.settings-shell{grid-template-columns:1fr}.settings-sidebar{height:auto;padding:20px 16px;position:static}.settings-sidebar-head{margin-bottom:16px}.settings-nav{flex-flow:wrap;gap:4px}.settings-sidebar-foot{display:none}.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:14px;transform:none}}.midi-status-pill{z-index:85;border:1px solid var(--line);background:var(--paper-veil-soft);-webkit-backdrop-filter:blur(14px);max-width:min(360px,100vw - 32px);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;top:12px;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]{white-space:normal;text-align:center;max-width:min(520px,100vw - 32px)}body[data-view=practice] .midi-status-pill{top:62px}@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;border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--paper);width:max-content;max-width:min(360px,100vw - 24px);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--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;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}}.compact-viewport-notice{z-index:10000;background:linear-gradient(color-mix(in srgb, var(--paper) 92%, transparent), color-mix(in srgb, var(--paper) 92%, transparent)), repeating-linear-gradient(180deg, transparent 0, transparent 30px, color-mix(in srgb, var(--ink) 4.5%, transparent) 31px, transparent 32px);place-items:center;min-height:100vh;padding:28px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.compact-viewport-notice__content{border-top:4px solid var(--ink);flex-direction:column;gap:18px;width:min(100%,430px);padding-top:26px;display:flex}.compact-viewport-notice__title{color:var(--ink);font-family:var(--font-display);font-size:clamp(2rem,12vw,3rem);font-weight:var(--weight-display);margin:0;line-height:.98}.compact-viewport-notice__copy{color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.55}.compact-viewport-notice__button{border-radius:var(--radius-compact);background:var(--ink);width:100%;min-height:48px;color:var(--paper);cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:var(--weight-display);border:0;margin-top:6px;padding:12px 16px}.compact-viewport-notice__button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}