:root{color:#172028;background:#f7f1e7;font-family:IBM Plex Mono,SFMono-Regular,monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#172028;background:radial-gradient(circle at 0 0,#b93f2629,#0000 28%),linear-gradient(145deg,#f6eee3 0%,#ebdfd1 46%,#ddd0c4 100%)}button,input,textarea{font:inherit}code{font-family:IBM Plex Mono,SFMono-Regular,monospace}#app{min-height:100vh}.shell{width:min(1200px,100vw - 40px);margin:0 auto;padding:28px 0 36px}.intro{gap:12px;margin-bottom:20px;display:grid}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#172028b8;margin:0;font-size:12px}.intro h1{letter-spacing:-.04em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(2.3rem,4vw,4.8rem);line-height:.95}.lede{max-width:68ch;margin:0;font-size:15px;line-height:1.7}.stage-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff57;border:2px solid #17202824;border-radius:28px;padding:14px;box-shadow:0 16px 40px #5e3e291f,inset 0 1px #ffffff80}.stage-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:14px;display:grid}.stage-stack{min-width:0}.stage{aspect-ratio:16/9;background:#f6efe7;border-radius:18px;width:100%;display:block}.debug-panel{gap:10px;display:grid}.debug-copy{gap:6px;padding:6px 4px 0;display:grid}.debug-kicker,.debug-text{margin:0}.debug-kicker{letter-spacing:.16em;text-transform:uppercase;color:#172028ad;font-size:11px}.debug-text{color:#172028cc;font-size:12px;line-height:1.5}.debug-view{aspect-ratio:16/9;background:#141b21;border-radius:18px;width:100%;display:block}.panel-bar{justify-content:space-between;align-items:center;gap:16px;padding:14px 8px 2px;display:flex}.start-button{color:#fff8f2;cursor:pointer;background:#b9482b;border:none;border-radius:999px;padding:12px 20px;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 10px 22px #b9482b47}.start-button:hover:enabled{transform:translateY(-1px)}.start-button:disabled{cursor:default;opacity:.78}.status{text-align:right;color:#172028c7;flex:1;margin:0;font-size:13px}.phrase-strip{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.phrase-chip{color:inherit;cursor:pointer;background:#ffffff75;border:1px solid #1720281f;border-radius:999px;padding:10px 14px;font-size:24px;line-height:1;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s}.phrase-chip:hover{transform:translateY(-1px)}.phrase-chip.is-active{background:#b9482b24;border-color:#b9482b8f;box-shadow:0 10px 20px #b9482b24}.picker-panel{gap:10px;margin-top:18px;display:grid}.picker-copy{gap:6px;padding:0 4px;display:grid}.mode-switch{flex-wrap:wrap;gap:8px;display:flex}.mode-chip{color:#172028cc;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#ffffff75;border:1px solid #1720281f;border-radius:999px;padding:8px 12px;font-size:12px;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s}.mode-chip:hover{transform:translateY(-1px)}.mode-chip.is-active{background:#b9482b24;border-color:#b9482b8f;box-shadow:0 10px 20px #b9482b24}.phrase-chip:focus-visible,.mode-chip:focus-visible{outline-offset:2px;outline:2px solid #b9482b94}.phrase-strip[data-mode=random] .phrase-chip{opacity:.76}@media (width<=900px){.shell{width:min(100vw - 24px,1200px);padding-top:16px}.stage-grid{grid-template-columns:1fr}.panel-bar{flex-direction:column;align-items:flex-start}.status{text-align:left}}