:root{--radius:18px;--pad:18px;--bg:#0b0c0f;--fg:#f5f7ff;--muted:#f5f7ffb8;--card:#ffffff0a;--card2:#ffffff0f;--border:#ffffff1a;--btn:#ffffff14;--btnBorder:#ffffff1f;--focus:#9bd1ff;--dangerBg:#ff5a5a26;--dangerBorder:#ff5a5a40}.theme-light{--bg:#fff;--fg:#0b0c0f;--muted:#0b0c0fb3;--card:#0b0c0f0a;--card2:#0b0c0f0f;--border:#0b0c0f1a;--btn:#0b0c0f0f;--btnBorder:#0b0c0f1f;--dangerBg:#dc1e1e1a;--dangerBorder:#dc1e1e2e}html,body{height:100%}html{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.45}.large-text{font-size:112.5%}.reduce-motion *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){html:not(.reduce-motion) *{scroll-behavior:auto}}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:10px}.wrap{max-width:1180px;margin:0 auto;padding:26px 18px 30px}.top{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px;display:flex}.brand h1{letter-spacing:-.02em;margin:0;font-size:40px}.sub{color:var(--muted);max-width:70ch;margin:8px 0 0}.topRight{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.pill{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:14px}.a11yBar{flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 18px;display:flex}.chip{border:1px solid var(--btnBorder);background:var(--btn);color:var(--fg);cursor:pointer;border-radius:999px;padding:10px 12px;font-size:14px}.chip[aria-pressed=true]{background:var(--card2);border-color:var(--border)}.grid{grid-template-columns:420px 1fr;gap:16px;display:grid}@media (max-width:980px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--border);background:linear-gradient(180deg,var(--card),#0000);border-radius:var(--radius);padding:var(--pad);box-shadow:0 10px 30px #00000040}.hd h2,.bd h2{margin:0 0 10px;font-size:18px}.hd p{color:var(--muted);margin:0 0 14px}.kv{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:grid}.row{justify-content:space-between;gap:10px;display:flex}.row span{color:var(--muted)}.quick{gap:10px;display:grid}.qbtn{text-align:left;border:1px solid var(--btnBorder);background:var(--btn);width:100%;color:var(--fg);cursor:pointer;border-radius:12px;padding:10px 12px}.footerNote{color:var(--muted);margin-top:14px;font-size:14px}.chatWrap{padding:0;overflow:hidden}.alert{border:1px solid var(--dangerBorder);background:var(--dangerBg);border-radius:14px;margin:14px;padding:12px 14px}.messages{height:420px;padding:18px;overflow:auto}.bubble{border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:14px;max-width:78ch;margin-bottom:10px;padding:12px 14px}.bubble.user{background:var(--card2);margin-left:auto}.bubble.bot{background:var(--card)}.meta{color:var(--muted);margin-top:6px;font-size:12px}.composer{border-top:1px solid var(--border);background:linear-gradient(180deg,#0000,var(--card));gap:10px;padding:14px 18px 18px;display:flex}.input{border:1px solid var(--btnBorder);background:var(--btn);color:var(--fg);border-radius:12px;flex:1;padding:12px;font-size:16px}.send,.ghost{border:1px solid var(--btnBorder);background:var(--btn);color:var(--fg);cursor:pointer;border-radius:12px;padding:12px 14px}.send:disabled,.ghost:disabled{opacity:.55;cursor:not-allowed}.foot{color:var(--muted);margin-top:16px;padding:10px 2px;font-size:14px}.srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
