:root{color-scheme:dark;--bg:#10121b;--fg:#f4ecdf;--muted:#a5a5b4;--line:#444354;--hot:#d9fa78}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,Arial,sans-serif}button,input{font:inherit}button,.file{border:1px solid var(--line);color:var(--fg);background:#252634;padding:.65rem 1rem;cursor:pointer;border-radius:3px}button:hover,.file:hover,button:focus-visible,a:focus-visible{outline:2px solid var(--hot);outline-offset:2px}button[aria-pressed=true]{background:var(--hot);color:#151515;border-color:var(--hot)}.primary{background:var(--hot);color:#111;font-weight:800;border:0}a{color:inherit}header,footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.3rem 4vw;border-bottom:1px solid var(--line);font-size:.78rem;letter-spacing:.12em}header a,footer a{text-decoration:none}.skip{position:absolute;top:-5rem}.skip:focus{top:0;background:white;color:black}.hero{padding:8vw 6vw 7vw;max-width:1200px}.eyebrow{color:var(--hot);font-size:.75rem;letter-spacing:.2em}.hero h1{font-size:clamp(3.8rem,10vw,10rem);line-height:.9;letter-spacing:-.09em;margin:1rem 0 2rem}.hero em{font-weight:400;color:var(--hot)}.hero>p:not(.eyebrow){max-width:580px;color:var(--muted)}.heroactions,.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);border-top:1px solid var(--line)}.stage{position:sticky;top:0;height:100vh;min-height:620px;background:#161825;display:flex;flex-direction:column;padding:2rem}.stagehead,.stagefoot{display:flex;justify-content:space-between;gap:1rem}.stagehead{font-size:.8rem;letter-spacing:.1em;color:var(--hot)}canvas{width:100%;height:100%;min-height:0;flex:1}.stagefoot{display:block}.stagefoot h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em;margin:0}.stagefoot p{color:var(--muted);max-width:40rem}.console{border-left:1px solid var(--line)}.panel{padding:2rem;border-bottom:1px solid var(--line)}.panel h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em}.panel p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.scenes button{text-align:left;min-height:85px}.scenes small{display:block;opacity:.7}.motif{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border-bottom:1px solid #353645;padding:.65rem 0}.motif small{display:block;color:var(--muted)}label:not(.file){display:block;margin:1rem 0}label output{float:right;color:var(--hot)}input[type=range]{width:100%;accent-color:var(--hot)}.check{display:flex!important;gap:.7rem}.stories,.archive,.notes{padding:5rem 6vw;border-top:1px solid var(--line)}.stories{display:grid;grid-template-columns:1fr 1fr;gap:4vw}.stories h2,.archive h2,.notes h2{font-size:clamp(2rem,4vw,4rem);line-height:1.1;letter-spacing:-.05em}.fragment{padding:1.2rem 0;border-bottom:1px solid var(--line)}.fragment span{color:var(--hot);font-size:.75rem}.fragment p{font-family:Georgia,serif;font-size:1.3rem}.archive{background:#1a1c28}.file input{display:none}details{border-bottom:1px solid var(--line);padding:1rem 0;max-width:900px}summary{cursor:pointer;font-weight:700}details p{color:var(--muted)}dialog{background:#252634;color:var(--fg);border:1px solid var(--hot);max-width:520px;padding:2rem}dialog::backdrop{background:#000b}footer{border-top:1px solid var(--line);border-bottom:0}@media(max-width:850px){.workspace,.stories{grid-template-columns:1fr}.stage{position:relative;height:70vh;min-height:470px}.console{border-left:0}.hero{padding-top:6rem}header span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V2: musical editor and private memory room */
.stepeditor{margin-top:1.7rem;padding:1rem;border:1px solid #545267;background:#191d2a}.stepeditor h3{margin:0;font-size:1rem}.stepeditor p{font-size:.86rem}.voice-row,.editor-actions,.prompts{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0}.voice-row button{font-size:.72rem;padding:.5rem}.step-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.35rem;margin:1rem 0}.step-grid .step{padding:.65rem .2rem;font-size:.72rem;min-width:0;border-radius:6px;aspect-ratio:1;display:grid;place-items:center}.step-grid .quarter{border-left:3px solid #a4bd6e}.editor-actions button{font-size:.79rem}.reflection,.gallery{padding:5rem 6vw;border-top:1px solid var(--line)}.reflection{display:grid;grid-template-columns:1fr 1fr;gap:4rem;background:#141927}.reflection h2,.gallery h2{font-size:clamp(2rem,4vw,4rem);line-height:1.15;letter-spacing:-.05em}.reflection p{color:var(--muted)}.prompts button{text-align:left;font-size:.83rem}.journal{background:#212737;padding:2rem;border:1px solid var(--line);align-self:start}.journal label{font-size:.84rem;text-transform:uppercase;letter-spacing:.12em;color:var(--hot)}.journal textarea{display:block;margin:.75rem 0;width:100%;min-height:210px;resize:vertical;background:#131724;border:1px solid #636579;color:#fff;padding:1rem;font:1.08rem/1.6 Georgia,serif}.privacy{font-size:.8rem}.presetgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.presetgrid button{text-align:left;padding:1.7rem;min-height:170px;background:#1c2230}.presetgrid strong{display:block;font-size:1.35rem;letter-spacing:-.03em}.presetgrid span{display:block;color:#b8bbce;margin-top:1rem}#noteStatus{font-size:.85rem;color:var(--hot)}@media(max-width:850px){.reflection{grid-template-columns:1fr;gap:1rem}.presetgrid{grid-template-columns:1fr}.step-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:480px){.panel{padding:1.2rem}.step-grid{gap:.18rem}.step-grid .step{font-size:.65rem;padding:.4rem 0}.journal{padding:1rem}header,footer{flex-wrap:wrap}}