@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin-wght-normal.woff2)format("woff2-variations"),url(/fonts/instrument-sans-latin-wght-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sunken:#12110f;--bg:#161513;--panel:#1c1a18;--panel-2:#232120;--panel-3:#2a2826;--inset:var(--sunken);--hairline:#efe9de14;--hairline-strong:#efe9de24;--panel-edge:var(--hairline);--ink:#efe9de;--ink-soft:#aaa398;--ink-mute:#8f887d;--ink-on-accent:#1d150a;--accent:#e3a23b;--accent-ink:#f0b85a;--accent-hot:var(--accent-ink);--live:#e0644a;--accent-2:var(--live);--cream:#ece3cf;--cream-2:#e2d7bf;--cream-ink:#22190f;--paper-shadow:0 1px 0 #0006, 0 10px 24px -12px #000000b3;--ok:#7fe0b0;--warn:#f2c94c;--bad:#ff6b5e;--vu-face:#efe6d2;--vu-rim:#d9ccb0;--vu-ink:#2a2219;--vu-needle:#b33a26;--vu-band:#2f8a5e;--grade-perfect:#7fe0b0;--grade-great:#a6d96a;--grade-good:#f2c94c;--grade-wrong:#ff6b5e;--grade-miss:#6b6153;--lane-line:#34312d;--lane-beat:#1f1d1b;--lane-bar:#3b3834;--lane-label:#8f887d;--chord-fill:#e3a23b14;--chord-edge:#e3a23b8c;--chord-ink:#f0b85a;--pill-fill:#2a2826;--pill-edge:#e3a23b8c;--playhead:#e3a23b;--wave:#4a4640;--loop-fill:#e3a23b24;--font-body:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-display:var(--font-body);--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-base:15px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--text-3xl:clamp(32px, 22px + 2.4vw, 44px);--text-giant:clamp(88px, 60px + 6vw, 128px);--gap-1:4px;--gap-2:8px;--gap-3:12px;--gap-4:16px;--gap-5:24px;--gap-6:32px;--gap-7:48px;--page-x:clamp(16px, 3vw, 32px);--radius-xs:4px;--radius-s:8px;--radius-m:14px;--radius-l:16px;--shadow-float:0 16px 40px -12px #0009;--header-h:56px;--tabbar-h:64px;--actionbar-h:65px;--sidebar-w:280px;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-press:.12s;--dur-fast:.16s;--dur-base:.2s;--dur-enter:.32s;--duration-fast:var(--dur-fast);--duration-normal:var(--dur-base);--ease-out-expo:var(--ease-out)}*,:before,:after{box-sizing:border-box}html,body{margin:0}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font:400 var(--text-base) / 1.5 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh}h1,h2,h3{font-family:var(--font-body);margin:0 0 var(--gap-2);text-wrap:balance;font-weight:500}h1{font-size:var(--text-2xl);letter-spacing:-.01em;line-height:1.15}h2{font-size:var(--text-lg);line-height:1.3}h3{font-size:var(--text-md);color:var(--ink-soft);line-height:1.4}p{margin:0 0 var(--gap-2)}code,.mono{font-family:var(--font-mono);font-size:.92em}code{background:var(--panel-2);border-radius:var(--radius-xs);color:var(--ink);padding:1px 6px}a{color:var(--accent-ink);text-underline-offset:3px}strong{font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit}details>summary{cursor:pointer}.muted{color:var(--ink-mute)}.small{font-size:var(--text-sm)}.error{color:var(--bad)}.warn{color:var(--warn)}.hint{color:var(--ink-soft);font-size:var(--text-md);max-width:68ch}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{font-size:var(--text-md);color:var(--ink-mute);margin:0 0 var(--gap-1)}.tab{border-radius:var(--radius-xs);border:1px solid var(--hairline-strong);font:500 var(--text-sm) / 1.4 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;align-items:baseline;gap:4px;padding:1px 6px;display:inline-flex}.tab__string{color:var(--ink-mute)}.card{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-m);padding:var(--gap-5);min-width:0}.card__title{font-size:var(--text-lg);margin:0 0 var(--gap-4);font-weight:500}.row{align-items:center;gap:var(--gap-2);margin-bottom:var(--gap-2);flex-wrap:wrap;display:flex}.row--end{justify-content:flex-end}.row--center{justify-content:center;align-items:flex-end}.btn{border-radius:var(--radius-s);border:1px solid var(--hairline-strong);background:var(--panel-2);min-height:36px;color:var(--ink);font:500 var(--text-md) / 1 var(--font-body);cursor:pointer;white-space:nowrap;transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.btn svg{stroke-width:1.5px;width:16px;height:16px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--cream);color:var(--cream-ink);border-color:var(--cream)}.btn--live{background:var(--live);color:#fff;border-color:var(--live)}.btn--ghost{color:var(--ink-soft);background:0 0;border-color:#0000}.btn--big{min-height:44px;font-size:var(--text-base);padding:0 20px}.btn--block{width:100%}.btn--icon{width:36px;padding:0}.btn--round{border-radius:50%;width:44px;min-height:44px;padding:0}.btn--round.btn--big{width:64px;min-height:64px}.btn--round svg{width:18px;height:18px}.btn--round.btn--big svg{width:24px;height:24px}.linkish{color:var(--accent-ink);text-underline-offset:3px;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.quiet-link{color:var(--ink-mute);font-size:var(--text-sm);text-underline-offset:3px}.quiet-link:focus-visible{color:var(--ink-soft)}.page-foot{margin-top:var(--gap-6)}.sheet__foot{margin:var(--gap-2) 0 0;padding:0 12px}@media (hover:hover) and (pointer:fine){.quiet-link:hover{color:var(--ink-soft)}}.pill{border-radius:var(--radius-s);border:1px solid var(--hairline);min-height:32px;color:var(--ink-soft);font:500 var(--text-sm) / 1 var(--font-body);cursor:pointer;transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.pill svg{width:14px;height:14px}.pill:active{transform:scale(.98)}.pill--on{background:var(--panel-3);color:var(--ink);border-color:var(--hairline-strong);box-shadow:inset 0 1px #ffffff0f}.chip{font:400 var(--text-sm) / 1.4 var(--font-mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.chip svg{width:14px;height:14px}.chip--ok{color:var(--ok)}.chip--btn{cursor:pointer;border:1px solid var(--hairline-strong);border-radius:var(--radius-s);color:var(--ok);font-family:var(--font-body);background:0 0;padding:4px 10px}.field{font-size:var(--text-md);color:var(--ink-soft);margin-bottom:var(--gap-3);border:0;flex-direction:column;gap:6px;min-width:0;padding:0;display:flex}.field legend{margin-bottom:6px;padding:0}.field--grow{flex:220px}.field--inline{align-items:center;gap:var(--gap-2);flex-direction:row;margin:0}input:not([type]),input[type=text],input[type=email],input[type=number],select,textarea{background:var(--sunken);color:var(--ink);border:1px solid var(--hairline-strong);border-radius:var(--radius-s);min-height:36px;font:400 var(--text-md) var(--font-body);min-width:0;max-width:100%;padding:0 10px}select{text-overflow:ellipsis;padding-right:28px}input[type=number]{width:6rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums}textarea{resize:vertical;width:100%;padding:10px 12px}textarea.mono{font-family:var(--font-mono);line-height:1.7}.toggle{font-size:var(--text-md);color:var(--ink-soft);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.toggle input{accent-color:var(--accent);flex:none;width:16px;height:16px;margin:0}.slider{width:100%;accent-color:var(--accent)}.help{font-size:var(--text-md);color:var(--ink-soft);margin-bottom:var(--gap-3)}.help>summary{cursor:pointer;color:var(--ink);align-items:center;gap:6px;list-style:none;display:inline-flex}.help>summary::-webkit-details-marker{display:none}.help>summary svg{color:var(--ink-mute);transition:transform var(--dur-fast) var(--ease-out)}.help[open]>summary svg{transform:rotate(90deg)}.help ol,.help ul{padding-left:20px}.help li{margin:4px 0}.spinner{border:2px solid var(--hairline-strong);border-top-color:var(--ink-soft);border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){background:var(--panel-3)}.btn--primary:hover:not(:disabled){background:#f6eedd;border-color:#f6eedd}.btn--live:hover:not(:disabled){background:#e8735a;border-color:#e8735a}.btn--ghost:hover:not(:disabled){background:var(--panel-2);color:var(--ink)}.pill:not(.pill--on):hover{color:var(--ink);background:var(--panel-2)}.chip--btn:hover{background:var(--panel-2)}}.logo{color:var(--accent);flex:none;display:block}.logo__filament{stroke-dasharray:60;stroke-dashoffset:0}.logo--intro .logo__filament{animation:logo-draw .6s var(--ease-out) both}@keyframes logo-draw{0%{stroke-dashoffset:60px}}.wordmark{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.wordmark__text{font:600 17px / 1 var(--font-body)}@media (prefers-reduced-motion:reduce){.btn,.pill{transition:background-color var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast)}.btn:active:not(:disabled),.pill:active{transform:none}.logo--intro .logo__filament{animation:none}.help>summary svg{transition:none}}svg.lucide{stroke-width:1.5px;flex:none}.app{min-height:100vh}main{max-width:1440px;padding:0 var(--page-x) var(--gap-7);outline:none;margin:0 auto;display:block}.skip-link{z-index:50;border-radius:var(--radius-s);background:var(--cream);min-height:36px;color:var(--cream-ink);cursor:pointer;border:0;padding:0 14px;font-weight:500;position:fixed;top:8px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}.view{padding-top:var(--gap-6);animation:view-in var(--dur-enter) var(--ease-out) both}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}}.view__head{justify-content:space-between;align-items:flex-end;gap:var(--gap-4);margin-bottom:var(--gap-5);flex-wrap:wrap;display:flex}.view__head h1{margin-bottom:0}.view__head .eyebrow{margin:0 0 var(--gap-1)}.topbar{z-index:20;padding-top:env(safe-area-inset-top);background:var(--sunken);border-bottom:1px solid var(--hairline);view-transition-name:topbar;position:sticky;top:0}.topbar__inner{max-width:1440px;min-height:var(--header-h);padding:0 var(--page-x);align-items:center;gap:var(--gap-5);grid-template-columns:auto minmax(0,1fr) auto;margin:0 auto;display:grid}.topbar__brand{border-radius:var(--radius-s);align-items:center;text-decoration:none;display:inline-flex}.topbar__nav{justify-self:start;min-width:0;max-width:100%}.topbar__right{align-items:center;gap:var(--gap-2);min-width:0;display:flex}.nav{scrollbar-width:none;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav__link{border-radius:var(--radius-s);min-height:32px;color:var(--ink-soft);font-size:var(--text-md);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border:1px solid #0000;align-items:center;padding:0 12px;font-weight:500;text-decoration:none;display:flex}.nav__link--on{background:var(--panel-2);color:var(--ink);border-color:var(--hairline);box-shadow:inset 0 1px #ffffff0d}.xp{border:1px solid var(--hairline);min-height:32px;font:400 var(--text-sm) / 1 var(--font-mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 12px;text-decoration:none;display:inline-flex}.xp__level{color:var(--ink)}.xp__bar{background:var(--panel-3);border-radius:2px;width:36px;height:4px;overflow:hidden}.xp__bar span{background:var(--accent);transform-origin:0;height:100%;transition:transform var(--dur-base) var(--ease-out);display:block}.xp__streak{color:var(--ink-soft);align-items:center;gap:4px;display:inline-flex}.xp__streak svg{color:var(--live)}.gear{border-radius:var(--radius-s);width:32px;height:32px;color:var(--ink-soft);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), transform var(--dur-press) var(--ease-out);border:1px solid #0000;flex:none;place-items:center;display:grid}.gear:active{transform:scale(.98)}.gear--on{color:var(--ink);background:var(--panel-2);border-color:var(--hairline)}.rig{min-width:0;display:flex;position:relative}.rig__chip{border:1px solid var(--hairline);min-width:0;max-width:100%;min-height:32px;font:400 var(--text-sm) / 1 var(--font-body);color:var(--ink-soft);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-press) var(--ease-out);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.rig__chip:active{transform:scale(.98)}.rig__chip[aria-expanded=true]{background:var(--panel-2)}.rig__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.rig__dot{background:var(--ink-mute);border-radius:50%;flex:none;width:8px;height:8px}.rig--connecting .rig__dot{background:var(--accent);animation:rig-pulse .9s var(--ease-out) infinite alternate}.rig--listening .rig__dot{background:var(--live)}.rig--warning .rig__dot{background:var(--warn)}.rig--error .rig__dot{background:var(--bad)}@keyframes rig-pulse{0%{opacity:.35}}.rig__offer{align-items:center;gap:4px;display:inline-flex}.rig__start{min-height:32px;font-size:var(--text-sm);padding:0 12px}.rig__start .rig__dot{opacity:.5;background:currentColor}.rig__start-short{display:none}.rig__more{border-radius:var(--radius-s);cursor:pointer;border:1px solid var(--hairline);width:32px;height:32px;color:var(--ink-soft);background:0 0;place-items:center;display:grid}.mini-meter{background:var(--panel-3);border-radius:2px;flex:none;width:34px;height:4px;overflow:hidden}.mini-meter__fill{transform-origin:0;will-change:transform;background:var(--grade-perfect);width:100%;height:100%;display:block;transform:scaleX(0)}.rig__pop{z-index:30;gap:var(--gap-4);width:min(380px,100vw - 32px);padding:var(--gap-4);border-radius:var(--radius-m);border:1px solid var(--hairline-strong);background:var(--panel);box-shadow:var(--shadow-float);animation:pop-in var(--dur-base) var(--ease-out) both;display:grid;position:absolute;top:calc(100% + 8px);right:0}.rig__pop-title{font-size:var(--text-md);margin:0;font-weight:500}.rig__pop-row{align-items:center;gap:var(--gap-2);flex-wrap:wrap;display:flex}.rig__settings{font-size:var(--text-md);color:var(--ink-soft);align-items:center;gap:8px;text-decoration:none;display:inline-flex}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}}.tabbar{display:none}.sheet{z-index:40;position:fixed;inset:0}.sheet__backdrop{animation:fade-in var(--dur-enter) var(--ease-out) both;cursor:default;background:#0a090899;border:0;padding:0;position:absolute;inset:0}.sheet__panel{padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--hairline-strong);background:var(--panel);box-shadow:var(--shadow-float);animation:sheet-up var(--dur-enter) var(--ease-out) both;border-radius:16px 16px 0 0;position:absolute;bottom:0;left:0;right:0}.sheet__grip{background:var(--panel-3);border-radius:2px;width:36px;height:4px;margin:0 auto 12px;display:block}.sheet__list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sheet__item{border-radius:var(--radius-s);min-height:48px;color:var(--ink);align-items:center;gap:12px;padding:0 12px;font-weight:500;text-decoration:none;display:flex}.sheet__item--on{background:var(--panel-2)}.sheet__icon{width:20px;color:var(--ink-soft);place-items:center;display:grid}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}::view-transition-old(root){animation:page-out var(--dur-fast) var(--ease-out) both}::view-transition-new(root){animation:page-in var(--dur-enter) var(--ease-out) both}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}.vt-active .view{animation:none}@media (hover:hover) and (pointer:fine){.nav__link:not(.nav__link--on):hover,.gear:not(.gear--on):hover{color:var(--ink);background:var(--panel)}.rig__chip:hover,.rig__more:hover,.xp:hover,.sheet__item:not(.sheet__item--on):hover{background:var(--panel-2)}}@media (width<=1100px){.topbar__inner{grid-template-columns:auto minmax(0,1fr);row-gap:0;padding-top:8px;padding-bottom:8px}.topbar__right{justify-self:end}.topbar__nav{grid-area:2/1/auto/-1;justify-self:stretch;margin-top:8px}}@media (width<=719px){.topbar__inner{gap:var(--gap-2);min-height:52px;padding-top:0;padding-bottom:0}.topbar__nav,.gear,.wordmark__text{display:none}.topbar__right{gap:6px}.rig__name,.rig__start-long{display:none}.rig__start-short{display:inline}.xp__bar{display:none}.rig__pop{width:auto;position:fixed;top:60px;left:16px;right:16px}main{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--gap-5))}#main:has(.action-bar){padding-bottom:calc(var(--tabbar-h) + var(--actionbar-h) + env(safe-area-inset-bottom) + var(--gap-5))}.view{padding-top:var(--gap-4);animation-name:fade-in}.view__head{margin-bottom:var(--gap-4)}.view__head h1{font-size:var(--text-xl)}.view__head .eyebrow{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.view__head>div{min-width:0;max-width:100%}.view .action-bar{left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:24;align-items:center;gap:var(--gap-2);width:auto;min-height:var(--actionbar-h);padding:8px var(--page-x);background:var(--sunken);border-top:1px solid var(--hairline);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;display:grid;position:fixed}.view .action-bar>*{min-width:0}.view .action-bar .btn{width:100%;min-height:48px;padding:0 12px}.view .action-bar .mic{gap:4px;display:grid}.view .action-bar .mic__info,.view .action-bar .mic__error{font-size:var(--text-xs)}.tabbar{z-index:25;background:var(--sunken);border-top:1px solid var(--hairline);padding-bottom:env(safe-area-inset-bottom);display:block;position:fixed;bottom:0;left:0;right:0}.tabbar__list{grid-template-columns:repeat(5,minmax(0,1fr));max-width:560px;margin:0 auto;padding:0 4px;list-style:none;display:grid}.tabbar__item{width:100%;height:var(--tabbar-h);cursor:pointer;color:var(--ink-mute);font:500 11px / 1 var(--font-body);transition:color var(--dur-fast) var(--ease-out), transform var(--dur-press) var(--ease-out);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.tabbar__item:active{transform:scale(.98)}.tabbar__item--on{color:var(--ink)}.tabbar__item--on svg{color:var(--accent)}}@media (prefers-reduced-motion:reduce){.view{animation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}.rig__pop{animation:fade-in var(--dur-fast) linear both}.sheet__panel,.rig--connecting .rig__dot{animation:none}.rig__chip:active,.gear:active,.tabbar__item:active{transform:none}}.mic{flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0;display:flex}.mic--compact{flex-flow:wrap;align-items:center}.mic__row{align-items:center;gap:var(--gap-2);flex-wrap:wrap;min-width:0;display:flex}.mic__dot{opacity:.55;background:currentColor;border-radius:50%;flex:none;width:9px;height:9px}.mic__dot--on{opacity:1;background:#fff}.mic__info{font-size:var(--text-sm);color:var(--ink-mute)}.mic__error{color:var(--bad);font-size:var(--text-sm);max-width:44ch}.input-picker{align-items:center;gap:var(--gap-2);flex-wrap:wrap;min-width:0;display:flex}.input-picker .field--inline{flex:220px;min-width:0;max-width:100%}.input-picker .field--inline>span{color:var(--ink-mute);font-size:var(--text-sm);flex:none}.input-picker select{flex:auto;width:100%;min-width:0}.meter{align-items:center;gap:var(--gap-2);flex-wrap:wrap;width:100%;min-width:0;display:flex}.meter__track{background:var(--sunken);border:1px solid var(--hairline-strong);border-radius:99px;flex:160px;height:10px;position:relative;overflow:hidden}.meter__fill{background:linear-gradient(90deg, var(--grade-perfect) 0 90%, var(--warn) 90% 98%, var(--bad) 98%);position:absolute;inset:0}.meter__cover{background:var(--sunken);will-change:transform;position:absolute;inset:0}.meter__tick{background:#ffffff40;width:1px;position:absolute;top:0;bottom:0}.meter__tick--hot{background:#f2c94c99}.meter__label{font:400 var(--text-sm) var(--font-mono);color:var(--ink-mute);white-space:nowrap;font-variant-numeric:tabular-nums}.meter__advice{font-size:var(--text-md);flex-basis:100%}.meter__advice--good{color:var(--ok)}.meter__advice--hot,.meter__advice--low{color:var(--warn)}.meter__advice--clip{color:var(--bad);font-weight:500}.meter__advice--silent{color:var(--ink-mute)}.meter--clip .meter__track{box-shadow:0 0 0 2px var(--bad)}.g-perfect{color:var(--grade-perfect)}.g-great{color:var(--grade-great)}.g-good{color:var(--grade-good)}.g-wrong{color:var(--grade-wrong)}.g-miss,.g-early,.g-late,.g-none{color:var(--ink-mute)}.dots{gap:3px;display:inline-flex}.dots i{background:var(--panel-3);border-radius:50%;width:6px;height:6px}.dots--1 i:nth-child(-n+1){background:var(--ok)}.dots--2 i:nth-child(-n+2){background:var(--warn)}.dots--3 i{background:var(--live)}.chord{background:var(--cream);color:var(--cream-ink);box-shadow:var(--paper-shadow);transition:box-shadow var(--dur-base) var(--ease-out);border-radius:10px;flex-direction:column;align-items:center;gap:4px;margin:0;padding:12px 16px 8px;display:inline-flex}.chord svg{width:140px;display:block}.chord--sm{border-radius:8px;padding:8px 10px 6px}.chord--sm svg{width:76px}.chord__name{font:600 28px / 1 var(--font-body);letter-spacing:-.01em}.chord--sm .chord__name{font-size:18px}.chord--good{box-shadow:var(--paper-shadow), 0 0 0 2px var(--bg), 0 0 0 4px var(--ok)}.chord__line{stroke:#5a4a36;stroke-width:1.4px}.chord__nut,.chord__dot{fill:var(--cream-ink)}.chord__open-dot{fill:none;stroke:var(--cream-ink);stroke-width:1.6px}.chord__open{font:500 13px var(--font-mono);text-anchor:middle;fill:var(--cream-ink)}.chord__base{font:400 11px var(--font-mono);fill:var(--cream-ink)}.chord__missing{font-size:var(--text-sm);margin:0}.fretboard{width:100%;max-width:900px;display:block}.fretboard__wood{fill:#221f1c;stroke:var(--hairline-strong)}.fretboard__fret{stroke:#4a4640;stroke-width:2px;fill:#4a4640}.fretboard__nut{fill:var(--cream-2)}.fretboard__inlay{fill:#3a3632}.fretboard__string{stroke:#8f887d}.fretboard__label{fill:var(--ink-mute);font:400 13px var(--font-mono)}.fretboard__num{fill:var(--ink-mute);font:400 11px var(--font-mono);text-anchor:middle}.fretboard__mark circle{fill:var(--accent);stroke:var(--sunken);stroke-width:2px}.fretboard__mark text{fill:var(--ink-on-accent);font:500 11px var(--font-mono);text-anchor:middle}.fretboard__mark--good circle{fill:var(--ok)}.fretboard__mark--bad circle{fill:var(--bad)}.fretboard__mark--ghost circle{fill:#0000;stroke:var(--ink-mute);stroke-dasharray:3 3}.fretboard__mark--ghost text{fill:var(--ink-soft)}.metro{align-items:center;gap:var(--gap-4);flex-direction:column;display:flex}.metro__arm-wrap{place-items:end center;width:220px;height:150px;display:grid;position:relative}.metro--sm{gap:var(--gap-3)}.metro--sm .metro__arm-wrap{width:112px;height:76px}.metro__arm{background:var(--ink-mute);transform-origin:bottom;will-change:transform;border-radius:1px;width:2px;height:140px;margin-left:-1px;position:absolute;bottom:0;left:50%}.metro--sm .metro__arm{height:70px}.metro__bob{background:var(--accent);border-radius:4px;width:16px;height:16px;margin-left:-8px;position:absolute;top:18%;left:50%}.metro--sm .metro__bob{border-radius:3px;width:10px;height:10px;margin-left:-5px}.metro__count{font:400 20px var(--font-mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;position:absolute;top:0;right:0}.metro--sm .metro__count{font-size:14px}.metro__lamps{gap:var(--gap-3);display:flex}.metro--sm .metro__lamps{gap:var(--gap-2)}.metro__lamp{background:var(--panel-3);border-radius:50%;width:20px;height:20px;position:relative}.metro--sm .metro__lamp{width:12px;height:12px}.metro__lamp:after{content:"";background:var(--accent);opacity:var(--flash,0);will-change:opacity;border-radius:50%;position:absolute;inset:0}.metro__lamp--down:after{background:var(--live)}.metro__lamp[data-lit=false]:after{opacity:0}.tuner__layout{gap:var(--gap-5);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.tuner__panel{align-items:end;column-gap:var(--gap-6);row-gap:var(--gap-4);padding:var(--gap-5);border-radius:var(--radius-l);background:var(--panel);border:1px solid var(--hairline);grid-template-columns:minmax(0,560px) minmax(0,1fr);grid-template-areas:"face readout""face status";display:grid}.tuner__panel .face{grid-area:face;align-self:center}.face{background:radial-gradient(ellipse 90% 120% at 50% 100%, var(--vu-face) 55%, var(--vu-rim));box-shadow:var(--paper-shadow);border-radius:12px;padding:12px 12px 4px;position:relative}.face svg{width:100%;height:auto;display:block}.face__tick{stroke:var(--vu-ink);stroke-width:1.4px;stroke-linecap:round;opacity:.6}.face__tick--major{stroke-width:2.2px;opacity:1}.face__band{fill:none;stroke:var(--vu-band);stroke-width:10px;opacity:.35;transition:opacity var(--dur-base) var(--ease-out)}.face--in .face__band{opacity:.85}.face__label{fill:var(--vu-ink);font:400 10px var(--font-mono);opacity:.75}.face__needle line{stroke:var(--vu-needle);stroke-width:2.6px;stroke-linecap:round}.face__pivot{fill:var(--vu-ink)}.tuner__readout{justify-content:space-between;align-items:flex-end;gap:var(--gap-4);transition:opacity .4s var(--ease-out);flex-wrap:wrap;grid-area:readout;display:flex}.tuner--held .tuner__readout{opacity:.4}.tuner__name{min-height:1em;font-size:var(--text-giant);align-items:baseline;gap:4px;margin:0;line-height:.9;display:flex}.tuner__note{letter-spacing:-.03em;color:var(--ink);transition:color var(--dur-base) var(--ease-out);font-weight:500}.tuner__note--idle{color:var(--panel-3)}.tuner__note--up{animation:note-up .14s var(--ease-out)}.tuner__note--down{animation:note-down .14s var(--ease-out)}@keyframes note-up{0%{opacity:0;transform:translateY(4px)}}@keyframes note-down{0%{opacity:0;transform:translateY(-4px)}}.tuner--in .tuner__note{color:var(--ok)}.tuner__octave{font:400 24px var(--font-mono);color:var(--ink-mute)}.tuner__figures{font-family:var(--font-mono);font-variant-numeric:tabular-nums;justify-items:end;gap:4px;margin:0 0 8px;display:grid}.tuner__cents{font-size:var(--text-xl);color:var(--ink)}.tuner__hz{font-size:var(--text-sm);color:var(--ink-mute)}.tuner__status{font-size:var(--text-lg);color:var(--ink-soft);grid-area:status;align-self:start;margin:0}.tuner--in .tuner__status{color:var(--ok)}.tuner__side{gap:var(--gap-4);align-content:start;display:grid}.tuner__strings-head{justify-content:space-between;align-items:center;display:flex}.tuner__strings-head h2{margin:0}.tuner__strings{gap:4px;margin:0;padding:0;list-style:none;display:grid}.string-btn{align-items:center;gap:var(--gap-3);border-radius:var(--radius-s);width:100%;min-height:48px;color:var(--ink);cursor:pointer;text-align:left;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-press) var(--ease-out);background:0 0;border:1px solid #0000;grid-template-columns:32px 1fr auto;padding:0 12px;display:grid;position:relative}.string-btn:active{transform:scale(.98)}.string-btn__label{font-size:var(--text-xl);font-weight:500;line-height:1}.string-btn__note{font:400 var(--text-md) var(--font-mono);color:var(--ink-mute)}.string-btn__state{color:var(--ok);font-size:var(--text-sm)}.string-btn__check{animation:check-in var(--dur-fast) var(--ease-out);align-items:center;gap:4px;display:inline-flex}@keyframes check-in{0%{opacity:0;transform:scale(.9)}}.string-btn--on{background:var(--panel-2);border-color:var(--hairline)}.string-btn--on:before{content:"";background:var(--accent);border-radius:1px;width:2px;position:absolute;top:10px;bottom:10px;left:0}.string-btn--hot .string-btn__note{color:var(--ink)}@media (hover:hover) and (pointer:fine){.string-btn:not(.string-btn--on):hover{background:var(--panel)}}@media (width<=1180px){.tuner__panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"face""readout""status"}.tuner__panel .face{justify-self:center;width:min(100%,560px)}}@media (width<=900px){.tuner__layout{grid-template-columns:1fr}.tuner__strings{grid-template-columns:repeat(6,minmax(0,1fr))}.string-btn{text-align:center;border-color:var(--hairline);grid-template-columns:1fr;justify-items:center;gap:2px;min-height:64px;padding:8px 0}.string-btn--on:before{width:auto;height:2px;inset:auto 10px 0}.string-btn__state{position:absolute;top:-6px;right:-4px}.string-btn__check{background:var(--ok);width:18px;height:18px;color:var(--cream-ink);border-radius:50%;justify-content:center}.string-btn__check svg{stroke-width:2.5px;width:12px;height:12px}.string-btn__state-text{display:none}}@media (width<=719px){.tuner__layout{gap:var(--gap-3)}.tuner__panel{align-items:center;column-gap:var(--gap-4);row-gap:var(--gap-3);padding:var(--gap-4);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"face face""readout status"}.tuner__panel .face{justify-self:center;width:auto}.tuner__panel .face svg{width:auto;height:clamp(96px, calc(100dvh - 441px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 164px)}.tuner__readout{justify-content:flex-start;align-items:center;gap:var(--gap-3);flex-wrap:nowrap;min-height:64px}.tuner__readout--empty{display:none}.tuner__readout--empty+.tuner__status{grid-column:1/-1}.tuner__name{font-size:64px}.tuner__octave{font-size:18px}.tuner__figures{justify-items:start;margin:0}.tuner__cents{font-size:var(--text-lg)}.tuner__status{min-height:64px;font-size:var(--text-base);align-self:center;align-items:center;display:flex}.tuner__side{gap:var(--gap-2)}.string-btn{min-height:56px;padding:6px 0}}@media (prefers-reduced-motion:reduce){.tuner__note--up,.tuner__note--down,.string-btn__check{animation:none}.string-btn:active{transform:none}}.practice__layout{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);gap:var(--gap-6);align-items:start;display:grid}.practice__main{min-width:0;scroll-margin-top:calc(var(--header-h) + var(--gap-4))}.library{top:calc(var(--header-h) + var(--gap-5));gap:var(--gap-1);max-height:calc(100vh - var(--header-h) - var(--gap-6));scrollbar-width:thin;scrollbar-color:var(--panel-3) transparent;flex-direction:column;padding-right:4px;display:flex;position:sticky;overflow:auto}.library__top{z-index:1;gap:var(--gap-3);padding-bottom:var(--gap-3);background:var(--bg);display:grid;position:sticky;top:0}.library__filters{flex-wrap:wrap;gap:4px;display:flex}.library__group{padding-top:var(--gap-2)}.library__group+.library__group{border-top:1px solid var(--hairline)}.library__title{cursor:pointer;align-items:center;gap:var(--gap-2);border-radius:var(--radius-s);min-height:36px;font-size:var(--text-md);color:var(--ink-soft);padding:0 8px;font-weight:500;list-style:none;display:flex}.library__title::-webkit-details-marker{display:none}.library__title svg{color:var(--ink-mute);transition:transform var(--dur-fast) var(--ease-out)}.library__group[open]>.library__title svg{transform:rotate(90deg)}.library__title-text{min-width:0}.library__count{font:400 var(--text-sm) var(--font-mono);color:var(--ink-mute);margin-left:auto}.library__list{margin:0 0 var(--gap-2);flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.library__item{text-align:left;border-radius:var(--radius-s);width:100%;color:var(--ink);font:500 var(--text-md) / 1.3 var(--font-body);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 12px 8px 32px;display:flex;position:relative}.library__item--on{background:var(--panel-2);border-color:var(--hairline)}.library__item--on:before{content:"";background:var(--accent);border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px;left:0}.library__name{overflow-wrap:anywhere}.library__meta{font-size:var(--text-sm);color:var(--ink-mute);flex-wrap:wrap;align-items:center;gap:8px;font-weight:400;display:flex}.library__best{color:var(--ink-soft);align-items:center;gap:6px;display:inline-flex}.library__best-bar{background:var(--panel-3);border-radius:2px;width:28px;height:3px;overflow:hidden}.library__best-bar span{background:var(--ink-soft);transform-origin:0;height:100%;display:block}.runner{gap:var(--gap-5);display:grid}.runner__head{justify-content:space-between;align-items:flex-start;gap:var(--gap-4);flex-wrap:wrap;display:flex}.runner__titles{min-width:0;max-width:72ch}.runner__title{font-size:var(--text-3xl);letter-spacing:-.02em;margin:0 0 var(--gap-2);overflow-wrap:anywhere;font-weight:500;line-height:1.1}.runner__blurb{color:var(--ink-soft);margin:0 0 var(--gap-1)}.runner__meta{font-size:var(--text-sm);color:var(--ink-mute);margin:0}.runner__meta strong{color:var(--ink);font-weight:500}.runner__actions{gap:var(--gap-1);display:flex}.runner__about{display:none}.runner__stage{gap:var(--gap-3);grid-template-columns:minmax(0,1fr) 176px;display:grid}.lane{border-radius:var(--radius-l);background:var(--sunken);border:1px solid var(--hairline);width:100%;height:232px;display:block}.hud{justify-content:space-between;align-items:center;gap:var(--gap-2);padding:var(--gap-4) var(--gap-3);border-radius:var(--radius-l);background:var(--panel);border:1px solid var(--hairline);text-align:center;flex-direction:column;display:flex}.hud__score{flex-direction:column;align-items:center;display:flex}.hud__points{font-size:var(--text-xl);color:var(--ink);line-height:1.1}.hud__label{font-size:var(--text-sm);color:var(--ink-mute)}.hud__streak{font-size:var(--text-sm);color:var(--ink-mute);align-items:baseline;gap:8px;margin:0;display:flex}.hud__mult{font:500 var(--text-lg) var(--font-body);color:var(--accent-ink);animation:hud-in var(--dur-base) var(--ease-out)}.hud__feedback{min-height:2.8em;font-size:var(--text-md);animation:hud-in var(--dur-fast) var(--ease-out);margin:0;font-weight:500;line-height:1.35}@keyframes hud-in{0%{opacity:0;transform:scale(.95)}}.runner__controls{align-items:center;gap:var(--gap-4) var(--gap-5);flex-wrap:wrap;display:flex}.runner__buttons{gap:var(--gap-2);flex-wrap:wrap;display:flex}.runner__options{align-items:center;gap:var(--gap-3) var(--gap-5);flex-wrap:wrap;display:flex}.runner__speed{flex:0 260px}.runner__speed .num{flex:none;min-width:8ch}.runner>.hint{margin-top:calc(-1 * var(--gap-3))}.runner__next{gap:var(--gap-3);justify-items:start;display:grid}.runner__next h3{margin:0}.next-note{gap:var(--gap-3);width:100%;display:grid}.next-note__name{align-items:center;gap:var(--gap-3);margin:0;font-size:44px;font-weight:500;line-height:1;display:flex}.next-note__name .tab{font-size:var(--text-lg);padding:2px 8px}.results{gap:var(--gap-5);animation:results-in var(--dur-enter) var(--ease-out);justify-items:start;display:grid}@keyframes results-in{0%{opacity:0;transform:translateY(8px)}}.results__main{align-items:flex-end;gap:var(--gap-5) var(--gap-7);flex-wrap:wrap;display:flex}.results__figure{gap:4px;display:grid}.results__pct{font:500 var(--text-giant) / .9 var(--font-body);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0}.results__pct small{color:var(--ink-mute);margin-left:4px;font-size:.35em}.results__caption{align-items:center;gap:var(--gap-3);color:var(--ink-mute);margin:0;display:flex}.results__best{border-radius:var(--radius-xs);border:1px solid var(--hairline-strong);color:var(--accent-ink);font-size:var(--text-sm);padding:2px 8px}.results__summary{gap:var(--gap-2);padding-bottom:8px;display:grid}.results__stars{gap:6px;display:flex}.star{color:var(--panel-3)}.star--on{color:var(--accent);animation:star-in var(--dur-base) var(--ease-out) both}@keyframes star-in{0%{opacity:0}}.results__points{color:var(--ink-soft);font-size:var(--text-md);margin:0}.results__counts{gap:4px var(--gap-4);font-size:var(--text-md);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.results__notes{gap:var(--gap-2);max-width:64ch;display:grid}.results__notes p{margin:0}.results__tip{color:var(--warn);font-size:var(--text-md)}.results__speed{color:var(--ink);font-weight:500}.editor{gap:var(--gap-2);display:grid}.editor h2{font-size:var(--text-xl);margin-bottom:var(--gap-3)}.editor__notation textarea{background:var(--sunken)}.editor__steps{align-items:center;gap:var(--gap-2);font-size:var(--text-sm);margin:0;display:flex}@media (hover:hover) and (pointer:fine){.library__title:hover{color:var(--ink);background:var(--panel)}.library__item:not(.library__item--on):hover{background:var(--panel)}}@media (width<=1000px){.practice__layout{grid-template-columns:1fr}.practice__main{order:-1}.library{max-height:none;padding-right:0;position:static;overflow:visible}.library__top{position:static}}@media (width<=719px){.runner{gap:var(--gap-3);grid-template-columns:minmax(0,1fr)}.runner__head{align-items:center;gap:var(--gap-2);flex-wrap:nowrap}.runner__titles{flex:auto}.runner__head .eyebrow,.runner__head .runner__blurb,.runner__meta-calc{display:none}.runner__title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;margin:0 0 2px;font-size:20px;overflow:hidden}.runner__meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.runner__actions .btn{justify-content:center;width:40px;min-height:40px;padding:0}.runner__actions .btn__text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-take] .runner__head{display:none}.runner__about{display:block}.runner__about .eyebrow{margin-bottom:var(--gap-1)}.runner__stage{gap:var(--gap-3);grid-template-columns:1fr;position:relative}.lane{height:clamp(160px, calc(100dvh - 330px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 240px)}.hud{height:64px;padding:0 var(--gap-4);justify-content:space-between;align-items:center;gap:var(--gap-4);flex-flow:row}.hud .metro__arm-wrap{display:none}.hud__score{flex-direction:row;align-items:baseline;gap:6px}.hud__feedback{right:8px;bottom:calc(64px + var(--gap-3) + 8px);border-radius:var(--radius-xs);text-align:right;white-space:nowrap;text-overflow:ellipsis;background:#12110fe0;max-width:calc(100% - 16px);min-height:0;padding:2px 8px;position:absolute;overflow:hidden}.hud__feedback:not(.hud__feedback--on){display:none}.results__pct{font-size:88px}}@media (prefers-reduced-motion:reduce){.hud__mult,.hud__feedback,.results,.star--on{animation:none}.library__title svg{transition:none}}.games__picker{gap:var(--gap-2);margin-bottom:var(--gap-6);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.game-tile{column-gap:var(--gap-3);text-align:left;border-radius:var(--radius-s);border:1px solid var(--hairline);color:var(--ink);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-press) var(--ease-out);background:0 0;grid-template-rows:auto auto;grid-template-columns:18px minmax(0,1fr);align-items:center;row-gap:2px;padding:12px 16px;display:grid;position:relative}.game-tile:active{transform:scale(.98)}.game-tile__icon{color:var(--ink-mute);grid-row:span 2}.game-tile__name{font-size:var(--text-md);font-weight:500}.game-tile__blurb{font-size:var(--text-sm);color:var(--ink-mute)}.game-tile--on{background:var(--panel-2);border-color:var(--hairline-strong)}.game-tile--on .game-tile__icon{color:var(--accent)}.game-tile--on:before{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:16px;right:16px}.game__bar{align-items:baseline;gap:var(--gap-4);margin-bottom:var(--gap-4);flex-wrap:wrap;display:flex}.game__bar h2{font-size:var(--text-xl);margin:0}.game__score{font-size:var(--text-lg);color:var(--ink)}.game__score small,.game__best{font-size:var(--text-sm);color:var(--ink-mute)}.game__end{margin-left:auto}.game__intro{gap:var(--gap-6);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;display:grid}.game__preview{min-height:260px;padding:var(--gap-5);border-radius:var(--radius-s);background:var(--sunken);border:1px solid var(--hairline);place-items:center;display:grid;overflow:hidden}.game__setup{gap:var(--gap-5);align-content:start;display:grid}.game__steps{counter-reset:step;gap:var(--gap-3);margin:0;padding:0;list-style:none;display:grid}.game__steps li{counter-increment:step;gap:var(--gap-3);color:var(--ink);grid-template-columns:28px 1fr;align-items:baseline;display:grid}.game__steps li:before{content:counter(step);font:400 var(--text-sm) var(--font-mono);color:var(--ink-mute);border:1px solid var(--hairline-strong);border-radius:var(--radius-xs);text-align:center;line-height:22px}.game__options .row{gap:var(--gap-3);margin-bottom:0}.game__options .field{margin-bottom:0}.game__start{align-items:center;gap:var(--gap-3);flex-wrap:wrap;display:flex}.game__how{display:none}.game__how summary{align-items:center;gap:var(--gap-2);min-height:36px;font-size:var(--text-md);color:var(--ink-soft);font-weight:500;list-style:none;display:inline-flex}.game__how summary::-webkit-details-marker{display:none}.game__how summary svg{color:var(--ink-mute);transition:transform var(--dur-fast) var(--ease-out)}.game__how[open] summary svg{transform:rotate(90deg)}.game__how .game__steps{margin-top:var(--gap-2)}.game__result{justify-items:center;gap:var(--gap-2);text-align:center;display:grid}.game__result-score{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:96px;font-weight:500;line-height:.9}.game__result-caption{align-items:center;gap:var(--gap-3);color:var(--ink-mute);margin:0;display:flex}.game__play{padding:var(--gap-6) var(--gap-5);border-radius:var(--radius-l);background:var(--panel);border:1px solid var(--hairline);min-height:400px}.sprint,.finder,.echo,.changes,.run{align-items:center;gap:var(--gap-4);text-align:center;flex-direction:column;display:flex}.big-chord{letter-spacing:-.03em;margin:0;font-size:112px;font-weight:500;line-height:1}.big-note{margin:0;font-size:64px;font-weight:500;line-height:1}.fuse{background:var(--panel-3);border-radius:3px;width:100%;max-width:640px;height:6px;overflow:hidden}.fuse__burn{background:var(--accent);transform-origin:0;will-change:transform;height:100%}.sprint__status{align-items:center;gap:var(--gap-4);margin:0;display:flex}.sprint__hint{font-size:var(--text-lg);min-height:1.6em;color:var(--ink-soft);margin:0;font-weight:500}.sprint__hint.good{color:var(--ok)}.lives{gap:4px;display:inline-flex}.lives__on{color:var(--live)}.lives__off{color:var(--panel-3)}.finder__prompt{font-size:var(--text-xl);align-items:center;gap:var(--gap-3);flex-wrap:wrap;justify-content:center;margin:0;display:flex}.finder__prompt .big-note{color:var(--accent-ink);font-size:56px;display:inline}.finder__prompt strong{font-weight:600}.echo__play{border:1px solid var(--cream);cursor:pointer;background:var(--cream);width:128px;height:128px;color:var(--cream-ink);transition:transform var(--dur-press) var(--ease-out);border-radius:50%;place-items:center;display:grid}.echo__play:active{transform:scale(.98)}.echo__play--sm{cursor:default;width:72px;height:72px}.changes__pair{align-items:center;gap:var(--gap-6);flex-wrap:wrap;justify-content:center;display:flex}.changes__count{font-variant-numeric:tabular-nums;min-width:2ch;font-size:112px;font-weight:500;line-height:1}.run__status{gap:var(--gap-4);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.run__track{gap:var(--gap-3);flex-wrap:wrap;justify-content:center;display:flex}.run__step{opacity:.5;transition:transform var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out)}.run__step--now{opacity:1;transform:translateY(-6px)}.run__bar{background:var(--panel-3);border-radius:3px;width:100%;max-width:640px;height:6px;overflow:hidden}.run__fill{background:var(--accent);transform-origin:0;will-change:transform;height:100%;transform:scaleX(0)}.preview{justify-items:center;gap:var(--gap-4);width:100%;display:grid}.preview .fretboard{max-width:460px}.preview__prompt{font-size:var(--text-lg);color:var(--ink-soft);margin:0}.preview__prompt strong{color:var(--ink);font-weight:600}.preview__fuse{animation:3s linear infinite preview-fuse}@keyframes preview-fuse{0%{transform:scaleX(1)}to{transform:scaleX(.05)}}.preview--run .run__track{flex-wrap:nowrap}.preview__step{animation:preview-step 3s var(--ease-out) infinite}@keyframes preview-step{0%,24%{opacity:1;transform:translateY(-6px)}25%,to{opacity:.5;transform:none}}.preview__bar{animation:.75s linear infinite preview-bar}@keyframes preview-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.preview--finder .fretboard__mark,.preview--echo .fretboard__mark{animation:preview-dot 3s var(--ease-out) infinite}@keyframes preview-dot{0%,45%{opacity:0}55%,to{opacity:1}}.preview--changes{align-items:center;gap:var(--gap-5);grid-auto-flow:column}.preview--changes .changes__count{font-size:64px}.preview__flip{border-radius:10px;animation:3s step-end infinite preview-flip}.preview__flip--b{animation-delay:-1.5s}@keyframes preview-flip{0%{opacity:1}50%{opacity:.45}}.is-paused .preview *{animation-play-state:paused}@media (hover:hover) and (pointer:fine){.game-tile:not(.game-tile--on):hover{background:var(--panel)}}@media (width<=1100px){.games__picker{scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.games__picker .game-tile{scroll-snap-align:start;flex:0 0 200px}}@media (width<=900px){.game__intro{grid-template-columns:1fr}.game__preview{min-height:200px}}@media (width<=719px){.games__picker{margin-bottom:var(--gap-4)}.game__bar{gap:var(--gap-3);margin-bottom:var(--gap-3);flex-wrap:nowrap;min-width:0}.game__bar h2{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;font-size:20px;overflow:hidden}.game__score,.game__best{white-space:nowrap;flex:none}.game__intro{gap:var(--gap-4);padding:var(--gap-4)}.game__preview{min-height:0;height:clamp(140px, calc(100dvh - 434px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 220px);padding:var(--gap-3)}.game__preview .preview{gap:var(--gap-2)}.game__setup{gap:var(--gap-3)}.game__setup>.game__steps{display:none}.game__how{display:block}.game__play{padding:var(--gap-5) var(--gap-4)}.big-chord,.changes__count{font-size:80px}.changes__pair{gap:var(--gap-4)}}@media (width<=719px) and (height<=640px){.game__preview .preview{zoom:.75}}@media (width<=719px) and (height<=570px){.game__preview .preview{zoom:.6}}@media (prefers-reduced-motion:reduce){.preview *{animation:none!important}.game__how summary svg,.run__step{transition:none}.game-tile:active,.echo__play:active{transform:none}}.file-btn{position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.dropzone{gap:var(--gap-3);text-align:center;padding:var(--gap-7) var(--gap-5);border:1px dashed var(--hairline-strong);border-radius:var(--radius-l);background:var(--panel);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);justify-items:center;display:grid}.dropzone p{color:var(--ink-soft);margin:0}.dropzone--over{border-color:var(--accent);background:var(--panel-2)}.dropzone__big{font-size:var(--text-xl);font-weight:500;color:var(--ink)!important}.steps{text-align:left;max-width:620px;margin:var(--gap-4) 0 0;gap:var(--gap-2);color:var(--ink-soft);padding-left:20px;display:grid}.steps strong{color:var(--ink);font-weight:500}.busy{align-items:center;gap:var(--gap-2);color:var(--ink-soft);display:flex}.song__title{justify-content:space-between;align-items:center;gap:var(--gap-3);margin-bottom:var(--gap-4);flex-wrap:wrap;display:flex}.song__title h2{font-size:var(--text-xl);overflow-wrap:anywhere;margin:0}.song__engine{font-size:var(--text-sm);color:var(--ink-mute);margin:4px 0 0}.songs__actions{gap:var(--gap-2);flex-wrap:wrap;display:flex}.insights__notes-head{justify-content:space-between;align-items:center;gap:var(--gap-3);margin-bottom:var(--gap-3);flex-wrap:wrap;display:flex}.insights__notes-head h3{margin:0}.insights__parts{gap:4px;display:flex}.stemkit{margin-bottom:var(--gap-4)}.stemkit__list{margin:var(--gap-3) 0 0;gap:2px;padding:0;list-style:none;display:grid}.stemkit__song{align-items:center;gap:var(--gap-3);border-radius:var(--radius-s);width:100%;min-height:44px;color:var(--ink);font:500 var(--text-md) var(--font-body);text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto 16px;padding:0 12px;display:grid}.stemkit__song:disabled{opacity:.5;cursor:progress}.stemkit__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stemkit__meta{font-size:var(--text-sm);color:var(--ink-mute)}.stemkit__song svg{color:var(--ink-mute)}@media (hover:hover) and (pointer:fine){.stemkit__song:not(:disabled):hover{background:var(--panel-2)}}.stems{flex-wrap:wrap;gap:4px;display:flex}.timeline{width:100%;height:152px;margin:0 0 var(--gap-4);border-radius:var(--radius-l);background:var(--sunken);border:1px solid var(--hairline);cursor:crosshair;touch-action:none;display:block}.transport{gap:var(--gap-4) var(--gap-6);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.transport__main{align-items:center;gap:var(--gap-2);display:flex}.transport__time{font-size:var(--text-md);color:var(--ink-soft);margin-left:var(--gap-2)}.transport__speed .field{margin-bottom:var(--gap-2)}.transport__speed .row{margin-bottom:0}.transport__loop{border-top:1px solid var(--hairline);padding-top:var(--gap-4);gap:var(--gap-2);grid-column:1/-1;display:grid}.transport__loop .row{gap:var(--gap-3);margin-bottom:0}.insights{gap:var(--gap-4);margin-top:var(--gap-4);grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr);display:grid}.insights h3{margin-bottom:var(--gap-4)}.insights__next{flex-direction:column;align-items:center;gap:6px;display:flex}.insights__none{color:var(--ink-mute);margin:0}.tabline{gap:var(--gap-2);margin:0 0 var(--gap-4);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tabline li{justify-items:center;gap:4px;display:grid}.tabline__note{font:400 var(--text-sm) var(--font-mono);color:var(--ink-soft)}.metronome__panel{align-items:center;gap:var(--gap-6);padding:var(--gap-6);border-radius:var(--radius-l);background:var(--panel);border:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.metronome__visual{border-radius:var(--radius-s);background:var(--sunken);border:1px solid var(--hairline);min-height:280px;padding:var(--gap-5);place-items:center;display:grid}.metronome__controls{gap:var(--gap-5);max-width:440px;display:grid}.metronome__bpm{justify-content:space-between;align-items:center;gap:var(--gap-4);display:flex}.metronome__value{font-size:var(--text-giant);letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-weight:500;line-height:.9;display:flex}.metronome__value small{font:400 var(--text-md) var(--font-mono);color:var(--ink-mute);letter-spacing:0}.metronome__actions{gap:var(--gap-2);flex-wrap:wrap;display:flex}.metronome__options{gap:var(--gap-4);flex-wrap:wrap;display:flex}.metronome__options .field{flex:160px;margin:0}.settings__grid{columns:2 380px;column-gap:var(--gap-4)}.settings__grid>.card{break-inside:avoid;margin-bottom:var(--gap-4)}.settings__input .input-picker,.settings__input .meter{margin-bottom:var(--gap-3)}@media (width<=1000px){.insights,.transport{grid-template-columns:1fr}}@media (width<=800px){.metronome__panel{padding:var(--gap-4);grid-template-columns:1fr}.metronome__controls{max-width:none}.metronome__visual{min-height:220px}}@media (width<=719px){.metronome__value{font-size:88px}.dropzone{padding:var(--gap-6) var(--gap-4)}.metronome__panel{gap:var(--gap-4)}.metronome__visual{height:120px;min-height:0;padding:var(--gap-2);overflow:hidden}.metronome__visual .metro{gap:var(--gap-2)}.metronome__visual .metro__arm-wrap{width:132px;height:80px}.metronome__visual .metro__arm{height:74px}.metronome__visual .metro__bob{border-radius:3px;width:12px;height:12px;margin-left:-6px}.metronome__visual .metro__count{font-size:16px}.metronome__visual .metro__lamp{width:14px;height:14px}.metronome__controls{gap:var(--gap-4)}}.today__head{align-items:center}.week{gap:var(--gap-3);margin:0;padding:0;list-style:none;display:flex}.week__day{justify-items:center;gap:6px;display:grid}.week__dot{background:var(--panel-3);border-radius:50%;width:12px;height:12px}.week__day--on .week__dot{background:var(--accent)}.week__label{font:400 var(--text-xs) var(--font-mono);color:var(--ink-mute)}.today__grid{gap:var(--gap-4);grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"resume next""tune level";display:grid}.today__next{flex-direction:column;align-items:flex-start;display:flex}.today__next .btn{margin-top:auto}.today__resume{gap:var(--gap-6);padding:var(--gap-6);grid-area:resume;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.today__next{grid-area:next}.today__tune{grid-area:tune}.today__level{grid-area:level}.today__label{font-size:var(--text-md);color:var(--ink-mute);margin:0 0 var(--gap-3);font-weight:500}.today__name{font-size:var(--text-xl);margin:0 0 var(--gap-1);overflow-wrap:anywhere;font-weight:500;line-height:1.2}.today__resume .today__name{font-size:var(--text-3xl);letter-spacing:-.02em}.today__meta{color:var(--ink-soft);margin:0}.today__best{font-size:var(--text-sm);color:var(--ink-mute);margin:var(--gap-2) 0}.today__resume .btn{margin-top:var(--gap-4)}.today__reason{color:var(--ink-soft);margin:0 0 var(--gap-4)}.today__shape{place-items:center;display:grid}.today__second{display:none}.today__tab .tab{padding:6px 14px;font-size:32px}a.card{color:inherit;transition:background-color var(--dur-fast) var(--ease-out);text-decoration:none}.today__strings{gap:var(--gap-2);margin:0 0 var(--gap-4);padding:0;list-style:none;display:flex}.today__strings li{border-radius:var(--radius-s);border:1px solid var(--hairline);min-width:32px;font-size:var(--text-lg);justify-items:center;gap:4px;padding:8px 0;display:grid}.today__strings li.is-tuned{color:var(--ok);border-color:#7fe0b04d}.today__string-dot{background:var(--panel-3);border-radius:50%;width:4px;height:4px;margin:5px 0}.today__level-figure{margin:0 0 var(--gap-3);font-variant-numeric:tabular-nums;font-size:64px;font-weight:500;line-height:1}.today__xp{background:var(--panel-3);height:4px;margin-bottom:var(--gap-3);border-radius:2px;display:block;overflow:hidden}.today__xp span{background:var(--accent);transform-origin:0;height:100%;display:block}.progress__top{gap:var(--gap-4);margin-bottom:var(--gap-5);grid-template-columns:max-content minmax(0,1fr);align-items:stretch;display:grid}.progress__calendar{padding:var(--gap-5) var(--gap-6);align-content:center;display:grid;overflow-x:auto}.calendar{--cell:clamp(14px, .9vw + 6px, 22px);justify-content:start;gap:var(--gap-2) var(--gap-3);grid-template-columns:auto max-content;margin:0;display:grid}.calendar__days{grid-template-rows:20px repeat(7, var(--cell));font:400 var(--text-xs) var(--font-mono);color:var(--ink-mute);gap:4px;display:grid}.calendar__days span:first-child{grid-row:2}.calendar__days span{align-items:center;display:flex}.calendar__grid{grid-auto-flow:column;grid-auto-columns:var(--cell);gap:4px;display:grid}.calendar__week{grid-template-rows:20px repeat(7, var(--cell));gap:4px;display:grid}.calendar__month{font:400 var(--text-xs) var(--font-mono);color:var(--ink-mute);white-space:nowrap;overflow:visible}.calendar__cell{width:var(--cell);height:var(--cell);background:var(--panel-3);border-radius:3px;display:block}.calendar__cell--1{background:#e3a23b59}.calendar__cell--2{background:#e3a23ba6}.calendar__cell--3{background:var(--accent)}.calendar__cell--future{background:0 0}.calendar__cell--today{outline:1px solid var(--ink-soft);outline-offset:1px}.calendar__legend{font:400 var(--text-xs) var(--font-mono);color:var(--ink-mute);grid-column:2;justify-content:flex-start;align-items:center;gap:4px;display:flex}.calendar__legend .calendar__cell{width:12px;height:12px}.progress__figures{gap:var(--gap-3);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;margin:0;display:grid}.progress__figure--wide{grid-column:1/-1}.progress__figure{padding:var(--gap-4) var(--gap-5);border-radius:var(--radius-m);border:1px solid var(--hairline)}.progress__figure dt{font-size:var(--text-md);color:var(--ink-mute);margin-bottom:var(--gap-2)}.progress__figure dd{font-family:var(--font-body);font-size:var(--text-2xl);margin:0;font-weight:500;line-height:1}.progress__figure small{font-size:var(--text-md);color:var(--ink-mute);font-weight:400}.progress__lists{gap:var(--gap-4);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}.progress__table{border-collapse:collapse;width:100%;font-size:var(--text-md)}.progress__table th,.progress__table td{text-align:left;border-bottom:1px solid var(--hairline);vertical-align:baseline;padding:10px 8px}.progress__table thead th{color:var(--ink-mute);font-weight:400;font-size:var(--text-sm)}.progress__table tbody th{overflow-wrap:anywhere;font-weight:500}.progress__table .num-col{text-align:right;white-space:nowrap}.progress__recent span{color:var(--ink-soft);margin-left:10px;display:inline-block}.progress__recent span:last-child{color:var(--ink)}.progress__game-list{margin:0;padding:0;list-style:none;display:grid}.progress__game-list li{justify-content:space-between;gap:var(--gap-3);border-bottom:1px solid var(--hairline);padding:10px 0;display:flex}.progress__game-list small{color:var(--ink-mute);font-size:var(--text-sm);display:block}.onboard{background:var(--bg);grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.onboard__bar,.onboard__nav{justify-content:space-between;align-items:center;gap:var(--gap-4);padding:var(--gap-3) var(--page-x);width:100%;max-width:1040px;margin:0 auto;display:flex}.onboard__bar{border-bottom:1px solid var(--hairline);max-width:none}.onboard__dots{gap:8px;margin:0;padding:0;list-style:none;display:flex}.onboard__dots li{background:var(--panel-3);border-radius:50%;width:8px;height:8px}.onboard__dots li.is-past{background:var(--ink-mute)}.onboard__dots li.is-now{background:var(--accent)}.onboard__body{width:100%;max-width:1040px;padding:var(--gap-7) var(--page-x) var(--gap-5);animation:view-in var(--dur-enter) var(--ease-out) both;margin:0 auto}.onboard__body h1{font-size:var(--text-3xl);letter-spacing:-.02em;margin-bottom:var(--gap-5);outline:none}.onboard__count{margin:0 0 var(--gap-2);font-size:var(--text-sm);color:var(--ink-mute)}.onboard__lead{font-size:var(--text-lg);color:var(--ink-soft);max-width:60ch;margin:0}.onboard__welcome{gap:var(--gap-5);justify-items:start;display:grid}.onboard__stack{gap:var(--gap-4);justify-items:start;max-width:100%;display:grid}.onboard__stack>.tuner,.onboard__stack>.runner,.onboard__stack>.meter,.onboard__stack>.input-picker{width:100%}.onboard__list{gap:var(--gap-2);max-width:64ch;margin:0;padding-left:20px;display:grid}.onboard__nav{border-top:1px solid var(--hairline);background:var(--bg);max-width:none;position:sticky;bottom:0}.onboard__next{gap:var(--gap-2);align-items:center;display:flex}.signal{align-items:center;gap:var(--gap-3);flex-wrap:wrap;display:flex}.signal__item{justify-items:center;gap:var(--gap-2);min-width:128px;padding:var(--gap-4);border-radius:var(--radius-m);border:1px solid var(--hairline-strong);background:var(--panel);color:var(--ink);font-size:var(--text-md);display:grid}.signal__item svg{color:var(--ink-soft)}.signal__wire{text-align:center;min-width:72px;font:400 var(--text-xs) var(--font-mono);color:var(--ink-mute);padding-bottom:10px;position:relative}.signal__wire:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:0;left:0;right:0}@media (hover:hover) and (pointer:fine){a.card:hover{background:var(--panel-2)}}@media (width<=1000px){.today__grid{grid-template-columns:1fr 1fr;grid-template-areas:"resume resume""next next""tune level"}.progress__top{grid-template-columns:1fr}.progress__figures{grid-template-columns:repeat(3,minmax(0,1fr))}.progress__figure--wide{grid-column:auto}.progress__lists{grid-template-columns:1fr}}@media (width<=719px){.today__grid{grid-template-columns:1fr;grid-template-areas:"resume""next""tune""level"}.today__grid .card{padding:var(--gap-4)}.today__resume{gap:var(--gap-4);grid-template-columns:minmax(0,1fr)}.today__resume-text{min-width:0}.today__resume .today__name,.today__next .today__name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;max-width:100%;font-size:20px;overflow:hidden}.today__label{margin-bottom:var(--gap-2)}.today__resume .btn{margin-top:var(--gap-3)}.today__shape{gap:var(--gap-3);justify-content:flex-start;align-items:flex-start;display:flex}.today__second{display:block}.today__shape .chord{border-radius:8px;padding:8px 10px 6px}.today__shape .chord svg{width:76px}.today__shape .chord__name{font-size:20px}.week{gap:var(--gap-2)}.progress__figures{grid-template-columns:repeat(2,minmax(0,1fr))}.progress__figure--wide{grid-column:1/-1}.progress__figure{padding:var(--gap-3) var(--gap-4)}.progress__calendar{padding:var(--gap-4)}.progress__recent span:not(:last-child){display:none}.onboard__body{padding-top:var(--gap-5)}.onboard__nav .btn--big{padding:0 16px}.signal{flex-direction:column;align-items:stretch}.signal__wire{text-align:left;min-height:24px;padding:0 0 0 12px}.signal__wire:after{width:2px;height:auto;inset:0 auto 0 0}}@media (prefers-reduced-motion:reduce){.onboard__body{animation:none}}.data p{color:var(--ink-soft)}.data code{overflow-wrap:anywhere}.data__figures{gap:var(--gap-3);margin:var(--gap-4) 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.data__figures div{padding:var(--gap-3);border:1px solid var(--hairline);border-radius:var(--radius-s)}.data__figures dt{font-size:var(--text-sm);color:var(--ink-mute);margin-bottom:var(--gap-1)}.data__figures dd{font-size:var(--text-lg);color:var(--ink);margin:0}.data__actions{margin:var(--gap-4) 0 var(--gap-3)}.data__confirm{padding:var(--gap-4);margin-bottom:var(--gap-3);border-radius:var(--radius-s);border:1px solid var(--hairline-strong);background:var(--panel-2)}.data__confirm p{color:var(--ink)}.data__confirm .row{margin-bottom:0}.data__snapshots{margin:var(--gap-2) 0 0}.data__snapshot-list{margin:var(--gap-2) 0 0;padding:0;list-style:none;display:grid}.data__snapshot-list li{justify-content:space-between;align-items:center;gap:var(--gap-3);padding:var(--gap-2) 0;border-bottom:1px solid var(--hairline);color:var(--ink);display:flex}.data__snapshot-list small{color:var(--ink-mute);font-size:var(--text-sm);display:block}@media (width<=719px){.data__figures{grid-template-columns:repeat(2,minmax(0,1fr))}}.account{flex:none;display:flex;position:relative}.account__signin,.account__chip{cursor:pointer;border:1px solid var(--hairline);min-height:32px;color:var(--ink-soft);font:500 var(--text-sm) / 1 var(--font-body);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-press) var(--ease-out);background:0 0;border-radius:999px;align-items:center;gap:6px;display:inline-flex}.account__signin{padding:0 12px}.account__chip{padding:0 4px;position:relative}.account__signin:active,.account__chip:active{transform:scale(.98)}.account__signin[aria-expanded=true],.account__chip[aria-expanded=true]{background:var(--panel-2);color:var(--ink)}.account__avatar{background:var(--panel-3);width:24px;height:24px;color:var(--ink);font:500 var(--text-xs) / 1 var(--font-mono);border-radius:50%;place-items:center;display:grid}.account__chip .sync-dot{box-shadow:0 0 0 2px var(--sunken);position:absolute;bottom:3px;right:2px}.sync-dot{background:var(--ink-mute);border-radius:50%;flex:none;width:7px;height:7px}.account--syncing .sync-dot,.account-status__sync--syncing .sync-dot{background:var(--accent)}.account--offline .sync-dot,.account-status__sync--offline .sync-dot{background:var(--warn)}.account--error .sync-dot,.account-status__sync--error .sync-dot{background:var(--bad)}.account-status__sync--synced .sync-dot{background:var(--ok)}.account__pop{z-index:30;gap:var(--gap-3);width:min(360px,100vw - 32px);padding:var(--gap-4);border-radius:var(--radius-m);border:1px solid var(--hairline-strong);background:var(--panel);box-shadow:var(--shadow-float);animation:pop-in var(--dur-base) var(--ease-out) both;display:grid;position:absolute;top:calc(100% + 8px);right:0}.account__pop-title{font-size:var(--text-md);margin:0;font-weight:500}.account__pop .hint{margin:0}.signin{gap:var(--gap-3);display:grid}.signin p{margin:0}.signin__social{gap:var(--gap-2);display:grid}.signin__provider{min-height:40px}.signin__or{align-items:center;gap:var(--gap-3);color:var(--ink-mute);font-size:var(--text-sm);display:flex}.signin__or:before,.signin__or:after{content:"";background:var(--hairline);flex:1;height:1px}.signin__email{font-size:var(--text-md);color:var(--ink-soft);gap:6px;display:grid}.signin__row{gap:var(--gap-2);display:flex}.signin__row input{flex:auto;min-width:0}.signin__row .btn{flex:none}.signin__code{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.08em}.signin__lead{gap:var(--gap-2);color:var(--ink-soft);font-size:var(--text-md);display:flex}.signin__lead svg{color:var(--ink-mute);flex:none;margin-top:2px}.signin__lead strong{color:var(--ink);overflow-wrap:anywhere;font-weight:500}.signin__back{justify-self:start;padding:0 8px}.account-status{gap:var(--gap-2);display:grid}.account-status p{margin:0}.account-status__who{gap:2px;display:grid}.account-status__name{color:var(--ink);overflow-wrap:anywhere;font-weight:500}.account-status__email{color:var(--ink-mute);font-size:var(--text-sm);overflow-wrap:anywhere}.account-status__sync{color:var(--ink-soft);font:400 var(--text-sm) / 1.4 var(--font-mono);align-items:center;gap:8px;display:inline-flex}.account-status__actions{margin:var(--gap-2) 0 0}.account-card>p{color:var(--ink-soft)}.account-card code{overflow-wrap:anywhere}.account-card__notice{justify-content:space-between;align-items:flex-start;gap:var(--gap-2);padding:var(--gap-3);margin-bottom:var(--gap-3);border-radius:var(--radius-s);border:1px solid var(--hairline-strong);background:var(--panel-2);display:flex}.account-card__notice p{color:var(--ink);margin:0}@media (hover:hover) and (pointer:fine){.account__signin:hover,.account__chip:hover{background:var(--panel-2);color:var(--ink)}}@media (width<=719px){.account__sheet{gap:var(--gap-3);overscroll-behavior:contain;outline:none;max-height:calc(100dvh - 48px);padding-top:8px;display:grid;overflow-y:auto}.account__sheet .sheet__grip{margin-bottom:4px}.account__sheet .hint{margin:0}.account__signin{padding:0 10px}}@media (prefers-reduced-motion:reduce){.account__pop{animation:fade-in var(--dur-fast) linear both}.account__signin:active,.account__chip:active{transform:none}}