:root{color-scheme:dark;--bg:#0f172a;--panel:rgba(15,23,42,.78);--panel-strong:#111827;--line:rgba(148,163,184,.2);--text:#e5eefb;--muted:#94a3b8;--accent:#60a5fa;--accent-strong:#2563eb;--system:rgba(96,165,250,.12)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top,rgba(37,99,235,.25),transparent 32%),linear-gradient(180deg,#020617,#0f172a);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.page-shell{min-height:100vh;max-width:1200px;margin:0 auto;padding:32px 20px 48px}.chat-card,.hero-card,.profile-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(15,23,42,.35)}.hero-card{border-radius:28px;padding:28px;display:flex;justify-content:space-between;gap:24px;align-items:center}.eyebrow,.room-label{margin:0 0 8px;color:var(--accent);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.chat-header h2,.hero-card h1,.profile-card h2,.tips-box h3{margin:0}.composer-footer span,.helper-text,.hero-copy,.message-meta span,.tips-box li{color:var(--muted)}.hero-copy{margin-top:12px;max-width:620px;line-height:1.6}.hero-stats{min-width:220px;display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));grid-gap:12px;gap:12px}.hero-stats div,.tips-box{border-radius:20px;padding:16px;background:rgba(15,23,42,.72);border:1px solid var(--line)}.hero-stats strong{display:block;font-size:1.8rem}.hero-stats span{color:var(--muted);font-size:.92rem}.chat-layout{margin-top:24px;display:grid;grid-template-columns:320px minmax(0,1fr);grid-gap:20px;gap:20px}.chat-card,.profile-card{border-radius:24px;padding:22px}.profile-card{display:flex;flex-direction:column;gap:14px}.profile-card label{font-size:.95rem;color:var(--muted)}.composer textarea,.profile-card input{width:100%;border-radius:16px;border:1px solid var(--line);background:rgba(15,23,42,.9);color:var(--text);padding:14px 16px;outline:none}.composer button,.ghost-button,.profile-card button{border-radius:14px;padding:12px 16px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-weight:700}.ghost-button{background:transparent;border:1px solid var(--line);color:var(--text);font-weight:600}.helper-text{margin:0;line-height:1.5}.tips-box ul{margin:12px 0 0;padding-left:18px}.chat-card{display:flex;flex-direction:column;min-height:70vh}.chat-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.messages{flex:1 1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:20px 4px}.message{max-width:80%;padding:14px 16px;border-radius:18px;background:rgba(30,41,59,.9);border:1px solid rgba(148,163,184,.12)}.message.system{background:var(--system)}.message-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.message-meta strong{font-size:.96rem}.message p{margin:0;line-height:1.55;white-space:pre-wrap;word-break:break-word}.composer{padding-top:18px;border-top:1px solid var(--line)}.composer textarea{resize:none}.composer-footer{margin-top:10px;display:flex;justify-content:space-between;align-items:center}@media (max-width:900px){.chat-header,.chat-layout,.hero-card{grid-template-columns:1fr;display:grid}.hero-card{align-items:start}.hero-stats{min-width:auto}.chat-layout{gap:16px}.chat-card{min-height:60vh}.message{max-width:100%}}