:root{color-scheme:dark;--bg:#0b1220;--panel:#111c2e;--line:#26354c;--muted:#92a2b9;--white:#f4f7fb;--blue:#6c8cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -15%,#1c3154 0,transparent 48%),var(--bg);color:var(--white);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.shell{max-width:1080px;margin:auto;padding:26px 28px 18px}.top{height:58px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;color:var(--white);text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.5px}.logo{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#7794ff,#5268df);display:grid;place-items:center;font-size:12px;font-weight:850;box-shadow:0 7px 25px #536ee944}.status{font-size:12px;color:#b5c3d7;border:1px solid var(--line);border-radius:30px;padding:7px 12px}.status i,.eyebrow span,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#51d6a2;margin-right:7px}.hero{max-width:650px;margin:72px auto 80px;text-align:center}.eyebrow{font-size:10px;letter-spacing:2px;color:#9eb0cb;font-weight:750}.hero h1{font-size:clamp(42px,7vw,68px);line-height:1.05;letter-spacing:-3px;margin:19px 0 15px}.hero h1 em{font-style:normal;color:#8ea5ff}.intro{color:var(--muted);max-width:470px;margin:0 auto 30px;font-size:16px}.join-card{max-width:440px;margin:auto;text-align:left;padding:24px;background:linear-gradient(145deg,#15233a,#101a2b);border:1px solid #2a3a55;border-radius:18px;box-shadow:0 25px 80px #0004}.join-card label{display:block;font-size:12px;color:#c5d0df;margin-bottom:16px;font-weight:650}.join-card input,.composer input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #31425c;border-radius:10px;background:#0c1627;color:white;font:inherit;outline:none}.join-card input:focus,.composer input:focus{border-color:#8298ff}.join-card button,.composer button{width:100%;border:0;border-radius:10px;padding:13px;background:linear-gradient(110deg,#718bff,#596fe6);color:white;font-weight:750;font-size:14px;cursor:pointer}.join-card button b{float:right;font-size:18px;line-height:16px}.join-card small{display:block;color:#8192aa;font-size:10px;margin-top:12px;text-align:center}.features{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:25px;color:#a9b7cb;font-size:11px}.chat{margin:55px auto 40px;border:1px solid var(--line);border-radius:18px;background:#101a2a;overflow:hidden;box-shadow:0 25px 80px #0004}.hidden{display:none!important}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line)}.chat-head h2{margin:4px 0 0;font-size:23px}.chat-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.head-actions{display:flex;gap:8px}.ghost{border:1px solid #35455d;background:#17243a;color:#dce5f3;border-radius:9px;padding:9px 12px;cursor:pointer}.chat-body{display:grid;grid-template-columns:220px 1fr;min-height:470px}aside{padding:20px;border-right:1px solid var(--line);position:relative}.side-title{font-size:10px;letter-spacing:1.3px;color:#9aabc2;font-weight:800}.side-title span{float:right;color:#d9e3f1}#members{list-style:none;padding:0;margin:17px 0}#members li{padding:8px 0;color:#dce5f3;font-size:13px;overflow-wrap:anywhere}.avatar{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#263b60;color:#c6d4ff;font-size:11px;margin-right:8px}.side-note{position:absolute;bottom:18px;color:#8192aa;font-size:11px}.conversation{display:flex;flex-direction:column;min-width:0}.messages{flex:1;min-height:350px;max-height:520px;overflow:auto;padding:22px 25px}.empty{text-align:center;color:#8292a9;margin-top:130px;font-size:13px}.empty b{display:inline-block;color:#cbd7e9;margin-top:5px}.msg{margin-bottom:16px;max-width:90%}.msg-top{font-size:11px;color:#a9b8cc;margin-bottom:4px}.msg-top time{color:#687b96;margin-left:8px}.bubble{display:inline-block;background:#1b2a41;border:1px solid #2c3e59;padding:9px 12px;border-radius:4px 13px 13px 13px;color:#edf2fa;overflow-wrap:anywhere;white-space:pre-wrap}.msg.mine .bubble{background:#263b70;border-color:#3c5794}.msg.mine{margin-left:auto;text-align:right}.msg.mine .bubble{border-radius:13px 4px 13px 13px;text-align:left}.composer{display:flex;gap:10px;padding:14px 18px 8px;border-top:1px solid var(--line)}.composer input{margin:0}.composer button{width:44px;flex:0 0 44px;font-size:20px;padding:5px}.hint{text-align:center;color:#71829a;font-size:10px;padding:0 10px 13px}footer{text-align:center;color:#63748d;font-size:11px;padding:12px}footer span{padding:0 7px}@media(max-width:650px){.shell{padding:16px}.hero{margin:58px auto}.hero h1{letter-spacing:-2px}.features{gap:10px}.chat{margin:28px auto}.chat-body{grid-template-columns:1fr}.chat-body aside{border-right:0;border-bottom:1px solid var(--line);padding:13px 18px}.side-note{display:none}#members{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 0}#members li{padding:0}.messages{min-height:310px;padding:18px}.chat-head{padding:17px}.head-actions{gap:5px}.ghost{padding:8px;font-size:11px}}