:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b10;--panel:#11151d;--panel-2:#171c26;--text:#f5f7fb;--muted:#9ca7b8;--line:#252c39;--accent:#d7b46a}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,select{font:inherit}.shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#090b10eb;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;font-size:1.1rem;font-weight:800}.brand span{color:var(--accent)}.project-picker{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 12px}.main{grid-template-rows:auto 1fr auto;gap:20px;width:min(900px,100%);min-height:calc(100vh - 66px);margin:0 auto;padding:28px 16px 18px;display:grid}.intro h1{letter-spacing:-.05em;margin:0 0 8px;font-size:clamp(1.7rem,5vw,2.7rem)}.intro p{color:var(--muted);margin:0;line-height:1.55}.messages{flex-direction:column;gap:12px;padding:4px 0;display:flex}.message{border:1px solid var(--line);white-space:pre-wrap;border-radius:16px;max-width:88%;padding:13px 15px;line-height:1.5}.message.user{background:var(--panel-2);align-self:flex-end}.message.assistant{background:var(--panel);align-self:flex-start}.message.error{color:#ffbdc4;border-color:#713b43}.composer{background:linear-gradient(180deg, transparent, var(--bg) 18%);padding-top:20px;position:sticky;bottom:0}.composer-inner{background:var(--panel);border:1px solid var(--line);border-radius:18px;grid-template-columns:1fr auto;align-items:end;gap:10px;padding:10px;display:grid}textarea{resize:vertical;min-height:48px;max-height:180px;color:var(--text);background:0 0;border:0;outline:0;padding:11px 10px}textarea::placeholder{color:#758093}.send{background:var(--accent);color:#19150e;cursor:pointer;border:0;border-radius:12px;padding:12px 15px;font-weight:800}.send:disabled{opacity:.45;cursor:default}.status{color:var(--muted);padding:7px 4px 0;font-size:.82rem}@media (max-width:600px){.topbar{padding:12px}.main{min-height:calc(100vh - 58px);padding:20px 12px 12px}.message{max-width:94%}.composer-inner{grid-template-columns:1fr}.send{width:100%}}
