:root{color-scheme:light dark;--bg: #f5f0e6;--surface: #fffdf7;--text: #151a29;--muted: #5e6573;--line: #c8c2b7;--accent: #c93f2b;--accent-contrast: #fff;--citron: #dceb54;--blue: #244da0;--success: #24734c;--warning: #7a5310;--danger: #a22626;--ink: #101725;--shadow: 4px 4px 0 var(--text);--serif: Georgia, Cambria, "Times New Roman", serif;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;color:var(--text);background:var(--bg);font-synthesis:none}:root[data-theme=dark]{--bg:#101725;--surface:#182235;--text:#f7f2e8;--muted:#b8c1d1;--line:#3a465a;--accent:#ff765f;--accent-contrast:#17111a;--blue:#8bafff;--success:#72d49e;--warning:#f0c66b;--danger:#ff8585;--ink:#0a0f19;--shadow:4px 4px 0 #05080e;color-scheme:dark}:root[data-theme=light]{color-scheme:light}@media(prefers-color-scheme:dark){:root[data-theme=system]{--bg:#101725;--surface:#182235;--text:#f7f2e8;--muted:#b8c1d1;--line:#3a465a;--accent:#ff765f;--accent-contrast:#17111a;--blue:#8bafff;--success:#72d49e;--warning:#f0c66b;--danger:#ff8585;--ink:#0a0f19;--shadow:4px 4px 0 #05080e;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);line-height:1.55;text-rendering:optimizeLegibility}button,input,select{font:inherit}button,a,label,input,select,summary,audio{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--blue);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 16px;background:var(--citron);color:#151a29;transform:translateY(-160%);transition:transform .18s}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.offline-bar{background:var(--citron);color:#151a29;text-align:center;font-weight:750;padding:6px 16px;font-size:.875rem}.site-header{max-width:1180px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:850;font-size:.83rem;line-height:1.05;letter-spacing:.02em;text-transform:uppercase}.brand-mark{position:relative;width:46px;height:38px;display:inline-block}.brand-mark i{position:absolute;display:block;width:29px;height:5px;background:var(--accent);border-radius:5px;left:3px}.brand-mark i:nth-child(1){bottom:2px}.brand-mark i:nth-child(2){bottom:11px;left:8px}.brand-mark i:nth-child(3){bottom:20px;left:13px}.brand-mark i:nth-child(4){bottom:29px;left:18px}.site-header nav,.site-footer nav,.hero-actions,.data-actions{display:flex;gap:20px;align-items:center}main{display:block}.button,.text-button,.link-button,.back-button,.icon-button,.project-row,.transport-button,.record-button{border:0;background:none;cursor:pointer}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;background:var(--accent);color:var(--accent-contrast);font-weight:800;border:2px solid var(--text);box-shadow:var(--shadow);text-decoration:none;transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--text)}.button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--text)}.button.small{min-height:44px;padding:8px 15px;font-size:.9rem}.button.full{width:100%}.button.secondary{background:var(--citron);color:#151a29}.button.danger{background:var(--danger);color:#fff}.button svg,.text-button svg,.row-action svg,.transport-button svg,.record-button svg,.icon-button svg{width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.text-button,.link-button,.back-button{min-height:44px;padding:8px 3px;color:var(--blue);font-weight:750;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;display:inline-flex;align-items:center;gap:8px}.text-button:hover,.link-button:hover,.back-button:hover{text-decoration-color:currentColor}.back-button{margin-bottom:32px}.eyebrow{margin:0 0 12px;font-size:.75rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h1{font:700 clamp(3rem,8vw,6rem)/.94 var(--serif);letter-spacing:-.045em;margin-bottom:28px}h1 em{font-weight:400;color:var(--accent)}h2{font:700 clamp(2rem,4vw,3.25rem)/1.04 var(--serif);letter-spacing:-.025em;margin-bottom:16px}h3{font:700 1.35rem/1.2 var(--serif)}.lede{font-size:clamp(1.1rem,2vw,1.32rem);line-height:1.52;max-width:61ch;color:var(--muted)}.fine-print,.field-hint{font-size:.82rem;color:var(--muted)}.hero{max-width:1180px;margin:28px auto 96px;padding:0 28px;display:grid;grid-template-columns:minmax(350px,.92fr) minmax(440px,1.08fr);align-items:center;gap:38px;min-height:620px}.hero-copy{position:relative;z-index:2}.hero-copy .lede{max-width:50ch}.hero-actions{margin:32px 0 18px;flex-wrap:wrap}.ownership{font-size:.86rem;color:var(--muted);font-weight:700}.hero-art{display:block;position:relative;margin-left:-40px;z-index:1;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 25%);background:var(--ink)}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}.library,.method,.paid-note{max-width:1124px;margin:0 auto 112px;padding:0 28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:2px solid var(--text);padding-bottom:18px}.section-heading h2{margin:0}.project-list{list-style:none;padding:0;margin:0}.project-list li{display:grid;grid-template-columns:1fr 52px;align-items:center;border-bottom:1px solid var(--line)}.project-row{min-height:104px;width:100%;display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;text-align:left;padding:16px 6px}.project-row:hover strong{color:var(--accent)}.project-number{font:italic 2rem var(--serif);color:var(--muted)}.project-row strong{display:block;font:700 1.35rem var(--serif)}.project-row small{display:block;color:var(--muted);margin-top:5px}.row-action{display:flex;align-items:center;gap:8px;font-weight:750;color:var(--blue)}.icon-button{width:44px;height:44px;display:grid;place-items:center}.danger-quiet{color:var(--danger)}.data-actions{justify-content:flex-end;padding-top:20px}.import-label{cursor:pointer}.import-label input{position:absolute;width:1px;height:1px;opacity:0}.empty-note{max-width:790px;margin:0 auto 112px;padding:48px;background:var(--surface);border-left:9px solid var(--citron)}.empty-note p{max-width:58ch}.empty-note .button{margin:12px 24px 0 0}.method{padding-top:16px}.method>h2{max-width:700px}.method ol{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--text)}.method li{padding:24px 20px 28px 0;border-right:1px solid var(--line);position:relative}.method li+li{padding-left:20px}.method li:last-child{border-right:0}.method li>span{font:italic 2.5rem var(--serif);color:var(--accent)}.method li h3{margin:14px 0 8px}.method li p{color:var(--muted);font-size:.92rem;margin:0}.paid-note{background:var(--ink);color:#f7f2e8;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:48px}.paid-note .eyebrow,.paid-note p{color:#c6cedc}.paid-note h2{max-width:600px}.paid-note p{max-width:66ch;margin-bottom:0}.site-footer{max-width:1124px;margin:auto;border-top:1px solid var(--line);padding:32px 28px calc(32px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:8px 30px;color:var(--muted);font-size:.86rem}.site-footer p{margin:0}.site-footer .fine-print{grid-column:1/-1}.toast{position:fixed;z-index:60;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(90vw,540px);background:var(--text);color:var(--bg);padding:14px 18px;box-shadow:0 8px 32px #0005;display:flex;align-items:center;gap:24px}.toast[hidden]{display:none}.toast button{min-height:44px;border:0;background:var(--citron);color:#151a29;font-weight:800;padding:6px 12px;cursor:pointer}.setup-page{max-width:1080px;margin:30px auto 100px;padding:0 28px}.page-intro{max-width:760px;margin-bottom:72px}.page-intro h1{font-size:clamp(3rem,7vw,5.3rem)}.page-intro>p:last-child{max-width:56ch;color:var(--muted);font-size:1.1rem}.setup-form{border-top:2px solid var(--text)}.form-section{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:48px 0;border-bottom:1px solid var(--line)}.form-number{font:italic 2.4rem var(--serif);color:var(--accent)}.form-section>div{max-width:710px}.form-section h2{font-size:2.1rem}label{display:block;font-weight:750;margin:20px 0 8px}input,select{min-height:48px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:10px 12px;border-radius:0;width:100%}input::placeholder{color:var(--muted);opacity:.8}.file-drop{position:relative;min-height:86px;border:1px dashed var(--muted);padding:17px 56px 17px 18px;background:var(--surface);cursor:pointer}.file-drop:after{content:"+";position:absolute;right:18px;top:19px;font:2rem var(--serif);color:var(--accent)}.file-drop:hover{border-style:solid;border-color:var(--blue)}.file-drop strong,.file-drop span{display:block}.file-drop span{color:var(--muted);font-size:.85rem;margin-top:5px}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-drop:focus-within{outline:3px solid var(--blue);outline-offset:3px}.file-drop small{color:var(--muted);font:inherit;font-weight:500}.check-label{display:flex;gap:12px;align-items:start;font-weight:500;max-width:62ch}.check-label input{flex:0 0 22px;width:22px;min-height:22px;margin:2px 0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}details{margin-top:20px}summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--blue);font-weight:750}pre{padding:14px;background:var(--ink);color:#f7f2e8;overflow:auto}.form-submit{padding:36px 0 0 120px;display:flex;align-items:center;gap:24px}.form-submit p{color:var(--muted);font-size:.86rem;margin:0;max-width:36ch}.form-error,.inline-error{max-width:710px;margin:24px 0 0 120px;padding:14px 16px;border-left:5px solid var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--text)}.practice-page{max-width:1220px;margin:22px auto 100px;padding:0 28px}.practice-top{display:grid;grid-template-columns:180px 1fr auto;gap:24px;align-items:end;margin-bottom:40px}.practice-top .back-button{margin:0;align-self:start}.practice-top h1{font-size:clamp(2.5rem,5vw,4.4rem);margin:0}.clip-meta{display:flex;gap:16px;color:var(--muted);font-size:.88rem;font-variant-numeric:tabular-nums}.practice-grid{display:grid;grid-template-columns:minmax(240px,330px) 1fr;gap:40px;align-items:start}.ladder-panel{position:sticky;top:20px}.ladder-panel ol{list-style:none;padding:0;margin:0;border-top:2px solid var(--text)}.ladder-panel li{border-bottom:1px solid var(--line)}.ladder-panel li button{border:0;background:none;color:inherit;width:100%;min-height:82px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;text-align:left;padding:12px 8px;cursor:pointer}.ladder-panel li button:hover strong{color:var(--accent)}.ladder-panel li.current,.ladder-panel li.current button{background:var(--citron);color:#151a29;border-color:#151a29}.ladder-panel li.current small{color:#30350b;opacity:1}.ladder-panel li.complete .rung-state{color:var(--success)}.ladder-panel li.current .rung-state{color:#151a29}.rung-number{font:italic 1.35rem var(--serif)}.ladder-panel strong,.ladder-panel small{display:block}.ladder-panel small{color:inherit;opacity:.76;font-size:.75rem;margin-top:3px}.rung-state{font-weight:850;font-size:.75rem}.keyboard-help{margin-top:24px;color:var(--muted);font-size:.76rem}.keyboard-help strong,.keyboard-help span{display:block}.workbench{min-width:0;background:var(--surface);border-top:8px solid var(--accent);padding:36px}.workbench>header{display:flex;align-items:start;justify-content:space-between;gap:24px}.workbench>header h2{font-size:2.7rem;margin-bottom:6px}.workbench>header p:last-child{color:var(--muted)}.duration-badge{padding:6px 10px;border:1px solid var(--line);font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap}.caption-stage{min-height:230px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);padding:36px;margin:24px 0;unicode-bidi:plaintext;text-align:center}.caption{max-width:720px;width:100%}.caption>p:not(.caption-label){white-space:pre-line;font-size:clamp(1.25rem,3vw,2rem);line-height:1.45;margin:0}.caption-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--muted)}.caption .target-underlay{font-size:1rem!important;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:24px!important}.no-text span{font:5rem var(--serif);color:var(--accent)}.no-text p{font:700 1.6rem var(--serif);margin:0}.no-text small{color:var(--muted)}.transport{min-height:76px;background:var(--ink);color:#f7f2e8;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:12px 16px}.transport-button{min-height:48px;display:flex;align-items:center;gap:10px;color:var(--citron);font-weight:800}.time-readout{display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center;font-size:.78rem;font-variant-numeric:tabular-nums}.time-track{height:4px;background:#5a6578;display:block}.time-track i{display:block;width:0;height:100%;background:var(--citron)}.transport label{margin:0;display:flex;align-items:center;gap:8px;font-size:.75rem}.transport select{min-height:44px;width:82px;background:#202b3d;color:#fff;border-color:#5a6578;padding:4px}.loop-editor{border-bottom:1px solid var(--line);padding:8px 0 18px}.loop-editor>div{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.loop-editor label{margin:0}.loop-editor input{font-variant-numeric:tabular-nums}.speak-back{margin:42px 0 24px;padding-top:30px;border-top:2px solid var(--text);display:flex;align-items:center;justify-content:space-between;gap:32px}.speak-back h3{font-size:1.7rem;margin-bottom:6px}.speak-back p:last-child{color:var(--muted);margin:0}.record-button{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:132px}.record-button>span{width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);border:2px solid var(--text);box-shadow:3px 3px 0 var(--text);display:grid;place-items:center}.record-button svg{width:30px;height:30px}.record-button.recording>span{animation:record-pulse .8s ease-out 1}.record-button:hover>span{transform:scale(1.04)}.inline-error{margin:16px 0}.recording-empty{color:var(--muted);font-style:italic}.recording-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.recording-list li{min-height:74px;display:grid;grid-template-columns:1fr minmax(210px,320px) 44px;gap:14px;align-items:center;border-bottom:1px solid var(--line)}.recording-list strong,.recording-list small{display:block}.recording-list small{color:var(--muted)}.recording-list audio{width:100%;height:44px}.stage-actions{margin-top:40px;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}.stage-actions #next-loop{justify-self:end}.upgrade-page,.legal-page{max-width:1100px;margin:40px auto 120px;padding:0 28px}.upgrade-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start}.upgrade-grid h1,.legal-page h1{font-size:clamp(3rem,7vw,5.5rem)}.tick-list{list-style:none;padding:0;margin:38px 0}.tick-list li{padding:12px 0 12px 34px;border-bottom:1px solid var(--line);position:relative}.tick-list li:before{content:"✓";position:absolute;left:4px;color:var(--success);font-weight:900}.price-card{background:var(--surface);border-top:8px solid var(--citron);padding:32px;box-shadow:10px 10px 0 var(--line)}.price{font:700 4.5rem var(--serif);line-height:1}.price>span{font-size:2rem;vertical-align:top}.price small{font:600 .85rem ui-sans-serif,system-ui;color:var(--muted)}.unlocked-note{padding:16px;border:1px solid var(--success);color:var(--success);font-weight:800}.price-card details{border-top:1px solid var(--line);padding-top:18px;margin-top:28px}.legal-page{max-width:780px}.legal-page h2{font-size:2rem;margin-top:48px}.legal-page p{max-width:68ch}.legal-page .danger{margin-top:8px}@keyframes record-pulse{50%{transform:scale(1.12);box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 22%,transparent)}}@media(max-width:820px){.hero{grid-template-columns:1fr;margin-top:30px;min-height:0}.hero-art{margin:-70px 0 0 12%;z-index:0}.hero-copy{z-index:1}.method ol{grid-template-columns:1fr 1fr}.method li:nth-child(2){border-right:0}.method li:nth-child(n+3){border-top:1px solid var(--line)}.paid-note{align-items:start;flex-direction:column}.practice-top{grid-template-columns:1fr auto}.practice-top .back-button{grid-column:1/-1}.practice-grid{grid-template-columns:1fr}.ladder-panel{position:static}.ladder-panel ol{display:grid;grid-template-columns:1fr 1fr}.ladder-panel li:nth-child(odd){border-right:1px solid var(--line)}.keyboard-help{display:none}.upgrade-grid{grid-template-columns:1fr;gap:40px}}@media(max-width:600px){.site-header{padding:16px}.site-header nav{gap:8px}.site-header .text-button{display:none}.hero,.library,.method,.practice-page,.setup-page,.upgrade-page,.legal-page{padding-left:16px;padding-right:16px}.hero{margin-bottom:70px;gap:20px}.hero h1{font-size:clamp(2.75rem,14vw,4.4rem)}.hero-art{margin:-36px -16px 0 7%;width:calc(109% + 16px);clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 20%)}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.library,.method,.paid-note{margin-bottom:72px}.section-heading{align-items:start;flex-direction:column}.project-row{grid-template-columns:46px 1fr}.row-action{grid-column:2;justify-self:start}.empty-note,.paid-note{margin-left:16px;margin-right:16px;padding:28px}.method ol{grid-template-columns:1fr}.method li,.method li+li{padding:22px 0;border-right:0;border-top:1px solid var(--line)!important}.method li:first-child{border-top:0!important}.site-footer{margin:0 16px;padding-left:0;padding-right:0;grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}.site-footer .fine-print{grid-column:auto}.form-section{grid-template-columns:1fr;gap:8px;padding:34px 0}.form-number{font-size:1.5rem}.form-pair{grid-template-columns:1fr}.form-submit{padding-left:0;align-items:stretch;flex-direction:column}.form-error{margin-left:0}.practice-top{grid-template-columns:1fr}.clip-meta{justify-content:space-between}.ladder-panel ol{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.ladder-panel li{flex:0 0 78%;scroll-snap-align:start;border-right:1px solid var(--line)}.workbench{padding:22px 16px;margin:0 -16px}.workbench>header{flex-direction:column}.caption-stage{min-height:210px;padding:22px 16px}.transport{grid-template-columns:1fr auto;gap:10px}.transport-button{grid-column:1/-1;justify-content:center;border-bottom:1px solid #465266}.time-readout{grid-column:1}.transport label{grid-column:2}.loop-editor>div{grid-template-columns:1fr 1fr}.loop-editor .button{grid-column:1/-1}.speak-back{flex-direction:column;align-items:flex-start}.record-button{align-self:center}.recording-list li{grid-template-columns:1fr 44px;padding:14px 0}.recording-list audio{grid-row:2;grid-column:1/-1}.stage-actions{grid-template-columns:1fr 1fr}.stage-actions .button{grid-column:1/-1;grid-row:1}.price-card{padding:24px;box-shadow:5px 5px 0 var(--line)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.button:hover,.record-button:hover>span{transform:none}}