:root{--bg:#0b0f14;--bg2:#0a0d12;--card:#ffffff0a;--card2:#ffffff0f;--border:#ffffff14;--text:#ffffffeb;--muted:#ffffffad;--muted2:#ffffff85;--accent:#36e4ff;--accent2:#c77dff;--radius:18px;--radius2:26px;--shadow:0 18px 70px #00000080;--shadow2:0 10px 28px #00000059;--grid:#ffffff0a;--glow:.45;--max:1180px;--topbar:64px;--srv-wide:240px;--srv-icons:78px;--ch-wide:280px;--right-w:320px;--gap:12px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a12;--bg2:#060812;--grid:#6eb4ff0f}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f8fb;--bg2:#eef2f8;--text:#0a0f14eb;--muted:#0a0f14b3;--muted2:#0a0f148f;--border:#0a0f141f}[data-accent=cyan]{--accent:#36e4ff;--accent2:#c77dff}[data-accent=violet]{--accent:#c77dff;--accent2:#36e4ff}[data-accent=lime]{--accent:#4ce0a8;--accent2:#36e4ff}html,body{height:100%}body{background:radial-gradient(1200px 600px at 15% 10%,rgba(54,228,255,calc(var(--glow)*.1)),transparent 60%),radial-gradient(900px 700px at 85% 25%,rgba(199,125,255,calc(var(--glow)*.08)),transparent 60%),radial-gradient(900px 700px at 40% 90%,rgba(76,224,168,calc(var(--glow)*.06)),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:var(--max);margin:0 auto;padding:0 18px}.page{padding:22px 0 60px}.mt10{margin-top:10px}.mt18{margin-top:18px}.topbar{z-index:50;height:var(--topbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:linear-gradient(#00000059,#0000000d);position:sticky;top:0}.topbar .row{height:var(--topbar);justify-content:space-between;align-items:center;gap:14px;display:flex}.brand{align-items:center;gap:10px;font-weight:700;display:flex}.logoDot{background:radial-gradient(circle at 30% 30%,var(--accent),transparent 65%),radial-gradient(circle at 70% 70%,var(--accent2),transparent 70%),#ffffff14;width:14px;height:14px;box-shadow:0 0 18px rgba(54,228,255,calc(var(--glow)*.35));border:1px solid #ffffff1a;border-radius:99px}.brand .word{flex-direction:column;line-height:1.05;display:flex}.brand .sub{color:var(--muted2);font-size:12px;font-weight:600}.nav{flex-wrap:wrap;gap:10px;display:flex}.navLink{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:8px 10px;font-size:13px}.navLink.active{color:var(--text);border-color:var(--border);background:#ffffff0a}.actions{align-items:center;gap:10px;display:flex}.pill{border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.dotMini{background:var(--accent);border-radius:99px;width:8px;height:8px}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff09;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:inline-flex}.btn:hover{background:#ffffff0e}.btn.primary{border-color:color-mix(in srgb,var(--accent)calc(55%*var(--glow)),transparent);background:color-mix(in srgb,var(--accent)calc(10%*var(--glow)),transparent);box-shadow:0 18px 50px color-mix(in srgb,var(--accent)calc(22%*var(--glow)),transparent)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{border-color:var(--border);color:var(--text);background:#ffffff0a}.grid2{grid-template-columns:1.1fr .9fr;align-items:start;gap:18px;display:grid}@media (max-width:980px){.grid2{grid-template-columns:1fr}.nav{display:none}}.card{border:1px solid var(--border);border-radius:var(--radius2);box-shadow:var(--shadow2);background:linear-gradient(#ffffff0f,#ffffff08);overflow:hidden}.card .hd{justify-content:space-between;gap:12px;padding:16px 16px 0;display:flex}.card .bd{padding:16px}.title{margin:0;font-size:22px}.subtitle{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.45}.field{flex-direction:column;gap:8px;margin:10px 0;display:flex}.label{color:var(--muted2);font-size:12px}.input,select{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff08;border-radius:14px;padding:12px}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:540px){.row2{grid-template-columns:1fr}}.actionsRow{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.tabs{gap:10px;display:flex}.tab{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffff05;border-radius:999px;padding:10px 12px}.tab.active{color:var(--text);border-color:color-mix(in srgb,var(--accent)calc(45%*var(--glow)),transparent);background:#ffffff0d}.sliderRow{align-items:center;gap:10px;display:flex}.sliderRow input{width:100%}input[type=range]{width:100%;accent-color:var(--accent)}input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb,var(--accent)calc(30%*var(--glow)),#ffffff14);border:1px solid color-mix(in srgb,var(--accent)calc(24%*var(--glow)),#ffffff1a);border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:16px;height:16px;box-shadow:0 10px 24px color-mix(in srgb,var(--accent)calc(35%*var(--glow)),transparent);border:1px solid #fff3;border-radius:999px;margin-top:-6px}input[type=range]::-moz-range-track{background:color-mix(in srgb,var(--accent)calc(30%*var(--glow)),#ffffff14);border:1px solid color-mix(in srgb,var(--accent)calc(24%*var(--glow)),#ffffff1a);border-radius:999px;height:6px}input[type=range]::-moz-range-thumb{background:var(--accent);width:16px;height:16px;box-shadow:0 10px 24px color-mix(in srgb,var(--accent)calc(35%*var(--glow)),transparent);border:1px solid #fff3;border-radius:999px}.hint{color:var(--muted2);font-size:12px;line-height:1.4}.muted{color:var(--muted2);font-size:12px}.footer{opacity:.9;justify-content:space-between;gap:10px;padding:12px 2px;display:flex}.hero{padding-top:4px}.heroRow{grid-template-columns:1.1fr .9fr;align-items:center;gap:18px;display:grid}@media (max-width:980px){.heroRow{grid-template-columns:1fr}}.heroLeft h1{letter-spacing:-.02em;margin:0;font-size:34px}.heroLeft p{color:var(--muted);max-width:64ch;margin:12px 0 0}.cta,.mini{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.heroMark{justify-content:flex-end;display:flex}.markCard{border-radius:var(--radius2);border:1px solid var(--border);width:360px;max-width:100%;box-shadow:var(--shadow);background:#ffffff08;overflow:hidden}.markTop{border-bottom:1px solid var(--border);background:#0000001f;gap:8px;padding:10px;display:flex}.markDot{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:99px;width:10px;height:10px}.markBody{padding:14px;position:relative}.markLine{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;height:10px;margin-bottom:10px}.markLine.short{width:72%}.markGlow{background:radial-gradient(circle at 40% 40%,rgba(54,228,255,calc(var(--glow)*.18)),transparent 65%),radial-gradient(circle at 60% 60%,rgba(199,125,255,calc(var(--glow)*.14)),transparent 70%);filter:blur(6px);border-radius:999px;width:240px;height:240px;position:absolute;inset:auto -60px -60px auto}.chatPage{padding-left:0;padding-right:0}.shell{gap:var(--gap);grid-template-columns:var(--srv-wide)1fr var(--right-w);min-height:640px;display:grid}.shell.state-server,.shell.state-channel{grid-template-columns:var(--srv-icons)var(--ch-wide)1fr var(--right-w)}.shell.state-server.channels-hidden,.shell.state-channel.channels-hidden{grid-template-columns:var(--srv-wide)1fr var(--right-w)}.panel{border-radius:var(--radius2);border:1px solid var(--border);box-shadow:var(--shadow2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff0f,#ffffff08);min-height:640px;overflow:hidden}.phd{border-bottom:1px solid var(--border);background:#0000001a;justify-content:space-between;padding:12px;display:flex}.pbd{padding:12px}.list{flex-direction:column;gap:8px;display:flex}.item{background:#ffffff05;border-radius:14px;padding:10px}.meta{color:var(--muted2);margin-top:4px;font-size:12px}.serversWideList{flex-direction:column;gap:10px;padding:12px;display:flex}.serversIconsList{flex-direction:column;align-items:center;gap:10px;padding:12px;display:none}.shell.state-server .serversIconsList,.shell.state-channel .serversIconsList{display:flex}.shell.state-server .serversWideList,.shell.state-channel .serversWideList,.shell.state-server.channels-hidden .serversIconsList,.shell.state-channel.channels-hidden .serversIconsList{display:none}.shell.state-server.channels-hidden .serversWideList,.shell.state-channel.channels-hidden .serversWideList{display:flex}.srvRow{cursor:pointer;border:1px solid #0000;border-radius:14px;gap:10px;padding:10px;display:flex}.srvRow.active{background:color-mix(in srgb,var(--accent)calc(12%*var(--glow)),transparent);border-color:color-mix(in srgb,var(--accent)calc(38%*var(--glow)),transparent)}.srvAvatar{border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.srvText{flex-direction:column;gap:2px;min-width:0;display:flex}.srvText b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.srvText span{color:var(--muted2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.srvBtn{border:1px solid var(--border);cursor:pointer;background:#ffffff05;border-radius:18px;width:52px;height:52px;position:relative}.srvBtn.active{border-color:color-mix(in srgb,var(--accent)calc(55%*var(--glow)),transparent);background:color-mix(in srgb,var(--accent)calc(14%*var(--glow)),transparent)}.srvBadge{font-weight:800}.srvTip{opacity:0;pointer-events:none;position:absolute;top:50%;left:64px;transform:translateY(-50%)}.srvBtn:hover .srvTip{opacity:1}.channelsHead{border-bottom:1px solid var(--border);background:#0000001a;align-items:center;gap:10px;padding:12px;display:flex}.channelsToggle{border-radius:12px;width:34px;height:34px;padding:0}.channelsIcon{border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.channelsName{flex-direction:column;min-width:0;display:flex}.channelsName b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.channelsName span{color:var(--muted2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.channelsList{flex-direction:column;gap:8px;padding:12px;display:flex}.chItem{cursor:pointer;border:1px solid #0000;border-radius:14px;gap:10px;padding:10px;display:flex}.chItem.active{background:color-mix(in srgb,var(--accent)calc(12%*var(--glow)),transparent);border-color:color-mix(in srgb,var(--accent)calc(38%*var(--glow)),transparent)}.chIcon{border:1px solid var(--border);width:26px;height:26px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;display:flex}.chLabel{color:var(--text)}.chatHeader{border-bottom:1px solid var(--border);background:#0000001a;justify-content:space-between;gap:10px;padding:12px;display:flex}.chatTitle{margin:0;font-size:14px}.chatSub{color:var(--muted);margin:6px 0 0;font-size:12px}.chatMetaRow{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chatPlaceholder{height:100%;color:var(--muted2);text-align:center;justify-content:center;align-items:center;padding:18px;display:flex}.chatPlaceholder .box{background:#ffffff05;border:1px dashed #ffffff1f;border-radius:18px;max-width:56ch;padding:16px}.chatArea{flex-direction:column;gap:10px;height:420px;padding:12px;display:flex;overflow:auto}.msg{border:1px solid var(--border);background:#ffffff08;border-radius:16px;max-width:72%;padding:10px 12px}.msg.me{border-color:color-mix(in srgb,var(--accent)calc(55%*var(--glow)),transparent);background:color-mix(in srgb,var(--accent)calc(10%*var(--glow)),transparent);margin-left:auto}.msg .who{color:var(--muted2);align-items:center;gap:8px;margin-bottom:4px;font-size:11px;display:flex}.dot{background:#38d67a;border-radius:99px;width:6px;height:6px}.msg .text{font-size:13px;line-height:1.45}.msg .time{color:var(--muted2);font-size:11px}.composer{border-top:1px solid var(--border);background:#00000014;gap:10px;padding:12px;display:flex}.composer input{border:1px solid var(--border);color:var(--text);background:#ffffff08;border-radius:14px;flex:1;padding:12px}.rightCol{width:var(--right-w)}@media (max-width:1160px){.shell{grid-template-columns:var(--srv-wide)1fr}.rightCol{display:none}}@media (max-width:860px){.shell{grid-template-columns:1fr}.serversBar,.channelsBar,.rightCol{display:none}}