@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-deep: #060d1a;--bg-navy: #0c1630;--panel: #0f1d3acc;--panel-strong: #13264bcc;--text: #ecf4ff;--muted: #96a8cb;--line: #ffffff1f;--accent-cyan: #27e4ff;--accent-lime: #5effae;--accent-sun: #ff986f;--bubble-me: #1b4858;--bubble-other: #1a2f52;--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;color:var(--text);font-family:Manrope,sans-serif;background:radial-gradient(65rem 65rem at 0% 0%,#173565 0%,transparent 42%),radial-gradient(52rem 52rem at 100% 100%,#2f1a47 0%,transparent 38%),linear-gradient(160deg,#070f1c,#0a1630 60%,#09122a)}h1,h2,h3{font-family:Space Grotesk,sans-serif}input,button{font:inherit}.glass{border:1px solid var(--line);background:linear-gradient(140deg,#102245cc,#0d1a35cc);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 40px #00000040}.auth-root{min-height:100dvh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.auth-panel{width:min(96vw,440px);border-radius:var(--radius-xl);padding:30px;position:relative;z-index:2}.brand-logo{width:64px;height:64px}.auth-panel h1{margin:12px 0 2px;font-size:2rem}.auth-panel p{color:var(--muted);margin:0}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.mode-switch button,.cta-btn,.new-room button,.room-item,.composer button,.pending-user button{border:0;border-radius:var(--radius-md);cursor:pointer}.mode-switch button{background:#1a2b4d;color:var(--text);padding:10px 12px}.mode-switch .active,.cta-btn,.composer button,.pending-user button{background:linear-gradient(100deg,var(--accent-cyan),var(--accent-sun));color:#062033;font-weight:800}.auth-panel form{display:grid;gap:12px}.auth-panel label{display:grid;gap:7px;color:var(--muted);font-weight:600}input{width:100%;border:1px solid #ffffff24;background:#0a152a;color:var(--text);border-radius:var(--radius-md);padding:11px 12px}input::placeholder{color:#879cc4}.error-pill{background:#ff405066;color:#fff;padding:10px 14px;border-radius:999px;margin-top:12px;position:relative;z-index:2}.glow{position:absolute;border-radius:999px;filter:blur(52px)}.glow.one{width:340px;height:340px;background:#27e4ff26;top:-90px;right:-60px}.glow.two{width:360px;height:360px;background:#ff986f24;bottom:-120px;left:-90px}.chat-root{min-height:100dvh;display:grid;grid-template-columns:340px 1fr;gap:16px;padding:16px}.sidebar,.thread{border-radius:var(--radius-xl);padding:16px}.sidebar{display:grid;grid-template-rows:auto auto minmax(120px,1fr) auto;gap:14px;min-height:calc(100dvh - 32px)}.sidebar-head{display:flex;gap:12px;align-items:center}.mini-logo{width:44px;height:44px;border-radius:12px;box-shadow:0 10px 30px #0004}.identity h2{margin:0;font-size:2rem;line-height:1}.identity small{color:var(--accent-lime);font-weight:700}.new-room{display:grid;gap:9px}.new-room button{background:linear-gradient(100deg,#2a3f72,#2f4f87);color:#eaf3ff;font-weight:700;padding:12px}.room-list{overflow:auto;display:grid;gap:10px;align-content:start;padding-right:2px}.room-item{text-align:left;background:#0d2040;color:#ebf4ff;border:1px solid #ffffff16;display:flex;justify-content:space-between;align-items:center;padding:14px;transition:.2s ease}.room-item:hover{border-color:#27e4ff44;transform:translateY(-1px)}.room-item .room-name{font-weight:700;position:relative;padding-left:34px}.room-item .room-name:before,.room-item .room-name:after{content:"";position:absolute;border-radius:999px;top:50%;transform:translateY(-50%)}.room-item .room-name:before{left:0;width:18px;height:18px;background:linear-gradient(140deg,#4af2ff,#2c9cff);box-shadow:0 0 0 2px #0d2040}.room-item .room-name:after{left:11px;width:16px;height:16px;background:linear-gradient(140deg,#ffb787,#ff8262);box-shadow:0 0 0 2px #0d2040}.room-item small{color:var(--muted)}.room-item.active{border-color:#27e4ff;background:linear-gradient(110deg,#112d56,#0f2548);box-shadow:inset 0 0 0 1px #27e4ff33}.admin-box{border-top:1px solid var(--line);padding-top:12px}.admin-box h3{margin:0 0 8px}.pending-user{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}.pending-user span{color:#dce8ff}.pending-user button{padding:8px 10px}.thread{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:calc(100dvh - 32px)}.thread-head{padding-bottom:12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.thread-head h2{margin:0;font-size:2rem}.thread-head small{color:var(--muted);font-size:1.25rem}.avatar-stack{display:flex;align-items:center}.avatar-stack span{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;font-size:.8rem;font-weight:800;border:2px solid #09152d;margin-left:-8px}.avatar-stack span:nth-child(1){background:linear-gradient(135deg,#39f2ff,#2a8cff);color:#062134}.avatar-stack span:nth-child(2){background:linear-gradient(135deg,#63ffb4,#1acd86);color:#073022}.avatar-stack span:nth-child(3){background:linear-gradient(135deg,#ffc796,#ff8462);color:#3d180f}.messages{min-height:0;overflow:auto;padding:14px 6px 14px 0;display:flex;flex-direction:column;gap:8px}.empty-chat{margin:auto;text-align:center;color:var(--muted)}.empty-chat h3{margin:0;color:#d7e6ff}.empty-chat p{margin:6px 0 0}.msg{max-width:min(76%,680px);background:var(--bubble-other);border:1px solid #ffffff18;padding:10px 12px;border-radius:16px 16px 16px 6px;align-self:flex-start}.msg.mine{align-self:flex-end;background:var(--bubble-me);border-radius:16px 16px 6px}.msg p{margin:0;line-height:1.4}.msg-sender{font-size:.68rem;letter-spacing:.02em;text-transform:uppercase;color:#9dd5ff;margin-bottom:3px;display:block}.msg time{margin-top:4px;display:block;font-size:.74rem;color:#9fb7db}.typing-indicator{align-self:flex-start;color:#8dd4ff;background:#102743b3;border:1px solid #ffffff1f;border-radius:999px;padding:8px 12px;font-size:.82rem}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding-top:12px;border-top:1px solid var(--line);position:relative}.composer input{padding:12px}.emoji-toggle{min-width:50px;padding:0;font-size:1.3rem;display:grid;place-items:center;background:#1a2f52;color:#d9e9ff}.emoji-picker{position:absolute;left:0;bottom:calc(100% + 8px);width:min(92vw,320px);background:#0a1c38f2;border:1px solid #ffffff24;border-radius:14px;padding:10px;box-shadow:0 12px 32px #0006;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;z-index:10}.emoji-picker button{min-width:auto;padding:8px 0;border:0;border-radius:10px;background:#13305a;color:#f1f7ff;font-size:1.2rem;cursor:pointer}.emoji-picker button:hover{background:#1d467f}.composer button{min-width:96px;padding:0 16px}@media (max-width: 1080px){.chat-root{grid-template-columns:300px 1fr}}@media (max-width: 900px){.chat-root{grid-template-columns:1fr;padding:10px;gap:10px}.thread,.sidebar{min-height:auto;border-radius:18px}.sidebar{order:1;grid-template-rows:auto auto 250px auto}.thread{order:2;min-height:68dvh}.thread-head h2,.identity h2{font-size:1.5rem}.thread-head small{font-size:1rem}.msg{max-width:92%}.emoji-picker{left:0;right:0;width:100%;grid-template-columns:repeat(6,1fr)}}