:root{--bg: #0f1419;--surface: #1a2332;--border: #2a3a4f;--text: #e8eef4;--muted: #8fa3b8;--accent: #5b9fd4;--user: #2d4a3e;--navi: #1e2d42}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}#root{max-width:720px;margin:0 auto;padding:1.5rem;min-height:100vh;display:flex;flex-direction:column}header h1{margin:0;font-size:1.5rem;font-weight:600}header p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.controls{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.25rem 0}select,input,button{font:inherit;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.5rem .75rem}button{cursor:pointer;background:var(--accent);border-color:var(--accent);color:#0f1419;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.chat{flex:1;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem 0;min-height:280px}.msg{padding:.75rem 1rem;border-radius:12px;line-height:1.5;white-space:pre-wrap}.msg.user{background:var(--user);align-self:flex-end;max-width:85%}.msg.assistant{background:var(--navi);align-self:flex-start;max-width:90%}.composer{display:flex;gap:.5rem;margin-top:auto;padding-top:1rem}.composer input{flex:1}.pillars{display:flex;gap:.35rem;flex-wrap:wrap}.pillar-btn{background:var(--surface);color:var(--text);border:1px solid var(--border);font-weight:500;font-size:.85rem}.pillar-btn.active{border-color:var(--accent);color:var(--accent)}