:root{color-scheme:light;--bg:#eef4f6;--surface:rgba(255,255,255,0.72);--surface-strong:rgba(255,255,255,0.9);--ink:#10212b;--muted:#597180;--line:rgba(16,33,43,0.1);--accent:#126b73;--accent-strong:#0a4a55;--user-bubble:#d8f0ef;--assistant-bubble:#ffffff;--shadow:0 24px 60px rgba(39,74,91,0.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(18,107,115,.14),transparent 30%),radial-gradient(circle at bottom right,rgba(91,142,176,.18),transparent 28%),linear-gradient(180deg,#edf4f6,#e8f0f2);color:var(--ink)}body{min-height:100vh}button,textarea{font:inherit}.shell{min-height:100vh;padding:16px}.workspace{height:calc(100vh - 32px);display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:16px;gap:16px}.chat-column,.sidebar-panel,.status-card{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chat-column{border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.62));padding:18px;display:flex;flex-direction:column;min-height:0}.bubble-role,.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--muted)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.56fr);grid-gap:16px;gap:16px;margin-bottom:14px}.hero h1{margin:8px 0 0;max-width:14ch;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1;letter-spacing:-.04em}.hero-copy{margin:0;align-self:end;line-height:1.5;font-size:.95rem;color:var(--muted)}.chat-log{flex:1 1;min-height:0;overflow-y:auto;padding:8px 6px 8px 0;display:flex;flex-direction:column;gap:14px}.bubble{max-width:min(78%,680px);padding:16px 18px;border-radius:24px;border:1px solid var(--line);box-shadow:0 14px 32px rgba(16,33,43,.06)}.bubble p{margin:10px 0 0;line-height:1.65;white-space:pre-wrap}.bubble-user{align-self:flex-end;background:var(--user-bubble);border-bottom-right-radius:8px}.bubble-assistant{align-self:flex-start;background:var(--assistant-bubble);border-bottom-left-radius:8px}.bubble-pending{opacity:.82}.composer{margin-top:12px;padding:14px;border-radius:22px;background:var(--surface-strong);border:1px solid var(--line)}textarea{width:100%;resize:vertical;min-height:72px;max-height:120px;border:0;background:transparent;outline:0;color:var(--ink);line-height:1.6}textarea::placeholder{color:#7b919e}.composer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:center;margin-top:12px}.composer-hint,.error-text,.status-card p{margin:0;color:var(--muted);line-height:1.5}button{cursor:pointer}.composer button,.sidebar-list button{border:0;transition:transform .14s ease,background .14s ease,color .14s ease}.composer button{padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:white;font-weight:600}.composer button:disabled{cursor:default;opacity:.55}.composer button:not(:disabled):hover,.sidebar-list button:hover{transform:translateY(-1px)}.error-text{margin-top:12px;color:#b24040}.sidebar{display:flex;flex-direction:column;gap:14px;min-height:0}.sidebar-panel{border-radius:28px;background:linear-gradient(180deg,rgba(10,74,85,.94),rgba(18,107,115,.94));color:white;padding:20px}.sidebar-panel h2{margin:10px 0;font-size:1.7rem;line-height:1}.sidebar-copy{margin:0 0 18px;color:rgba(255,255,255,.82);line-height:1.55;font-size:.95rem}.sidebar-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:10px;gap:10px}.sidebar-list button{width:100%;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.12);color:white;text-align:left}.status-card{border-radius:22px;background:var(--surface);padding:16px;display:grid;grid-template-columns:auto 1fr;grid-gap:14px;gap:14px;align-items:start}.status-card strong{display:block;margin-bottom:6px}.status-dot{width:12px;height:12px;margin-top:5px;border-radius:999px;background:#1ea672;box-shadow:0 0 0 8px rgba(30,166,114,.12)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:900px){.shell{padding:16px}.workspace{height:auto}.hero,.workspace{grid-template-columns:1fr}.sidebar{order:1}.chat-column{order:2;min-height:70vh}.chat-column,.sidebar-panel,.status-card{border-radius:24px}.bubble{max-width:100%}.composer-row{grid-template-columns:1fr}}