:root{color-scheme:dark;--bg:#101715;--panel:#18221e;--line:#33463b;--ink:#eff4dc;--muted:#a4b6a7;--accent:#dafa90;--orange:#edb982}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:absolute;top:-90px;padding:10px;background:var(--accent);color:#172013}.skip:focus{top:0;z-index:10}header,footer{max-width:1360px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}header{border-bottom:1px solid var(--line)}header a{text-decoration:none}.brand{font-weight:800;letter-spacing:.16em}.badge{font:11px ui-monospace,monospace;border:1px solid var(--line);border-radius:50px;padding:6px 12px;color:var(--muted)}main{max-width:1240px;margin:auto;padding:0 28px}.intro{padding:62px 0 40px;position:relative}.intro:after{content:'∿';position:absolute;right:50px;top:30px;font:210px Georgia,serif;color:#2c4935;transform:rotate(-9deg);z-index:-1}.eyebrow,.sectionhead{font:11px/1.5 ui-monospace,monospace;letter-spacing:.13em}.eyebrow{color:var(--accent)}h1{font:clamp(40px,5.6vw,72px)/1.06 Georgia,serif;letter-spacing:-.04em;margin:14px 0 20px}h1 em{font-weight:400;color:var(--accent)}h2{font:30px/1.15 Georgia,serif;margin:16px 0}h3{font-size:20px;margin:15px 0}.lead{font-size:19px;color:#c9d6c6;max-width:620px;margin:0}.note{font-size:12px;color:var(--muted);margin-top:14px}.studio{display:grid;grid-template-columns:300px 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden}.controls{padding:28px;background:var(--panel);border-right:1px solid var(--line)}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted)}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.controls label{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-top:24px;color:#d9e6cc}.controls output{color:var(--accent);font:12px ui-monospace,monospace}select{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:12px;border-radius:8px;margin-top:8px}input[type=range]{width:100%;accent-color:var(--accent);margin-top:10px}.hint,.listen p{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0}.listen{padding:18px 0;margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}button{border:1px solid var(--line);border-radius:8px;background:#24352a;color:var(--ink);padding:11px 16px;font-size:13px;font-weight:600;min-height:44px}.row{display:flex;gap:8px}.row button{flex:1}.primary{background:var(--accent);color:#142115;border-color:var(--accent)}.controls>.primary,.controls>.quiet{width:100%;margin-bottom:10px}.primary span{float:right}#enable{width:100%;border-color:var(--accent)}.quiet{background:transparent}.textbutton{background:none;border:0;color:var(--accent);padding:6px 0;text-align:left}.filelabel{display:block!important;font-size:12px!important;margin-top:10px!important}.filelabel input{max-width:100%;font-size:11px;margin-top:8px;display:block;color:var(--muted)}#reset{font-size:12px;color:var(--muted)}.workbench{padding:28px}.selected{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:25px}.selected h2{font-size:37px;margin:6px 0}.selected p{font-size:13px;color:var(--muted);margin:4px 0}.selected .eyebrow{font:10px ui-monospace,monospace;color:var(--accent)}#play{border-radius:50%;height:78px;width:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--accent);font-size:23px;background:#273b2b;flex-shrink:0}#play span{font-size:10px}#wave{width:100%;height:100px;background:#122018;margin-top:22px;border-radius:8px;display:block}#wave line{stroke:#355142;stroke-width:.7}#wavePath{stroke:var(--accent);stroke-width:1;fill:none}.wavefoot{display:flex;justify-content:space-between;align-items:center;font:11px ui-monospace,monospace;color:var(--muted);gap:15px}.wavefoot button{font-size:11px}.cuegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}.cuegrid button{text-align:left;padding:14px 10px;background:#18241c;font-size:12px;border-radius:7px;min-width:0}.cuegrid button span{font:9px ui-monospace,monospace;color:var(--muted);display:block;margin-bottom:7px}.cuegrid button[aria-pressed=true]{border-color:var(--accent);background:#2d3d28;color:var(--accent)}.scene{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.scene p{font-size:13px;color:var(--muted)}.sceneActions{display:flex;flex-wrap:wrap;gap:8px}#panel{background:#18291e;padding:14px;margin-top:12px;border-radius:8px}#sceneStatus{color:var(--accent);min-height:23px}.status{margin:18px 0 0;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--muted);min-height:52px}.guide{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:65px 0}.guide h2{font-size:40px}.guide p,.guide li{font-size:13px;color:var(--muted)}.guide ul{padding-left:18px}.guide li{margin-bottom:12px}.guide details{border-top:1px solid var(--line);padding:14px 0;font-size:13px}.guide summary{cursor:pointer}.guideNotes h3{font-size:16px}footer{border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer a{flex-shrink:0}@media(max-width:900px){.studio{grid-template-columns:260px 1fr}.controls,.workbench{padding:20px}.cuegrid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide{gap:40px}}@media(max-width:660px){header{padding:20px}.badge{display:none}main{padding:0 18px}.intro{padding:40px 0 26px}.intro:after{display:none}.studio{display:flex;flex-direction:column}.controls{border-right:0;border-bottom:1px solid var(--line)}.controls h2{font-size:27px}.controls label{margin-top:18px}.listen{margin:15px 0}.guide{grid-template-columns:1fr;gap:22px;padding:38px 0}.guide h2{font-size:34px}.cuegrid{grid-template-columns:repeat(3,minmax(0,1fr))}.selected h2{font-size:30px}.wavefoot{font-size:10px}.sceneActions button{flex:1 1 42%}footer{flex-direction:column;align-items:flex-start;padding:22px 20px}.lead{font-size:17px}header>a:last-child{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.downloadRow{margin-top:25px}.downloadLink{display:inline-block;background:var(--accent);color:#142115;padding:12px 18px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:700}.downloadRow details{font-size:12px;color:var(--muted);margin-top:14px}.downloadRow audio{max-width:100%;margin-top:12px}.downloadRow summary{cursor:pointer}