:root{--bg: #16130f;--surface: #211c17;--surface-2: #2b251f;--border: #3b332b;--cell-edge: #3b332b;--text: #f3ece3;--muted: #a89c8e;--accent: #e3a14a;--accent-ink: #1b1309;--perc: #c9714f;--warn: #f0c36b;--radius: 10px;--shadow-float: 0 12px 32px rgb(0 0 0 / .35);--scrim: rgb(0 0 0 / .45);color-scheme:dark;accent-color:var(--accent);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:93.75%;line-height:1.4}@media(prefers-color-scheme:light){:root{--bg: #f7f3ee;--surface: #ffffff;--surface-2: #f0e9e0;--border: #ddd2c4;--cell-edge: #958779;--text: #221b14;--muted: #736658;--accent: #9a5a12;--accent-ink: #ffffff;--perc: #a8502f;--warn: #8a5a00;color-scheme:light}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:1040px;margin:0 auto;padding:0 16px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}.brand{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;color:var(--text);text-decoration:none}.brand-mark{flex-shrink:0;width:1.7rem;height:1.7rem}.brand-word{width:auto;height:1.6rem;fill:currentColor}.button{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.55rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-weight:600;text-decoration:none}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}@media(hover:hover){.button:hover{border-color:var(--muted)}.button.primary:hover,.clip-play:hover{border-color:color-mix(in srgb,var(--accent) 85%,var(--text));background:color-mix(in srgb,var(--accent) 85%,var(--text))}}main>section{padding:2.5rem 0;border-top:1px solid var(--border)}main>section.hero{display:grid;gap:2rem;align-items:center;padding:2rem 0 3rem;border-top:none}@media(min-width:800px){main>section.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}.hero h1{font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.15;margin:0 0 1rem}.lead{max-width:34rem;margin:0 0 1.5rem;font-size:1.1rem;color:var(--muted)}.reassure{margin:.9rem 0 0;font-weight:600}.reassure+.soon{margin-top:.25rem}.soon{margin:.9rem 0 0;font-size:.9rem;color:var(--muted)}.shot{position:relative;margin:0}.shot .mark,.steps>li:before{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--text);color:var(--bg);font-size:.9rem;font-weight:700;line-height:1}.shot .mark{position:absolute;left:var(--x);top:var(--y);border:2px solid var(--bg);transform:translate(-50%,-50%)}.steps{display:grid;gap:1rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin:1.25rem 0 0;padding:0;list-style:none;counter-reset:step}.steps>li{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;column-gap:.75rem;counter-increment:step}.steps>li:before{content:counter(step);grid-row:1 / span 2}.steps h3{margin:.2rem 0 .3rem;font-size:1rem}.steps p{margin:0;color:var(--muted)}.shot img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:14px}@media(max-width:480px){.shot{display:none}.steps{margin-top:0}}h2{font-size:1.5rem;margin:0 0 1.25rem}.cards{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem 1.1rem}.card h3{margin:0 0 .3rem;font-size:1rem}.card p{margin:0;color:var(--muted)}.plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.section-lead{max-width:36rem;margin:-.5rem 0 1.25rem;color:var(--muted)}.legend{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:-.5rem 0 1.25rem;font-size:.85rem;color:var(--muted)}.legend-item{display:inline-flex;align-items:center;gap:.35rem}.legend .glyph{display:inline-grid;place-items:center;min-width:1rem;color:var(--text);font-weight:600}.clip-strum .pick{display:inline-flex;flex-direction:column;align-items:center;line-height:1}.clip-strum .pick sub,.legend sub{font-size:.75em;line-height:1;vertical-align:baseline}.legend .perc-glyph{width:.85rem;height:.85rem}.cards.clips{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr))}.plan ul{margin:.5rem 0 0;padding-left:1.1rem;color:var(--muted)}.plan li+li{margin-top:.4rem}.plan li strong{color:var(--text);font-weight:600}details{border-bottom:1px solid var(--border)}summary{min-height:44px;padding:.65rem 0;cursor:pointer;font-weight:600}details p{max-width:42rem;margin:0 0 .8rem;color:var(--muted)}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.5rem 0 2.5rem;border-top:1px solid var(--border);font-size:.9rem;color:var(--muted)}.site-footer nav{display:flex;flex-wrap:wrap;column-gap:1rem}.site-footer nav a{display:inline-flex;align-items:center;min-height:44px}main>section.closing{padding:4rem 0 4.5rem}.closing h2{font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.15;margin:0 0 1rem}.closing p{margin:0 0 1.5rem;font-size:1.1rem;color:var(--muted)}.closing .reassure{margin:.9rem 0 0;font-size:1rem;color:var(--text)}.prose{max-width:42rem;padding:1rem 0 3rem}.prose h1{font-size:2rem;margin:.5rem 0}.prose h2{font-size:1.2rem;margin:2rem 0 .5rem}.prose li+li{margin-top:.4rem}.updated{color:var(--muted)}.clip{display:grid;gap:.6rem;margin:0}.clip audio{width:100%}.clip figcaption{display:grid}.clip-meta,.clip-status{grid-row:2;grid-column:1}.clip[data-status] .clip-meta{visibility:hidden}.clip-name{font-weight:600}.clip-meta,.clip-status{font-size:.9rem;color:var(--muted)}.clip-status[data-failed]{font-weight:600;color:var(--text)}.clip.enhanced{grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:center;column-gap:.85rem;row-gap:.45rem}.clip.enhanced audio{display:none}.clip.enhanced figcaption,.clip.enhanced .clip-note,.clip.enhanced .clip-row,.clip.enhanced .clip-segments{grid-column:2}.clip-play{grid-row:1 / span 2;display:inline-flex;align-items:center;justify-content:center;width:max(44px,2.75rem);height:max(44px,2.75rem);border:none;border-radius:50%;background:var(--accent);color:var(--accent-ink);cursor:pointer}.clip:not([data-playing]) .icon-pause,.clip[data-playing] .icon-play{display:none}.clip-segments{display:grid;grid-template-columns:repeat(var(--bars),minmax(0,1fr));gap:3px}.clip-segments .seg{height:6px;border-radius:3px;background:var(--border)}.clip-segments .seg.on{background:color-mix(in srgb,var(--accent) 45%,var(--border))}.clip-segments .seg.now{background:var(--accent)}.clip-note{margin:0;font-size:.9rem;color:var(--muted)}.clip.enhanced .clip-note{display:grid}.clip.enhanced .clip-note>*{grid-area:1 / 1}.clip.enhanced .clip-next{display:inline-flex;align-items:center;justify-self:start;min-height:44px;margin-block:calc((1lh - 44px)/2);font-weight:600;text-underline-offset:.2em}.clip.enhanced:not([data-played]) .clip-next,.clip[data-played] .clip-note-text{visibility:hidden}.clip-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.clip-row .beat{display:grid;grid-template-columns:repeat(var(--per-beat, 2),minmax(0,1fr));gap:3px}.clip-strum .step{position:relative;display:grid;place-items:center;height:1.9rem;border:1px solid transparent;border-radius:7px;font-size:.9rem}.clip-hits .hit{display:grid;place-items:center;height:1.9rem;border:1px dashed color-mix(in srgb,var(--muted) 75%,var(--surface));border-radius:7px;background:var(--surface-2)}.clip-hits .hit.on{border-style:solid;border-color:var(--perc);background:color-mix(in srgb,var(--perc) 30%,var(--surface-2))}.clip-hits .perc-glyph{width:1rem;height:1rem}.player .clip-play{grid-row:1;width:3rem;height:3rem}.player.enhanced .clip-note,.player.enhanced .player-chords,.player.enhanced .player-strum,.player.enhanced .clip-segments{grid-column:1 / -1}.player-chords{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.player-chords .chord{padding:.55rem 0;border:1px solid transparent;border-radius:var(--radius);font-size:1.4rem;font-weight:700;line-height:1.2;text-align:center}.player-strum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.player-strum .beat{display:grid;grid-template-columns:repeat(var(--per-beat, 4),minmax(0,1fr));gap:3px}.player-strum .count{font-size:.75rem;line-height:1.2;text-align:center;color:var(--muted)}.player-strum .step{position:relative;display:grid;place-items:center;height:2.4rem;border:1px solid transparent;border-radius:7px;font-size:1.05rem}.player-strum .step.accent,.clip-strum .step.accent{font-weight:800}.player-strum .step.accent:after,.clip-strum .step.accent:after{content:"";position:absolute;bottom:.15rem;left:50%;width:.28rem;height:.28rem;border-radius:50%;background:currentColor;transform:translate(-50%)}.player-chords .chord.now,.player-strum .step.now,.clip-strum .step.now,.clip-hits .hit.now{border-style:solid;border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.clip[data-held] .player-chords .chord.now,.clip[data-held] .player-strum .step.now,.clip[data-held] .clip-strum .step.now,.clip[data-held] .clip-hits .hit.now{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--text)}.clip[data-held] .clip-hits .hit.now{box-shadow:inset 0 0 0 2px var(--accent)}.clip[data-held] .clip-segments .seg.now{background:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:inset 0 0 0 1px var(--accent)}@media(forced-colors:active){.player-chords .chord.now,.player-strum .step.now,.clip-strum .step.now,.clip-hits .hit.now{forced-color-adjust:none;border-color:CanvasText;background-color:CanvasText;color:Canvas}.clip-segments .seg{background-color:GrayText}.clip-segments .seg.on{background-color:CanvasText}.clip-segments .seg.now,.clip[data-held] .clip-segments .seg.now{background-color:Highlight}.clip[data-held] .player-chords .chord.now,.clip[data-held] .player-strum .step.now,.clip[data-held] .clip-strum .step.now,.clip[data-held] .clip-hits .hit.now{border-color:GrayText;background-color:GrayText;color:Canvas}}