:root{--sf-bg:#0d0b08;--sf-surface-1:#14110d;--sf-surface-2:#1b1712;--sf-surface-3:#241e17;--sf-line:#2e271d;--sf-line-strong:#453a2b;--sf-text:#efe9df;--sf-text-dim:#a99e8c;--sf-text-faint:#6f6656;--sf-amber:#ffb224;--sf-amber-hot:#ffc95e;--sf-amber-deep:#8a5a00;--sf-amber-ink:#1a1000;--sf-amber-glow:rgba(255,178,36,0.16);--sf-rec:#ff3b30;--sf-rec-glow:rgba(255,59,48,0.22);--sf-ok:#58c470;--sf-warn:#e2b93b;--sf-font-ui:"Avenir Next","Segoe UI","Helvetica Neue",system-ui,sans-serif;--sf-font-mono:ui-monospace,"SF Mono","Cascadia Mono","JetBrains Mono",Menlo,Consolas,monospace;--sf-s1:4px;--sf-s2:8px;--sf-s3:12px;--sf-s4:16px;--sf-s5:24px;--sf-s6:32px;--sf-s7:48px;--sf-radius:6px;--sf-radius-lg:10px;--sf-focus-ring:0 0 0 2px var(--sf-bg),0 0 0 4px var(--sf-amber-deep)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--sf-bg);color:var(--sf-text);font-family:var(--sf-font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:var(--sf-amber-deep);color:var(--sf-text)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sf-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--sf-s2);border:1px solid var(--sf-line-strong);border-radius:var(--sf-radius);background:var(--sf-surface-3);color:var(--sf-text);font-family:var(--sf-font-ui);font-size:14px;font-weight:600;letter-spacing:.01em;padding:7px 14px;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out;white-space:nowrap}.sf-btn:hover:not(:disabled){background:#2c251c;border-color:#57482f}.sf-btn:focus-visible{outline:none;box-shadow:var(--sf-focus-ring)}.sf-btn:disabled{opacity:.45;cursor:not-allowed}.sf-btn--primary{background:var(--sf-amber);border-color:var(--sf-amber);color:var(--sf-amber-ink)}.sf-btn--primary:hover:not(:disabled){background:var(--sf-amber-hot);border-color:var(--sf-amber-hot)}.sf-btn--danger{background:transparent;border-color:#6b2320;color:#ff8a80}.sf-btn--danger:hover:not(:disabled){background:rgba(255,59,48,.12);border-color:var(--sf-rec);color:#ffb3ac}.sf-btn--ghost{background:transparent;border-color:transparent;color:var(--sf-text-dim)}.sf-btn--ghost:hover:not(:disabled){background:var(--sf-surface-3);color:var(--sf-text)}.sf-btn--sm{font-size:12px;padding:3px 9px;font-weight:600}.sf-btn--lg{font-size:16px;padding:12px 22px}.sf-btn--xl{font-size:18px;padding:16px 30px;border-radius:var(--sf-radius-lg)}.sf-btn--lit{background:var(--sf-amber-glow);border-color:var(--sf-amber-deep);color:var(--sf-amber-hot)}.sf-btn--lit:hover:not(:disabled){background:rgba(255,178,36,.24);border-color:var(--sf-amber)}.sf-btn--recording{background:var(--sf-rec);border-color:var(--sf-rec);color:#fff;box-shadow:0 0 0 4px var(--sf-rec-glow)}.sf-btn--recording:hover:not(:disabled){background:#ff554b;border-color:#ff554b}.sf-toggle{display:inline-flex;align-items:center;gap:var(--sf-s3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--sf-text-dim);font-size:13px;font-weight:500}.sf-toggle[data-checked=true]{color:var(--sf-text)}.sf-toggle__track{position:relative;width:36px;height:20px;flex:none;border-radius:999px;background:var(--sf-surface-3);border:1px solid var(--sf-line-strong);transition:background-color .15s ease-out,border-color .15s ease-out}.sf-toggle__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--sf-text-faint);transition:transform .15s ease-out,background-color .15s ease-out}.sf-toggle[data-checked=true] .sf-toggle__track{background:var(--sf-amber-deep);border-color:var(--sf-amber-deep)}.sf-toggle[data-checked=true] .sf-toggle__thumb{transform:translateX(16px);background:var(--sf-amber)}.sf-toggle input{position:absolute;opacity:0;width:1px;height:1px}.sf-toggle:has(input:focus-visible) .sf-toggle__track{box-shadow:var(--sf-focus-ring)}.sf-toggle[data-disabled=true]{opacity:.45;cursor:not-allowed}.sf-slider{display:flex;flex-direction:column;gap:var(--sf-s1);min-width:0}.sf-slider__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sf-s2);font-size:12px;color:var(--sf-text-dim)}.sf-slider__value{font-family:var(--sf-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--sf-text)}.sf-slider input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:20px;margin:0;background:transparent;cursor:pointer}.sf-slider input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--sf-surface-3)}.sf-slider input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--sf-surface-3)}.sf-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;border:none;background:var(--sf-amber)}.sf-slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:none;background:var(--sf-amber)}.sf-slider input[type=range]:focus-visible{outline:none;box-shadow:var(--sf-focus-ring);border-radius:var(--sf-radius)}.sf-select{display:flex;flex-direction:column;gap:var(--sf-s1);min-width:0}.sf-select__label{font-size:12px;color:var(--sf-text-dim)}.sf-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:var(--sf-surface-1);color:var(--sf-text);border:1px solid var(--sf-line-strong);border-radius:var(--sf-radius);font-family:var(--sf-font-ui);font-size:13px;padding:6px 28px 6px 10px;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a99e8c' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.sf-select select:focus-visible{outline:none;box-shadow:var(--sf-focus-ring)}.sf-select select:disabled{opacity:.45;cursor:not-allowed}.sf-input{background:var(--sf-surface-1);color:var(--sf-text);border:1px solid var(--sf-line-strong);border-radius:var(--sf-radius);font-family:var(--sf-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:14px;padding:6px 10px}.sf-input:focus-visible{outline:none;box-shadow:var(--sf-focus-ring)}.sf-meter{display:flex;align-items:center;gap:var(--sf-s2);min-width:0}.sf-meter__track{position:relative;flex:1 1;height:10px;border-radius:2px;background:var(--sf-surface-1);border:1px solid var(--sf-line);overflow:hidden}.sf-meter__peak,.sf-meter__rms{position:absolute;inset:0 auto 0 0;border-radius:1px}.sf-meter__rms{background:linear-gradient(90deg,#3f8f52,#7fc26a 70%,var(--sf-warn));opacity:.9}.sf-meter__peak{width:2px;background:var(--sf-text-dim)}.sf-meter__clip{flex:none;width:10px;height:10px;border-radius:2px;background:var(--sf-surface-3);border:1px solid var(--sf-line-strong)}.sf-meter__clip[data-clipping=true]{background:var(--sf-rec);border-color:var(--sf-rec);box-shadow:0 0 6px var(--sf-rec-glow)}.sf-card{background:var(--sf-surface-1);border:1px solid var(--sf-line);border-radius:var(--sf-radius-lg);padding:var(--sf-s4) var(--sf-s4);min-width:0}.sf-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sf-s3);margin-bottom:var(--sf-s3)}.sf-card__title{margin:0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sf-text-faint)}.sf-kbd{display:inline-block;font-family:var(--sf-font-mono);font-size:11px;line-height:1;color:var(--sf-text-dim);background:var(--sf-surface-3);border:solid var(--sf-line-strong);border-width:1px 1px 2px;border-radius:4px;padding:3px 6px;min-width:20px;text-align:center}.sf-dialog__backdrop{position:fixed;inset:0;background:rgba(6,4,2,.7);display:flex;align-items:center;justify-content:center;z-index:100;animation:sf-fade-in .15s ease-out}.sf-dialog{background:var(--sf-surface-2);border:1px solid var(--sf-line-strong);border-radius:var(--sf-radius-lg);padding:var(--sf-s5);max-width:480px;width:calc(100vw - 48px);max-height:80vh;overflow-y:auto}.sf-dialog__title{margin:0 0 var(--sf-s3);font-size:16px;font-weight:700}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}.sf-fb{margin:0;padding:var(--sf-s3);background:var(--sf-surface-1);border:1px solid var(--sf-line);border-radius:var(--sf-radius)}.sf-fb__label{font-family:var(--sf-font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-text-dim);margin-bottom:var(--sf-s2)}.sf-fb__nut{stroke:var(--sf-text-dim);stroke-width:4}.sf-fb__fret{stroke:var(--sf-line-strong);stroke-width:1}.sf-fb__string{stroke:#5e5240}.sf-fb__inlay{fill:var(--sf-surface-3)}.sf-fb__capo{fill:var(--sf-line-strong);opacity:.85}.sf-fb__fretnum{fill:var(--sf-text-faint);font-size:9px}.sf-fb__fretnum,.sf-fb__open{font-family:var(--sf-font-mono)}.sf-fb__open{fill:var(--sf-text-dim);font-size:10px}.sf-fb__dot{stroke:rgba(0,0,0,.5);stroke-width:.5}.sf-fb__dot--root{fill:var(--sf-amber)}.sf-fb__dot--scale{fill:#57482f}.sf-fb__dot--chord{fill:var(--sf-amber-deep)}.sf-fb__dot--guide{fill:var(--sf-amber-hot)}.sf-fb__dot--target{fill:var(--sf-ok)}.sf-fb__degree{fill:var(--sf-text);font-family:var(--sf-font-mono);font-size:8.5px;font-weight:700;pointer-events:none}.sf-fb__dot--guide+.sf-fb__degree,.sf-fb__dot--root+.sf-fb__degree{fill:var(--sf-amber-ink)}.sf-chord{margin:0;display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sf-s2) var(--sf-s3);background:var(--sf-surface-1);border:1px solid var(--sf-line);border-radius:var(--sf-radius)}.sf-chord[data-active=true]{border-color:var(--sf-amber);box-shadow:0 0 0 1px var(--sf-amber),0 0 14px var(--sf-amber-glow)}.sf-chord__name{font-family:var(--sf-font-mono);font-size:12px;font-weight:700;color:var(--sf-text)}.sf-chord[data-active=true] .sf-chord__name{color:var(--sf-amber-hot)}.sf-chord__nut{stroke:var(--sf-text-dim);stroke-width:3.5}.sf-chord__wire{stroke:var(--sf-line-strong);stroke-width:1}.sf-chord__stringline{stroke:#5e5240;stroke-width:1}.sf-chord__dot{fill:var(--sf-amber)}.sf-chord__finger{fill:var(--sf-amber-ink);font-family:var(--sf-font-mono);font-size:8.5px;font-weight:700;pointer-events:none}.sf-chord__barre{fill:var(--sf-amber-deep);opacity:.9}.sf-chord__openring{fill:none;stroke:var(--sf-text-dim);stroke-width:1.4}.sf-chord__mute{fill:var(--sf-text-faint);font-size:11px}.sf-chord__basefret{fill:var(--sf-text-faint);font-family:var(--sf-font-mono);font-size:10px}.shell{display:flex;min-height:100vh}.rail{width:200px;flex:none;display:flex;flex-direction:column;border-right:1px solid var(--sf-line);background:var(--sf-surface-1);padding:var(--sf-s4) var(--sf-s3);position:-webkit-sticky;position:sticky;top:0;height:100vh}.rail__brand{font-family:var(--sf-font-mono);font-size:15px;font-weight:700;letter-spacing:.28em;color:var(--sf-amber);text-decoration:none;padding:var(--sf-s2) var(--sf-s3) var(--sf-s5);display:block}.rail__nav{display:flex;flex-direction:column;gap:2px}.rail__link{display:block;padding:7px var(--sf-s3);border-radius:var(--sf-radius);color:var(--sf-text-dim);text-decoration:none;font-size:14px;font-weight:500;border-left:2px solid transparent;transition:background-color .15s ease-out,color .15s ease-out}.rail__link:hover{background:var(--sf-surface-3);color:var(--sf-text)}.rail__link[data-active=true]{color:var(--sf-amber-hot);background:var(--sf-amber-glow);border-left-color:var(--sf-amber);border-radius:0 var(--sf-radius) var(--sf-radius) 0}.rail__foot{margin-top:auto;padding:var(--sf-s3)}.rail__account{display:flex;flex-direction:column;gap:var(--sf-s2)}.rail__email{font-size:11px;color:var(--sf-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail__auth-btn{font:inherit;font-size:12px;text-align:left;color:var(--sf-text-dim);background:none;border:1px solid var(--sf-line);border-radius:var(--sf-radius);padding:4px 8px;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}.rail__auth-btn:hover{background:var(--sf-surface-3);color:var(--sf-text)}.rail__auth-btn--warn{color:var(--sf-warn);border-color:#574a1e}.demo-badge{display:inline-block;font-family:var(--sf-font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-warn);border:1px solid #574a1e;border-radius:4px;padding:3px 8px;background:rgba(226,185,59,.08)}.main{flex:1 1;min-width:0;padding:var(--sf-s5) var(--sf-s6) var(--sf-s7)}.placeholder{max-width:560px;margin-top:12vh}.placeholder h1{font-size:28px;margin:0 0 var(--sf-s3)}.placeholder p{color:var(--sf-text-dim);line-height:1.6}.placeholder__tag{font-family:var(--sf-font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sf-text-faint)}.studio{display:flex;flex-direction:column;gap:var(--sf-s4)}.studio__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:var(--sf-s4);gap:var(--sf-s4);align-items:start}@media (max-width:1100px){.studio__grid{grid-template-columns:minmax(0,1fr)}}.studio__col{display:flex;flex-direction:column;gap:var(--sf-s4);min-width:0}.gate{max-width:640px;margin:10vh auto 0;text-align:left}.gate h1{font-size:32px;letter-spacing:-.01em;margin:0 0 var(--sf-s2)}.gate__sub{font-size:16px;line-height:1.6}.gate ul,.gate__sub{color:var(--sf-text-dim);margin:0 0 var(--sf-s5)}.gate ul{line-height:1.8;padding-left:1.2em}.transport{display:flex;align-items:center;gap:var(--sf-s4);flex-wrap:wrap;background:var(--sf-surface-1);border:1px solid var(--sf-line);border-radius:var(--sf-radius-lg);padding:var(--sf-s3) var(--sf-s4);position:-webkit-sticky;position:sticky;top:var(--sf-s3);z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.transport__pos{font-family:var(--sf-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;min-width:96px;text-align:center;color:var(--sf-text)}.transport__pos[data-countin=true]{color:var(--sf-warn)}.beat-lamp{width:14px;height:14px;border-radius:50%;background:var(--sf-surface-3);border:1px solid var(--sf-line-strong);flex:none;transition:background-color 90ms ease-out,box-shadow 90ms ease-out}.beat-lamp[data-flash=beat]{background:var(--sf-amber);box-shadow:0 0 12px var(--sf-amber-glow);transition:none}.beat-lamp[data-flash=downbeat]{background:var(--sf-amber-hot);box-shadow:0 0 18px rgba(255,178,36,.45);transition:none}.beat-lamp[data-flash=countin]{background:var(--sf-warn);box-shadow:0 0 12px rgba(226,185,59,.4);transition:none}.bpm-box{display:flex;align-items:baseline;gap:var(--sf-s2)}.bpm-box input{width:84px;font-size:24px;font-weight:600;text-align:center;padding:4px 6px}.bpm-box .bpm-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-text-faint)}.transport__group{display:flex;align-items:center;gap:var(--sf-s2)}.field-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sf-text-faint)}.track{display:grid;grid-template-columns:24px minmax(90px,1fr) auto auto;grid-gap:var(--sf-s2) var(--sf-s3);gap:var(--sf-s2) var(--sf-s3);align-items:center;padding:var(--sf-s3);border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface-2)}.track[data-status=overdubbing],.track[data-status=recording]{border-color:var(--sf-rec);box-shadow:0 0 0 1px var(--sf-rec),0 0 14px var(--sf-rec-glow)}.track[data-status=armed]{border-color:var(--sf-amber-deep);box-shadow:0 0 0 1px var(--sf-amber-deep)}.track__lamp{width:10px;height:10px;border-radius:50%;background:var(--sf-line-strong);justify-self:center}.track__lamp[data-status=playing]{background:var(--sf-ok)}.track__lamp[data-status=armed]{background:var(--sf-amber);animation:pulse 1s ease-in-out infinite}.track__lamp[data-status=overdubbing],.track__lamp[data-status=recording]{background:var(--sf-rec);animation:pulse .6s ease-in-out infinite}.track__name{background:transparent;border:1px solid transparent;border-radius:4px;color:var(--sf-text);font-family:var(--sf-font-ui);font-size:14px;font-weight:600;padding:2px 6px;min-width:0;width:100%}.track__name:hover{border-color:var(--sf-line-strong)}.track__name:focus-visible{outline:none;border-color:var(--sf-amber-deep);background:var(--sf-surface-1)}.track__buttons{display:flex;gap:var(--sf-s1);flex-wrap:wrap}.track__mix{grid-column:2/-1;display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sf-s4);gap:var(--sf-s4)}.loop-ring{position:relative;width:120px;height:120px;flex:none}.loop-ring svg{transform:rotate(-90deg)}.loop-ring__label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--sf-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.loop-ring__label b{font-size:20px;font-weight:600}.loop-ring__label span{font-size:10px;letter-spacing:.12em}.loop-ring__label span,.rec-indicator{text-transform:uppercase;color:var(--sf-text-faint)}.rec-indicator{display:inline-flex;align-items:center;gap:var(--sf-s2);font-family:var(--sf-font-mono);font-size:12px;letter-spacing:.14em;border:1px solid var(--sf-line);border-radius:999px;padding:4px 12px}.rec-indicator[data-status=recording]{color:#fff;background:var(--sf-rec);border-color:var(--sf-rec);box-shadow:0 0 16px var(--sf-rec-glow)}.rec-indicator[data-status=paused]{color:var(--sf-warn);border-color:var(--sf-warn)}.rec-indicator__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.rec-indicator[data-status=recording] .rec-indicator__dot{animation:pulse 1s ease-in-out infinite}.rec-time{font-family:var(--sf-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;letter-spacing:.02em}.rec-time[data-live=true]{color:#ff8a80}.take{border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface-2);padding:var(--sf-s3);display:flex;flex-direction:column;gap:var(--sf-s2)}.take__head{display:flex;align-items:center;gap:var(--sf-s3);flex-wrap:wrap}.take__meta{font-family:var(--sf-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px;color:var(--sf-text-faint)}.take__kept{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sf-ok)}.wave{width:100%;height:64px;display:block;border-radius:4px;background:var(--sf-surface-1);cursor:pointer}.accents{display:flex;gap:var(--sf-s1);align-items:flex-end;height:44px}.accents button{flex:1 1;min-width:18px;border:none;border-radius:3px 3px 0 0;background:var(--sf-line-strong);cursor:pointer;padding:0;transition:background-color .12s ease-out}.accents button[data-level=accent]{background:var(--sf-amber)}.accents button[data-level=beat]{background:var(--sf-amber-deep)}.accents button[data-level=ghost]{background:var(--sf-line-strong)}.accents button[data-level=mute]{background:var(--sf-surface-3)}.accents button:focus-visible{outline:none;box-shadow:var(--sf-focus-ring)}.cap-row{display:flex;justify-content:space-between;gap:var(--sf-s3);padding:5px 0;border-bottom:1px solid var(--sf-line);font-size:13px}.cap-row:last-child{border-bottom:none}.cap-row dt{color:var(--sf-text-dim)}.cap-row dd{margin:0;font-family:var(--sf-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.cap-ok{color:var(--sf-ok)}.cap-bad{color:#ff8a80}.hint{font-size:12px;color:var(--sf-text-faint);line-height:1.5;margin:var(--sf-s2) 0 0}.hint--warn{color:var(--sf-warn)}.shortcuts{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--sf-s2) var(--sf-s3);gap:var(--sf-s2) var(--sf-s3);align-items:center;font-size:13px;color:var(--sf-text-dim)}.stack{flex-direction:column}.row,.stack{display:flex;gap:var(--sf-s3)}.row{align-items:center;flex-wrap:wrap}.row--between{justify-content:space-between}.grow{flex:1 1;min-width:0}.mono{font-family:var(--sf-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty{color:var(--sf-text-faint);font-size:13px;padding:var(--sf-s3) 0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.main--focus{padding:var(--sf-s4) var(--sf-s5) var(--sf-s7);max-width:1240px;margin:0 auto;width:100%}.page{display:flex;flex-direction:column;gap:var(--sf-s4);max-width:980px}.page__head h1{margin:0 0 var(--sf-s1);font-size:28px;letter-spacing:-.01em}.page__sub{margin:0;font-size:14px}.lede,.page__sub{color:var(--sf-text-dim)}.lede{font-size:16px;line-height:1.6}.callout{border:1px solid var(--sf-amber-deep);background:var(--sf-amber-glow);border-radius:var(--sf-radius);padding:var(--sf-s3) var(--sf-s4);margin:var(--sf-s3) 0}.callout p{line-height:1.55}.callout p,.callout ul{margin:var(--sf-s2) 0 0;color:var(--sf-text-dim);font-size:14px}.callout ul{padding-left:1.2em}.sf-textarea{width:100%;resize:vertical;line-height:1.5}.wizard{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sf-s4)}.wizard__rail{display:flex;gap:var(--sf-s2);list-style:none;margin:0;padding:0;flex-wrap:wrap}.wizard__rail li{font-family:var(--sf-font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--sf-line);color:var(--sf-text-faint)}.wizard__rail li[data-state=now]{color:var(--sf-amber-hot);border-color:var(--sf-amber-deep);background:var(--sf-amber-glow)}.wizard__rail li[data-state=done]{color:var(--sf-ok);border-color:var(--sf-line-strong)}.wizard__nav{margin-top:var(--sf-s4);justify-content:space-between}.chips{display:flex;flex-wrap:wrap;gap:var(--sf-s2);margin-top:var(--sf-s2)}.chip{border:1px solid var(--sf-line-strong);background:var(--sf-surface-3);color:var(--sf-text-dim);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .12s ease-out}.chip[data-on=true]{background:var(--sf-amber);border-color:var(--sf-amber);color:var(--sf-amber-ink)}.chip:focus-visible{outline:none;box-shadow:var(--sf-focus-ring)}.phase-strip{display:flex;gap:var(--sf-s3);flex-wrap:wrap;margin:var(--sf-s3) 0}.phase-strip__item{flex:1 1 140px;border:1px solid var(--sf-line);border-left:3px solid var(--sf-amber-deep);border-radius:var(--sf-radius);background:var(--sf-surface-2);padding:var(--sf-s3);display:flex;flex-direction:column;gap:2px}.phase-strip__item b{font-size:14px}.phase-strip__item span{color:var(--sf-text-dim);font-size:12px;line-height:1.4}.phase-strip__item em{font-style:normal;font-family:var(--sf-font-mono);font-size:11px;color:var(--sf-text-faint)}.plan-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sf-s2)}.plan-steps__item{display:flex;align-items:center;gap:var(--sf-s3);flex-wrap:wrap;border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface-2);padding:var(--sf-s2) var(--sf-s3)}.plan-steps__title{font-weight:600;font-size:14px;flex:1 1 220px}.plan-steps__meta{color:var(--sf-text-faint);font-size:12px}.plan-steps__tools{display:flex;gap:var(--sf-s1)}.plan-steps__item .hint{flex-basis:100%;margin:0}.proposal{display:flex;align-items:center;justify-content:space-between;gap:var(--sf-s3);border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface-2);padding:var(--sf-s3)}.proposal[data-decided=true]{opacity:.65}.proposal__body b{font-size:14px}.status-chip{font-family:var(--sf-font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:4px;border:1px solid var(--sf-line-strong);color:var(--sf-text-dim);white-space:nowrap}.status-chip[data-tone=ok]{color:var(--sf-ok);border-color:rgba(88,196,112,.4)}.status-chip[data-tone=warn]{color:var(--sf-warn);border-color:rgba(226,185,59,.4)}.status-chip[data-tone=dim]{color:var(--sf-text-faint)}.tag{font-size:11px;font-weight:600;color:var(--sf-text-dim);background:var(--sf-surface-3);border:1px solid var(--sf-line);border-radius:999px;padding:2px 9px;white-space:nowrap}.today-card__meta{display:flex;align-items:center;gap:var(--sf-s2);flex-wrap:wrap;margin-bottom:var(--sf-s2)}.today-card__meta .mono{font-size:20px;font-weight:700;color:var(--sf-amber-hot)}.week-strip{display:flex;gap:var(--sf-s3);flex-wrap:wrap}.week-strip__item{flex:1 1 120px;max-width:180px;border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface-2);padding:var(--sf-s3);display:flex;flex-direction:column;gap:2px;font-size:13px}.week-strip__item b{font-size:12px;color:var(--sf-amber-hot)}.week-strip__item span{color:var(--sf-text-dim)}.week-strip__item em{font-style:normal;font-size:11px;color:var(--sf-text-faint)}.runner-gate{max-width:720px;margin:6vh auto 0;display:flex;flex-direction:column;gap:var(--sf-s4)}.runner-gate h1{margin:0;font-size:30px}.runner{display:flex;flex-direction:column;gap:var(--sf-s4)}.runner[data-paused=true] .runner__hero{opacity:.55}.runner__top{justify-content:space-between;gap:var(--sf-s4);border-bottom:1px solid var(--sf-line);padding-bottom:var(--sf-s3)}.runner__crumb,.runner__top{display:flex;align-items:center;flex-wrap:wrap}.runner__crumb{gap:var(--sf-s3);color:var(--sf-text-dim);font-size:13px}.runner__exit{color:var(--sf-text-faint);text-decoration:none;font-size:13px}.runner__exit:hover{color:var(--sf-text)}.runner__timer{font-family:var(--sf-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:44px;font-weight:700;line-height:1;color:var(--sf-amber-hot);display:flex;flex-direction:column;align-items:center;gap:4px}.runner__timer[data-over=true]{color:var(--sf-warn)}.runner__timer-sub{font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--sf-text-faint)}.runner__paused-note{border:1px solid var(--sf-warn);color:var(--sf-warn);border-radius:var(--sf-radius);padding:var(--sf-s2) var(--sf-s3);font-size:13px;background:rgba(226,185,59,.07)}.runner__notice{animation:runner-notice 4s ease-out forwards}@keyframes runner-notice{0%{opacity:0}8%{opacity:1}85%{opacity:1}to{opacity:0}}.runner__hero{max-width:860px}.runner__hero h1{font-size:34px;margin:0 0 var(--sf-s2);letter-spacing:-.01em}.runner__purpose{font-size:17px;color:var(--sf-text-dim);line-height:1.6;margin:0 0 var(--sf-s2)}.runner__howto{margin:var(--sf-s2) 0;padding-left:1.3em;color:var(--sf-text-dim);line-height:1.7;font-size:14px}.runner__target{margin:var(--sf-s3) 0 0;font-size:15px}.runner__target .field-label{margin-right:var(--sf-s2)}.runner__values{display:flex;gap:var(--sf-s4);flex-wrap:wrap;margin-top:var(--sf-s3);font-size:12px;color:var(--sf-text-faint)}.runner__values span{border:1px solid var(--sf-line);border-radius:4px;padding:3px 8px;background:var(--sf-surface-2)}.runner__controls{display:flex;align-items:center;gap:var(--sf-s3);flex-wrap:wrap}.runner__stepnav{display:inline-flex;gap:var(--sf-s1);margin-left:auto}.runner__next{color:var(--sf-text-faint);font-size:13px;margin:0}.runner__dock{display:flex;flex-direction:column;gap:var(--sf-s4);border-top:1px solid var(--sf-line);padding-top:var(--sf-s4)}.runner__dock-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:var(--sf-s4);gap:var(--sf-s4);align-items:start}@media (max-width:1100px){.runner__dock-grid{grid-template-columns:minmax(0,1fr)}}.runner__finishing{position:fixed;inset:0;justify-content:center;background:rgba(6,4,2,.75);font-size:18px;z-index:200}.rating,.runner__finishing{display:flex;align-items:center}.rating{gap:var(--sf-s1);margin-top:var(--sf-s2)}.rating__btn{background:none;border:none;font-size:26px;color:var(--sf-line-strong);cursor:pointer;padding:2px;line-height:1}.rating__btn[data-on=true]{color:var(--sf-amber)}.rating__btn:focus-visible{outline:none;text-shadow:0 0 8px var(--sf-amber-glow);color:var(--sf-amber-hot)}.summary-table{display:flex;flex-direction:column}.summary-table__row{display:grid;grid-template-columns:minmax(140px,1fr) auto auto auto auto;grid-gap:var(--sf-s3);gap:var(--sf-s3);align-items:center;padding:var(--sf-s2) 0;border-bottom:1px solid var(--sf-line);font-size:13px}.summary-table__row:last-child{border-bottom:none}.summary-table__title{font-weight:600}.prog{display:flex;flex-wrap:wrap;gap:var(--sf-s1)}.prog__bar{border:1px solid var(--sf-line-strong);border-radius:var(--sf-radius);background:var(--sf-surface-2);padding:var(--sf-s2) var(--sf-s3);min-width:56px;text-align:center;font-family:var(--sf-font-mono);font-size:14px;font-weight:600;color:var(--sf-text-dim);transition:all .1s ease-out}.prog__bar[data-active=true]{background:var(--sf-amber);border-color:var(--sf-amber);color:var(--sf-amber-ink);box-shadow:0 0 14px var(--sf-amber-glow)}.prog__chord+.prog__chord:before{content:" "}.theory-views{display:flex;gap:var(--sf-s3);align-items:flex-start;flex-wrap:wrap}.prompt-current{font-size:26px;font-weight:700;margin:0;line-height:1.3}.prompt-current[data-flash=true]{color:var(--sf-amber-hot);animation:prompt-flash .9s ease-out}@keyframes prompt-flash{0%{text-shadow:0 0 22px rgba(255,178,36,.8)}to{text-shadow:none}}.prompt-meta{margin-top:var(--sf-s3);display:flex;flex-direction:column;gap:var(--sf-s1)}.prompt-countdown{height:4px;border-radius:2px;background:var(--sf-surface-3);overflow:hidden}.prompt-countdown__fill{height:100%;background:var(--sf-amber-deep);transition:width 1s linear}.rec-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sf-s3);flex-wrap:wrap;border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface-1);padding:var(--sf-s3) var(--sf-s4);text-decoration:none;color:var(--sf-text);transition:border-color .12s ease-out,background-color .12s ease-out}.rec-row:hover{border-color:var(--sf-amber-deep);background:var(--sf-surface-2)}.rec-row__main{display:flex;flex-direction:column;gap:2px;min-width:0}.rec-row__meta{font-size:12px;color:var(--sf-text-faint)}.wave--interactive{height:96px;cursor:crosshair;touch-action:none}.region-bar{margin-top:var(--sf-s3);border:1px solid var(--sf-amber-deep);border-radius:var(--sf-radius);background:var(--sf-amber-glow)}.marker-row,.region-bar{padding:var(--sf-s2) var(--sf-s3)}.marker-row{display:flex;align-items:center;gap:var(--sf-s3);width:100%;border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface-2);color:var(--sf-text);cursor:pointer;font-size:13px;text-align:left}.marker-row:hover{border-color:var(--sf-amber-deep)}.marker-row:focus-visible{outline:none;box-shadow:var(--sf-focus-ring)}.clip-row{gap:var(--sf-s3);border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface-2);padding:var(--sf-s3)}.clip-row,.filter-bar{display:flex;align-items:center}.filter-bar{gap:var(--sf-s2);flex-wrap:wrap}.lick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--sf-s3);gap:var(--sf-s3)}.lick-card{border:1px solid var(--sf-line);border-radius:var(--sf-radius-lg);background:var(--sf-surface-1);padding:var(--sf-s3) var(--sf-s4);display:flex;flex-direction:column;gap:var(--sf-s2)}.lick-card[data-playing=true]{border-color:var(--sf-amber);box-shadow:0 0 0 1px var(--sf-amber),0 0 16px var(--sf-amber-glow)}.lick-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sf-s2)}.lick-card__title{background:none;border:none;color:var(--sf-text);font-size:15px;font-weight:700;cursor:pointer;padding:0;text-align:left}.lick-card__title:hover{color:var(--sf-amber-hot)}.lick-card__fav{background:none;border:none;font-size:18px;color:var(--sf-line-strong);cursor:pointer;padding:0;line-height:1}.lick-card__fav[data-on=true]{color:var(--sf-amber)}.lick-card__meta{font-size:12px;color:var(--sf-text-faint)}.lick-card__tags{display:flex;gap:var(--sf-s1);flex-wrap:wrap}.kv{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--sf-s1) var(--sf-s4);gap:var(--sf-s1) var(--sf-s4);font-size:14px}.kv span{color:var(--sf-text-faint)}.history-list{margin:var(--sf-s2) 0 0;padding-left:1.2em;font-size:13px;color:var(--sf-text-dim);line-height:1.7}.bar{flex:1 1;min-width:60px;height:14px;background:var(--sf-surface-3);overflow:hidden}.bar,.bar__fill{border-radius:4px}.bar__fill{height:100%;background:var(--sf-amber);transition:width .3s ease-out}.bar__fill[data-tone=dim]{background:var(--sf-line-strong)}.pv-grid{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--sf-s3) var(--sf-s4);gap:var(--sf-s3) var(--sf-s4);align-items:center}.pv-grid__bars{display:flex;flex-direction:column;gap:var(--sf-s2)}.pv-grid__row{display:flex;align-items:center;gap:var(--sf-s3)}.pv-grid__row .mono{font-size:12px;color:var(--sf-text-dim);min-width:110px}.skill-bars{display:flex;flex-direction:column;gap:var(--sf-s2)}.skill-bars__name{min-width:130px;font-size:13px;font-weight:600}.stat-row{display:flex;gap:var(--sf-s4);flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface-2);padding:var(--sf-s3) var(--sf-s4);min-width:100px}.stat b{font-size:24px;font-family:var(--sf-font-mono);color:var(--sf-amber-hot)}.stat span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sf-text-faint)}.instrument-row{border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface-2);padding:var(--sf-s3)}