:root{--bg:#050816;--panel:#0f172a;--panel-soft:#111c34;--panel-strong:#172554;--text:#e2e8f0;--muted:#94a3b8;--line:#94a3b833;--accent:#22d3ee;--accent-2:#818cf8;--ok:#34d399;--user:#2563eb}*{box-sizing:border-box}html,body,#__next{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 20% 0%,#22d3ee38,transparent 28%), radial-gradient(circle at 80% 10%,#818cf82e,transparent 30%), linear-gradient(180deg,#020617 0%,var(--bg) 100%);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a{color:inherit;text-decoration:none}code{color:var(--accent);font-weight:700}.layout{max-width:1100px;margin:0 auto;padding:32px 20px 56px}.appShell{grid-template-columns:320px 1fr;gap:18px;max-width:1320px;min-height:100vh;margin:0 auto;padding:18px;display:grid}.sidebar,.chatWorkspace{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ac2;box-shadow:0 24px 70px #02061780}.sidebar{border-radius:26px;flex-direction:column;gap:18px;height:calc(100vh - 36px);padding:20px;display:flex;position:sticky;top:18px}.chatWorkspace{border-radius:28px;padding:22px;overflow:hidden}.brandBlock{align-items:center;gap:12px;display:flex}.brandMark{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#020617;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.brandBlock h1,.heroBar h2,.aboutCard h1{margin:0;font-size:clamp(1.45rem,3vw,2.35rem)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:.75rem;font-weight:800}.sidePanel,.card{border:1px solid var(--line);background:linear-gradient(#0f172af0,#111c34f0);border-radius:18px;padding:16px}.panelLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:.78rem;font-weight:800}.promptButton{text-align:left;width:100%;color:var(--text);background:#0206175c;border:1px solid #94a3b829;border-radius:13px;margin-top:8px;padding:11px;transition:all .2s}.promptButton:hover,.replyChips button:hover{border-color:var(--accent);transform:translateY(-1px)}.statusPanel{color:var(--muted);gap:5px;display:grid}.statusPanel strong{color:var(--ok)}.btnPrimary,.btnSecondary{border-radius:12px;justify-content:center;align-items:center;padding:11px 14px;font-weight:800;display:inline-flex}.btnPrimary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#020617}.btnSecondary{color:var(--text);border:1px solid #94a3b859}.heroBar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding:6px 4px 0;display:flex}.muted{color:var(--muted);line-height:1.65}.modelBadge{white-space:nowrap;color:var(--ok);background:#34d3991f;border:1px solid #34d39959;border-radius:999px;padding:8px 12px;font-weight:800}.featureGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.featureCard h3,.apiNote h3{margin:0 0 8px}.featureCard p,.apiNote p{color:var(--muted);margin:0;line-height:1.65}.chatPanel{border:1px solid var(--line);background:#0206175c;border-radius:22px;overflow:hidden}.messages{flex-direction:column;gap:12px;min-height:360px;max-height:52vh;padding:18px;display:flex;overflow:auto}.message{grid-template-columns:42px 1fr;align-items:start;gap:10px;display:grid}.message span{width:38px;height:38px;color:var(--muted);background:#94a3b824;border-radius:12px;place-items:center;font-size:.78rem;font-weight:900;display:grid}.message p{white-space:pre-line;background:#0f172ac7;border:1px solid #94a3b824;border-radius:16px;margin:0;padding:13px 14px;line-height:1.65}.message.user p{background:linear-gradient(135deg,#2563ebe0,#4f46e5e0);border-color:#93c5fd47}.message.user span{color:#bfdbfe;background:#2563eb38}.replyChips{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:12px 18px;display:flex}.replyChips button{border:1px solid var(--line);color:var(--text);background:#0f172acc;border-radius:999px;padding:8px 11px;transition:all .2s}.composer{border-top:1px solid var(--line);background:#0f172a99;grid-template-columns:1fr auto;gap:10px;padding:14px;display:grid}.composer input{width:100%;color:var(--text);background:#0206178f;border:1px solid #94a3b83d;border-radius:14px;outline:none;padding:13px 14px}.composer input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee1f}.composer button{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#020617;border:0;border-radius:14px;padding:0 18px;font-weight:900}.apiNote{margin-top:16px}.aboutCard{max-width:820px;margin:7vh auto 0;line-height:1.7}.aboutCard h2{margin-top:24px}.aboutCard ul{color:var(--muted);padding-left:20px}.aboutCard li{margin:8px 0}@media (max-width:980px){.appShell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.featureGrid{grid-template-columns:1fr}}@media (max-width:620px){.appShell{padding:10px}.sidebar,.chatWorkspace{border-radius:20px;padding:15px}.heroBar{flex-direction:column}.message,.composer{grid-template-columns:1fr}.composer button{padding:12px}}