:root{color:#10213a;background:radial-gradient(circle at 0 0,#3d74ff2e,#0000 32%),linear-gradient(#f5f8ff 0%,#eef4ff 100%);font-family:Inter,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,textarea{font:inherit}.app-shell{min-height:100vh;padding:32px}.banner{border-radius:16px;max-width:1200px;margin:0 auto 20px;padding:14px 18px;font-weight:600}.banner-success{color:#0f5f2a;background:#22c55e29}.banner-error{color:#8d1f1f;background:#ef444424}.hero-grid,.layout{gap:24px;max-width:1200px;margin:0 auto;display:grid}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;min-height:calc(100vh - 140px)}.layout{grid-template-columns:320px 1fr;align-items:start}.hero-copy h1,.auth-card h1,.chat-header h1{margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #9ab0db59;border-radius:28px;box-shadow:0 20px 60px #0e234e14}.auth-card,.sidebar,.chat-header,.chat-feed,.composer{padding:24px}.auth-card{gap:18px;display:grid}.eyebrow{color:#3d74ff;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:700}.muted{color:#5f6f8c}.field{gap:8px;font-weight:600;display:grid}.field input,.composer-input{color:#10213a;background:#f5f8ffcc;border:1px solid #cfdaf0;border-radius:18px;width:100%;padding:14px 16px}.primary-button,.ghost-button{cursor:pointer;border:0;border-radius:18px;padding:14px 18px;font-weight:700}.primary-button{color:#fff;background:linear-gradient(135deg,#3d74ff 0%,#2350dd 100%)}.ghost-button{color:#2350dd;background:#3d74ff1a}.primary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.7}.sidebar{gap:18px;display:grid;position:sticky;top:32px}.metrics{gap:12px;display:grid}.metric-card{background:#3d74ff14;border-radius:20px;gap:4px;padding:16px;display:grid}.metric-label{color:#60708b;font-size:.85rem}.chat-shell{gap:20px;display:grid}.chat-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.presence-list{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.presence-pill{color:#2350dd;background:#3d74ff1a;border-radius:999px;padding:8px 12px;font-weight:600}.chat-feed{gap:14px;min-height:420px;display:grid}.message-bubble{background:#eff4ffe6;border-radius:22px;max-width:min(75%,680px);padding:16px 18px}.own-message{background:linear-gradient(135deg,#3d74ff21,#3d74ff14);margin-left:auto}.pending-message{opacity:.7;border:1px dashed #3d74ff66}.message-meta{color:#60708b;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.82rem;display:flex}.message-bubble p{white-space:pre-wrap;margin:0}.chaos-tag{color:#b14d33;text-transform:uppercase;background:#ff6e5629;border-radius:999px;margin-top:10px;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.composer{gap:14px;display:grid}.composer-input{resize:vertical;min-height:110px}@media (width<=960px){.hero-grid,.layout{grid-template-columns:1fr}.sidebar{position:static}.chat-header{flex-direction:column}.message-bubble{max-width:100%}}