.chat-layout{display:grid;gap:24px}.chat-hero{display:grid;gap:12px;margin-bottom:8px}.chat-hero__eyebrow,.profile-card__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#7dd3fc}.chat-hero h1,.profile-card h1{margin:0;font-size:clamp(32px,6vw,52px);line-height:.95}.chat-hero p,.profile-card p,.composer-card p{margin:0;color:#cbd5e1}.chat-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:24px;align-items:start}.messages-panel,.composer-card,.profile-card{border-radius:24px;padding:24px}.messages-panel{display:grid;gap:16px;min-height:680px}.messages-panel__header{display:flex;justify-content:space-between;gap:16px;align-items:center}.messages-panel__header h2{margin:0;font-size:22px}.messages-panel__error{padding:12px 14px;border-radius:14px;background:#7f1d1d59;border:1px solid rgba(248,113,113,.28);color:#fecaca}.message-feed{min-height:0;max-height:560px;overflow-y:auto;display:grid;gap:12px;padding-right:8px}.message-feed--state{display:grid;place-items:center;border-radius:18px;background:#0f172a66;border:1px dashed rgba(148,163,184,.25);color:#cbd5e1}.message-card{padding:16px 18px;border-radius:18px;background:#0f172ab3;border:1px solid rgba(148,163,184,.14)}.message-card__meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:10px;color:#94a3b8;font-size:14px}.message-card__author{display:flex;align-items:center;gap:10px}.message-card__avatar,.composer-card__avatar{width:14px;height:14px;border-radius:999px;display:inline-block;flex-shrink:0}.message-card p{white-space:pre-wrap;margin:0;color:#f8fafc}.composer-card{display:grid;gap:18px}.composer-card__header,.composer-card__identity{display:flex;gap:16px}.composer-card__header{justify-content:space-between;align-items:start}.composer-form,.profile-form{display:grid;gap:16px}.composer-form__field,.profile-form__field{display:grid;gap:8px}.composer-form__field span,.profile-form__field span{color:#e2e8f0;font-weight:600}.profile-card{max-width:640px;margin:8vh auto 0;display:grid;gap:24px}.profile-card__header{display:grid;gap:12px}.color-grid{display:flex;flex-wrap:wrap;gap:12px}.color-swatch{width:44px;height:44px;border-radius:999px;border:2px solid transparent}.color-swatch--selected{border-color:#f8fafc;box-shadow:0 0 0 4px #f8fafc1f}@media(max-width:900px){.chat-grid{grid-template-columns:1fr}.messages-panel{min-height:auto}.message-feed{max-height:50vh}}@media(max-width:640px){.messages-panel,.composer-card,.profile-card{padding:18px;border-radius:18px}.messages-panel__header,.composer-card__header{flex-direction:column;align-items:stretch}}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f3f4f6;background:radial-gradient(circle at top,rgba(56,189,248,.14),transparent 30%),linear-gradient(180deg,#0f172a,#111827);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;padding:24px}.page-shell__content{max-width:1080px;margin:0 auto}.card{background:#0f172ac7;border:1px solid rgba(148,163,184,.18);box-shadow:0 20px 45px #0f172a59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.input,.textarea{width:100%;border:1px solid rgba(148,163,184,.28);background:#0f172aeb;color:#f8fafc;border-radius:14px;padding:14px 16px;outline:none;transition:border-color .2s ease,transform .2s ease}.input:focus,.textarea:focus{border-color:#38bdf8d9;transform:translateY(-1px)}.textarea{min-height:120px;resize:vertical}.button{border:none;border-radius:14px;padding:14px 18px;font-weight:700;transition:transform .2s ease,opacity .2s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#082f49}.button--secondary{background:#1e293be6;color:#e2e8f0;border:1px solid rgba(148,163,184,.18)}@media(max-width:768px){.page-shell{padding:16px}}