:root{--bg: #0b0c0e;--paper: #e8e6e1;--muted: #9a9a94;--line: #1c1d21;--card: #121317;--steel: #6f7680;--live: #8fbf9a}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--paper)}body{font-family:IBM Plex Sans,system-ui,sans-serif;letter-spacing:.01em}button,textarea,input{font:inherit;color:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:280px minmax(0,1fr) 240px;height:100%}.rail,.side{border-right:1px solid var(--line);padding:16px;overflow:auto}.side{border-right:0;border-left:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.brand .phi{width:22px;height:22px;border:1px solid var(--paper);border-radius:50%;display:grid;place-items:center;font-family:"Instrument Serif",serif;font-size:14px}.brand h1{font-size:18px;margin:0;font-weight:500}.brand small{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px}.session{width:100%;background:#15161a;border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0}.k{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.v{font-family:IBM Plex Mono,monospace;font-size:12px}.row{display:flex;gap:8px;flex-wrap:wrap}.chip,.ghost{background:#18191e;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px}.chip.active{border-color:var(--paper)}.sys,.composer{width:100%;background:#101114;border:1px solid var(--line);border-radius:10px;padding:10px;min-height:88px;resize:vertical}.center{display:flex;flex-direction:column;min-width:0}.top{display:flex;justify-content:center;padding:10px;border-bottom:1px solid var(--line)}.badge{font-size:11px;color:var(--muted)}.badge.live{color:var(--live)}.hero{flex:1;padding:48px 32px 16px;overflow:auto}.hero h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:42px;text-align:center;margin:12px 0 8px}.hero p{text-align:center;color:var(--muted);max-width:460px;margin:0 auto 28px}.starters{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:720px;margin:0 auto}.starter{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.starter b{display:block;margin-bottom:6px}.starter span{color:var(--muted);font-size:13px}.thread{max-width:760px;margin:0 auto;display:grid;gap:14px}.msg{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:14px 16px}.msg .who{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.msg pre{white-space:pre-wrap;font-family:IBM Plex Sans,sans-serif;margin:0;line-height:1.5}.bar{display:flex;gap:10px;padding:16px 24px 20px;border-top:1px solid var(--line)}.send{width:44px;height:44px;border-radius:12px;border:0;background:var(--paper);color:#111}.meter{height:4px;background:#1a1b20;border-radius:99px;margin:8px 0 12px}.meter>i{display:block;height:100%;background:var(--paper);border-radius:99px}.grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:8px 0 14px}.cell{aspect-ratio:1;background:#191a1f;border-radius:3px}.cell.on{background:#3a3d46}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px}.stat b{display:block;font-family:IBM Plex Mono,monospace;margin-top:4px}.log{color:var(--muted);font-size:12px;font-family:IBM Plex Mono,monospace}.range{width:100%;accent-color:var(--paper)}@media (max-width: 980px){.shell{grid-template-columns:1fr}.rail,.side{display:none}}