@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations")}:root{--paper:#eef1ee;--card:#fff;--card-sunk:#f6f8f6;--rosewood:#3a2620;--rosewood-deep:#2a1b16;--fret:#c9ccc6;--pearl:#f4efe2;--ink:#1b2420;--ink-soft:#55615b;--line:#d6ddd8;--accent:#0e6b5a;--accent-strong:#0a5347;--accent-ink:#fff;--accent-soft:#dcefe9;--spot:#f2b33d;--spot-soft:#fdf1d6;--note:#255f86;--note-soft:#e3eef6;--warn:#8a5a00;--warn-soft:#fff3cd;--error:#a3201a;--finger-1:#2f6fb0;--finger-2:#0e7a52;--finger-3:#b8530f;--finger-4:#7a3e9d;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-chord:"Bricolage Grotesque", ui-monospace, Menlo, Consolas, monospace;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-s:.875rem;--text-m:1.0625rem;--text-l:1.375rem;--text-xl:2rem;--text-xxl:clamp(2.25rem, 5vw, 3.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--radius-s:6px;--radius:12px;--radius-l:20px;--tap:44px;--shadow:0 1px 0 #1b24200f, 0 8px 20px -14px #1b242059}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:var(--space-4)}body{background:var(--paper);color:var(--ink);font:var(--text-m) / 1.55 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 var(--space-2);letter-spacing:-.01em;font-weight:700;line-height:1.15}h2{font-size:var(--text-l)}h3{font-size:1.125rem}h4{font-size:1rem}p{margin:0 0 var(--space-2)}code{font-family:var(--font-mono);background:var(--card-sunk);border:1px solid var(--line);border-radius:4px;padding:0 .3em;font-size:.9em}:focus-visible{outline:3px solid var(--note);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--ink-soft)}.small{font-size:var(--text-s)}.small-title{margin-top:var(--space-3);font-size:1rem}.brand{background:var(--rosewood);color:var(--pearl)}.brand__inner{max-width:72rem;padding:var(--space-3) var(--space-3) var(--space-2);align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin:0 auto;display:flex}.brand__home{cursor:pointer;color:inherit;background:0 0;border:0;padding:0}.brand__name{font:800 1.75rem/1 var(--font-display);letter-spacing:-.03em;color:var(--spot)}.brand__tagline{color:#f4efe2bf;font-size:var(--text-s);margin:0}@media (width<=40rem){.brand__tagline{display:none}.task__controls .button--large{flex:100%}}.brand__help{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-3);color:var(--pearl);font:700 var(--text-s) / 1 var(--font-body);cursor:pointer;background:#f4efe214;border:1px solid #f4efe259;border-radius:999px;margin-left:auto;display:inline-flex}.brand__help:hover{background:#f4efe229}.brand__fretboard{max-width:72rem;height:14px;padding:0 var(--space-3);grid-template-columns:repeat(12,1fr);margin:0 auto;display:grid}.brand__fret{border-left:2px solid #c9ccc68c;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.brand__inlay{background:var(--pearl);opacity:.85;border-radius:50%;width:7px;height:7px}.page{max-width:72rem;padding:var(--space-4) var(--space-3) var(--space-5);gap:var(--space-4);margin:0 auto;display:grid}.page>*,.plan>*,.practice-progress>*,.task>*{min-width:0}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);padding:var(--space-4);min-width:0;box-shadow:var(--shadow)}@media (width<=40rem){.panel{padding:var(--space-3);border-radius:var(--radius)}}.section-title{font-size:var(--text-l)}.notice{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);background:var(--spot-soft);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid #ecd49c;flex-wrap:wrap;margin:0;font-weight:600;display:flex}.notice--info{background:var(--note-soft);border-color:#c3d8e8;font-weight:400}.notice--warn{background:var(--warn-soft);border-color:#ecd49c;font-weight:400}.banner{background:var(--warn-soft);border:2px solid var(--warn);border-radius:var(--radius);padding:var(--space-2) var(--space-3)}.page-head{gap:var(--space-1);justify-items:start;display:grid}.back-link{align-items:center;gap:var(--space-1);min-height:var(--tap);padding:0 var(--space-2) 0 0;color:var(--accent);font:700 var(--text-s) / 1 var(--font-body);cursor:pointer;background:0 0;border:0;display:inline-flex}.back-link:hover{text-decoration:underline}.page-title{font-size:var(--text-xxl);letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-weight:800}.page-title--untitled{color:var(--ink-soft)}.title-view{gap:var(--space-1);display:grid}.title-view__row{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.title-editor{gap:var(--space-2);width:min(100%,32rem);padding:var(--space-3);border-radius:var(--radius-l);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);display:grid}.name-fields{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}.name-field{display:grid}.name-field .field-label{margin-bottom:var(--space-1)}.name-field input{width:100%;min-height:var(--tap);padding:0 var(--space-3);border:2px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);font:inherit}.name-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.title-editor__title{font:700 1.25rem/1.2 var(--font-display)!important}.name-hint{margin:calc(-1 * var(--space-2)) 0 var(--space-3)}.page-title--small{font-size:var(--text-xl)}.page-artist{font-size:var(--text-l);color:var(--ink-soft);margin:0}.page-lead{max-width:44rem;color:var(--ink-soft);font-size:1.125rem}.facts{margin:var(--space-2) 0 0;gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.facts li{align-items:baseline;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--card);border:1px solid var(--line);font-size:var(--text-s);color:var(--ink-soft);border-radius:999px;display:inline-flex}.facts strong{color:var(--ink)}.facts__capo{border-color:var(--spot)!important;background:var(--spot-soft)!important}.icon{flex:none}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);border:2px solid var(--accent);background:var(--accent);color:var(--accent-ink);font:700 var(--text-m) / 1.1 var(--font-body);text-align:center;cursor:pointer;border-radius:999px;padding:0 1.1rem;transition:background-color .12s,border-color .12s,transform 80ms;display:inline-flex}.button:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.button:active:not(:disabled){transform:translateY(1px)}.button--large{min-height:52px;padding:0 1.5rem;font-size:1.0625rem}.button--small{min-height:36px;font-size:var(--text-s);gap:.35rem;padding:0 .85rem}.button--secondary{background:var(--card);color:var(--accent)}.button--secondary:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.button--quiet{color:var(--accent);background:0 0;border-color:#0000}.button--quiet:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-soft)}.button--play{min-width:9rem;min-height:52px}.button--flag-on,.button--flag-on:hover:not(:disabled){background:var(--spot);color:var(--ink);border-color:#d39a2a}.button--link{color:var(--accent);text-underline-offset:3px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.button:disabled{background:var(--line);border-color:var(--line);color:var(--ink-soft);cursor:not-allowed}.button--quiet:disabled{opacity:.45;background:0 0;border-color:#0000}.button--danger{background:var(--card);border-color:var(--error);color:var(--error)}.button--danger:hover:not(:disabled){border-color:var(--error);background:#fbe9e8}.button--danger-subtle{color:var(--ink-soft);background:0 0;border-color:#0000}.button--danger-subtle:hover:not(:disabled){color:var(--error);background:#fbe9e8;border-color:#fbe9e8}.button--danger-solid,.button--danger-solid:hover:not(:disabled){background:var(--error);border-color:var(--error);color:var(--accent-ink)}.icon-button{width:var(--tap);height:var(--tap);background:var(--card-sunk);color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.actions{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.actions--tight{margin-top:var(--space-2)}.chip{border:1.5px solid var(--line);background:var(--card);min-height:36px;color:var(--ink);font:700 var(--text-s) / 1 var(--font-body);cursor:pointer;border-radius:999px;padding:0 .9rem}.chip--on{background:var(--ink);border-color:var(--ink);color:var(--card)}.term{white-space:nowrap;display:inline;position:relative}.term__word{font:inherit;color:inherit;cursor:help;-webkit-text-decoration:underline dotted var(--note);text-decoration:underline dotted var(--note);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration-thickness:2px}.term__word:hover,.term__word[aria-expanded=true]{color:var(--note)}.term__pop{z-index:20;width:min(18rem,80vw);padding:var(--space-2) var(--space-3);background:var(--ink);color:#f2f5f3;border-radius:var(--radius);font:400 var(--text-s) / 1.45 var(--font-body);text-align:left;white-space:normal;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #00000073}.term__pop:before{content:"";border:6px solid #0000;border-top:0;border-bottom-color:var(--ink);position:absolute;top:-6px;left:calc(50% - 6px)}.term__title{color:var(--spot);margin-bottom:2px;display:block}.hero{gap:var(--space-4);padding:var(--space-3) 0 var(--space-2);align-items:center;display:grid}@media (width>=56rem){.hero{gap:var(--space-5);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.hero__title{font-size:var(--text-xxl);letter-spacing:-.035em;max-width:16ch;margin-bottom:var(--space-3);font-weight:800;line-height:1.02}.hero__lead{color:var(--ink-soft);max-width:38rem;font-size:1.125rem}.hero__privacy{margin-top:var(--space-3);font-size:var(--text-s);color:var(--ink-soft)}.how{padding:var(--space-3);gap:var(--space-1);background:var(--rosewood);border-radius:var(--radius-l);color:var(--pearl);margin:0;list-style:none;display:grid}.how__step{gap:var(--space-3);padding:var(--space-3);align-items:center;display:flex}.how__step+.how__step{border-top:2px solid #c9ccc666}.how__num{background:var(--pearl);width:2.5rem;height:2.5rem;color:var(--rosewood);font:800 1.125rem/1 var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.how__text{font-size:var(--text-s);color:#f4efe2bf;display:block}.callout{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-l);background:var(--note-soft);border:1px solid #c3d8e8;flex-wrap:wrap;display:flex}.callout p{max-width:40rem;margin:0}.empty{padding:var(--space-4);border:2px dashed var(--line);border-radius:var(--radius-l);color:var(--ink-soft)}.empty p{margin:0}.song-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));margin:0;padding:0;list-style:none;display:grid}.song{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow);display:grid;position:relative}.song__open{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-l) var(--radius-l) 0 0;text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;display:flex}.song__open:hover .song__title{color:var(--accent)}.song__art{border-radius:var(--radius);background:var(--rosewood);width:3.25rem;height:3.25rem;color:var(--spot);font:800 1.5rem/1 var(--font-display);flex:none;place-items:center;display:grid}.song__info{flex:1;min-width:0;display:grid}.song__title{font:700 1.125rem/1.2 var(--font-display);overflow-wrap:anywhere}.song__artist{color:var(--ink-soft);font-size:var(--text-s)}.song__hint{font-size:var(--text-s);color:var(--accent);margin-top:2px;font-weight:700}.song__go{color:var(--ink-soft)}.song__actions{padding:0 var(--space-2) var(--space-2);justify-content:flex-end;display:flex}.song__actions .confirm{margin:0 var(--space-1) var(--space-1)}.settings-panel{border-top:1px solid var(--line);padding-top:var(--space-3)}.settings-panel summary{cursor:pointer;color:var(--ink-soft);min-height:var(--tap);align-items:center;font-weight:700;display:flex}.settings,.song__actions{gap:var(--space-2);flex-wrap:wrap}.settings{align-items:flex-start;display:flex}.confirm{border:2px solid var(--error);border-radius:var(--radius);padding:var(--space-3);background:var(--card);max-width:34rem}.new-song{gap:var(--space-4);display:grid}@media (width>=56rem){.new-song{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}}.field-label{margin-bottom:var(--space-2);font-weight:700;display:block}.source{width:100%;min-height:18rem;padding:var(--space-3);border:2px solid var(--line);border-radius:var(--radius);background:var(--card-sunk);color:var(--ink);font:.95rem / 1.5 var(--font-mono);resize:vertical}.source:focus{border-color:var(--accent);background:var(--card);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.detected{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius);background:var(--card-sunk);border:1px solid var(--line);min-height:3.5rem}.detected p{margin:0}.detected__summary{align-items:center;gap:var(--space-2);color:var(--accent);font-weight:700;display:flex}.detected__none{color:var(--warn)}.detected__chords{margin:var(--space-2) 0 0;gap:var(--space-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.detected__chords li{font:700 1rem/1.2 var(--font-display);justify-items:center;display:grid}.detected__chords .chord-diagram{width:4.25rem}.detected__more{color:var(--ink-soft);align-self:center}.example{margin:var(--space-3) 0 0;padding:var(--space-3);border-radius:var(--radius);background:var(--card-sunk);border:1px solid var(--line)}.example figcaption{margin-bottom:var(--space-2);font-weight:700}.example__text{margin:0 0 var(--space-2);font:.8rem/1.45 var(--font-mono);white-space:pre;color:var(--ink-soft);overflow-x:auto}.plan{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-l);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);display:grid}.plan__top{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.plan__title{font-size:var(--text-l);margin:0}.plan__summary{margin:var(--space-1) 0 0;color:var(--ink-soft)}.plan__cta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.neck-wrap{min-width:0;max-width:100%;padding-bottom:2px;position:relative;overflow-x:auto}.neck{background:linear-gradient(to bottom, transparent 18%, #c9ccc659 18% 19%, transparent 19% 34%, #c9ccc659 34% 35%, transparent 35% 50%, #c9ccc659 50% 51%, transparent 51% 66%, #c9ccc659 66% 67%, transparent 67% 82%, #c9ccc659 82% 83%, transparent 83%), var(--rosewood);border-radius:var(--radius);border-left:8px solid var(--pearl);min-width:26rem;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.neck__fret{border-right:4px solid var(--fret);min-width:0}.neck__fret:last-child{border-right:0}.neck__button{align-content:center;justify-items:center;gap:var(--space-2);width:100%;min-height:5.5rem;padding:var(--space-2) var(--space-1);color:var(--pearl);font:inherit;text-align:center;background:0 0;border:0;display:grid}button.neck__button{cursor:pointer}button.neck__button:hover{background:#f4efe214}.neck__fret--current .neck__button{background:radial-gradient(circle at 50% 38%,#f2b33d80,#0000 70%)}.neck__inlay{width:2rem;height:2rem;font:800 .95rem/1 var(--font-display);border-radius:50%;place-items:center;display:grid}.neck__inlay--pending{color:#f4efe2cc;background:#f4efe21f;border:2px solid #f4efe259}.neck__inlay--completed{background:var(--pearl);color:var(--accent);box-shadow:inset 0 -3px #0000001a}.neck__inlay--skipped{border:2px dashed var(--pearl);color:var(--pearl)}.neck__fret--current .neck__inlay{outline:3px solid var(--spot);outline-offset:3px}.neck__label{overflow-wrap:anywhere;font-size:.8125rem;font-weight:700;line-height:1.2}.neck__fret--current .neck__label{color:var(--spot)}.tabs__list{gap:var(--space-1);scrollbar-width:none;border-bottom:2px solid var(--line);display:flex;overflow:auto hidden}.tabs__tab{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-3);color:var(--ink-soft);font:700 var(--text-m) / 1 var(--font-body);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-2px;display:inline-flex}.tabs__tab:hover{color:var(--ink)}.tabs__tab--on{color:var(--ink);border-bottom-color:var(--accent)}.tabs__badge{background:var(--spot);min-width:1.4rem;height:1.4rem;color:var(--ink);border-radius:999px;place-items:center;padding:0 .3rem;font-size:.75rem;display:grid}.tabs__panel{padding-top:var(--space-4)}.tab-intro{max-width:46rem;color:var(--ink-soft);margin-bottom:var(--space-3)}.sheet{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);padding:var(--space-4)}.edit{gap:var(--space-4);display:grid}@media (width>=56rem){.edit{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}}.edit__side{gap:var(--space-4);display:grid}.more{gap:var(--space-4);max-width:44rem;display:grid}.report{margin-top:var(--space-3);padding:var(--space-3);background:var(--note-soft);border-radius:var(--radius)}.meta{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.meta label{gap:var(--space-1);font-weight:700;font-size:var(--text-s);display:grid}.meta input,.meta select{width:100%;min-width:0;min-height:var(--tap);padding:0 var(--space-2);border:2px solid var(--line);border-radius:var(--radius-s);font:inherit;background:var(--card);color:var(--ink);font-weight:400}.preview__section{margin-bottom:var(--space-4)}.preview__section h3{padding:2px var(--space-2);border-radius:var(--radius-s);background:var(--card-sunk);font-size:var(--text-s);color:var(--ink-soft);margin-bottom:var(--space-2);display:inline-block}.preview__line{margin:0 0 var(--space-2);flex-wrap:wrap;align-items:flex-end;font-size:1.0625rem;display:flex}.preview__segment{flex-direction:column;display:inline-flex}.preview__chord{color:var(--accent);font:800 1rem / 1.4 var(--font-chord);border-radius:4px;padding-right:.4em}.preview__chord--active{background:var(--spot);color:var(--ink);outline:2px solid var(--ink);margin-right:.2em;padding:0 .3em}.preview__lyric{white-space:pre-wrap}.preview__note{margin:0 0 var(--space-2);color:var(--ink-soft);font-style:italic}.preview__gap{height:var(--space-3)}.diagnostics{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.diagnostic{align-items:center;gap:var(--space-1) var(--space-2);border-left:5px solid var(--note);padding:var(--space-1) var(--space-2);background:var(--card-sunk);border-radius:0 var(--radius-s) var(--radius-s) 0;flex-wrap:wrap;display:flex}.diagnostic--warning{border-color:var(--warn)}.diagnostic--error{border-color:var(--error)}.diagnostic__label{font-weight:700}.chord-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,14.5rem),1fr));margin:0;padding:0;list-style:none;display:grid}.chord-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);padding:var(--space-3);gap:var(--space-3);box-shadow:var(--shadow);align-content:start;justify-items:center;display:grid;position:relative}.chord-card--comfortable{background:linear-gradient(var(--card), #f3faf7);border-color:#a9d3c7}.chord-card--missing{box-shadow:none;border-style:dashed;justify-items:start}.chord-card__head{justify-content:space-between;justify-self:stretch;align-items:baseline;gap:var(--space-2);display:flex}.chord-card__name{font:800 2.25rem/1 var(--font-chord);letter-spacing:-.03em;margin:0}.chord-card__basis{color:var(--ink-soft);text-align:right;max-width:9rem;margin:0;font-size:.75rem;line-height:1.3}.chord-card__listen{justify-content:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.chord-card__error{font-size:var(--text-s);color:var(--error);margin:0}.chord-card__hints,.transition-card__hints{padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--note-soft);font-size:var(--text-s);justify-self:stretch;gap:var(--space-1);margin:0;list-style:none;display:grid}.chord-card__hints li:before,.transition-card__hints li:before{content:"→ ";color:var(--note);font-weight:700}.chord-card__options{border-top:1px solid var(--line);padding-top:var(--space-1);justify-self:stretch}.chord-card__options summary{min-height:var(--tap);cursor:pointer;font-weight:700;font-size:var(--text-s);color:var(--accent);align-items:center;display:flex}.option-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.option{gap:var(--space-2);border-top:1px solid var(--line);padding-top:var(--space-2);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.option--in-use{background:var(--accent-soft);border-radius:var(--radius);padding:var(--space-2);border-top-color:#0000}.option__body{gap:var(--space-1);display:grid}.option__text{margin:0;font-size:.75rem}.option__badge{align-items:center;gap:var(--space-1);color:var(--accent);margin:0;font-weight:700;display:inline-flex}.option__actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.chord-diagram{width:9.5rem;height:auto;overflow:visible}.chord-diagram--small{width:5.5rem}.chord-diagram--large{width:12rem}.chord-diagram__nut{stroke:var(--ink);stroke-width:5px;stroke-linecap:round}.chord-diagram__fret{stroke:#9aa39e;stroke-width:1.2px}.chord-diagram__string{stroke:var(--ink);stroke-width:1.3px}.chord-diagram__dot{fill:var(--ink)}.chord-diagram__dot[data-finger="1"]{fill:var(--finger-1)}.chord-diagram__dot[data-finger="2"]{fill:var(--finger-2)}.chord-diagram__dot[data-finger="3"]{fill:var(--finger-3)}.chord-diagram__dot[data-finger="4"]{fill:var(--finger-4)}.chord-diagram__barre{fill:var(--ink);opacity:.3}.chord-diagram__finger{fill:#fff;font:700 10px var(--font-body);pointer-events:none}.chord-diagram__mark{fill:var(--error);font:700 14px var(--font-body)}.chord-diagram__open{fill:var(--card);stroke:var(--accent);stroke-width:1.8px}.chord-diagram__base-fret,.chord-diagram__edge{fill:var(--ink-soft);font:700 9px var(--font-body)}.chord-diagram__hit{fill:#0000;cursor:pointer}.chord-diagram--playable .chord-diagram__hit:hover{fill:#f2b33d38}.chord-diagram--hl>:not(title,desc){transition:opacity .15s}.chord-diagram--hl .chord-diagram__string,.chord-diagram--hl .chord-diagram__fret,.chord-diagram--hl .chord-diagram__nut,.chord-diagram--hl .chord-diagram__dot,.chord-diagram--hl .chord-diagram__finger,.chord-diagram--hl .chord-diagram__open,.chord-diagram--hl .chord-diagram__mark{opacity:.25}.chord-diagram--hl-strings .chord-diagram__string,.chord-diagram--hl-frets .chord-diagram__fret,.chord-diagram--hl-nut .chord-diagram__nut,.chord-diagram--hl-dots .chord-diagram__dot,.chord-diagram--hl-dots .chord-diagram__finger,.chord-diagram--hl-open .chord-diagram__open,.chord-diagram--hl-muted .chord-diagram__mark{opacity:1}.chord-diagram--hl-strings .chord-diagram__string,.chord-diagram--hl-frets .chord-diagram__fret{stroke:var(--spot);stroke-width:3px}.chord-diagram--hl-nut .chord-diagram__nut{stroke:var(--spot)}.chord-diagram--hl-open .chord-diagram__open{stroke-width:3px}.chord-diagram--hl-strings .chord-diagram__edge{fill:var(--ink)}.finger-legend{gap:var(--space-2) var(--space-3);font-size:var(--text-s);flex-wrap:wrap;margin:0;padding:0;font-weight:700;list-style:none;display:flex}.finger-legend li{align-items:center;gap:var(--space-1);display:inline-flex}.finger-legend__dot{color:#fff;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;display:grid}.finger-legend__dot[data-finger="1"]{background:var(--finger-1)}.finger-legend__dot[data-finger="2"]{background:var(--finger-2)}.finger-legend__dot[data-finger="3"]{background:var(--finger-3)}.finger-legend__dot[data-finger="4"]{background:var(--finger-4)}.legend-row{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.legend-row .task-intro{margin:0}.comfort{justify-self:stretch;gap:var(--space-1);display:grid}.comfort__question{font-size:var(--text-s);margin:0;font-weight:700}.comfort__track{background:var(--card-sunk);border:1px solid var(--line);border-radius:999px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.comfort__option{min-height:38px;padding:0 var(--space-1);color:var(--ink-soft);font:700 .75rem/1.1 var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:999px}.comfort__option:hover{color:var(--ink);background:var(--card)}.comfort__option--on{color:var(--ink);background:var(--card);box-shadow:0 1px 3px #00000026}.comfort__option--getting-there{background:var(--spot-soft)}.comfort__option--comfortable{background:var(--accent);color:#fff}.comfort__option--comfortable:hover{background:var(--accent-strong);color:#fff}.comfort__hint{color:var(--ink-soft);text-align:center;margin:0;font-size:.75rem}.comfortable-group{margin-top:var(--space-4)}.comfortable-group summary{min-height:var(--tap);cursor:pointer;color:var(--accent);align-items:center;font-weight:700;display:flex}.practice-progress{gap:var(--space-2);display:grid}.practice-progress__count{font-size:var(--text-s);color:var(--ink-soft);margin:0;font-weight:700}.task{gap:var(--space-3);padding-bottom:0;display:grid}.task__head{gap:var(--space-1);display:grid}.task__step{font-size:var(--text-s);color:var(--accent);margin:0;font-weight:700}.task__title{font-size:var(--text-xl);letter-spacing:-.02em;margin:0;font-weight:800}.task__body{min-width:0}.task-intro{max-width:46rem;color:var(--ink-soft)}.task__controls{z-index:5;align-items:center;gap:var(--space-2);margin:0 calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--line);border-radius:0 0 var(--radius-l) var(--radius-l);background:#fffffff0;flex-wrap:wrap;display:flex;position:sticky;bottom:0}@media (width<=40rem){.task__controls{margin:0 calc(-1 * var(--space-3));padding:var(--space-2) var(--space-3)}}.task__spacer{flex:1}.coach{border-radius:var(--radius);background:var(--note-soft);border:1px solid #c3d8e8}.coach__toggle{align-items:center;gap:var(--space-2) var(--space-3);width:100%;padding:var(--space-3);font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;display:flex}.coach__icon{background:var(--note);color:#fff;border-radius:50%;flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid}.coach__why{flex:18rem;font-weight:700}.coach__more{font-size:var(--text-s);color:var(--note);text-underline-offset:3px;font-weight:700;text-decoration:underline}.coach__body{padding:0 var(--space-3) var(--space-3) calc(var(--space-3) + 2.25rem + var(--space-3))}@media (width<=40rem){.coach__body{padding-left:var(--space-3)}}.coach__steps{margin:0 0 var(--space-2);gap:var(--space-1);padding-left:1.25rem;display:grid}.coach__snag{font-size:var(--text-s)}.coach__time{align-items:center;gap:var(--space-1);font-size:var(--text-s);color:var(--ink-soft);margin:0;display:inline-flex}.transition-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));margin:0;padding:0;list-style:none;display:grid}.transition-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);padding:var(--space-3);gap:var(--space-3);box-shadow:var(--shadow);align-content:start;display:grid}.transition-card--flagged{border-color:var(--spot);box-shadow:0 0 0 2px var(--spot-soft), var(--shadow)}.transition-card__head{gap:var(--space-1);display:grid}.transition-card__name{font:800 1.75rem/1 var(--font-chord);margin:0}.transition-card__meta{gap:var(--space-2);font-size:var(--text-s);color:var(--ink-soft);flex-wrap:wrap;margin:0;display:flex}.level{padding:0 var(--space-2);border-radius:999px;font-size:.75rem;font-weight:700;line-height:1.6}.level--easier{background:var(--accent-soft);color:var(--accent-strong)}.level--medium{background:var(--spot-soft);color:var(--warn)}.level--harder{color:var(--error);background:#fbe2dc}.transition-card__shapes{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.transition-card__shapes>:first-child:after{content:none}.transition-card .chord-diagram--small{width:6.5rem}.transition-card__shape{text-align:center;font:800 1.125rem/1 var(--font-chord);margin:0}.transition-card__shape+.transition-card__shape{position:relative}.transition-card__shape+.transition-card__shape:before{content:"→";left:calc(-1 * var(--space-3) - .4rem);color:var(--ink-soft);font-size:1.25rem;position:absolute;top:40%}.wrap-around{margin-top:var(--space-4)}.drill{padding:var(--space-3);border-radius:var(--radius);background:var(--card-sunk);border:1px solid var(--line)}.drill__intro{font-size:var(--text-s)}.drill__live{justify-items:center;gap:var(--space-2);display:grid}.drill__clock{--progress:0;background:conic-gradient(var(--spot) calc(var(--progress) * 360deg), var(--line) 0);width:4.5rem;height:4.5rem;font:800 1.5rem/1 var(--font-display);border-radius:50%;place-items:center;display:grid}.drill__clock span{background:var(--card);border-radius:50%;place-items:center;width:3.6rem;height:3.6rem;display:grid}.drill__tap{border-radius:var(--radius-l);background:var(--accent);color:#fff;width:100%;min-height:5rem;font:800 1.5rem/1.1 var(--font-display);cursor:pointer;touch-action:manipulation;border:0;place-items:center;display:grid}.drill__tap:active{background:var(--accent-strong);transform:scale(.98)}.drill__tap-sub{font:400 var(--text-s) / 1 var(--font-body);opacity:.85}.drill__count{font:800 1.25rem/1 var(--font-display);margin:0}.drill__score{font-size:1.125rem}.drill__score strong{font:800 2rem/1 var(--font-display);color:var(--accent)}.presets{margin:0 0 var(--space-3);gap:var(--space-2);border:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));padding:0;display:grid}.presets legend{margin-bottom:var(--space-2);font-weight:700}.presets__option{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:2px solid var(--line);border-radius:var(--radius);background:var(--card);cursor:pointer;display:flex}.presets__option input{accent-color:var(--accent);margin-top:.3rem}.presets__option--on{border-color:var(--accent);background:var(--accent-soft)}.presets__body{gap:var(--space-1);min-width:0;display:grid}.presets__top{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.presets__level{padding:0 var(--space-2);border-radius:999px;font-size:.6875rem;font-weight:700;line-height:1.6}.presets__level--1{background:var(--accent-soft);color:var(--accent-strong)}.presets__level--2{background:var(--note-soft);color:var(--note)}.presets__level--3{background:var(--spot-soft);color:var(--warn)}.presets__mini{font:700 1rem/1.2 var(--font-body);color:var(--ink);flex-wrap:wrap;gap:1px;display:flex}.presets__mark{text-align:center;width:.9rem}.presets__mark--beat:not(:first-child){margin-left:.35rem}.presets__hint{font-size:var(--text-s);color:var(--ink-soft);display:block}.strum-stage{padding:var(--space-3);border-radius:var(--radius-l);background:var(--card-sunk);border:1px solid var(--line)}.strum-stage .strum-grid{margin-top:0}.strum-grid{gap:var(--space-1);margin:var(--space-3) 0;display:grid}.strum-slot{gap:var(--space-1);justify-items:center;display:grid}.strum-count{font:700 1rem/1 var(--font-display);color:var(--ink-soft)}.strum-count--active{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--spot);text-decoration-color:var(--spot);text-underline-offset:4px;text-decoration-thickness:3px}.strum-cell{border-radius:var(--radius);border:2px solid var(--ink);width:100%;min-height:3.75rem;font:700 2rem/1 var(--font-body);background:var(--card);color:var(--ink);cursor:pointer;place-items:center;transition:transform 60ms;display:grid}span.strum-cell{cursor:default}.strum-cell--struck{background:var(--ink);color:var(--card)}.strum-cell--muted{background:#4a524e;position:relative}.strum-cell--muted:after{content:"×";font:700 .9rem/1 var(--font-body);color:var(--spot);position:absolute;top:2px;right:6px}.strum-slot--beat{padding-left:var(--space-1);border-left:2px solid var(--line)}.strum-grid--long .strum-cell{border-width:2px;min-height:3rem;font-size:1.4rem}.strum-grid--long .strum-count{font-size:.8125rem}@media (width<=40rem){.strum-grid--long .strum-cell{min-height:2.6rem;font-size:1.05rem}}.strum-cell--air{color:#9aa39e;border-style:dashed;border-color:#9aa39e;font-weight:400}.strum-cell--active{outline:4px solid var(--spot);outline-offset:2px;transform:translateY(-2px)}.strum-cell--struck.strum-cell--active{background:var(--spot);color:var(--ink);border-color:var(--ink)}.listen-row{align-items:center;gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.play-panel{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-l);border:1px solid var(--line);background:var(--card)}.play-panel .listen-row{margin-top:0}.play-panel__title{margin-bottom:var(--space-1)}.playback__buttons{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.playback__count-in{align-items:center;gap:var(--space-2);min-height:var(--tap);font-size:var(--text-s);display:inline-flex}.playback__count-in input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.beats{align-items:center;gap:var(--space-2);margin:var(--space-3) 0 var(--space-2);display:flex}.beat{border:2px solid var(--line);width:2.5rem;height:2.5rem;font:700 1rem/1 var(--font-display);color:var(--ink-soft);background:var(--card);border-radius:50%;place-items:center;display:grid}.beat--on{background:var(--spot);border-color:var(--ink);color:var(--ink);box-shadow:0 0 0 4px var(--spot-soft);transform:scale(1.12)}.beat--count-in{background:var(--note-soft);border-color:var(--note);box-shadow:0 0 0 4px var(--note-soft)}.beats__label{color:var(--ink-soft);font-weight:700}.tempo{gap:var(--space-1);margin-top:var(--space-3);border-top:1px solid var(--line);padding-top:var(--space-3);display:grid}.tempo__row{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.tempo__label{font-weight:700}.tempo__dial{border:2px solid var(--line);background:var(--card);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.tempo__nudge{width:var(--tap);height:var(--tap);background:var(--card-sunk);color:var(--ink);font:700 1.25rem/1 var(--font-body);cursor:pointer;border:0}.tempo__nudge:hover:not(:disabled){background:var(--accent-soft)}.tempo__nudge:disabled{opacity:.4;cursor:not-allowed}.tempo__input{width:4.25rem;height:var(--tap);text-align:center;font:800 1.125rem/1 var(--font-display);color:var(--ink);background:var(--card);-moz-appearance:textfield;border:0}.tempo__input::-webkit-outer-spin-button{-webkit-appearance:none}.tempo__input::-webkit-inner-spin-button{-webkit-appearance:none}.tempo__feel{font-size:var(--text-s);color:var(--ink-soft);font-weight:700}.tempo__note{font-size:var(--text-s);margin:0}.tempo__preview{margin-top:var(--space-2);border:2px solid var(--note);background:var(--note-soft);border-radius:var(--radius);padding:var(--space-2) var(--space-3)}.tempo__preview p{margin:0}.strip{margin:var(--space-3) 0;gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.strip__chord{min-width:4.5rem;padding:var(--space-2) var(--space-3);border:2px solid var(--line);border-radius:var(--radius);background:var(--card);justify-items:center;gap:6px;display:grid}.strip__chord--on{border-color:var(--ink);background:var(--spot-soft)}.strip__name{font:800 1.25rem/1 var(--font-chord)}.strip__beats{gap:4px;display:flex}.strip__beat{background:var(--line);border-radius:50%;width:8px;height:8px}.strip__beat--on{background:var(--spot);box-shadow:0 0 0 1px var(--ink)}.now{gap:var(--space-3);margin:var(--space-3) 0;grid-template-columns:auto auto minmax(0,1fr);align-items:center;display:grid}@media (width<=48rem){.now{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.now .chord-diagram--large{width:100%;max-width:10rem}.now .chord-diagram--small{width:100%;max-width:5.5rem}.now__strum{grid-column:1/-1}}.now__card{justify-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3) var(--space-3);border:2px solid var(--line);border-radius:var(--radius-l);background:var(--card);margin:0;display:grid;position:relative}.now__card--live{border-color:var(--ink);box-shadow:0 0 0 4px var(--spot-soft)}.now__card--next{opacity:.85}.now__card--soon{opacity:1;border-color:var(--spot);box-shadow:0 0 0 4px var(--spot-soft)}.now__tag{background:var(--ink);color:#fff;font:700 .75rem/1.3 var(--font-body);white-space:nowrap;border-radius:999px;padding:.15rem .6rem;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.now__card--soon .now__tag{background:var(--spot);color:var(--ink)}.now__card figcaption{justify-items:center;display:grid}.now__name{font:800 2rem/1 var(--font-chord)}.now__name--small{font-size:1.25rem}.now__beat{font-size:var(--text-s);color:var(--ink-soft)}.now__strum .strum-grid{margin:0}.follow{gap:var(--space-3);margin-top:var(--space-3);display:grid}@media (width>=56rem){.follow{grid-template-columns:minmax(0,1fr) 11rem;align-items:start}}.follow__now{top:var(--space-3);justify-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3) var(--space-3);border:2px solid var(--ink);border-radius:var(--radius-l);background:var(--card);display:grid;position:sticky}.follow__now .now__tag{top:-.75rem}.celebrate{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--accent-soft);font-weight:700}.more-details{margin-top:var(--space-4);border-top:1px solid var(--line);padding-top:var(--space-2)}.more-details>summary{min-height:var(--tap);cursor:pointer;color:var(--accent);align-items:center;font-weight:700;display:flex}.durations{margin:0 0 var(--space-3);gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.duration{padding:var(--space-1) var(--space-2);border-radius:var(--radius);border:2px solid var(--line);background:var(--card)}.duration--active{border-color:var(--spot);background:var(--spot-soft)}.duration label{align-items:center;gap:var(--space-2);display:flex}.duration__chord{min-width:2.5rem;font:800 1rem/1 var(--font-chord);display:inline-block}.durations input{width:4rem;min-height:36px;padding:0 var(--space-2);border:2px solid var(--line);border-radius:var(--radius-s);font:inherit}.summary{justify-items:start;gap:var(--space-2);display:grid}.summary__badge{background:var(--rosewood);width:4.5rem;height:4.5rem;color:var(--spot);border-radius:50%;place-items:center;display:grid}.summary__title{font-size:var(--text-xl);font-weight:800}.summary__list{margin:0;padding-left:1.25rem}.summary__next{padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--note-soft)}.help{background:var(--paper);width:min(40rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--ink);border:0;margin:0 0 0 auto;padding:0;box-shadow:-20px 0 40px -20px #00000073}.help::backdrop{background:#1b242073}.help[open]{animation:.2s ease-out help-in}@keyframes help-in{0%{opacity:0;transform:translate(40px)}}.help__inner{padding:0 var(--space-4) var(--space-5)}.help__header{z-index:2;justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4);background:var(--rosewood);color:var(--pearl);display:flex;position:sticky;top:0}.help__header h2{font-size:var(--text-l);margin:0}.help__nav{gap:var(--space-2);padding:var(--space-3) 0;flex-wrap:wrap;display:flex}.help__nav a{padding:var(--space-1) var(--space-3);border:1px solid var(--line);background:var(--card);color:var(--accent);font-weight:700;font-size:var(--text-s);border-radius:999px;text-decoration:none}.help__section{padding:var(--space-4) 0;border-top:1px solid var(--line)}.help__section h3{font-size:var(--text-l)}.help__list{gap:var(--space-2);padding-left:1.1rem;display:grid}.help__steps{gap:var(--space-1);padding-left:1.25rem;display:grid}.help__strum{gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.help__arrow{border-radius:var(--radius);border:2px solid var(--ink);width:3rem;height:3rem;font:700 1.75rem/1 var(--font-body);place-items:center;display:grid}.help__arrow--down,.help__arrow--up{background:var(--ink);color:var(--card)}.help__arrow--air{color:#9aa39e;border-style:dashed;border-color:#9aa39e}.explainer{gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-l);background:var(--card);border:1px solid var(--line);display:grid}@media (width>=34rem){.explainer{grid-template-columns:auto minmax(0,1fr)}}.explainer__figure{justify-items:center;gap:var(--space-2);display:grid}.explainer__aside{max-width:12rem;color:var(--ink-soft);text-align:center;margin:0;font-size:.75rem}.explainer__parts{gap:var(--space-3);align-content:start;display:grid}.explainer__chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.explainer__text{min-height:6.5rem;padding:var(--space-3);border-radius:var(--radius);background:var(--spot-soft)}.explainer__text p{margin:0}.glossary{gap:var(--space-2);margin:0;display:grid}.glossary__entry{padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--card);border:1px solid var(--line)}.glossary dt{font:700 1rem/1.3 var(--font-display)}.glossary dd{color:var(--ink-soft);font-size:var(--text-s);margin:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hand-choice{align-items:stretch;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.hand-choice__label{margin-right:var(--space-1);align-self:center;font-weight:700}.hand-choice__option{min-width:10rem;padding:var(--space-2) var(--space-3);border:2px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;gap:2px;display:grid}.hand-choice__option span{font-size:var(--text-s);color:var(--ink-soft)}.hand-choice__option:hover{border-color:var(--accent)}.hand-choice__option--on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.presets__mini--pick .presets__mark{width:auto;min-width:.9rem;font:700 .875rem/1.3 var(--font-mono)}.lane-head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.chip-row{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.pick-key{gap:var(--space-1) var(--space-3);font-size:var(--text-s);flex-wrap:wrap;margin:0;padding:0;font-weight:700;list-style:none;display:flex}.pick-key li{align-items:center;gap:var(--space-1);display:inline-flex}.lane{padding:var(--space-2) 0;row-gap:0;display:grid}.lane__corner{display:block}.lane__count{text-align:center;font:700 .875rem/1.6 var(--font-display);color:var(--ink-soft)}.lane__count--beat{color:var(--ink)}.lane__count--on{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--spot);text-decoration-color:var(--spot);text-underline-offset:4px;text-decoration-thickness:3px}.lane__name{font:700 .75rem/1 var(--font-body);color:var(--ink-soft);place-items:center;display:grid}.lane__name--bass{color:var(--ink)}.lane__cell{background:linear-gradient(#0000 calc(50% - .5px),#9aa39e calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));place-items:center;height:2rem;display:grid;position:relative}.lane__cell--bass{background:linear-gradient(to bottom, transparent calc(50% - 1px), var(--ink-soft) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px))}.lane__cell--beat{box-shadow:inset 2px 0 0 var(--line)}.lane__cell--on{background-color:var(--spot-soft)}.lane__note{color:#fff;width:1.6rem;height:1.6rem;font:700 .875rem/1 var(--font-mono);background:var(--ink);border-radius:50%;place-items:center;display:grid;position:relative}.lane__note[data-finger=p]{background:var(--rosewood)}.lane__note[data-finger=i]{background:var(--finger-1)}.lane__note[data-finger=m]{background:var(--finger-2)}.lane__note[data-finger=a]{background:var(--finger-3)}.lane__note--on{box-shadow:0 0 0 3px var(--spot);transform:scale(1.18)}.lane--long .lane__note{width:1.25rem;height:1.25rem;font-size:.75rem}@media (width<=40rem){.lane__note{width:1.3rem;height:1.3rem;font-size:.75rem}.lane__cell{height:1.7rem}}.lang-picker{margin-left:auto;position:relative}.lang-picker__button{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-3);color:var(--pearl);cursor:pointer;background:#f4efe214;border:1px solid #f4efe259;border-radius:999px;display:inline-flex}.lang-picker__button:hover,.lang-picker__button[aria-expanded=true]{background:#f4efe22e}.lang-picker__chevron{width:.75rem;height:.75rem}.lang-picker__button[aria-expanded=true] .lang-picker__chevron{transform:rotate(180deg)}.lang-picker__list{z-index:30;min-width:12rem;max-height:60vh;padding:var(--space-1);background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);margin:0;list-style:none;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 12px 32px -12px #1b242073}.lang-picker__list:focus{outline:none}.lang-picker__list:focus-visible{outline:3px solid var(--note);outline-offset:2px}.lang-picker__option{align-items:center;gap:var(--space-3);min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-s);cursor:pointer;font-weight:700;display:flex}.lang-picker__option--active{background:var(--card-sunk);box-shadow:inset 0 0 0 1px var(--line)}.lang-picker__option--selected{color:var(--accent)}.lang-picker__check{width:1rem;height:1rem;margin-left:auto}.flag{border-radius:3px;width:1.6rem;height:auto;display:block;box-shadow:0 0 0 1px #00000040}.lang-picker+.brand__help{margin-left:0}.site-footer{max-width:72rem;padding:var(--space-3) var(--space-3) var(--space-4);color:var(--ink-soft);font-size:var(--text-s);text-align:center;margin:0 auto}.site-footer p{margin:0}.site-footer a{color:inherit;text-decoration:underline}