:root{--bg:#080a14;--panel:#121629;--panel2:#171d34;--line:#283252;--text:#f7f7fb;--muted:#aeb7cf;--purple:#7c5cff;--pink:#ff5ebc;--green:#3ddc97;--danger:#ff5c72}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:#c7bcff;text-decoration:none}button,input,textarea{font:inherit}.landing{overflow:hidden;background:radial-gradient(circle at 20% 10%,#281d58 0,transparent 34%),radial-gradient(circle at 80% 20%,#482044 0,transparent 30%),#080a14}.stars:before,.stars:after{content:"✦  ·  ✧  ·  ✦  ·  ✧  ·  ✦  ·  ✧";position:fixed;color:#ffffff50;font-size:28px;letter-spacing:30px;transform:rotate(-12deg);top:14%;left:-8%;width:120%;animation:drift 14s ease-in-out infinite alternate}.stars:after{top:65%;left:-4%;font-size:18px;animation-duration:18s}@keyframes drift{to{transform:translateX(30px) rotate(-8deg)}}.hero{position:relative;z-index:2;max-width:900px;margin:0 auto;min-height:100vh;padding:70px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.moon{font-size:74px;filter:drop-shadow(0 12px 30px #7c5cff88)}.brand{font-size:36px;font-weight:900;letter-spacing:-1.5px;background:linear-gradient(90deg,#fff,#b9aaff,#ff8ccb);-webkit-background-clip:text;color:transparent}.hero h1{font-size:clamp(38px,7vw,76px);line-height:1.02;max-width:900px;margin:18px 0}.hero p{color:var(--muted);font-size:20px;max-width:720px;line-height:1.6}.hero-actions{display:flex;gap:14px;margin:25px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:12px 18px;border:1px solid transparent;font-weight:800;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;box-shadow:0 12px 30px #7c5cff38}.btn-ghost{background:#ffffff0d;border-color:#ffffff22;color:#fff}.btn-big{font-size:18px;padding:16px 24px}.mini-features{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.mini-features span{background:#ffffff0b;border:1px solid #ffffff18;border-radius:999px;padding:8px 12px;color:#dce1f0}.tiny{font-size:13px!important;color:#78819b!important}.auth-page{min-height:100vh;display:grid;place-items:center;padding:30px 16px;background:radial-gradient(circle at top,#261f50,#080a14 55%)}.auth-card{width:min(720px,100%);background:#101426e8;border:1px solid #2a3152;border-radius:24px;padding:30px;box-shadow:0 30px 100px #0009}.auth-card.small{max-width:500px}.auth-card h1{font-size:34px;margin-bottom:6px}.auth-card>p{color:var(--muted)}.back{display:inline-block;margin-bottom:10px}.form{display:grid;gap:14px}.form label{display:grid;gap:6px;color:#dfe4f4;font-weight:700}.form input,.searchbar input{width:100%;border:1px solid #364064;background:#0b0e1b;color:#fff;border-radius:12px;padding:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.alert{padding:12px 14px;border-radius:12px;margin:12px}.error{background:#471a27;border:1px solid #863047}.success{background:#143d31;border:1px solid #277658}.center{text-align:center}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#0d1121;border-bottom:1px solid #252c47;position:sticky;top:0;z-index:20}.smallbrand{font-size:22px;font-weight:900;color:#fff}.top-actions{display:flex;gap:12px}.top-link{color:#d9dded;font-weight:700}.chat-layout{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 68px)}.members{background:#0e1222;border-right:1px solid #252c47;padding:18px;overflow:auto}.me{display:flex;gap:11px;align-items:center;padding:12px;background:#171d33;border-radius:16px}.me img,.user-head img{width:48px;height:48px;border-radius:50%;object-fit:cover}.me span{display:block;color:var(--green);font-size:12px;margin-top:3px}.members h3{margin:24px 4px 10px}.online-list{display:grid;gap:8px}.online-user{display:flex;align-items:center;gap:9px;padding:7px}.online-user img,.mini-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.mini-avatar{display:grid;place-items:center;background:#252d4a}.online-user i{margin-left:auto;width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green)}.loading{color:var(--muted);font-size:14px}.retention-note{margin-top:25px;padding:12px;background:#ffffff08;border-radius:12px;color:#9ba5bf;font-size:12px;line-height:1.6}.chat-main{display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle at 60% 0,#181837,#090b15 40%)}.chat-title{display:flex;justify-content:space-between;padding:18px 24px 10px}.chat-title h1{font-size:22px;margin:0 0 4px}.chat-title p{color:var(--muted);margin:0}.messages{flex:1;overflow:auto;padding:12px 24px 22px;scroll-behavior:smooth}.message{display:flex;gap:10px;margin:13px 0;align-items:flex-start}.avatar{width:40px;height:40px;object-fit:cover;border-radius:50%;flex:0 0 40px}.avatar.ph{display:grid;place-items:center;background:#222a48}.bubble{max-width:min(720px,82%);background:#171c31;border:1px solid #28304e;border-radius:4px 18px 18px 18px;padding:10px 13px;box-shadow:0 6px 20px #0002}.msg-head{display:flex;align-items:center;gap:8px}.msg-head b{color:#e9e5ff}.msg-head time{font-size:11px;color:#7f8aa6}.role{font-size:10px;background:#473a90;color:#fff;border-radius:999px;padding:2px 6px}.msg-text{margin-top:5px;line-height:1.45;overflow-wrap:anywhere}.chat-image{display:block;max-width:min(420px,100%);max-height:420px;border-radius:14px;margin-top:8px;object-fit:cover}.composer{padding:10px 18px 16px;border-top:1px solid #252c47;background:#0d1120}.composer-row{display:flex;gap:8px;align-items:flex-end}.composer textarea{flex:1;resize:none;max-height:130px;min-height:48px;border:1px solid #313b60;background:#151a2d;color:#fff;border-radius:16px;padding:13px 14px;outline:none}.tool-btn,.icon-btn{border:1px solid #303959;background:#171d31;color:#fff;border-radius:13px;width:48px;height:48px;cursor:pointer;font-size:21px;display:inline-grid;place-items:center}.send-btn{height:48px;border:0;border-radius:14px;padding:0 20px;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-weight:900;cursor:pointer}.send-btn:disabled,.composer textarea:disabled{opacity:.5}.emoji-panel{display:flex;flex-wrap:wrap;gap:4px;background:#171d31;border:1px solid #303958;padding:9px;border-radius:14px;margin-bottom:8px;max-height:150px;overflow:auto}.emoji-panel button{border:0;background:transparent;font-size:24px;cursor:pointer;padding:4px}.hidden{display:none!important}.image-preview{display:flex;gap:10px;align-items:center;margin-bottom:8px;background:#181e33;padding:8px;border-radius:12px}.image-preview img{width:52px;height:52px;object-fit:cover;border-radius:9px}.image-preview button{margin-left:auto;background:#2d3555;color:#fff;border:0;border-radius:8px}.inner-page{background:#0a0c16}.content{max-width:1100px;margin:0 auto;padding:34px 20px}.content.wide{max-width:1400px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:22px}.gallery figure{margin:0;background:#13182a;border:1px solid #252e4d;border-radius:16px;overflow:hidden}.gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.gallery figcaption{padding:10px;color:#aeb6cc;font-size:12px}.empty{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stat{background:#151a2d;border:1px solid #2b3454;border-radius:16px;padding:20px}.stat b{font-size:30px}.stat span{display:block;color:var(--muted)}.admin-links{display:flex;gap:12px;flex-wrap:wrap}.searchbar{display:flex;gap:8px;margin:18px 0}.user-cards{display:grid;gap:14px}.user-card{background:#12172a;border:1px solid #293252;border-radius:18px;padding:16px}.user-head{display:flex;gap:12px}.user-head h3,.user-head p{margin:2px 0}.user-head p{color:var(--muted);font-size:13px}.badge{display:inline-block;font-size:10px;border-radius:999px;background:#403682;padding:3px 7px}.user-meta{display:flex;gap:14px;flex-wrap:wrap;color:#9ea7c0;font-size:12px;margin:12px 0}.admin-actions{display:flex;gap:7px;flex-wrap:wrap}.admin-actions form{display:inline-flex;gap:5px}.admin-actions input[type=number]{width:74px;background:#0c1020;color:#fff;border:1px solid #30395b;border-radius:9px;padding:7px}.mini-btn{border:1px solid #374160;background:#1a2036;color:#fff;border-radius:9px;padding:8px 10px;cursor:pointer}.mini-btn.danger{background:#4a1b27;border-color:#7c2b40}.moderation-list{display:grid;gap:8px}.mod-row{display:flex;justify-content:space-between;gap:12px;padding:12px;background:#12172a;border:1px solid #293252;border-radius:12px}.mod-row p{margin:5px 0}.mod-row img{max-width:180px;max-height:150px;border-radius:10px}.mod-row.deleted{opacity:.5}.mobile-only{display:none}@media(max-width:820px){.chat-layout{grid-template-columns:1fr}.members{display:none;position:fixed;z-index:30;top:68px;bottom:0;left:0;width:min(320px,90vw);box-shadow:20px 0 60px #000a}.members.show{display:block}.mobile-only{display:inline-grid}.top-link{font-size:13px}.chat-title{padding:14px 14px 8px}.messages{padding:8px 12px 18px}.composer{padding:8px}.bubble{max-width:88%}.stats{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero-actions{flex-direction:column;width:100%}.btn-big{width:100%}.form-grid{grid-template-columns:1fr}.auth-card{padding:22px 16px}.topbar{padding:0 12px}.top-actions{gap:8px}.top-link{font-size:12px}.smallbrand{font-size:18px}.send-btn{padding:0 13px}.tool-btn{width:44px;flex:0 0 44px}.message{gap:7px}.avatar{width:34px;height:34px;flex-basis:34px}.stats{grid-template-columns:1fr}.searchbar{flex-direction:column}}