*{box-sizing:border-box} :root{color-scheme:dark;--bg:#0b1020;--panel:#131c30;--panel2:#19243b;--line:#283650;--text:#f4f6ff;--muted:#a2aec5;--accent:#8b9cff;--green:#70e1bc}body{margin:0;background:radial-gradient(ellipse at 50% -15%,#25335c 0,transparent 50%),var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--green);text-decoration:none}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1100px)/2));border-bottom:1px solid #ffffff12;background:#0b1020cc;gap:16px}.brand{font-weight:850;font-size:22px;letter-spacing:-.7px;color:white}nav{display:flex;gap:18px;align-items:center;color:var(--muted)}main{max-width:1100px;margin:auto;padding:0 24px}.hero{padding:90px 0 68px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--green)}h1{font-size:clamp(40px,7vw,72px);line-height:1.02;letter-spacing:-3px;margin:14px 0}.hero h1 span{color:var(--accent)}.hero>p:not(.eyebrow){color:var(--muted);font-size:18px;margin-bottom:28px}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#a0aaff,#7be5c5);border:0;border-radius:12px;padding:12px 18px;color:#11182a;font-weight:800;cursor:pointer}.rooms{padding:20px 0 72px}.sectionhead{display:flex;align-items:center;justify-content:space-between}.sectionhead h2{font-size:26px}.sectionhead span,.room small{color:var(--muted)}.roomgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.room{display:flex;align-items:flex-start;gap:14px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:20px;color:var(--text);transition:transform .15s,border-color .15s}.room:hover{transform:translateY(-2px);border-color:#7387d8}.roomicon{display:grid;place-items:center;min-width:44px;height:44px;border-radius:13px;background:#303c67;color:#c3cbff;font-size:26px}.room h3{margin:0 0 4px}.room p{color:var(--muted);margin:0 0 10px;font-size:14px}.room>b{margin-left:auto;color:var(--green)}footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:13px}.authwrap{max-width:480px;padding-top:9vh}.auth{margin-top:28px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px}.auth h1{font-size:34px;letter-spacing:-1px}.auth>p{color:var(--muted)}label{display:block;margin:18px 0;color:#dce3f6;font-size:14px}input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#0b1222;color:var(--text);border-radius:10px;padding:13px 14px;font:inherit;outline:none}input:focus{border-color:var(--accent)}.auth button{width:100%;margin-top:8px}.error{padding:12px;border-radius:10px;background:#54252d;color:#ffdce0}.chatmain{max-width:900px;padding-top:30px;padding-bottom:50px}.chatbox{margin-top:18px;border:1px solid var(--line);background:var(--panel);border-radius:20px;overflow:hidden}.chathead{padding:20px 24px;border-bottom:1px solid var(--line)}.chathead h1{font-size:32px;letter-spacing:-1px;margin:4px 0}.chathead p{color:var(--muted);margin:0}.messages{padding:20px 24px;height:min(52vh,520px);min-height:300px;overflow:auto}.message{padding:12px 14px;margin-bottom:10px;border-radius:12px;background:#1a253b}.message div{display:flex;gap:12px;align-items:center}.message time{font-size:12px;color:var(--muted)}.message p{margin:6px 0 0;overflow-wrap:anywhere}.empty{text-align:center;color:var(--muted);padding:70px 0}.composer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--line)}.composer input{margin:0}.composer button{white-space:nowrap}.notice{font-size:12px;color:var(--muted);padding:0 20px 16px;margin:0}@media(max-width:700px){header{height:64px;padding:0 16px}.brand{font-size:19px}main{padding-left:16px;padding-right:16px}.hero{padding:65px 0 42px}.roomgrid{grid-template-columns:1fr}.auth{padding:22px}.messages{padding:14px;height:55vh}.composer{padding:12px}.room{padding:16px}}