:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#13283d;background:#f5f0e6;font-synthesis:none;--ink:#13283d;--cream:#fffaf0;--teal:#0f9d91;--coral:#ed695d;--violet:#6559d9;--gold:#e7aa35;--line:#cdd8df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 4%,#fff0c6,transparent 24rem),radial-gradient(circle at 95% 20%,#dff6f2,transparent 27rem),#f5f0e6}button,input,textarea{font:inherit}button{min-height:48px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:4px solid #0c72b8;outline-offset:3px}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:30;background:#fff;color:var(--ink);padding:.8rem 1rem;border:2px solid var(--ink);border-radius:12px}.skip-link:focus{top:1rem}.masthead{padding:1.6rem clamp(1rem,4vw,4rem) 1.25rem;display:flex;gap:1.5rem;justify-content:space-between;align-items:end;border-bottom:1px solid rgba(19,40,61,.15)}.eyebrow,.screen-number,.label{letter-spacing:.12em;font-weight:900;font-size:.78rem;margin:0 0 .5rem;color:var(--teal)}h1{margin:0;max-width:850px;font-size:clamp(2rem,4.6vw,4.3rem);line-height:.94;letter-spacing:-.045em}.mode-badge{max-width:310px;padding:.75rem 1rem;border:1px solid var(--ink);border-radius:999px;font-weight:800;background:rgba(255,255,255,.6)}.journey-nav{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:repeat(8,minmax(76px,1fr));gap:.4rem;padding:.65rem max(1rem,calc((100vw - 1180px)/2));backdrop-filter:blur(14px);background:rgba(245,240,230,.92);border-bottom:1px solid rgba(19,40,61,.12);overflow-x:auto}.journey-nav a{min-width:76px;color:var(--ink);text-decoration:none;border:1px solid rgba(19,40,61,.35);border-radius:12px;padding:.5rem .45rem;font-weight:900;background:white;text-align:center}.journey-nav a span{display:block;font-size:1rem}.journey-nav a small{display:block;font-size:.7rem;margin-top:.12rem}.journey-nav a[aria-current=page]{background:var(--ink);color:white}.app-main{width:min(1180px,calc(100% - 2rem));margin:0 auto;outline:none}.screen{margin:1.25rem 0 1.5rem;padding:clamp(1.2rem,3vw,2.5rem);background:rgba(255,250,240,.94);border:1px solid rgba(19,40,61,.18);border-radius:28px;box-shadow:0 20px 55px rgba(19,40,61,.08)}.screen--placeholder{border-top:8px solid var(--gold)}.screen--sound{border-top:8px solid var(--coral)}.screen--room{border-top:8px solid var(--gold)}.screen--lucier{border-top:8px solid var(--violet)}.screen--fade{border-top:8px solid var(--coral)}.screen--cost{border-top:8px solid var(--violet)}.screen--mix{border-top:8px solid var(--teal)}.screen-heading{display:grid;grid-template-columns:1fr minmax(260px,.7fr);gap:1rem 2rem;align-items:end}.screen-heading .screen-number,.screen-heading h2{grid-column:1}.screen-heading p:last-child{grid-column:2;grid-row:1/span 2;margin:0;font-size:1.05rem;line-height:1.5}h2{margin:0;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1;letter-spacing:-.035em}h3{margin:.1rem 0 .45rem;font-size:1.15rem}.placeholder-banner,.objective-banner,.privacy-banner,.model-banner,.analogy-break{margin:1.5rem 0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.85rem 1rem;border-radius:14px;background:#13283d;color:white}.placeholder-banner{background:#6b571f}.privacy-banner{background:#174d49}.model-banner{background:#6b571f}.analogy-break{background:#3f3698;line-height:1.5}.analogy-break span{max-width:620px}.lead-copy{font-size:1.12rem;line-height:1.65;max-width:850px}.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:1.4rem}.placeholder-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1rem}.placeholder-card p{line-height:1.5;margin:.3rem 0}.fade-grid,.state-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.fade-card,.state-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1rem}.bits{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.65rem}.fade-card{display:grid;gap:.6rem}.state-card__topline{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.score{font-weight:800;color:#52697d}.bar-track{height:19px;background:#e7edf0;border-radius:999px;overflow:hidden;border:1px solid #d4dfe4}.bar-fill{width:25%;height:100%;background:linear-gradient(90deg,var(--teal),#4fbeb5);transform-origin:left;transition:width 80ms linear}.screen--fade .bar-fill{background:linear-gradient(90deg,var(--coral),#f49d93)}.prob-row{display:grid;gap:.4rem;margin:1rem 0}.pct{font-variant-numeric:tabular-nums;font-weight:900}.phase-wrap{display:flex;gap:.8rem;align-items:center}.phase-dial{position:relative;width:58px;height:58px;flex:0 0 auto;border:2px solid var(--ink);border-radius:50%;background:#fffaf3}.phase-dial::after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;background:var(--ink)}.phase-hand{position:absolute;left:27px;top:8px;width:4px;height:23px;border-radius:4px;background:var(--coral);transform-origin:2px 21px;transform:rotate(0deg)}.phase-copy{display:grid;gap:.15rem;font-size:.72rem;font-weight:900;letter-spacing:.05em}.phase-copy output{font-size:.9rem;letter-spacing:0;font-variant-numeric:tabular-nums}.total-line,.summary-strip{margin:1rem 0;padding:.8rem 1rem;border-radius:14px;background:#fff3cc;display:flex;gap:.55rem 1.2rem;flex-wrap:wrap;align-items:baseline}.primary,.secondary,.generation-button,.mini-button{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:.8rem 1.05rem;font-weight:900;cursor:pointer;text-decoration:none}.primary{border:2px solid var(--ink);background:var(--teal);color:#071c20;box-shadow:0 5px 0 var(--ink)}.primary.danger{background:var(--coral)}.secondary{border:2px solid var(--ink);background:white;color:var(--ink)}button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.button-row,.case-controls,.source-choice,.playback-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;align-items:center}.playback-row label{display:flex;align-items:center;gap:.55rem;font-weight:800}.playback-row input[type=range]{min-width:140px}.status{min-height:3.4rem;margin-top:1rem;padding:.9rem 1rem;border-left:5px solid var(--gold);background:#fff9e7;border-radius:0 12px 12px 0;line-height:1.45}.fineprint{color:#52697d;font-size:.92rem;line-height:1.5}.prediction{margin:1rem 0 1.4rem;border:1px solid var(--line);border-radius:16px;padding:1rem;background:white}.prediction legend{font-weight:900;padding:0 .35rem}.prediction label{display:inline-flex;align-items:center;gap:.45rem;margin:.45rem 1rem .2rem 0;min-height:38px}.prediction input{width:1.2rem;height:1.2rem}.warning-line{font-weight:900;padding:.75rem 1rem;background:#ffe9e5;border-radius:12px}code{background:#edf0ff;padding:.12rem .3rem;border-radius:5px}.pager{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin:0 0 2.5rem}.pager>*:last-child{justify-self:end}.pager__position{font-weight:900;color:#52697d}footer{padding:1rem 1rem 3rem;text-align:center;color:#52697d}

/* Screens 1–3 */
.input-prompt,.prediction-box,.boundary-note,.history-card,.composer-question,.technical-details{margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:16px;background:#fff}.input-prompt label,.prediction-box label,.composer-question label{display:grid;gap:.5rem;line-height:1.45}.input-prompt input,.prediction-box input,.composer-question textarea{width:100%;border:1.5px solid #8ca1ae;border-radius:11px;padding:.75rem;background:white;color:var(--ink)}.boundary-note{background:#fff0e4;border-color:#efb5a8;line-height:1.5}.signal-panel{margin:1.15rem 0;padding:1rem;border:1px solid var(--line);border-radius:20px;background:white}.signal-panel[hidden]{display:none}.signal-panel__heading{display:flex;justify-content:space-between;gap:1rem;align-items:start}.metric-copy{margin:.1rem 0;color:#52697d;font-variant-numeric:tabular-nums}.science-label{display:flex;gap:.8rem 1.5rem;justify-content:space-between;align-items:baseline;padding:.7rem .8rem;border-radius:12px;background:#eef5f7;line-height:1.4}.science-label span{max-width:650px;font-size:.9rem;color:#435e70}.visual-frame{margin-top:.75rem;min-height:160px;border:1px solid #dce5e9;border-radius:14px;overflow:hidden;background:#f9fbfb}.signal-svg{display:block;width:100%;height:auto;min-height:160px}.signal-svg .axis{stroke:#94a6b0;stroke-width:1}.waveform-svg path{fill:none;stroke:var(--coral);stroke-width:2.2;stroke-linecap:round}.spectrum-svg rect{fill:var(--teal)}.spectrum-svg text{font-size:20px;fill:#52697d}.prediction-lock{display:grid;grid-template-columns:1fr auto;gap:.65rem;margin-top:.65rem}.generation-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin:1rem 0}.generation-button{border:2px solid var(--ink);background:#fff;color:var(--ink);min-height:58px}.generation-button.is-current{background:var(--gold);box-shadow:0 4px 0 var(--ink)}.dual-visuals{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.diagnostic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.diagnostic-grid article{padding:1rem;background:#fff;border:1px solid var(--line);border-radius:16px;line-height:1.5}.technical-details summary{cursor:pointer;font-weight:900}.technical-details p{line-height:1.55}.lucier-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;margin-top:1.2rem}.procedure-panel,.ab-panel{padding:1rem;background:#fff;border:1px solid var(--line);border-radius:20px}.procedure-list{list-style:none;padding:0;margin:.5rem 0 1rem;display:grid;gap:.55rem}.procedure-list li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.75rem;border:1px solid var(--line);border-radius:12px;background:#fbfcfc}.move-controls{display:flex;gap:.35rem;flex:0 0 auto}.mini-button{min-height:38px;padding:.35rem .65rem;border:1.5px solid var(--ink);background:white;color:var(--ink)}.history-card p{line-height:1.6}.composer-question{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.composer-question h3{grid-column:1/-1}.composer-question textarea{resize:vertical;min-height:82px}

@media(max-width:900px){.placeholder-grid{grid-template-columns:1fr}.journey-nav{grid-template-columns:repeat(8,82px);justify-content:start}.dual-visuals,.diagnostic-grid,.lucier-grid{grid-template-columns:1fr}.composer-question{grid-template-columns:1fr}.composer-question h3{grid-column:auto}}
@media(max-width:800px){.masthead{align-items:start;flex-direction:column}.mode-badge{max-width:none}.screen-heading{display:block}.screen-heading p:last-child{margin-top:.8rem}.fade-grid,.state-grid{grid-template-columns:repeat(2,1fr)}.signal-panel__heading,.science-label{display:block}.science-label span{display:block;margin-top:.35rem}.generation-strip{grid-template-columns:repeat(5,minmax(64px,1fr))}}
@media(max-width:600px){.prediction-lock{grid-template-columns:1fr}.generation-strip{grid-template-columns:repeat(3,1fr)}.source-choice>*{flex:1 1 100%}}
@media(max-width:470px){.app-main{width:min(100% - 1rem,1180px)}.screen{border-radius:20px;padding:1rem}.fade-grid,.state-grid{grid-template-columns:1fr}.phase-wrap{justify-content:space-between}.pager{grid-template-columns:1fr 1fr}.pager__position{display:none}.pager .primary,.pager .secondary{width:100%}.procedure-list li{align-items:flex-start;flex-direction:column}.move-controls{align-self:flex-end}.generation-strip{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}