:root{--bg:#071324;--card:#0d2038;--gold:#f5c451;--text:#eef5ff;--muted:#9fb3cc;--danger:#e15b64;--line:#1e3b5e}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,#153a63,#071324 55%,#030914);color:var(--text);min-height:100vh;display:grid;place-items:center}.app{width:min(950px,94vw)}.card{background:rgba(13,32,56,.92);border:1px solid rgba(245,196,81,.25);box-shadow:0 20px 60px rgba(0,0,0,.4);border-radius:24px;padding:28px}.intro{text-align:center;max-width:520px;margin:auto}.logo{max-width:110px;margin-bottom:10px}h1{font-size:42px;margin:5px 0;color:var(--gold)}p{color:var(--muted);line-height:1.5}input{width:100%;border:1px solid var(--line);background:#09182b;color:var(--text);padding:15px 16px;border-radius:14px;outline:none;font-size:16px}input:focus{border-color:var(--gold)}button{border:0;background:linear-gradient(135deg,#f5c451,#d79b22);color:#1d1300;font-weight:800;padding:14px 18px;border-radius:14px;cursor:pointer;font-size:15px}button:hover{filter:brightness(1.06)}.intro button{width:100%;margin:14px 0}.ghost{background:#102844;color:var(--text);border:1px solid var(--line)}.danger{background:var(--danger);color:#fff}.hidden{display:none}.chat{height:min(760px,92vh);display:flex;flex-direction:column;gap:14px}.chat.hidden{display:none}.chatHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.chatHeader span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.actions{display:flex;gap:10px;flex-wrap:wrap}.messages{flex:1;overflow:auto;background:#07182b;border:1px solid var(--line);border-radius:18px;padding:16px}.msg{max-width:78%;margin:8px 0;padding:11px 13px;border-radius:16px;background:#143659}.msg.me{margin-left:auto;background:#73581b}.msg small{display:block;color:#c9d7e8;font-size:11px;margin-bottom:4px}.system{text-align:center;color:var(--muted);font-size:14px;margin:12px}.send{display:flex;gap:10px}.send input{flex:1}@media(max-width:640px){.card{padding:18px;border-radius:18px}h1{font-size:32px}.send{flex-direction:column}.actions button{flex:1}.chatHeader{align-items:flex-start}.chat{height:92vh}}