@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/bricolage-grotesque-latin-700-normal.gtcctNPv.woff2) format("woff2"),url(/_astro/bricolage-grotesque-latin-700-normal.DvJDmrLu.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/bricolage-grotesque-latin-800-normal.J50vIsBe.woff2) format("woff2"),url(/_astro/bricolage-grotesque-latin-800-normal.Br4b-5gk.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/instrument-sans-latin-400-normal.DRC__1Mx.woff2) format("woff2"),url(/_astro/instrument-sans-latin-400-normal.D1W7dsQl.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/instrument-sans-latin-600-normal.B7fBEWYG.woff2) format("woff2"),url(/_astro/instrument-sans-latin-600-normal.B9e8oLYv.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/instrument-sans-latin-700-normal.CYfAanHo.woff2) format("woff2"),url(/_astro/instrument-sans-latin-700-normal.DfAjL1vF.woff) format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dm-mono-latin-400-normal.4GdczIuU.woff2) format("woff2"),url(/_astro/dm-mono-latin-400-normal.-0xN8mdc.woff) format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/dm-mono-latin-500-normal.DRMDZjhP.woff2) format("woff2"),url(/_astro/dm-mono-latin-500-normal.CN8Miw6E.woff) format("woff")}:root{--paper: #F4EEE3;--card: #FFFDF9;--card-2: #EFE7DA;--line: #DDD3C4;--line-strong: #8E8375;--ink: #1F1B17;--ink-muted: #6B6258;--ink-faint: #A69B8D;--on-ink: #FFFDF9;--amber: #F0AA22;--amber-soft: #FBEFC6;--amber-ink: #7A5500;--good: #1C7A42;--good-soft: #DCF0E3;--miss: #B4321F;--miss-soft: #FAE2DC;--focus-ring: #1F1B17;--rhythm: #E0702A;--rhythm-soft: #FBE4D4;--rhythm-ink: #9A3E0A;--bass: #2E66D4;--bass-soft: #DCE6FA;--bass-ink: #1F4FAE;--chords: #2F9A4C;--chords-soft: #D9F1E0;--chords-ink: #1E6E38;--melody: #8253CF;--melody-soft: #E8DFF9;--melody-ink: #5B33A8;--voice: #D2457A;--voice-soft: #FBDDE8;--voice-ink: #A62A5A;--form: #7A817C;--form-soft: #E7E6E0;--form-ink: #575D59;--sound: #0F918A;--sound-soft: #D3EFEC;--sound-ink: #0B6B66;--kick: #D9501F;--snare: #B07800;--clap: #C2366F;--hat: #0F8C86;--tom: #9A6A3A;--perc: #B5650E;--part-bass: #2E66D4;--keys: #37944A;--arp: #8253CF;--part-voice: #C93B6E;--correct: var(--good);--shadow-card: 0 1px 0 #DDD3C4, 0 8px 18px rgba(60,45,25,.1);--shadow-lift: 0 2px 0 #DDD3C4, 0 18px 36px rgba(60,45,25,.18);--shadow-hard: 3px 3px 0 #8E8375;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius-tab: 6px;--cell: 34px;--cell-gap: 4px;--lane: 42px;--lane-label: 96px;--dot-pitch: 16px;--tab: 22px;--font-display: "Bricolage Grotesque", "Avenir Next", "Helvetica Neue", Arial, sans-serif;--font-sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;--font-mono: "DM Mono", ui-monospace, Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #1A1612;--card: #241E18;--card-2: #2E2720;--line: #3C342B;--line-strong: #8A7E70;--ink: #F3EDE2;--ink-muted: #B3A799;--ink-faint: #7A6F63;--on-ink: #1A1612;--amber: #F0B22B;--amber-soft: #3D2F0A;--amber-ink: #F0B22B;--good: #4FCB85;--good-soft: #173426;--miss: #FF7A66;--miss-soft: #42201A;--focus-ring: #F3EDE2;--rhythm: #FF9050;--rhythm-soft: #4A2208;--rhythm-ink: #FFB98A;--bass: #6A97FF;--bass-soft: #13264D;--bass-ink: #A9C6FF;--chords: #62C973;--chords-soft: #0F2F1C;--chords-ink: #8FE0AB;--melody: #AD8CFF;--melody-soft: #2A1D4F;--melody-ink: #C7B5FF;--voice: #F27AA6;--voice-soft: #4A1A2D;--voice-ink: #FFB3CB;--form: #A3ABA5;--form-soft: #2E2A27;--form-ink: #CFC7BD;--sound: #33CCC3;--sound-soft: #0B322F;--sound-ink: #8FE3DD;--kick: #FF6A3F;--snare: #F0B22B;--clap: #F26AA3;--hat: #33CCC3;--tom: #D7A372;--perc: #F2A04E;--part-bass: #6A97FF;--keys: #62C973;--arp: #AD8CFF;--part-voice: #F27AA6;--correct: var(--good);--shadow-card: 0 1px 0 #3C342B, 0 8px 18px rgba(0,0,0,.45);--shadow-lift: 0 2px 0 #3C342B, 0 18px 36px rgba(0,0,0,.6);--shadow-hard: 3px 3px 0 #8A7E70;color-scheme:dark}}:root[data-theme=dark]{--paper: #1A1612;--card: #241E18;--card-2: #2E2720;--line: #3C342B;--line-strong: #8A7E70;--ink: #F3EDE2;--ink-muted: #B3A799;--ink-faint: #7A6F63;--on-ink: #1A1612;--amber: #F0B22B;--amber-soft: #3D2F0A;--amber-ink: #F0B22B;--good: #4FCB85;--good-soft: #173426;--miss: #FF7A66;--miss-soft: #42201A;--focus-ring: #F3EDE2;--rhythm: #FF9050;--rhythm-soft: #4A2208;--rhythm-ink: #FFB98A;--bass: #6A97FF;--bass-soft: #13264D;--bass-ink: #A9C6FF;--chords: #62C973;--chords-soft: #0F2F1C;--chords-ink: #8FE0AB;--melody: #AD8CFF;--melody-soft: #2A1D4F;--melody-ink: #C7B5FF;--voice: #F27AA6;--voice-soft: #4A1A2D;--voice-ink: #FFB3CB;--form: #A3ABA5;--form-soft: #2E2A27;--form-ink: #CFC7BD;--sound: #33CCC3;--sound-soft: #0B322F;--sound-ink: #8FE3DD;--kick: #FF6A3F;--snare: #F0B22B;--clap: #F26AA3;--hat: #33CCC3;--tom: #D7A372;--perc: #F2A04E;--part-bass: #6A97FF;--keys: #62C973;--arp: #AD8CFF;--part-voice: #F27AA6;--correct: var(--good);--shadow-card: 0 1px 0 #3C342B, 0 8px 18px rgba(0,0,0,.45);--shadow-lift: 0 2px 0 #3C342B, 0 18px 36px rgba(0,0,0,.6);--shadow-hard: 3px 3px 0 #8A7E70;color-scheme:dark}.display-xl{font-family:var(--font-display);font-size:52px;line-height:56px;font-weight:800;letter-spacing:-.02em}.display{font-family:var(--font-display);font-size:36px;line-height:40px;font-weight:800;letter-spacing:-.015em}.title{font-family:var(--font-display);font-size:26px;line-height:30px;font-weight:700;letter-spacing:-.01em}.heading{font-family:var(--font-display);font-size:20px;line-height:24px;font-weight:700;letter-spacing:-.01em}.heading-sm{font-family:var(--font-display);font-size:17px;line-height:22px;font-weight:700}.body-lg{font-family:var(--font-sans);font-size:18px;line-height:28px;font-weight:400}.body{font-family:var(--font-sans);font-size:16px;line-height:24px;font-weight:400}.body-strong{font-family:var(--font-sans);font-size:15px;line-height:22px;font-weight:700}.body-sm{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:400}.caption{font-family:var(--font-sans);font-size:12.5px;line-height:16px;font-weight:600}.label{font-family:var(--font-mono);font-size:10.5px;line-height:22px;font-weight:500;letter-spacing:.12em}.tag{font-family:var(--font-mono);font-size:10px;line-height:14px;font-weight:400;letter-spacing:.06em}.count{font-family:var(--font-mono);font-size:10.5px;line-height:14px;font-weight:500}.songtag{font-family:var(--font-mono);font-size:11.5px;line-height:16px;font-weight:400;letter-spacing:.02em}.bpm{font-family:var(--font-mono);font-size:26px;line-height:30px;font-weight:500}.sw-btn:focus-visible,.sw-cell:focus-visible,.sw-card:focus-visible,.sw-chip:focus-visible,.sw-rung:focus-visible,.sw-chapter:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.sw-btn{font-family:var(--font-sans);font-size:15px;line-height:22px;font-weight:700;height:44px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1.5px solid var(--ink);background:var(--card);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:transform .12s cubic-bezier(.2,0,0,1),box-shadow .12s}.sw-btn--primary{background:var(--ink);color:var(--on-ink);box-shadow:var(--shadow-hard);font-family:var(--font-display);font-size:17px}.sw-btn--primary:active{transform:translate(2px,2px);box-shadow:none}.sw-btn--play{width:44px;height:44px;padding:0;justify-content:center;background:var(--ink);color:var(--on-ink);box-shadow:var(--shadow-hard)}.sw-btn--play:active{transform:translate(2px,2px);box-shadow:none}.sw-btn--sm{height:30px;font-size:12.5px;line-height:16px;padding:0 10px 0 8px}.sw-btn--play.sw-btn--sm{width:30px;padding:0;box-shadow:none}.sw-btn[disabled]{color:var(--ink-faint);border-color:var(--line);background:var(--paper);box-shadow:none;cursor:default}.sw-btn svg{width:16px;height:16px;display:block}.sw-btn--sm svg{width:12px;height:12px}.sw-btn--play svg{width:18px;height:18px}.sw-holes{display:inline-flex;gap:5px;align-items:center}.sw-hole{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--line-strong);background:var(--card);box-sizing:border-box;display:block}.sw-hole--on{background:var(--amber);border-color:var(--ink)}.sw-holes--lg .sw-hole{width:16px;height:16px;border-width:2px}.sw-holes__label{font-size:12.5px;line-height:16px;font-weight:600;color:var(--ink-muted);margin-left:4px}.sw-holes__label b{color:var(--amber-ink)}.sw-card{position:relative;display:flex;flex-direction:column;gap:6px;width:232px;min-height:160px;margin-top:var(--tab);padding:14px 14px 12px;border-radius:var(--radius-xs) var(--radius-xs) var(--radius-md) var(--radius-md);border:1px solid var(--line);background:var(--card);color:var(--ink);box-shadow:var(--shadow-card);text-align:left;font:inherit;cursor:pointer;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s}.sw-card:hover{transform:translateY(-2px)}.sw-card__tab{position:absolute;left:-1px;top:calc(-1 * var(--tab));height:var(--tab);padding:0 12px;border-radius:var(--radius-tab) var(--radius-tab) 0 0;background:var(--sw-type-ink, var(--ink));color:var(--on-ink);font-family:var(--font-mono);font-size:10.5px;line-height:var(--tab);letter-spacing:.12em;text-transform:uppercase;font-weight:500}.sw-card--style .sw-card__tab{background:var(--ink)}.sw-card--style:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--rhythm),var(--bass),var(--chords),var(--melody),var(--voice),var(--sound))}.sw-card--playing .sw-card__tab{animation:sw-pulse .5s steps(1) infinite}.sw-card--playing{box-shadow:0 0 0 2px var(--amber),var(--shadow-card)}.sw-card--lifted{box-shadow:var(--shadow-lift);transform:translateY(-4px) rotate(-1.5deg)}.sw-card__name{font-family:var(--font-display);font-size:20px;line-height:24px;font-weight:700;letter-spacing:-.01em;margin:0}.sw-card__plain{font-size:14px;line-height:20px;color:var(--ink-muted);margin:0}.sw-card__own{font-size:12.5px;line-height:16px;font-weight:600;margin:0}.sw-card__mini{display:grid;grid-template-columns:repeat(16,1fr);gap:2px;margin-top:6px}.sw-card__mini i{display:block;height:7px;border-radius:2px;background:var(--card-2)}.sw-card__mini i.on{background:var(--sw-type, var(--ink))}.sw-card__foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px}.sw-card--locked{background:var(--card-2);box-shadow:none;cursor:default;border-style:dashed}.sw-card--locked .sw-card__tab{background:var(--line);color:var(--ink-muted)}.sw-card--locked .sw-card__name{color:var(--ink-faint)}.sw-card--locked:hover{transform:none}.sw-card__lock{width:16px;height:16px;stroke:var(--ink-faint);fill:none}@keyframes sw-pulse{0%{opacity:1}50%{opacity:.6}}.sw-sheet{display:inline-flex;flex-direction:column;gap:var(--space-2);padding:14px var(--space-4) var(--space-4);border-radius:var(--radius-md);background:var(--card);border:1px solid var(--line);background-image:radial-gradient(var(--line) 1px,transparent 1.2px);background-size:var(--dot-pitch) var(--dot-pitch);background-position:8px 8px}.sw-count{display:grid;grid-template-columns:var(--lane-label) repeat(16,var(--cell));column-gap:var(--cell-gap);font-family:var(--font-mono);font-size:10.5px;line-height:14px;font-weight:500;color:var(--ink-muted);text-align:center}.sw-count b{color:var(--ink)}.sw-count>span:first-child{grid-column:1}.sw-lane{display:grid;grid-template-columns:var(--lane-label) repeat(16,var(--cell));column-gap:var(--cell-gap);align-items:center;height:var(--lane)}.sw-lane__label{display:flex;flex-direction:column;min-width:0;line-height:1.2;padding-right:var(--space-2)}.sw-lane__name{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-lane__name i{width:10px;height:10px;border-radius:50%;background:var(--sw-part, var(--ink));flex:none}.sw-lane__tag{font-family:var(--font-mono);font-size:10px;line-height:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);padding-left:17px;white-space:nowrap}.sw-cell{position:relative;width:var(--cell);height:var(--cell);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--sw-part, var(--ink)) 12%,transparent);border:1.5px dashed var(--line);padding:0;cursor:pointer;box-sizing:border-box}.sw-cell--strong{border-style:solid;border-color:var(--line-strong)}.sw-cell--on{background:var(--sw-part, var(--ink));border:1.5px solid var(--sw-part, var(--ink));box-shadow:inset 0 -3px #0000002e}.sw-cell--soft{background:color-mix(in srgb,var(--sw-part, var(--ink)) 12%,transparent);border:1.5px solid var(--sw-part, var(--ink));box-shadow:none}.sw-cell--soft:before{content:"";position:absolute;inset:30%;border-radius:50%;background:var(--sw-part, var(--ink))}.sw-cell--held{background:color-mix(in srgb,var(--sw-part, var(--ink)) 30%,transparent);border-color:transparent}.sw-cell--late{transform:translate(30%);transition:transform .2s cubic-bezier(.2,0,0,1)}.sw-cell--roll2:after,.sw-cell--roll3:after{content:"";position:absolute;inset:0;border-radius:6px;background:repeating-linear-gradient(90deg,transparent 0 44%,var(--card) 44% 56%)}.sw-cell--roll3:after{background:repeating-linear-gradient(90deg,transparent 0 27%,var(--card) 27% 36%,transparent 36% 63%,var(--card) 63% 72%)}.sw-cell--now{outline:2px solid var(--ink);outline-offset:2px}.sw-cell--hint{border:2px dashed var(--sw-part, var(--ink))}.sw-lane--off .sw-cell{opacity:.35}.sw-ladder{display:inline-flex;flex-direction:column;gap:3px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--card);border:1px solid var(--line)}.sw-rung{display:grid;grid-template-columns:30px 72px;align-items:center;gap:6px;height:26px;border:0;padding:0;background:transparent;cursor:pointer;font:inherit;text-align:left;border-radius:var(--radius-xs)}.sw-rung__note{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-muted);text-align:right}.sw-rung__bar{height:20px;border-radius:var(--radius-xs);background:color-mix(in srgb,var(--sw-part, var(--ink)) 18%,transparent);border:1.5px dashed var(--line);box-sizing:border-box;transition:background .12s}.sw-rung:hover .sw-rung__bar{background:color-mix(in srgb,var(--sw-part, var(--ink)) 45%,transparent)}.sw-rung--root .sw-rung__bar{background:var(--sw-part, var(--ink));border:1.5px solid var(--sw-part, var(--ink))}.sw-rung--root .sw-rung__note{color:var(--ink);font-weight:700}.sw-rung--active .sw-rung__bar{outline:2px solid var(--ink);outline-offset:1px}.sw-board{display:flex;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--paper);border:1px solid var(--line);background-image:radial-gradient(var(--line) 1px,transparent 1.2px);background-size:var(--dot-pitch) var(--dot-pitch)}.sw-slot{position:relative;width:152px;height:120px;margin-top:var(--tab);border-radius:var(--radius-xs) var(--radius-xs) var(--radius-md) var(--radius-md);background:var(--card-2);border:1.5px dashed var(--line-strong);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:var(--ink-muted);font-size:13px;line-height:18px;text-align:center;padding:var(--space-3);box-sizing:border-box}.sw-slot__tab{position:absolute;left:-1.5px;top:calc(-1 * var(--tab));height:var(--tab);padding:0 10px;border-radius:var(--radius-tab) var(--radius-tab) 0 0;background:var(--sw-type-soft, var(--card-2));color:var(--sw-type-ink, var(--ink-muted));font-family:var(--font-mono);font-size:10.5px;line-height:var(--tab);letter-spacing:.12em;text-transform:uppercase;font-weight:500;border:1.5px dashed var(--line-strong);border-bottom:0;box-sizing:border-box}.sw-slot--accept{border-style:solid;border-color:var(--ink);background:var(--sw-type-soft, var(--card-2))}.sw-slot--accept .sw-slot__tab{border-style:solid;border-color:var(--ink)}.sw-slot--filled{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-card);align-items:stretch;justify-content:flex-start;text-align:left;color:var(--ink)}.sw-slot--filled .sw-slot__tab{background:var(--sw-type-ink, var(--ink));color:var(--on-ink);border:0;left:-1px}.sw-slot__name{font-family:var(--font-display);font-size:16px;line-height:20px;font-weight:700}.sw-slot__mini{display:grid;grid-template-columns:repeat(16,1fr);gap:1px;margin-top:auto}.sw-slot__mini i{height:6px;border-radius:1px;background:var(--card-2)}.sw-slot__mini i.on{background:var(--sw-type, var(--ink))}.sw-chapter{display:grid;grid-template-columns:44px 1fr auto;gap:var(--space-4);align-items:center;width:560px;padding:14px var(--space-4);border-radius:var(--radius-md);border:1px solid var(--line);background:var(--card);color:var(--ink);text-align:left;font:inherit;cursor:pointer}.sw-chapter--current{border:1.5px solid var(--ink);box-shadow:var(--shadow-hard)}.sw-chapter--locked{cursor:default;border-style:dashed;background:var(--paper)}.sw-chapter__num{width:44px;height:44px;border-radius:var(--radius-sm);display:grid;place-items:center;font-family:var(--font-display);font-size:19px;font-weight:800;background:var(--card-2);color:var(--ink)}.sw-chapter--done .sw-chapter__num{background:var(--amber);color:var(--ink)}.sw-chapter--current .sw-chapter__num{background:var(--ink);color:var(--on-ink)}.sw-chapter--locked .sw-chapter__num{color:var(--ink-faint);background:transparent;border:1.5px dashed var(--line);box-sizing:border-box}.sw-chapter__num svg{width:22px;height:22px;stroke:currentColor;fill:none}.sw-chapter__body{display:block;min-width:0}.sw-chapter__name{font-family:var(--font-display);font-size:19px;line-height:24px;font-weight:700;margin:0;letter-spacing:-.01em}.sw-chapter--locked .sw-chapter__name{color:var(--ink-faint)}.sw-chapter__meta{font-family:var(--font-mono);font-size:11px;line-height:14px;color:var(--ink-muted);margin:4px 0 0}.sw-chapter__bar{display:block;height:6px;border-radius:3px;background:var(--card-2);border:1px solid var(--line);margin-top:8px;overflow:hidden;box-sizing:border-box}.sw-chapter__bar i{display:block;height:100%;background:var(--amber)}.sw-chapter__right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sw-chapter__project{font-size:12.5px;line-height:16px;font-weight:600;color:var(--ink-muted)}.sw-chapter__right svg{width:18px;height:18px;stroke:var(--ink-muted);fill:none}.sw-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 10px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:14px;line-height:20px;font-weight:700;cursor:pointer;transition:transform .12s cubic-bezier(.2,0,0,1)}.sw-chip:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--sw-type, var(--line-strong));flex:none}.sw-chip:hover{background:var(--card-2)}.sw-chip--selected{border-color:var(--ink);box-shadow:var(--shadow-hard)}.sw-chip--correct{border-color:var(--good);background:var(--good-soft);color:var(--good)}.sw-chip--miss{border-color:var(--miss);background:var(--miss-soft);color:var(--miss);animation:sw-shake .2s cubic-bezier(.4,0,1,1) 1}.sw-chip svg{width:14px;height:14px;stroke:currentColor;fill:none}@keyframes sw-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.sw-card--playing .sw-card__tab,.sw-chip--miss{animation:none}.sw-btn,.sw-card,.sw-cell--late,.sw-chip,.sw-rung__bar{transition:none}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}img,svg{max-width:100%}a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{text-decoration-color:var(--amber)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}p{margin:0}h1,h2,h3,h4{margin:0;text-wrap:balance}.skip{position:absolute;left:-9999px;top:8px;z-index:20;background:var(--ink);color:var(--on-ink);padding:8px 12px;border-radius:var(--radius-sm)}.skip:focus{left:16px}.wrap{width:100%;max-width:1232px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}@media(min-width:720px){.wrap{padding-left:32px;padding-right:32px}}[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-head{background:var(--card);border-bottom:1px solid var(--line)}.site-head .wrap{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;min-height:72px;padding-top:12px;padding-bottom:12px}.logo{color:var(--ink);display:inline-flex;align-items:center;flex:none}.logo svg{height:26px;width:auto;display:block}.site-nav{order:3;flex:1 1 100%;min-width:0;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}.site-nav::-webkit-scrollbar{display:none}.site-nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0}.site-nav a{display:inline-flex;align-items:center;height:36px;font-size:14px;line-height:20px;font-weight:700;text-decoration:none;padding:0 14px;border-radius:var(--radius-sm);border:1.5px solid var(--line);color:var(--ink);white-space:nowrap}.site-nav a:hover{background:var(--card-2)}.site-nav a[aria-current]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.head-cta{margin-left:auto;display:flex;gap:8px;align-items:center}@media(min-width:960px){.site-nav{order:0;flex:1 1 auto;margin:0;padding:0;overflow:visible}.head-cta{margin-left:0}}.theme{font:inherit;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;height:36px;padding:0 12px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.theme:hover{background:var(--card-2)}@media(max-width:479px){.theme{display:none}}a.sw-btn{text-decoration:none}.sw-btn--primary.sw-btn--sm{font-size:14px;box-shadow:none}.page{padding-top:24px;padding-bottom:64px;display:flex;flex-direction:column;gap:48px}@media(min-width:720px){.page{padding-top:32px}}.crumbs{font-family:var(--font-mono);font-size:11.5px;line-height:16px;color:var(--ink-muted)}.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.crumbs li+li:before{content:"›";margin-right:6px;color:var(--ink-faint)}.crumbs a{color:var(--ink-muted)}.crumbs [aria-current]{color:var(--ink)}.intro{display:flex;flex-direction:column;gap:14px;max-width:720px}.h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;font-size:36px;line-height:40px}@media(min-width:720px){.h1{font-size:52px;line-height:56px}}.h2{font-family:var(--font-display);font-size:26px;line-height:30px;font-weight:700;letter-spacing:-.01em}@media(min-width:720px){.h2{font-size:36px;line-height:40px;font-weight:800;letter-spacing:-.015em}}.h3{font-family:var(--font-display);font-size:20px;line-height:24px;font-weight:700;letter-spacing:-.01em}.h4{font-family:var(--font-display);font-size:17px;line-height:22px;font-weight:700}.lede{font-size:18px;line-height:28px}.definition{font-size:18px;line-height:28px;max-width:66ch}.muted{color:var(--ink-muted)}.sm{font-size:14px;line-height:20px}.mono{font-family:var(--font-mono);font-size:11.5px;line-height:16px;color:var(--ink-muted)}.eyebrow{font-family:var(--font-mono);font-size:10.5px;line-height:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);display:inline-flex;align-items:center;gap:8px}.eyebrow i{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--sw-type, var(--ink))}.section{display:flex;flex-direction:column;gap:20px;min-width:0}.section__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}.section__head p{max-width:62ch}.prose{max-width:66ch;display:flex;flex-direction:column;gap:12px}.prose ul,.prose ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.cols{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}.col-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:32px}.col-side{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:20px}@media(min-width:960px){.col-side{max-width:360px}}.panel{padding:20px;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:16px;min-width:0}@media(min-width:720px){.panel{padding:24px 28px}}.panel--quiet{background:transparent;border-style:dashed;border-color:var(--line-strong)}.amberbox{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px;border-radius:var(--radius-md);background:var(--amber-soft);border:1px solid var(--line);color:var(--amber-ink)}.amberbox p{flex:1 1 280px;font-weight:700;font-size:15px;line-height:22px}.amberbox svg{width:22px;height:22px;flex:none}.hintbox{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px;border-radius:var(--radius-md);border:1.5px dashed var(--line-strong);color:var(--ink-muted)}.chipgrey{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:var(--radius-sm);background:var(--card-2);font-size:13px;font-weight:700;color:var(--ink);text-decoration:none}a.chipgrey:hover{background:var(--line)}a.sw-chip{text-decoration:none}.badge{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:10px;line-height:14px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--ink-muted);white-space:nowrap}.badge--free{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.badge--preview{border-style:dashed}.updated{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-muted)}.player{display:flex;flex-direction:column;gap:14px;min-width:0}.player__bar{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap}.player__tempo{display:flex;flex-direction:column;min-width:56px}.player__tempo .bpm{font-variant-numeric:tabular-nums}.player__ctl{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.player__ctl input[type=range]{width:120px;accent-color:var(--ink)}.player__ctl output{font-family:var(--font-mono);font-size:11.5px;font-weight:500;color:var(--ink-muted);min-width:4ch}.player__spacer{flex-grow:1}.player__status{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-muted)}.scroller{overflow-x:auto;max-width:100%;padding-bottom:4px;-webkit-overflow-scrolling:touch}.player .sw-sheet{display:flex;width:max-content}.sw-lane__label{min-width:0}.sw-lane--guide .sw-cell{opacity:.5}.sw-lane--guide .sw-lane__tag{color:var(--ink-faint)}.sw-lane--lit .sw-lane__label{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--radius-xs)}.sw-lane--lit .sw-cell--on{box-shadow:0 0 0 2px var(--ink)}.sw-sheet--sm{--cell: 22px;--cell-gap: 3px;--lane: 28px;--lane-label: 76px;padding:10px 12px 12px}.sw-sheet--sm .sw-lane__tag{display:none}.sw-sheet--sm .sw-count{font-size:9.5px}.sw-cell[disabled]{cursor:default}@media(max-width:719px){.player .sw-sheet:not(.sw-sheet--sm){--cell: 30px;--cell-gap: 3px;--lane: 38px;--lane-label: 78px;padding:12px}.sw-lane__label,.sw-count>span:first-child{position:sticky;left:0;z-index:1;background:var(--card);align-self:stretch;justify-content:center}.sw-lane__name{font-size:12.5px}}.barpager{display:inline-flex;gap:4px}.barpager button{font:inherit;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;height:28px;padding:0 10px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.barpager button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.chordstrip{display:flex;gap:6px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.chordstrip li{display:inline-flex;flex-direction:column;justify-content:center;min-width:72px;height:44px;padding:0 12px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--card)}.chordstrip li b{font-family:var(--font-display);font-size:16px;line-height:20px}.chordstrip li span{font-family:var(--font-mono);font-size:10px;line-height:12px;color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase}.chordstrip li.now{border-color:var(--keys);background:var(--chords-soft)}.tracks{display:flex;flex-wrap:wrap;gap:8px}.track{display:inline-flex}.trackpill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 10px;border-radius:var(--radius-sm) 0 0 var(--radius-sm);font:inherit;font-size:14px;line-height:20px;font-weight:700;cursor:pointer;background:var(--card);color:var(--ink);border:1.5px solid var(--line)}.trackpill i{width:10px;height:10px;border-radius:50%;background:var(--sw-part, var(--ink))}.trackpill[aria-pressed=false]{color:var(--ink-faint);background:var(--paper);border-style:dashed}.trackpill[aria-pressed=false] i{background:transparent;border:1.5px solid var(--line-strong)}.track .solo{font:inherit;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;height:36px;padding:0 9px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;border:1.5px solid var(--line);border-left:0;background:var(--card);color:var(--ink-muted);cursor:pointer}.track .solo[aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.sw-btn--play .i-pause{display:none}.sw-btn--play[aria-pressed=true] .i-pause{display:block}.sw-btn--play[aria-pressed=true] .i-play{display:none}.player--small{gap:10px}.player select{font:inherit;font-size:13px;height:32px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--card);color:var(--ink);padding:0 8px}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0}.facts div{padding:12px 14px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:4px;min-width:0}.facts dt{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.facts dd{margin:0;font-weight:700;font-size:15px;line-height:22px}.facts dd.num{font-family:var(--font-mono);font-weight:500;font-size:16px}table.rules{border-collapse:collapse;width:100%;font-size:14px;line-height:20px}table.rules th,table.rules td{text-align:left;padding:8px 12px 8px 0;border-bottom:1px solid var(--line);vertical-align:top}table.rules th{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);font-weight:500}table.rules td:first-child{font-weight:700;white-space:nowrap}table.rules td.mono{font-size:12px;color:var(--ink)}.steptext{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;white-space:nowrap}audio{width:100%;max-width:420px;height:40px}.cards{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}a.sw-card{text-decoration:none}.sw-card{max-width:100%}.sw-card__count{font-family:var(--font-mono);font-size:10.5px;line-height:14px;font-weight:500;color:var(--ink-muted)}.sw-card__go{width:18px;height:18px;stroke:var(--ink-muted);fill:none}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.tile{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink);min-width:0;transition:transform .2s cubic-bezier(.2,0,0,1)}a.tile:hover{transform:translateY(-2px)}.tile b{font-family:var(--font-display);font-size:20px;line-height:24px;font-weight:700;letter-spacing:-.01em}.tile p{font-size:14px;line-height:20px;color:var(--ink-muted)}.tile .bpm{font-size:20px;line-height:24px}.tile .mini{display:grid;grid-template-columns:repeat(16,1fr);gap:2px;margin-top:auto;padding-top:6px}.tile .mini i{display:block;height:7px;border-radius:2px;background:var(--card-2)}.tile .mini i.on{background:var(--sw-type, var(--ink))}.tile--style{position:relative;overflow:hidden}.tile--style:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--rhythm),var(--bass),var(--chords),var(--melody),var(--voice),var(--sound))}.recipe{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.recipe li{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--radius-sm);background:var(--card);border:1.5px solid var(--line)}.recipe li>i{width:10px;height:10px;border-radius:50%;background:var(--sw-type)}.recipe li[data-lit]{border-color:var(--ink);box-shadow:var(--shadow-hard)}.recipe a{font-weight:700}.recipe p{font-size:14px;line-height:20px;color:var(--ink-muted)}.recipe .light{font:inherit;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;height:30px;padding:0 10px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:6px}.path{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.sw-chapter{width:100%;max-width:640px;text-decoration:none}a.sw-chapter:hover{border-color:var(--line-strong)}.sw-chapter__right .badge{align-self:flex-end}.lessons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:l}.lessons li{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:start;padding:14px 16px;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--line);scroll-margin-top:16px}.lessons li:target{border-color:var(--ink);box-shadow:var(--shadow-hard)}.lessons .n{width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:16px;background:var(--card-2)}.lessons .kind{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.lessons h3{font-family:var(--font-display);font-size:18px;line-height:22px;font-weight:700}.lessons p{font-size:14px;line-height:20px;color:var(--ink-muted)}.lessons li.project .n{background:var(--ink);color:var(--on-ink)}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:840px}.plan{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 24px;border-radius:var(--radius-md);background:var(--card);border:1.5px solid var(--line);cursor:pointer}.plan input{position:absolute;opacity:0;pointer-events:none}.plan:has(input:checked){border-color:var(--ink);box-shadow:var(--shadow-hard)}.plan:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:3px}.plan__name{font-family:var(--font-display);font-size:20px;line-height:24px;font-weight:700}.plan__price{font-family:var(--font-mono);font-size:32px;line-height:36px;font-weight:500}.plan__price small{font-size:13px;color:var(--ink-muted)}.plan__note{font-size:14px;line-height:20px;color:var(--ink-muted)}.plan__save{position:absolute;top:-11px;right:16px}.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ticks li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:15px;line-height:22px}.ticks svg{width:18px;height:18px;margin-top:2px;stroke:var(--ink);fill:none}.faq{display:flex;flex-direction:column;gap:8px;max-width:760px}.faq details{border-radius:var(--radius-md);background:var(--card);border:1px solid var(--line);padding:0 20px}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:56px;font-family:var(--font-display);font-size:17px;line-height:22px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono);font-size:18px;color:var(--ink-muted)}.faq details[open] summary:after{content:"–"}.faq details>div{padding:0 0 18px;color:var(--ink-muted);max-width:64ch}.hero{display:flex;flex-wrap:wrap;gap:32px 40px;align-items:center}.hero__text{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:18px}.hero__grid{flex:1.6 1 560px;min-width:0}@media(min-width:720px){.hero__grid .sw-sheet{--cell: 28px;--cell-gap: 3px;--lane-label: 76px}}.hero .h1{max-width:15ch}.switcher{display:flex;flex-wrap:wrap;gap:8px}.switcher button{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-radius:var(--radius-sm);font:inherit;font-size:15px;line-height:22px;font-weight:700;cursor:pointer;background:var(--card);color:var(--ink);border:1.5px solid var(--line)}.switcher button span{font-family:var(--font-mono);font-size:12px;color:var(--ink-muted);font-weight:500}.switcher button[aria-pressed=true]{border-color:var(--ink);box-shadow:var(--shadow-hard)}.steps3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.steps3 .panel{gap:10px}.steps3 .n{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--ink-muted)}.minigrid{display:grid;grid-template-columns:repeat(16,1fr);gap:3px;padding:10px;border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--line)}.minigrid i{display:block;aspect-ratio:1;border-radius:3px;border:1px dashed var(--line);background:color-mix(in srgb,var(--sw-part, var(--ink)) 10%,transparent)}.minigrid i.on{background:var(--sw-part, var(--ink));border:1px solid var(--sw-part, var(--ink))}.minigrid i.hint{border:1.5px dashed var(--sw-part, var(--ink))}.site-foot{border-top:1px solid var(--line);background:var(--card)}.site-foot .wrap{display:flex;flex-wrap:wrap;gap:32px 48px;padding-top:40px;padding-bottom:48px}.site-foot nav{display:flex;flex-wrap:wrap;gap:32px 48px;flex:1 1 480px}.site-foot h2{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);font-weight:500;margin-bottom:10px}.site-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}.site-foot__brand{flex:1 1 260px;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--ink-muted);max-width:360px}.site-foot__brand .logo svg{height:24px}.legal{max-width:70ch}.legal h2{margin-top:12px}.legal table.rules td:first-child{font-family:var(--font-mono);font-size:12.5px;font-weight:500}.answers{display:flex;flex-direction:column;gap:10px}.answer{margin:0;display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:var(--radius-sm);border:1.5px solid var(--line)}.answer--right{border-color:var(--good);background:var(--good-soft)}.answer .sw-sheet{display:flex;width:max-content}.round__after>.scroller .sw-sheet{display:flex;width:max-content}.keep{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.project{display:flex;flex-direction:column;gap:18px;min-width:0}.checks{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:var(--radius-md);border:1.5px dashed var(--line-strong)}.check{color:var(--ink-muted)}.check svg{stroke:var(--ink-faint)}.check.is-ok{color:var(--ink)}.check.is-ok svg{stroke:var(--good)}.toc li.toc__listen:before{content:"L"}.sw-chip[aria-pressed=true]{border-color:var(--ink);box-shadow:var(--shadow-hard)}.lp-hero .h1{max-width:14ch}.lp-fan{flex:1 1 320px;display:flex;justify-content:center;min-height:220px;position:relative}.lp-fan .sw-card{position:absolute;top:0}.lp-fan .sw-card:nth-child(1){transform:translate(-58%) rotate(-7deg)}.lp-fan .sw-card:nth-child(2){transform:translateY(14px);z-index:1}.lp-fan .sw-card:nth-child(3){transform:translate(58%) rotate(7deg)}@media(max-width:599px){.lp-fan{display:none}}.outcomes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.outcomes li{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:14px 16px;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--line)}.outcomes svg{width:20px;height:20px;stroke:var(--good);fill:none;margin-top:2px}.outcomes li>span{display:flex;flex-direction:column;gap:2px}.curriculum summary>span:first-child .mono{margin-right:6px}.curriculum details>div{display:flex;flex-direction:column;gap:10px}.vs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:900px}.panel--strong{border:1.5px solid var(--ink);box-shadow:var(--shadow-hard)}.plans2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:900px;align-items:start}.plan2{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:var(--radius-md);background:var(--card);border:1.5px solid var(--line)}.plan2--best{border-color:var(--ink);box-shadow:var(--shadow-hard)}.plan2__badge{position:absolute;top:-11px;left:20px}.plan2__billed{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-muted)}.plan2__cta{justify-content:center;margin-top:4px}.plan2__terms{font-size:13px;line-height:19px;color:var(--ink-muted)}.plans2__foot{max-width:900px}.plan2--founding{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;border-style:dashed;border-color:var(--line-strong);background:var(--amber-soft)}.plan2__main,.plan2__side{display:flex;flex-direction:column;gap:6px;flex:1 1 260px}.plan2__side{max-width:380px}.trial{list-style:none;margin:4px 0;padding:0 0 0 14px;display:flex;flex-direction:column;gap:10px;border-left:2px dashed var(--line-strong)}.trial li{position:relative;display:flex;flex-direction:column;gap:1px;font-size:14px;line-height:20px}.trial li:before{content:"";position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--card);border:2px solid var(--ink)}.trial li:first-child:before{background:var(--amber)}.trial li span{color:var(--ink-muted)}.maker .prose{max-width:62ch}.promise{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.promise li{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--line)}.promise b{font-family:var(--font-display);font-size:18px;line-height:22px}.promise span{font-size:14px;line-height:20px;color:var(--ink-muted)}.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(16px,env(safe-area-inset-left,0px)) calc(10px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--line);box-shadow:var(--shadow-lift);font-size:14px}@media(min-width:720px){.stickybar{display:none!important}}.warn{padding:10px 12px;border-radius:var(--radius-sm);background:var(--miss-soft);color:var(--miss);font-size:14px;line-height:20px;font-weight:700}:root[data-auth=in] .if-out,:root[data-auth=in] [data-locked]{display:none!important}:root:not([data-auth=in]) .if-in{display:none!important}:root[data-plan=paid] .if-unpaid{display:none!important}:root:not([data-plan=paid]) .if-paid{display:none!important}.badge__icon{width:11px;height:11px;margin-right:4px}.signin{font-size:14px;font-weight:700;text-decoration:none;padding:0 4px;white-space:nowrap}@media(max-width:599px){.signin{display:none}}.usermenu{position:relative}.usermenu summary{list-style:none;cursor:pointer;border-radius:50%}.usermenu summary::-webkit-details-marker{display:none}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--amber);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:15px}.usermenu__panel{position:absolute;right:0;top:calc(100% + 8px);z-index:10;min-width:220px;padding:14px 16px;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-lift);display:flex;flex-direction:column;gap:10px;font-size:14px}.usermenu__panel button,.linkbtn{font:inherit;font-weight:700;background:none;border:0;padding:0;color:var(--ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}.linkbtn{color:var(--ink-muted);font-weight:400}.prompt{border-radius:var(--radius-md);background:var(--amber-soft);border:1px solid var(--line)}.prompt__body{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding:20px}@media(min-width:720px){.prompt__body{padding:24px 28px}}.prompt__text{flex:1 1 300px;display:flex;flex-direction:column;gap:6px;max-width:62ch}.prompt__acts{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.gbtn{gap:10px;padding-left:7px}.gbtn__g{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-xs);background:#fff}.sw-btn .gbtn__g svg{width:18px;height:18px}a.sw-card--locked{text-decoration:none;cursor:pointer}.sw-card--locked .sw-card__plain{color:var(--ink-muted)}a.sw-card--locked:hover{border-color:var(--line-strong)}.lprogress{display:flex;align-items:center;gap:12px}.lprogress__bar{position:relative;width:160px;height:8px;border-radius:4px;background:var(--card-2);overflow:hidden}.lprogress__bar i{position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--p));background:var(--amber);transition:transform .3s cubic-bezier(.2,0,0,1)}.lsteps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.lstep{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:var(--radius-md);background:var(--card);border:1.5px solid var(--line);scroll-margin-top:16px;min-width:0}@media(min-width:720px){.lstep{padding:24px 28px}}.lstep.is-next{border-color:var(--ink);box-shadow:var(--shadow-hard)}.lstep__head{display:flex;align-items:center;gap:12px}.lstep__head h2{flex:1}.lstep__n,.lessons .n{flex:none;width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:16px;background:var(--card-2)}.lstep__n svg,.lessons .n svg{display:none;width:20px;height:20px}.lstep.is-done .lstep__n,.lessons li.is-done .n{background:var(--amber)}.lstep.is-done .lstep__n span,.lessons li.is-done .n span{display:none}.lstep.is-done .lstep__n svg,.lessons li.is-done .n svg{display:block}.lstep__done{display:none;color:var(--ink)}.lstep.is-done .lstep__done{display:inline}.lstep__text{max-width:66ch;font-size:16px;line-height:24px}.lstep__status{color:var(--ink-muted);min-height:20px}.lstep.is-done .lstep__status{color:var(--good);font-weight:700}.lpic{margin:0}.lpic .sw-sheet{display:flex;width:max-content}.loopdia{display:flex;flex-direction:column;gap:6px;max-width:560px}.loopdia__bars,.loopdia__row{display:grid;grid-template-columns:64px repeat(4,minmax(0,1fr));gap:4px;align-items:center}.loopdia__bars b{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.loopdia__row>span{font-weight:700;font-size:13px}.loopdia__row i{font-style:normal;height:32px;display:flex;align-items:center;padding:0 8px;border-radius:var(--radius-xs);background:color-mix(in srgb,var(--sw-part) 70%,var(--card));color:var(--ink);font-family:var(--font-mono);font-size:11px;white-space:nowrap;overflow:hidden}.loopdia__row i.again{background:color-mix(in srgb,var(--sw-part) 16%,transparent);border:1.5px dashed var(--sw-part);color:var(--ink-muted)}.kitpads{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.kitpad{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;height:76px;padding:10px 12px;border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-weight:700;font-size:15px;cursor:pointer;text-align:left}.kitpad i{width:14px;height:14px;border-radius:50%;border:2px solid var(--sw-part)}.kitpad.is-heard i{background:var(--sw-part)}.kitpad.is-hit{animation:pad-hit .24s cubic-bezier(.2,0,0,1)}@keyframes pad-hit{0%{transform:scale(.96);background:color-mix(in srgb,var(--sw-part) 20%,var(--paper))}to{transform:none}}.zones{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.zones li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--radius-sm);border:1.5px dashed var(--line-strong)}.zones li.is-heard{border-style:solid;border-color:var(--line);background:var(--card-2)}.zones li.is-now{border:1.5px solid var(--ink);box-shadow:var(--shadow-hard)}.clips{display:flex;flex-direction:column;gap:14px}.clips--pair{flex-direction:row;flex-wrap:wrap}.clips--pair .ruler{flex:1 1 220px}.clip{display:flex;align-items:center;gap:14px}.clip__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.ruler{margin:0;display:flex;flex-direction:column;gap:4px;max-width:520px;min-width:0}.ruler__track{position:relative;height:34px;border-bottom:1.5px solid var(--line-strong)}.ruler__track i{position:absolute;bottom:0;width:2px;height:10px;border-radius:1px;background:var(--ink-faint)}.ruler__track i.beat{width:3px;height:30px;background:var(--ink)}.ruler--right .ruler__track i.beat{background:var(--good)}.rounds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.round{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px dashed var(--line-strong)}.round:first-child{border-top:0;padding-top:0}.round__after{display:flex;flex-direction:column;gap:10px}.clipbtn .i-pause{display:none}.clipbtn[aria-pressed=true] .i-pause{display:block}.clipbtn[aria-pressed=true] .i-play{display:none}.sw-chip[disabled]{cursor:default}.lend__note{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--good)}.lend__note svg{width:18px;height:18px}.toc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;counter-reset:toc;font-size:15px;line-height:22px}.toc li{display:grid;grid-template-columns:22px 1fr;gap:6px;align-items:baseline;counter-increment:toc}.toc li:before{content:counter(toc);font-family:var(--font-mono);font-size:11.5px;color:var(--ink-muted)}.toc li.is-done:before{content:"✓";color:var(--good);font-weight:700}.toc li.toc__project:before{content:"P"}.toc [aria-current]{font-weight:700}@media(prefers-reduced-motion:reduce){a.tile:hover{transform:none}.kitpad.is-hit{animation:none}.lprogress__bar i{transition:none}}