:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6fb;--bg-elevated:#fff;--bg-grouped:#ffffffa8;--label:#000;--label-2:#32323adb;--label-3:#3c3c434d;--label-4:#3c3c432e;--separator:#3c3c432e;--fill:#78788033;--fill-2:#7878801f;--tint:#0a84ff;--tint-strong:#0071e3;--tint-text:#06c;--red-text:#d70015;--green:#30d158;--yellow:#ffd60a;--orange:#ff9f0a;--red:#ff453a;--purple:#bf5af2;--blue:#0a84ff;--green-text:#167a35;--orange-text:#a35200;--glass:#ffffff9e;--glass-border:#ffffff80;--glass-blur:blur(28px) saturate(180%);--glass-blur-thin:blur(16px) saturate(170%);--glass-blur-thick:blur(40px) saturate(190%);--glass-fill:#ffffff94;--glass-fill-thin:#ffffff61;--glass-fill-thick:#ffffffbd;--glass-edge:linear-gradient(140deg, #fff 0%, #ffffff80 38%, #464c6e1a 70%, #ffffffd9 100%);--glass-highlight:inset 0 1px 0 #ffffffb3;--glass-shadow:0 10px 40px #28325a1f, 0 2px 8px #28325a0f;--glass-shadow-lg:0 24px 80px #28325a38, 0 4px 16px #28325a14;--glass-select:#ffffffeb;--glass-press:#ffffff8c;--glass-inset:#ffffff80;--ambient-alpha:30%;--shadow-color:0, 0, 0;--shadow-sm:0 2px 8px rgba(var(--shadow-color), .06);--shadow-md:0 8px 28px rgba(var(--shadow-color), .1);--shadow-lg:0 20px 60px rgba(var(--shadow-color), .16);--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;--text-largetitle:34px;--text-title1:28px;--text-title2:22px;--text-title3:20px;--text-headline:17px;--text-body:17px;--text-callout:16px;--text-subhead:15px;--text-footnote:13px;--text-caption:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-card:26px;--radius-bar:36px;--radius-sheet:32px;--radius-pill:999px;--ease-spring:cubic-bezier(.32, .72, 0, 1);--dur-fast:.15s;--dur-base:.25s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-height:88px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-elevated:#1c1c1e;--bg:#07070b;--bg-grouped:#2c2c348c;--glass:#1c1c1eb8;--glass-blur:blur(30px) saturate(170%);--glass-blur-thin:blur(18px) saturate(160%);--glass-blur-thick:blur(44px) saturate(180%);--glass-fill:#1c1c229e;--glass-fill-thin:#3c3c464d;--glass-fill-thick:#1a1a20a8;--glass-edge:linear-gradient(140deg, #ffffff80 0%, #ffffff24 36%, #ffffff0a 68%, #ffffff47 100%);--glass-highlight:inset 0 1px 0 #ffffff2e;--glass-shadow:0 12px 44px #00000080, 0 2px 8px #0000004d;--glass-shadow-lg:0 28px 90px #000000b3, 0 4px 16px #0006;--glass-select:#ffffff2b;--glass-press:#ffffff29;--glass-inset:#ffffff1a;--ambient-alpha:38%;--green-text:#30d158;--orange-text:#ff9f0a;--label:#fff;--label-2:#ebebf5ad;--tint-strong:#0a6cdc;--tint-text:#4da3ff;--red-text:#ff6961;--label-3:#ebebf54d;--label-4:#ebebf52e;--separator:#545458a6;--fill:#7878805c;--fill-2:#7878803d;--glass-border:#ffffff1a;--shadow-color:0, 0, 0;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 28px #0006;--shadow-lg:0 20px 60px #0000008c}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-elevated:#1c1c1e;--bg:#07070b;--bg-grouped:#2c2c348c;--glass:#1c1c1eb8;--glass-blur:blur(30px) saturate(170%);--glass-blur-thin:blur(18px) saturate(160%);--glass-blur-thick:blur(44px) saturate(180%);--glass-fill:#1c1c229e;--glass-fill-thin:#3c3c464d;--glass-fill-thick:#1a1a20a8;--glass-edge:linear-gradient(140deg, #ffffff80 0%, #ffffff24 36%, #ffffff0a 68%, #ffffff47 100%);--glass-highlight:inset 0 1px 0 #ffffff2e;--glass-shadow:0 12px 44px #00000080, 0 2px 8px #0000004d;--glass-shadow-lg:0 28px 90px #000000b3, 0 4px 16px #0006;--glass-select:#ffffff2b;--glass-press:#ffffff29;--glass-inset:#ffffff1a;--ambient-alpha:38%;--green-text:#30d158;--orange-text:#ff9f0a;--label:#fff;--label-2:#ebebf5ad;--tint-strong:#0a6cdc;--tint-text:#4da3ff;--red-text:#ff6961;--label-3:#ebebf54d;--label-4:#ebebf52e;--separator:#545458a6;--fill:#7878805c;--fill-2:#7878803d;--glass-border:#ffffff1a;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 28px #0006;--shadow-lg:0 20px 60px #0000008c}*,:before,:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent;margin:0}html,body,#root{height:100dvh}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}button,[role=button],[role=switch],[role=tab],[role=slider],a,nav,label,summary,select,input{touch-action:manipulation}#root>div{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body{background:var(--bg);color:var(--label);font-family:var(--font-family);font-size:var(--text-body);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior:none;transition:background-color var(--dur-base) var(--ease-spring);line-height:1.4}img,svg,video,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}a{color:var(--tint);text-decoration:none}h1,h2,h3,h4,p{overflow-wrap:break-word}button,[role=button],[role=switch],[role=tab],[role=slider],nav,label{-webkit-user-select:none;user-select:none}.screen{min-height:100%;padding:calc(var(--safe-top) + var(--space-6)) var(--space-4) calc(var(--tabbar-height) + var(--safe-bottom) + var(--space-5));max-width:960px;padding-left:max(var(--space-4), env(safe-area-inset-left,0px));padding-right:max(var(--space-4), env(safe-area-inset-right,0px));margin:0 auto}.tnum{font-variant-numeric:tabular-nums}.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}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}:focus{outline:none}:focus-visible{outline:3px solid color-mix(in srgb, var(--tint) 55%, transparent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:where(.glass,.glass-thin,.glass-thick,.surface){position:relative}.glass,.glass-thin,.glass-thick{background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight), var(--glass-shadow)}.glass-thin{background:var(--glass-fill-thin);-webkit-backdrop-filter:var(--glass-blur-thin);backdrop-filter:var(--glass-blur-thin);box-shadow:var(--glass-highlight), 0 4px 16px rgba(var(--shadow-color), .06)}.glass-thick{background:var(--glass-fill-thick);-webkit-backdrop-filter:var(--glass-blur-thick);backdrop-filter:var(--glass-blur-thick);box-shadow:var(--glass-highlight), var(--glass-shadow-lg)}.surface{background:var(--bg-grouped);box-shadow:var(--glass-highlight), var(--glass-shadow)}.glass:before,.glass-thin:before,.glass-thick:before,.surface:before,.edge:before{content:"";border-radius:inherit;background:var(--glass-edge);-webkit-mask-composite:xor;pointer-events:none;z-index:2;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.edge{position:relative}:is(.glass,.glass-thick,.glass-thin) :is(.glass,.glass-thin,.glass-thick){-webkit-backdrop-filter:none;backdrop-filter:none}.glass-flat{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.float-chrome{contain:paint;will-change:transform}.pressable:after{content:"";border-radius:inherit;background:radial-gradient(120% 140% at 30% 0%, var(--glass-press), transparent 70%);opacity:0;transition:opacity .26s var(--ease-spring);pointer-events:none;z-index:1;position:absolute;inset:0}.pressable:active:after{opacity:1;transition-duration:0s}@media (hover:hover){.pressable:hover:after{opacity:.5}.pressable:active:after{opacity:1}}@property --a1{syntax:"<color>";inherits:true;initial-value:#0a84ff}@property --a2{syntax:"<color>";inherits:true;initial-value:#bf5af2}@property --a3{syntax:"<color>";inherits:true;initial-value:#ff9f0a}.ambient{z-index:0;pointer-events:none;background:var(--bg);transition:--a1 .9s,--a2 .9s,--a3 .9s;position:fixed;inset:0;overflow:hidden}.ambient i{background:radial-gradient(closest-side, color-mix(in srgb, var(--blob) var(--ambient-alpha), transparent) 0%, transparent 100%);border-radius:50%;width:90vmax;height:90vmax;animation:60s ease-in-out infinite alternate ambient-drift;position:absolute}.ambient i:first-child{--blob:var(--a1);top:-40vmax;left:-35vmax}.ambient i:nth-child(2){--blob:var(--a2);animation-direction:alternate-reverse;animation-delay:-20s;top:5vmax;right:-45vmax}.ambient i:nth-child(3){--blob:var(--a3);animation-delay:-40s;bottom:-55vmax;left:-20vmax}@keyframes ambient-drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(7vmax,5vmax)scale(1.08)}to{transform:translate(-5vmax,9vmax)scale(.96)}}.ambient[data-calm=true] i{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.ambient i{animation:none}}.eb{z-index:300;justify-content:center;align-items:center;gap:var(--space-3,12px);text-align:center;background:var(--bg);color:var(--label);flex-direction:column;padding:24px;display:flex;position:fixed;inset:0}.eb-icon{color:var(--orange)}.eb-title{letter-spacing:-.3px;margin:0;font-size:28px;font-weight:700}.eb-sub{color:var(--label-2);max-width:420px;margin:0}.eb-details{text-align:left;width:100%;max-width:min(560px,100%);color:var(--label-2);font-size:13px}.eb-details summary{cursor:pointer;text-align:center;border-radius:8px;min-height:32px;line-height:32px}.eb-details pre{white-space:pre-wrap;word-break:break-word;background:var(--bg-grouped);border-radius:12px;max-height:40vh;margin:8px 0 0;padding:12px;overflow:auto}.eb-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.eb-btn{background:var(--fill-2,#78788029);min-height:44px;color:var(--label);border-radius:999px;padding:0 22px;font-weight:600}.eb-primary{background:var(--tint);color:#fff}.eb-btn:focus-visible,.eb-details summary:focus-visible{outline:3px solid color-mix(in srgb, var(--tint) 55%, transparent);outline-offset:2px}.toast-host{left:0;right:0;bottom:calc(var(--safe-bottom,0px) + 90px);z-index:250;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed}.toast{pointer-events:none;background:var(--glass);max-width:480px;color:var(--label);border:1px solid var(--glass-border,transparent);box-shadow:var(--shadow-md,0 8px 24px #0003);-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:14px;padding:10px 16px;font-size:15px;animation:.25s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.toast-action{pointer-events:auto;cursor:pointer;min-height:44px;font-weight:600}.toast-action:focus-visible{outline:3px solid color-mix(in srgb, var(--tint) 55%, transparent);outline-offset:2px}.eb-screen{z-index:2;padding-bottom:110px;position:absolute;inset:0;overflow-y:auto}.eb-danger{flex-direction:column;align-items:center;margin-top:12px;display:flex}.eb-link{min-height:44px;color:var(--label-2);padding:0 16px;font-size:15px;text-decoration:underline}.eb-destructive{background:var(--red,#ff3b30);color:#fff}.eb-link:focus-visible{outline:3px solid color-mix(in srgb, var(--tint) 55%, transparent);outline-offset:2px;border-radius:8px}.tabbar{z-index:50;padding:0 var(--space-4) calc(var(--safe-bottom) + var(--space-3));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-pill{pointer-events:auto;width:100%;max-width:400px;height:64px;transition:max-width .42s var(--ease-spring), height .42s var(--ease-spring), border-radius .42s var(--ease-spring);border-radius:32px;gap:2px;padding:5px;display:flex}.tabbar[data-compact] .tabbar-pill{max-width:176px;height:54px}.tabbar-item{color:var(--label-2);min-width:44px;transition:color var(--dur-fast) var(--ease-spring);border-radius:28px;flex:1;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:relative}.tabbar-item[aria-current=page]{color:var(--tint-text,var(--tint))}.tabbar-content{flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.tabbar-label{max-height:14px;transition:max-height .3s var(--ease-spring), opacity .2s;line-height:14px;display:block;overflow:hidden}.tabbar[data-compact] .tabbar-label{opacity:0;max-height:0}.tabbar-blob{background:var(--glass-select);box-shadow:var(--glass-highlight), inset 0 0 0 .5px var(--glass-inset), 0 2px 10px rgba(var(--shadow-color), .14);border-radius:28px;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.tabbar-pill,.tabbar-label{transition:none}}.mic-level{align-items:center;gap:var(--space-3);display:inline-flex}.ml-bars{background:color-mix(in srgb, var(--label) 6%, transparent);height:22px;box-shadow:inset 0 1px 2px rgba(var(--shadow-color), .1);border-radius:12px;align-items:center;gap:3px;padding:0 7px;display:inline-flex}.ml-bar{background:var(--label-4);width:6px;height:12px;transition:background-color 90ms linear, transform .12s var(--ease-spring);border-radius:3px}.ml-bar.on{background:var(--tint);transform:scaleY(1.2)}.ml-bar.on[data-hot=true]{background:var(--orange)}.mic-level.hit .ml-bar.on{background:var(--green)}.mic-level.hit .ml-bar.on[data-hot=true]{background:var(--orange)}.ml-bar.peak{background:color-mix(in srgb, var(--label) 45%, transparent)}.ml-note{min-width:3.4ch;font-size:var(--text-footnote);text-align:center;color:var(--label-2);font-variant-numeric:tabular-nums;letter-spacing:.2px;font-weight:600}.mic-level.hit .ml-note{color:var(--label)}.mic-level.compact .ml-bars{gap:2px;height:18px;padding:0 5px}.mic-level.compact .ml-bar{width:4px;height:9px}.mic-level-error{font-size:var(--text-footnote);color:var(--orange-text);margin:0}@media (prefers-reduced-motion:reduce){.ml-bar{transition:none}}.vb-btn{border-radius:var(--radius-pill);height:44px;font-size:var(--text-callout);white-space:nowrap;letter-spacing:-.01em;transition:opacity var(--dur-fast) var(--ease-spring);color:var(--tint-text,var(--tint));justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:600;display:inline-flex;position:relative}.vb-btn[data-size=lg]{height:52px;font-size:var(--text-headline);padding:0 32px}.vb-btn[data-variant=primary]{height:50px}.vb-btn[data-variant=primary][data-size=lg]{height:52px}.vb-btn[data-full=true]{width:100%;display:flex}.vb-btn[data-variant=primary]{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--tint-strong) 92%, #fff 8%), color-mix(in srgb, var(--tint-strong) 94%, #000 6%));-webkit-backdrop-filter:var(--glass-blur-thin);backdrop-filter:var(--glass-blur-thin);box-shadow:inset 0 1px 0 #fff6, inset 0 -1px 0 #0000001f, 0 8px 24px color-mix(in srgb, var(--tint) 38%, transparent)}.vb-btn[data-variant=primary]:before{--glass-edge:linear-gradient(140deg, #ffffffbf, #ffffff1a 45%, #ffffff59)}.vb-btn[data-variant=ghost]{box-shadow:none;background:0 0}.vb-btn[data-variant=ghost]:before{display:none}.vb-btn[data-variant=destructive]{color:var(--red-text,var(--red));background-color:color-mix(in srgb, var(--red) 14%, var(--glass-fill));box-shadow:var(--glass-highlight)}.vb-btn:disabled{opacity:.4}.vb-icon-btn{width:44px;height:44px;color:var(--label);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.vb-icon-btn[data-variant=fill]{background:var(--glass-fill-thin);box-shadow:var(--glass-highlight)}.vb-icon-btn[data-variant=plain],.vb-icon-btn[data-active=true]{color:var(--tint-text,var(--tint))}.vb-icon-btn:disabled{opacity:.4}.vb-card{border-radius:var(--radius-card)}.vb-card[data-interactive=true]{cursor:pointer;overflow:hidden}.vb-card[data-interactive=true]:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;opacity:0;background:linear-gradient(115deg, transparent 30%, var(--glass-press) 50%, transparent 70%);position:absolute;inset:0;transform:translate(-100%)}.vb-card[data-interactive=true]:active:after{opacity:1;transition:transform .52s var(--ease-spring);transform:translate(100%)}@media (prefers-reduced-motion:reduce){.vb-card[data-interactive=true]:active:after{transition:none}}.vb-pill{border-radius:var(--radius-pill);height:24px;font-size:var(--text-caption);white-space:nowrap;color:var(--c,var(--label-2));background:color-mix(in srgb, var(--c,transparent) 14%, var(--glass-fill-thin));box-shadow:var(--glass-highlight);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:center;gap:4px;padding:0 10px;font-weight:600;display:inline-flex}.vb-pill:before{padding:.5px}.vb-seg{border-radius:var(--radius-pill);gap:0;padding:3px}.vb-seg-item{border-radius:var(--radius-pill);min-height:36px;font-size:var(--text-footnote);color:var(--label);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex;position:relative}.vb-seg-thumb{border-radius:var(--radius-pill);background:var(--glass-select);box-shadow:var(--glass-highlight), 0 2px 10px rgba(var(--shadow-color), .14);-webkit-backdrop-filter:none;backdrop-filter:none;position:absolute;inset:0}.vb-toggle{border-radius:var(--radius-pill);background:var(--fill);width:52px;height:32px;box-shadow:inset 0 1px 3px rgba(var(--shadow-color), .18), inset 0 0 0 .5px var(--separator);transition:background-color var(--dur-base) var(--ease-spring);flex-shrink:0;position:relative}.vb-toggle[aria-checked=true]{background:var(--green);box-shadow:inset 0 1px 2px #00000026, 0 0 14px color-mix(in srgb, var(--green) 35%, transparent)}.vb-toggle:disabled{opacity:.4}.vb-toggle-knob{background:radial-gradient(circle at 35% 25%,#fff,#f1f2f7);border-radius:50%;width:28px;height:28px;position:absolute;top:2px;left:2px;box-shadow:inset 0 1px #fff,0 2px 8px #00000040,0 0 0 .5px #0000000f}.vb-slider-track{background:var(--fill);width:100%;height:8px;box-shadow:inset 0 1px 2px rgba(var(--shadow-color), .16);border-radius:4px;position:relative}.vb-slider-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--tint) 80%, #fff), var(--tint));border-radius:4px;position:absolute;inset:0}.vb-slider-knob{width:38px;height:28px;transition:transform var(--dur-fast) var(--ease-spring);background:linear-gradient(#fffffffa,#f0f3fce0);border-radius:14px;position:absolute;top:50%;box-shadow:inset 0 1px #fff,inset 0 -2px 4px #5a6eb424,0 3px 12px #00000040,0 0 0 .5px #00000014}.glass-thick.sheet-surface{background:color-mix(in srgb, var(--bg-elevated) 42%, var(--glass-fill-thick))}.vb-seg-item,.tabbar-item{transition:transform var(--dur-fast) var(--ease-spring), color var(--dur-fast) var(--ease-spring)}.vb-seg-item:active,.tabbar-item:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.vb-seg-item:active,.tabbar-item:active,.chip:active,.collection-tab:active,.continue-card:active,.nextup-card:active{transform:none}}.onboarding{height:100%;min-height:100%;padding:calc(var(--safe-top) + var(--space-6)) var(--space-5) calc(var(--safe-bottom) + var(--space-5));flex-direction:column;align-items:center;max-width:480px;margin:0 auto;display:flex;overflow:hidden}.onb-stage{flex:1;justify-content:center;align-items:stretch;width:100%;min-height:0;display:flex}.onb-step{touch-action:pan-y;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding-top:clamp(8px,5vh,48px);display:flex}.onb-step:has(.onb-instruments){justify-content:center;padding-top:0}.onb-hero{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.onb-icon{margin-bottom:var(--space-3);border-radius:26px;box-shadow:inset 0 1px #ffffff80,0 14px 36px #0a84ff59,0 2px 6px #00000026}.onb-title{font-size:var(--text-largetitle);letter-spacing:-.6px;font-weight:700;line-height:1.12}.onb-title.small{font-size:var(--text-title1);letter-spacing:-.3px}.onb-sub{font-size:var(--text-body);color:var(--label-2);max-width:320px;line-height:1.4}.onb-warn{font-size:var(--text-footnote);color:var(--orange-text);max-width:300px;margin-top:var(--space-2)}.mic-badge{color:#fff;width:96px;height:96px;margin-bottom:var(--space-3);background:linear-gradient(145deg, var(--green), #1f9d45);border-radius:50%;place-items:center;display:grid;box-shadow:0 14px 36px #30d15859}.onb-features{width:100%}.onb-features .onb-title{text-align:center;margin-bottom:var(--space-5)}.onb-features ul{gap:var(--space-5);flex-direction:column;padding:0;list-style:none;display:flex}.onb-features li{align-items:center;gap:var(--space-4);display:flex}.feat-icon{color:#fff;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.feat-text{font-size:var(--text-body);font-weight:500;line-height:1.35}.onb-footer{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.dots{margin-bottom:var(--space-3);gap:8px;display:flex}.dot{background:var(--label-4);width:8px;height:8px;transition:width .25s var(--ease-spring), background-color .25s;border-radius:4px}.dot.on{background:var(--tint);width:22px}.onb-level{align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.onb-features li{background:var(--bg-grouped);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border-radius:var(--radius-card);box-shadow:var(--glass-highlight), var(--glass-shadow)}.onb-features ul{gap:var(--space-3)}.onb-instruments{gap:var(--space-3);width:100%;margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.onb-inst{padding:var(--space-4) var(--space-3) var(--space-3);border-radius:var(--radius-card);background:var(--bg-grouped);color:var(--label);text-align:center;box-shadow:var(--glass-highlight), var(--glass-shadow);transition:box-shadow var(--dur-fast) var(--ease-spring), background-color var(--dur-fast) var(--ease-spring), transform .16s var(--ease-spring);flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.onb-inst:active{transform:scale(.97)}.inst-art{color:var(--tint-text);opacity:.8;margin-bottom:6px;transition:opacity .16s linear}.onb-inst-name{font-size:var(--text-callout);font-weight:650}.onb-inst-desc{font-size:var(--text-footnote);color:var(--label-2);min-height:2.6em;line-height:1.3}.onb-inst.on{background:color-mix(in srgb, var(--tint) 10%, var(--bg-grouped));box-shadow:var(--glass-highlight), 0 8px 26px color-mix(in srgb, var(--tint) 24%, transparent), inset 0 0 0 2px var(--tint)}.onb-inst.on .inst-art{opacity:1}.onb-check{background:var(--tint-strong);color:#fff;opacity:0;width:22px;height:22px;transition:opacity .16s linear, transform .26s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px;transform:scale(.5)}.onb-inst.on .onb-check{opacity:1;transform:scale(1)}.onb-footer{padding-top:var(--space-3)}@media (prefers-reduced-motion:reduce){.onb-inst,.inst-art,.onb-check{transition:none}.onb-inst:active{transform:none}}.song-card-wrap{border-radius:var(--radius-card);min-width:0;position:relative}.song-card{text-align:left;flex-direction:column;display:flex}.song-cover{aspect-ratio:1;color:#fff;border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff59,inset 0 1px #fff6}.cover-art{overflow:hidden}.cover-pattern{pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.song-cover:after{content:"";pointer-events:none;background:radial-gradient(120% 80% at 20% 0,#ffffff38,#0000 55%);position:absolute;inset:0}.song-glyph{opacity:.9;filter:drop-shadow(0 2px 8px #00000040);z-index:1;position:relative}.difficulty-bars{z-index:1;background:#00000038;border-radius:8px;align-items:flex-end;gap:2px;padding:4px 6px;display:inline-flex;position:absolute;top:10px;left:10px}.difficulty-bars span{background:#ffffff59;border-radius:1.5px;width:3px}.difficulty-bars span.on{background:#fff}.song-info{flex-direction:column;flex:1;gap:2px;min-width:0;padding:10px 8px 8px;display:flex}.song-title{font-size:var(--text-headline);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.25;overflow:hidden}.song-artist{font-size:var(--text-subhead);color:var(--label-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.song-meta{font-size:var(--text-caption);color:var(--label-2);margin-top:2px;line-height:1.35}.song-progress{font-size:var(--text-caption);color:var(--label-2);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font-weight:600;display:flex}.song-meta{flex-wrap:wrap;column-gap:0;display:flex}.song-meta span{white-space:nowrap;display:inline-block}.song-meta span:not(:last-child):after{content:"·";color:var(--label-3);margin:0 5px}.song-type{z-index:1;letter-spacing:.01em;color:#fff;background:#00000038;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:10px;right:10px}.song-pill{margin-top:6px}.song-menu{z-index:2;color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:6px;right:6px}.song-menu svg{background:#00000047;border-radius:50%;width:28px;height:28px;padding:5px}.song-card-wrap.highlighted{animation:song-highlight 2.4s var(--ease-spring)}@keyframes song-highlight{0%,60%{box-shadow:0 0 0 3px var(--tint), 0 8px 28px color-mix(in srgb, var(--tint) 45%, transparent)}to{box-shadow:0 0 0 3px #0000,0 8px 28px #0000}}@media (prefers-reduced-motion:reduce){.song-card-wrap.highlighted{box-shadow:0 0 0 3px var(--tint);animation:none}}.level-badge{z-index:1;letter-spacing:.01em;color:#fff;white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--badge,#000) 70%, #0000004d);border-radius:8px;min-width:28px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.3;position:absolute;top:10px;left:10px}.level-badge[data-tier=green]{--badge:var(--green)}.level-badge[data-tier=tint]{--badge:var(--tint)}.level-badge[data-tier=orange]{--badge:var(--orange)}.level-badge[data-tier=red]{--badge:var(--red)}.level-badge.inline{background:var(--badge);position:static}.preview-btn{z-index:3;color:#fff;width:36px;height:36px;transition:transform var(--dur-fast) var(--ease-spring), background-color var(--dur-fast);background:#00000052;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #00000040,inset 0 0 0 .5px #ffffff40}.preview-btn:active{transform:scale(.92)}.preview-btn.on{background:#00000080}.preview-btn>svg:not(.preview-ring){position:relative}.preview-ring{width:100%;max-width:none;height:100%;position:absolute;inset:0}.preview-ring circle{stroke:#fff}.preview-btn:before{content:"";border-radius:50%;position:absolute;inset:-4px}.preview-slot{aspect-ratio:1;pointer-events:none;z-index:3;position:absolute;top:0;left:0;right:0}.preview-slot .preview-btn{pointer-events:auto}.difficulty-bars,.song-type,.level-badge,.song-menu svg,.continue-ribbon,.preview-btn{box-shadow:inset 0 1px #ffffff4d}.preview-btn{background:#14141e6b;box-shadow:0 2px 10px #00000040,inset 0 1px #fff6,inset 0 0 0 .5px #ffffff4d}.song-type,.level-badge{border-radius:999px;padding-inline:9px}.song-title{letter-spacing:-.02em;font-weight:650}.song-menu{top:4px;right:4px}.song-type{inset:auto auto 10px 10px}.song-menu svg{background:#14141e61;box-shadow:inset 0 1px #ffffff4d}.song-menu:active svg{transform:scale(.92)}.song-card-wrap{-webkit-touch-callout:none}.song-card{-webkit-user-select:none;user-select:none}.exercise-cover{aspect-ratio:16/10;place-items:end start}.exercise-kind{z-index:2;color:#fff;background:#14141e47;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:10px;left:10px;box-shadow:inset 0 1px #ffffff59,inset 0 0 0 .5px #ffffff40}.exercise-key-big{z-index:2;color:#fff;text-shadow:0 2px 10px #00000040;align-items:baseline;gap:6px;padding:0 12px 10px;display:flex;position:relative}.exercise-key-big b{letter-spacing:-1.5px;font-size:40px;font-weight:700;line-height:1}.exercise-key-big small{font-size:var(--text-footnote);opacity:.9;font-weight:600}.exercise-card .song-meta{margin-top:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cover-art{filter:saturate(.82)brightness(.9)}}:root[data-theme=dark] .cover-art{filter:saturate(.82)brightness(.9)}.account{gap:var(--space-4);flex-direction:column;display:flex}.account-providers{gap:var(--space-3);flex-direction:column;display:flex}.account-providers .vb-btn{gap:10px}.g-mark{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:13px;font-weight:800;display:inline-grid;box-shadow:inset 0 0 0 .5px #00000026}.account-or{color:var(--label-3);font-size:var(--text-footnote);align-items:center;gap:12px;display:flex}.account-or:before,.account-or:after{content:"";background:var(--separator,var(--label-3));opacity:.6;flex:1;height:.5px}.account-email{gap:var(--space-2);align-items:center;display:flex}.account-email input{border-radius:var(--radius-pill);min-width:0;height:44px;font:inherit;font-size:var(--text-body);color:var(--label);background:var(--glass-fill-thin);box-shadow:var(--glass-highlight), inset 0 0 0 .5px var(--glass-inset);border:0;outline:none;flex:1;padding:0 16px}.account-email input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--tint) 45%, transparent), inset 0 0 0 .5px var(--tint)}.account-email .vb-btn{flex:none;height:44px}.account-note{font-size:var(--text-footnote);color:var(--label-2);text-align:center;line-height:1.4}.account-ok{font-size:var(--text-subhead);color:var(--green-text,var(--green));text-align:center}.account-error{font-size:var(--text-subhead);color:var(--red-text,var(--red));text-align:center}.account-who{align-items:center;gap:var(--space-4);display:flex}.account-id{flex-direction:column;gap:2px;min-width:0;display:flex}.account-id strong{font-size:var(--text-headline);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.account-email-line,.account-id .account-email{font-size:var(--text-subhead);color:var(--label-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-caption{font-size:var(--text-footnote);color:var(--label-2);align-items:center;gap:6px;display:inline-flex}.account-caption[data-tone=warn],.sync-glyph[data-tone=warn]{color:var(--orange-text,var(--orange))}.account-avatar{color:#fff;background:linear-gradient(145deg, var(--tint), var(--tint-strong));width:52px;height:52px;box-shadow:inset 0 0 0 .5px #fff6, inset 0 1px 0 #ffffff73, var(--shadow-md,0 4px 12px #0003);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.account-avatar.small{width:32px;height:32px;font-size:13px}.sync-glyph.spin{animation:1s linear infinite sync-spin}@keyframes sync-spin{to{transform:rotate(360deg)}}.account-rows{border-radius:var(--radius-card);background:var(--glass-fill-thin);box-shadow:var(--glass-highlight), inset 0 0 0 .5px var(--glass-inset);overflow:hidden}.account-row{width:100%;min-height:44px;padding:0 var(--space-4);font-size:var(--text-body);color:var(--tint-text);text-align:left;align-items:center;display:flex}.account-row+.account-row{border-top:.5px solid var(--separator,#80808040)}.account-row:active{background:var(--glass-press)}.account-row:disabled{color:var(--label-3)}.account-row.danger{color:var(--red-text,var(--red))}.account-summary{min-height:56px;padding:6px var(--space-4);align-items:center;gap:12px;display:flex}.account-summary .account-id{flex:1}.account-summary .account-id strong{font-size:var(--text-body);font-weight:500}.signin-card{align-items:center;gap:var(--space-4);margin:0 0 var(--space-5);padding:var(--space-4);flex-wrap:wrap;display:flex}.signin-card-icon{color:#fff;background:linear-gradient(145deg, var(--tint), var(--tint-strong));border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.signin-card-text{flex-direction:column;flex:1;gap:2px;min-width:180px;display:flex}.signin-card-text strong{font-size:var(--text-headline);font-weight:650}.signin-card-text span{font-size:var(--text-subhead);color:var(--label-2)}.signin-card-actions{gap:var(--space-2);display:flex}.signin-card-actions .vb-btn{height:44px}@media (prefers-reduced-motion:reduce){.sync-glyph.spin{animation:none}}.sd{gap:var(--space-4);flex-direction:column;display:flex}.sd-head{align-items:center;gap:var(--space-4);display:flex}.sd-cover{color:#fff;width:88px;height:88px;box-shadow:inset 0 0 0 .5px #ffffff59, inset 0 1px 0 #fff6, var(--shadow-md);border-radius:24px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.sd-id{flex-direction:column;gap:4px;min-width:0;display:flex}.sd-artist{font-size:var(--text-callout);color:var(--label-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sd-facts{font-size:var(--text-subhead);flex-wrap:wrap;font-weight:500;display:flex}.sd-facts span:not(:last-child):after{content:"·";color:var(--label-3);margin:0 6px}.sd-level{display:flex}.sd-stats{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.sd-stat{background:var(--glass-fill-thin);min-height:92px;box-shadow:var(--glass-highlight), inset 0 0 0 .5px var(--glass-inset);border-radius:22px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;display:flex}.sd-stat-label{font-size:var(--text-footnote);text-transform:uppercase;letter-spacing:.02em;color:var(--label-2);font-weight:600}.sd-stat-value{letter-spacing:-.8px;font-size:34px;font-weight:700;line-height:1.1}.sd-stat-sub{font-size:var(--text-footnote);color:var(--label-2)}.sd-card{background:var(--glass-fill-thin);box-shadow:var(--glass-highlight), inset 0 0 0 .5px var(--glass-inset);border-radius:22px;padding:14px 16px 12px}.sd-card-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.sd-card-head h3{font-size:var(--text-subhead);font-weight:600}.sd-legend{font-size:var(--text-caption);color:var(--label-2);gap:10px;display:flex}.sd-legend span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.sd-key{background:var(--label-2);border-radius:50%;width:9px;height:9px;display:inline-block}.sd-key[data-mode=perform]{box-shadow:inset 0 0 0 2px var(--label-2);background:0 0}.sd-empty{font-size:var(--text-subhead);color:var(--label-2);text-align:center;padding:18px 0 14px}.sd-spark{height:96px;padding-left:26px;position:relative}.sd-spark-svg{width:calc(100% - 26px);height:100%;position:absolute;top:0;left:26px;overflow:visible}.sd-grid{stroke:var(--separator);stroke-width:1px;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}.sd-line{fill:none;stroke:var(--label-3);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.sd-dots{position:absolute;inset:0 0 0 26px}.sd-dot{background:var(--c);width:10px;height:10px;box-shadow:0 0 0 2px var(--bg-elevated);border-radius:50%;margin:-5px 0 0 -5px;position:absolute}.sd-dot[data-mode=perform]{background:var(--bg-elevated);box-shadow:inset 0 0 0 2.5px var(--c);width:12px;height:12px;margin:-6px 0 0 -6px}.sd-axis{width:22px;color:var(--label-2);flex-direction:column;justify-content:space-between;padding:4px 0;font-size:10px;display:flex;position:absolute;top:0;bottom:0;left:0}.sd-actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.sd-remove{color:var(--red-text,var(--red))}.sd-confirm{gap:var(--space-3);flex-direction:column;display:flex}.sd-confirm p{text-align:center;font-size:var(--text-subhead);color:var(--label-2)}@media (width<=360px){.sd-actions{grid-template-columns:1fr}}.library{--gutter:var(--space-4);overflow-x:clip}.library-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.library-heading{min-width:0}.large-title{font-size:var(--text-largetitle);letter-spacing:-.6px;font-weight:700;line-height:1.12}.subtitle{font-size:var(--text-subhead);color:var(--label-2);margin-top:2px}.library-header .vb-btn{flex:none}@media (width<=420px){.library-header .subtitle{font-size:var(--text-footnote)}}.section-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:baseline;display:flex}.section-title{font-size:var(--text-title3);letter-spacing:-.02em;font-weight:650;line-height:1.2}.see-all{border-radius:var(--radius-pill);min-height:44px;font-size:var(--text-subhead);color:var(--tint-text);align-items:center;gap:1px;margin:-12px -8px -12px 0;padding:0 8px 0 12px;font-weight:600;display:inline-flex}.see-all svg{margin-top:1px}.continue-section{margin-bottom:var(--space-5)}.continue-wrap{position:relative}.continue-card{align-items:center;gap:var(--space-3);text-align:left;width:100%;min-height:96px;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border-radius:var(--radius-card);background:var(--bg-grouped);box-shadow:var(--glass-highlight), var(--glass-shadow);transition:transform var(--dur-fast) var(--ease-spring);display:flex;position:relative}.continue-card:active{transform:scale(.97)}.continue-card:before{content:"";border-radius:inherit;background:var(--glass-edge);pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.continue-cover{color:#fff;width:72px;height:72px;box-shadow:inset 0 0 0 .5px #ffffff59, inset 0 1px 0 #fff6, var(--shadow-sm);border-radius:20px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.continue-body{flex-direction:column;flex:1;gap:2px;min-width:0;padding-right:44px;display:flex}.continue-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--tint-text);align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.continue-title{font-size:var(--text-headline);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-weight:650;line-height:1.2;overflow:hidden}.continue-sub{font-size:var(--text-footnote);color:var(--label-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.continue-progress{background:var(--fill-2);border-radius:2px;height:4px;margin-top:6px;display:block;overflow:hidden}.continue-progress span{transform-origin:0;background:linear-gradient(90deg, var(--tint), var(--purple));width:100%;height:100%;transition:transform .5s var(--ease-spring);border-radius:2px;display:block}.continue-stars{right:var(--space-4);top:var(--space-3);display:none;position:absolute}.continue-preview{right:var(--space-4);width:40px;height:40px;position:absolute;top:50%;translate:0 -50%;bottom:auto!important}.nextup{margin-bottom:var(--space-5)}.nextup-row{gap:var(--space-3);scroll-snap-type:x proximity;margin:0 calc(var(--gutter) * -1);padding:2px var(--gutter) var(--space-1);scroll-padding:0 var(--gutter);display:flex;overflow-x:auto}.nextup-item{scroll-snap-align:start;flex:none;position:relative}.nextup-card{text-align:left;border-radius:var(--radius-md);width:128px;transition:transform var(--dur-fast) var(--ease-spring);flex-direction:column;flex:none;gap:2px;display:flex;position:relative}.nextup-card:active{transform:scale(.97)}.nextup-cover{color:#fff;width:128px;height:128px;box-shadow:inset 0 0 0 .5px #ffffff4d, var(--shadow-sm);border-radius:24px;place-items:center;margin-bottom:6px;display:grid;position:relative;overflow:hidden}.nextup-title{font-size:var(--text-subhead);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.25;overflow:hidden}.nextup-sub{font-size:var(--text-caption);color:var(--label-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nextup-preview{width:36px;height:36px;top:84px;bottom:auto!important;right:8px!important}.week{margin-bottom:var(--space-5)}.week-title{margin-bottom:var(--space-2)}.week-card{align-items:center;gap:var(--space-4);min-height:96px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);display:flex}.week-ring{flex:none}.week-ring-num{letter-spacing:-.4px;font-size:17px;font-weight:700}.week-ring-num small{color:var(--label-2);margin-left:1px;font-size:10px;font-weight:600}.week-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.week-main{font-size:var(--text-title3);letter-spacing:-.3px;font-weight:700;line-height:1.15}.week-main small{font-size:var(--text-subhead);color:var(--label-2);letter-spacing:0;font-weight:500}.week-sub{font-size:var(--text-footnote);color:var(--label-2);line-height:1.3}.week-side{flex-direction:column;flex:none;gap:6px;display:flex}.week-stat{font-size:var(--text-caption);color:var(--label-2);white-space:nowrap;align-items:center;gap:6px;display:flex}.week-stat strong{font-size:var(--text-headline);color:var(--label);text-align:right;min-width:18px;font-weight:700;line-height:1}.week-icon{border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.week-icon[data-tone=orange]{color:var(--orange-text);background:color-mix(in srgb, var(--orange) 16%, transparent)}.week-icon[data-tone=green]{color:var(--green-text);background:color-mix(in srgb, var(--green) 16%, transparent)}@media (width<=360px){.week-side{display:none}}.library-tabs-anchor{scroll-margin-top:var(--space-4);height:0}.collections{border-radius:var(--radius-pill);margin-bottom:var(--space-3);transition:opacity var(--dur-base) var(--ease-spring);background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight), var(--glass-shadow);scrollbar-width:none;gap:0;padding:3px;display:flex;position:relative;overflow-x:auto}.collections::-webkit-scrollbar{display:none}.collections.dimmed{opacity:.45}.collection-tab{border-radius:var(--radius-pill);min-height:40px;font-size:var(--text-footnote);color:var(--label);white-space:nowrap;transition:transform var(--dur-fast) var(--ease-spring);flex:1 0 auto;justify-content:center;align-items:center;padding:0 12px;font-weight:500;display:inline-flex;position:relative}.collection-tab:active{transform:scale(.97)}.collection-label-short{display:none}@media (width<=429px){.collection-tab{padding:0 9px}.collection-label-full{display:none}.collection-label-short{display:inline}.collection-count{display:none}}.collection-tab.selected{font-weight:600}.collection-thumb{border-radius:var(--radius-pill);background:var(--glass-select);box-shadow:var(--glass-highlight), inset 0 0 0 .5px var(--glass-inset), 0 2px 10px rgba(var(--shadow-color), .14);position:absolute;inset:0}.collection-label{align-items:baseline;gap:6px;display:inline-flex;position:relative}.collection-count{color:var(--label-2);font-size:11px;font-weight:500}.exercise-build{margin-bottom:var(--space-3)}.search{border-radius:var(--radius-pill);height:46px;color:var(--label-2);margin-bottom:var(--space-3);background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight), var(--glass-shadow);align-items:center;gap:8px;padding:0 16px;display:flex;position:relative}.search input{min-width:0;height:100%;font-size:var(--text-body);color:var(--label);appearance:none;background:0 0;border:0;outline:none;flex:1}.search input::placeholder{color:var(--label-2)}.search input::-webkit-search-cancel-button{display:none}.search-clear{color:var(--label-3);place-items:center;width:44px;height:44px;margin-right:-14px;display:grid}.chips{margin:0 calc(var(--gutter) * -1) var(--space-5);padding:2px var(--gutter);scroll-padding:0 var(--gutter);align-items:center;gap:8px;display:flex;overflow-x:auto}.chip-prefix{font-size:var(--text-footnote);color:var(--label-2);flex:none;padding-right:4px;font-weight:600;line-height:34px}.chip{border-radius:var(--radius-pill);background:var(--glass-fill-thin);min-width:44px;height:34px;color:var(--label);font-size:var(--text-subhead);white-space:nowrap;box-shadow:var(--glass-highlight), inset 0 0 0 .5px var(--glass-inset);transition:background-color var(--dur-fast) var(--ease-spring), color var(--dur-fast) var(--ease-spring);flex:none;padding:0 14px;font-weight:500;position:relative}.chip.active{background:var(--tint-strong);color:#fff;box-shadow:inset 0 1px 0 #fff6, 0 4px 14px color-mix(in srgb, var(--tint) 35%, transparent);font-weight:600}.chip-divider{background:var(--separator);flex:none;width:1px;height:18px;margin:0 2px}.search:before,.collections:before,.chip:before{content:"";border-radius:inherit;background:var(--glass-edge);pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.chip.active:before{opacity:.6}.attribution{font-size:var(--text-caption);color:var(--label-2);margin:-8px 0 var(--space-3)}.search-note{font-size:var(--text-footnote);color:var(--label-2);margin:-8px 0 var(--space-3)}.song-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}@media (width<=420px){.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (width>=900px){.library.screen{max-width:1080px}.song-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.empty{text-align:center;padding:var(--space-8) var(--space-5);flex-direction:column;align-items:center;gap:8px;display:flex}.empty-icon{background:var(--glass-fill-thin);width:64px;height:64px;box-shadow:var(--glass-highlight);color:var(--label-2);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.empty h2{font-size:var(--text-title3);font-weight:600}.empty p{color:var(--label-2);font-size:var(--text-subhead);margin-bottom:8px}.loading{padding:var(--space-8) 0;place-items:center;display:grid}.sentinel{height:1px;margin-top:1px}.journey{gap:var(--space-6);flex-direction:column;display:flex}.journey-head{align-items:center;gap:var(--space-2);margin-bottom:8px;display:flex}.journey-title{font-size:var(--text-headline);flex:1;font-weight:600}.journey-count{font-size:var(--text-footnote);color:var(--label-2)}.journey-bar{background:var(--fill-2);height:4px;margin-bottom:var(--space-3);border-radius:2px;overflow:hidden}.journey-bar span{transform-origin:0;background:var(--tint);width:100%;height:100%;transition:transform .5s var(--ease-spring);border-radius:2px;display:block}.journey-bar span[data-tier=green]{background:var(--green)}.journey-bar span[data-tier=orange]{background:var(--orange)}.journey-bar span[data-tier=red]{background:var(--red)}.skeleton{background:var(--fill-2);border-radius:12px;display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--glass-press), transparent);animation:skeleton-sheen 1.4s var(--ease-spring) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-sheen{to{transform:translate(100%)}}.hero-skeleton{gap:var(--space-5);margin-bottom:var(--space-5);flex-direction:column;display:flex}.hero-skeleton-continue{border-radius:var(--radius-card);height:96px}.hero-skeleton-week{border-radius:var(--radius-card);height:120px}.skeleton-card{border-radius:var(--radius-card);background:var(--bg-grouped);box-shadow:var(--glass-highlight), var(--glass-shadow);flex-direction:column;gap:10px;padding:6px 6px 14px;display:flex}.skeleton-cover{aspect-ratio:1;border-radius:20px}.skeleton-line{border-radius:6px;height:12px;margin-left:8px}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.sparkles{pointer-events:none;z-index:15;position:absolute;inset:0;overflow:hidden}.sparkle-group{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.sparkle{opacity:0;will-change:transform, opacity;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:-3px}.cents-scale{border-radius:var(--radius-card);background:var(--bg-grouped);height:96px;box-shadow:var(--glass-highlight), var(--glass-shadow);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14% 86%,#0000 100%)}.cs-track{will-change:transform;width:0;position:absolute;top:0;bottom:0;left:50%}.cs-tick{width:0;position:absolute;top:0;bottom:0}.cs-tick i{background:var(--label-3);border-radius:1px;width:1.5px;height:14px;position:absolute;top:30px;left:-.75px}.cs-tick.major i{background:var(--label-2);height:24px;top:26px}.cs-tick.out i{opacity:.4}.cs-tick b{font-size:var(--text-footnote);color:var(--label-2);font-weight:600;position:absolute;top:58px;left:0;transform:translate(-50%)}.cs-zone{background:color-mix(in srgb, var(--zone,var(--tint)) 14%, transparent);border-radius:10px;transition:background-color .12s linear;position:absolute;top:14px;bottom:14px;left:50%;transform:translate(-50%)}.cs-marker{background:var(--zone,var(--tint));width:3px;box-shadow:0 0 14px color-mix(in srgb, var(--zone,var(--tint)) 60%, transparent);border-radius:2px;margin-left:-1.5px;transition:background-color .12s linear;position:absolute;top:8px;bottom:8px;left:50%}.cs-marker:before{content:"";border:5px solid #0000;border-top-color:var(--zone,var(--tint));border-bottom:0;margin-left:-5px;position:absolute;top:-2px;left:50%}.pegbox{aspect-ratio:320/232;width:100%;max-width:340px;transition:opacity var(--dur-base) var(--ease-spring);--amp:0;margin:0 auto;position:relative}.pb-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pb-line{stroke:var(--label-3);stroke-linecap:round;transition:stroke var(--dur-fast) linear}.pb-string.active .pb-line{stroke:var(--zone,var(--tint))}.pb-string.tuned .pb-line{stroke:var(--green)}.pb-string.flash .pb-line{stroke:var(--green);filter:drop-shadow(0 0 6px var(--green))}.pegbox[data-dim=true] .pb-svg,.pegbox[data-dim=true] .pb-peg{opacity:.45}.pegbox[data-dim=true] .pb-string.active .pb-line{stroke:var(--label-3)}.pegbox[data-sound=true] .pb-string.active .pb-line{animation:70ms linear infinite alternate pb-vibe}@keyframes pb-vibe{0%{transform:translateX(calc(var(--amp) * -1.6px))}to{transform:translateX(calc(var(--amp) * 1.6px))}}.pb-peg{background:var(--glass-fill-thick);width:52px;height:52px;color:var(--label);box-shadow:var(--glass-highlight), var(--shadow-md), inset 0 0 0 1px var(--glass-inset);transition:box-shadow var(--dur-fast) var(--ease-spring), background-color var(--dur-fast) linear, color var(--dur-fast) linear, opacity var(--dur-base) linear;border-radius:50%;place-items:center;margin:-26px 0 0 -26px;display:grid;position:absolute}.pb-letter{font-size:22px;font-weight:700;line-height:1}.pb-peg.manual{background:var(--zone,var(--tint));color:#fff;box-shadow:var(--shadow-md)}.pb-peg.flash{animation:pb-pop .6s var(--ease-spring)}@keyframes pb-pop{0%{transform:scale(1)}30%{box-shadow:0 0 0 10px color-mix(in srgb, var(--green) 35%, transparent);transform:scale(1.18)}to{transform:scale(1)}}.pb-badge{background:var(--green);color:#fff;width:20px;height:20px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;right:-4px}@media (prefers-reduced-motion:reduce){.pegbox[data-sound=true] .pb-string.active .pb-line,.pb-peg.flash{animation:none}}.pb-peg{background:radial-gradient(120% 120% at 30% 15%, var(--glass-select), var(--glass-fill-thick) 75%);box-shadow:var(--glass-highlight), inset 0 -3px 8px rgba(var(--shadow-color), .08), 0 6px 18px rgba(var(--shadow-color), .18), inset 0 0 0 1px var(--glass-inset)}.pb-peg.manual{background:radial-gradient(120% 120% at 30% 15%, #fff6, var(--zone,var(--tint)) 65%)}.pb-peg.active{box-shadow:var(--glass-highlight), 0 6px 18px rgba(var(--shadow-color), .18), inset 0 0 0 2.5px var(--zone,var(--tint))}.pb-peg.tuned{box-shadow:var(--glass-highlight), 0 6px 18px rgba(var(--shadow-color), .18), inset 0 0 0 2.5px var(--green)}.long-tone{padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight), var(--glass-shadow);--lt:var(--label-3);--lt-text:var(--label-2);position:relative}.long-tone:before{content:"";border-radius:inherit;background:var(--glass-edge);pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.long-tone[data-verdict=steady]{--lt:var(--green);--lt-text:var(--green-text)}.long-tone[data-verdict=close]{--lt:var(--orange);--lt-text:var(--orange-text)}.long-tone[data-verdict=wobbly]{--lt:var(--red);--lt-text:var(--red-text)}.lt-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;gap:8px;min-height:30px;display:flex}.lt-head h2{font-size:var(--text-headline);font-weight:600}.lt-pill{border-radius:var(--radius-pill);font-size:var(--text-footnote);white-space:nowrap;color:var(--lt-text);background:color-mix(in srgb, var(--lt) 15%, transparent);align-items:center;gap:4px;padding:4px 12px;font-weight:600;transition:background-color .16s linear,color .16s linear;display:inline-flex}.lt-plot{position:relative}.lt-chart{background:color-mix(in srgb, var(--label) 4%, transparent);border-radius:10px;width:100%;height:72px;display:block}.lt-band{fill:color-mix(in srgb, var(--green) 20%, transparent)}.lt-grid,.lt-edge{stroke:var(--label-4);stroke-width:1px;vector-effect:non-scaling-stroke}.lt-mid{stroke:var(--label-3);stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.lt-line{stroke:var(--tint);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .16s linear}.long-tone:not([data-verdict=none]) .lt-line{stroke:var(--tint)}.lt-y{color:var(--label-2);pointer-events:none;font-size:10px;font-weight:600;line-height:1;position:absolute;left:6px}.lt-axis{color:var(--label-2);justify-content:space-between;margin-top:4px;font-size:11px;font-weight:500;display:flex}.ref-notes{margin-top:var(--space-4)}.ref-notes h2{font-size:var(--text-headline);margin-bottom:var(--space-2);font-weight:600}.ref-notes-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ref-note{background:var(--glass-fill-thin);min-height:54px;box-shadow:var(--glass-highlight), 0 4px 14px rgba(var(--shadow-color), .1);font-weight:650;font-size:var(--text-callout);color:var(--label);font-variant-numeric:tabular-nums;transition:transform .16s var(--ease-spring,ease-out), background-color .16s linear, color .16s linear;border-radius:27px;flex-direction:column;justify-content:center;align-items:center;padding:6px 2px;display:flex;position:relative}.ref-note small{color:var(--label-2);white-space:nowrap;font-size:11px;font-weight:500}.ref-note:active{transform:scale(.95)}.ref-note[data-playing=true]{background:var(--tint-strong);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb, var(--tint) 30%, transparent), 0 6px 20px color-mix(in srgb, var(--tint) 40%, transparent)}.ref-note[data-playing=true] small{color:#ffffffd9}.ref-notes-hint{margin-top:var(--space-2);font-size:var(--text-footnote);color:var(--label-2);text-align:center}@media (prefers-reduced-motion:reduce){.ref-note,.lt-line,.lt-pill{transition:none}.ref-note:active{transform:none}}.tuner{--zone:var(--tint);flex-direction:column;max-width:560px;display:flex;position:relative}.tuner[data-zone=in]{--zone:var(--green)}.tuner[data-zone=near]{--zone:var(--yellow)}.tuner[data-zone=far]{--zone:var(--red)}.tuner[data-zone=idle]{--zone:var(--label-3)}.tuner-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.tuner-header-actions{align-items:center;gap:8px;display:flex}.tuner-mode{font-size:var(--text-footnote);border-radius:var(--radius-pill);background:var(--glass-fill-thin);box-shadow:var(--glass-highlight);color:var(--label-2);padding:6px 12px;font-weight:600}.tuner-mode[data-mode=manual]{background:var(--tint-strong);color:#fff}.tuner-reset{min-height:44px;font-size:var(--text-subhead);color:var(--tint-text);align-items:center;gap:4px;padding:0 6px;font-weight:500;display:inline-flex}.tuner-reset:disabled{opacity:.35}.tuner-readout{text-align:center;padding:var(--space-3) 0 var(--space-5)}.tuner-note{justify-content:center;align-items:baseline;height:88px;line-height:1;display:flex}.tn-name{letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:80px;font-weight:700}.tn-oct{color:var(--label-2);font-variant-numeric:tabular-nums;margin-left:3px;font-size:28px;font-weight:600}.tuner[data-active=false] .tn-name{color:var(--label-3)}.tuner[data-active=true][data-zone=in] .tn-name{color:var(--green-text)}.tuner[data-active=true][data-zone=near] .tn-name{color:var(--orange-text)}.tuner[data-active=true][data-zone=far] .tn-name{color:var(--red-text)}.tn-name{transition:color .12s linear}.tuner-sub{margin-top:var(--space-2);font-size:var(--text-headline);color:var(--label-2);justify-content:center;gap:8px;display:flex}.tuner-cents{text-align:right;min-width:4.2em;color:var(--label);font-weight:600}.tuner-hz{text-align:left;min-width:6.5em}.tuner-sub .sep{color:var(--label-3)}.tuner-written{min-height:18px;font-size:var(--text-footnote);letter-spacing:.1px;color:var(--label-2);margin-top:8px;font-weight:500}.tuner-written+.tuner-sub{font-size:var(--text-callout);margin-top:6px}.tuner-scale{margin-bottom:var(--space-5)}.tuner-advice{margin-top:var(--space-3);text-align:center;font-size:var(--text-title3);height:32px;color:var(--label-2);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:600;display:flex}.tuner[data-zone=in] .tuner-advice{color:var(--green-text)}.tuner[data-zone=near] .tuner-advice{color:var(--orange-text)}.tuner[data-zone=far] .tuner-advice{color:var(--red-text)}.tuner[data-wind=true] .tuner-header{margin-bottom:0}.tuner[data-wind=true] .tuner-readout{padding:var(--space-2) 0 var(--space-4)}.tuner[data-wind=true] .tuner-note{height:88px}.tuner[data-wind=true] .tuner-scale{margin-bottom:var(--space-4)}.tuner[data-wind=true] .cents-scale{height:88px}.tuner[data-wind=true] .tuner-advice{height:28px;margin-top:var(--space-2)}.tuner-pegs{flex-direction:column;align-items:center;display:flex}.tuner-hint{margin-top:var(--space-3);text-align:center;max-width:300px;min-height:36px;font-size:var(--text-footnote);color:var(--label-2);line-height:1.35}.tuner-banner-wrap{left:0;right:0;bottom:calc(var(--tabbar-height) + var(--safe-bottom) + 8px);pointer-events:none;z-index:5;justify-content:center;display:flex;position:absolute}.tuner-banner{border-radius:var(--radius-pill);background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight), var(--glass-shadow);font-weight:600;font-size:var(--text-subhead);align-items:center;gap:10px;padding:12px 18px;display:inline-flex;position:relative}.tuner-error{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.tuner-error h2{font-size:var(--text-title3);font-weight:600}.tuner-error p{color:var(--label-2);font-size:var(--text-subhead);max-width:320px;margin-bottom:12px}.tuner-error-icon{background:color-mix(in srgb, var(--red) 14%, transparent);width:64px;height:64px;color:var(--red);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.tuner-banner:before{content:"";border-radius:inherit;background:var(--glass-edge);pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.tuner[data-zone=in] .tn-name{text-shadow:0 0 36px color-mix(in srgb, var(--green) 55%, transparent)}.settings{max-width:640px}.settings .large-title{margin-bottom:var(--space-5)}.group{margin-bottom:var(--space-6)}.group-title{font-size:var(--text-footnote);text-transform:uppercase;letter-spacing:.02em;color:var(--label-2);padding:0 var(--space-4) 8px;font-weight:500}.group-body{background:var(--bg-grouped);border-radius:var(--radius-card);box-shadow:var(--glass-highlight), var(--glass-shadow);position:relative;overflow:hidden}.group-body:before{content:"";border-radius:inherit;background:var(--glass-edge);pointer-events:none;z-index:2;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.group-footer{font-size:var(--text-footnote);color:var(--label-2);padding:8px var(--space-4) 0;line-height:1.4}.row{min-height:44px;padding:0 var(--space-4);text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex;position:relative}.row+.row:before,.audio-check:before{content:"";top:0;left:var(--space-4);background:var(--separator);height:.5px;position:absolute;right:0}.row.stacked{padding:10px var(--space-4) 12px;flex-direction:column;justify-content:center;align-items:stretch;gap:8px}.row-head{flex:1;justify-content:space-between;align-items:center;min-height:24px;display:flex}.row.stacked .row-head{flex:none}.row-label{font-size:var(--text-body);min-width:0}.row-value{font-size:var(--text-body);color:var(--label-2)}.row .vb-btn{height:34px;font-size:var(--text-subhead);flex:none;padding:0 14px}.action-row{min-height:44px;padding:0 var(--space-4);width:100%;font-size:var(--text-body);text-align:left;transition:background-color var(--dur-fast) var(--ease-spring);align-items:center;display:flex;position:relative}.action-row:active{background:var(--glass-press)}.action-row:disabled{color:var(--label-3)}.action-row.danger{color:var(--red-text,var(--red))}.about-row,.details-row{justify-content:flex-start;gap:8px}.about-row .row-label,.details-row .row-label{flex:1}.about-chev,.details-chev{color:var(--label-3);transition:transform var(--dur-base) var(--ease-spring)}.details-row[aria-expanded=true] .details-chev{transform:rotate(90deg)}.audio-check{flex-direction:column;display:flex;position:relative}.audio-check>.details-row{order:1}.audio-check>.row.stacked{order:2}.audio-check[data-open=false]>.row.stacked{display:none}.audio-check>.row.stacked{padding:10px var(--space-4) 8px;gap:2px}.select-row{cursor:pointer}.select-wrap{min-width:0;color:var(--label-2);align-items:center;display:inline-flex;position:relative}.select-wrap select{appearance:none;text-align:right;text-align-last:right;color:var(--label-2);font-size:var(--text-body);text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;max-width:220px;padding:10px 22px 10px 0}.select-wrap select option{color:initial}.select-wrap .chev{pointer-events:none;color:var(--label-3);position:absolute;right:0;transform:rotate(90deg)}.sheet-text{text-align:center;color:var(--label-2);font-size:var(--text-subhead);margin-bottom:var(--space-5)}.sheet-actions{flex-direction:column;gap:10px;display:flex}.mic-check{justify-content:space-between;align-items:center;min-height:44px;display:flex}.about{max-width:640px}.about-head{margin-bottom:var(--space-6);align-items:center;gap:8px;margin-left:-8px;display:flex}.about-head .large-title{margin:0}.about-version{font-size:var(--text-caption);color:var(--label-2);letter-spacing:.01em;margin-top:2px}.about .group{margin-bottom:var(--space-7)}.about .group-title{font-size:var(--text-title2);letter-spacing:-.02em;text-transform:none;color:var(--label);padding:0 var(--space-1) var(--space-2);font-weight:650}.about .group-footer{font-size:var(--text-footnote)}.about-text{padding:14px var(--space-4);font-size:var(--text-body);color:var(--label);line-height:1.45;position:relative}.about-text+.row,.about-text+.about-text{border-top:.5px solid var(--separator)}.about-text a{color:var(--tint-text)}.about-list{margin:0;padding:0;list-style:none}.about-list li{padding:12px var(--space-4);font-size:var(--text-body);line-height:1.4;position:relative}.about-list li+li:before{content:"";top:0;left:var(--space-4);background:var(--separator);height:.5px;position:absolute;right:0}.about-credits li{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;display:grid}.about-credits strong{min-width:0;font-weight:600}.about-licence{font-size:var(--text-footnote);color:var(--label-2);white-space:nowrap}.about-note{font-size:var(--text-footnote);color:var(--label-2);grid-column:1/-1;line-height:1.4}.about .group-body a.action-row{color:var(--tint-text)}