:root{color-scheme:dark;--bg:#1e1f22;--panel:#292b2f;--muted:#949ba4;--text:#e3e5e8;--green:#3bc98b;--rail:#17181b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}button:hover{color:white}button[aria-pressed=true]{color:#ff777f}input,textarea,select{color:var(--text);background:#1e1f22;border:1px solid #41444c;border-radius:7px;padding:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green)}[hidden]{display:none!important}.app{display:flex;height:100dvh;min-height:420px;overflow:hidden}.server-rail{flex:0 0 72px;background:var(--rail);padding:12px 0;display:flex;align-items:center;flex-direction:column;gap:9px;overflow:auto}.server-icon{height:48px;width:48px;border-radius:16px;background:#2e3036;font-size:20px;display:grid;place-items:center;position:relative;transition:.2s;margin-bottom:8px}.server-icon.active,.server-icon:hover{background:#278960;border-radius:15px}.server-icon.active:before{content:'';position:absolute;left:-12px;width:4px;height:32px;background:white;border-radius:0 4px 4px 0}.brand{background:#354947;font-size:26px;margin:0}.rail-divider{width:32px;border-top:2px solid #303136}.add-server,.discover{color:var(--green);font-size:30px}.sidebar{width:240px;flex-shrink:0;background:var(--panel);display:flex;flex-direction:column}.server-heading{height:58px;box-shadow:0 1px 3px #1115;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:800;font-family:Manrope,sans-serif}.channel-scroll{overflow:auto;flex:1;padding:20px 10px}.community-card{background:linear-gradient(120deg,#34443f,#2f343a);border:1px solid #414b48;border-radius:9px;margin:0 2px 24px;padding:16px 13px;display:flex;flex-direction:column;gap:8px}.community-icon{font-size:24px}.community-card strong{font-size:13px}.community-card small{color:#a6b4ad;font-size:11px;line-height:1.6}.channel-group{margin-bottom:22px}.group-heading{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:10px;letter-spacing:1px;color:var(--muted);padding:0 7px 8px}.group-heading button{font-size:19px;padding:0 3px}.channel{width:100%;border-radius:5px;text-align:left;padding:9px 9px;display:flex;align-items:center;gap:9px;color:#a0a4ae;font-weight:500;font-size:13px}.channel:hover{background:#33363c}.channel.active{background:#3b3e44;color:#fff}.channel .symbol{font-size:19px;color:#858c98;flex:0 0 17px}.channel-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-count{margin-left:auto;font-size:11px}.channel-users{padding:3px 0 4px 30px}.channel-user{display:flex;gap:8px;align-items:center;padding:5px;font-size:12px;color:#afb3bb}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#488a72;font-weight:700;flex-shrink:0;position:relative;border:2px solid transparent}.avatar.small{width:25px;height:25px;font-size:10px}.avatar.speaking{border-color:#52df9e;box-shadow:0 0 0 3px #3bc98b25}.user-panel{padding:10px 7px;background:#222428;display:flex;align-items:center;gap:2px;min-height:60px}.profile-button{display:flex;align-items:center;gap:7px;text-align:left;flex:1;min-width:0;padding:0}.profile-button strong{font-size:12px;display:block;max-width:85px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-button small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.user-panel>button:not(.profile-button){padding:5px;font-size:15px}.voice-panel{border-bottom:1px solid #393b40;background:#222428;padding:12px;display:flex;align-items:center;justify-content:space-between}.voice-panel strong{font-size:12px;color:var(--green);display:block}.voice-panel small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.voice-panel button{font-size:22px}main{flex:1;min-width:0;display:flex;flex-direction:column}.channel-header{height:58px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 23px;box-shadow:0 1px 0 #101114;z-index:1}.header-symbol{font-size:24px;color:#808791}.channel-header strong{font-family:Manrope,sans-serif;font-size:14px}.header-divider{height:22px;width:1px;background:#36383e;margin:0 4px}.channel-description{color:#9298a3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;gap:13px;margin-left:auto;color:#a4a9b3;font-size:22px}.content-wrap{display:flex;flex:1;min-height:0}.channel-content{flex:1;min-width:0;position:relative}.voice-view{height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:45px 24px;isolation:isolate;text-align:center}.voice-glow{z-index:-1;position:absolute;top:8%;left:10%;width:80%;height:80%;background:radial-gradient(ellipse,#34544524,transparent 65%);pointer-events:none}.mascot{width:116px;height:116px;border:1px solid #436258;border-radius:50%;background:radial-gradient(circle at 40% 35%,#456457,#263c33);display:grid;place-items:center;font-size:65px;box-shadow:0 0 0 12px #3f5a4720,0 15px 50px #0002;position:relative;margin-bottom:35px}.mascot span{position:absolute;bottom:15px;font-size:29px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#859e92;font-weight:700}h1{font:800 clamp(28px,3vw,40px) Manrope,sans-serif;letter-spacing:-1.5px;margin:12px 0 8px;overflow-wrap:anywhere}.voice-view>p{color:#8f969f;font-size:13px;margin:0 0 24px}.participant-stack{display:flex;justify-content:center;margin:1px 0 12px}.participant-stack .avatar{margin-left:-7px;border:3px solid var(--bg);width:35px;height:35px}.voice-view .voice-hint{font-size:12px;margin:0 0 24px}.primary{background:var(--green);color:#10281d;border-radius:7px;padding:12px 22px;font-weight:700;transition:background .2s}.primary:hover{background:#5bdba3;color:#10281d}.join-button{min-width:204px;display:flex;gap:25px;justify-content:center;align-items:center}.join-button span{font-size:20px}.voice-footnote{color:#656b75;font-size:11px;margin-top:25px}.voice-members{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;max-width:540px}.voice-person{background:#262a2e;border:1px solid #373d3d;border-radius:10px;min-width:105px;padding:14px;display:flex;align-items:center;flex-direction:column;gap:9px;font-size:12px}.voice-person .avatar{height:46px;width:46px}.voice-person small{color:#969ea8;font-size:10px}.members-pane{width:220px;background:#25272b;padding:24px 15px;overflow:auto;flex-shrink:0}.members-pane h2{font-size:10px;letter-spacing:1px;color:#9a9fa8;margin:0 0 15px}.member{display:flex;gap:10px;align-items:center;padding:9px 0}.member.offline{opacity:.45}.member-name{font-size:12px;overflow-wrap:anywhere}.member small{display:block;color:#8e959e;font-size:10px;margin-top:4px}.online-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border:2px solid #25272b;border-radius:50%;background:var(--green)}.text-view{height:100%;display:flex;flex-direction:column;padding-bottom:13px}.messages{flex:1;overflow:auto;padding:20px 24px;scroll-behavior:smooth}.text-intro{padding:45px 0 30px}.text-intro h2{font-size:28px;margin:10px 0}.text-intro p{color:#9b9fa8;line-height:1.7}.message{display:flex;gap:13px;padding:12px 0;position:relative}.message-body{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:9px}.message-meta strong{font-size:13px}.message-meta time{font-size:10px;color:#858c97}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:14px;margin-top:4px;color:#d0d3d9}.message-actions{display:flex;gap:3px;opacity:0;margin-top:5px}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}.message-actions button{background:#303238;padding:4px 7px;border-radius:4px;font-size:11px;color:#b9bec7}.reactions{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.reaction{background:#2e3439;border:1px solid #3d464d;border-radius:5px;padding:3px 8px;font-size:12px}.reaction.selected{background:#244a38;border-color:var(--green)}.typing{min-height:23px;padding:0 24px;color:#a7adb6;font-size:11px}.composer{display:flex;align-items:center;gap:12px;background:#303339;margin:0 20px;border-radius:8px;padding:6px 12px}.composer>span{font-size:22px;color:#969da7}.composer textarea{resize:none;max-height:130px;border:none;background:none;flex:1;min-width:0;padding:10px 0;line-height:1.5}.composer button{color:var(--green);font-size:20px}.composer-tip{color:#727985;font-size:10px;margin:8px 24px 0}dialog{background:#292c31;border:1px solid #42474d;border-radius:15px;width:min(450px,calc(100% - 32px));padding:30px;color:var(--text);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#080a0cbb;backdrop-filter:blur(5px)}.modal-close{position:absolute;top:10px;right:12px;font-size:25px;color:#9fa6b0}.modal-mark{font-size:32px}dialog h2{font:800 24px Manrope,sans-serif;margin:15px 0 8px}dialog p{color:#9ba3ae;line-height:1.6;font-size:13px}dialog label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin:20px 0 8px}dialog input,dialog select{width:100%}dialog .primary{width:100%;margin-top:18px}.modal-error{color:#ff959b!important;min-height:0}.server-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#33373c;padding:13px;border-radius:8px;margin:8px 0}.server-option small{display:block;color:#9ca5ae;font-size:11px;margin-top:4px}.settings-note{font-size:12px;color:#9fa7b0;margin-top:13px;line-height:1.7}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#343a3e;color:white;border:1px solid #536058;padding:13px 20px;border-radius:9px;box-shadow:0 10px 30px #0005;z-index:30;max-width:90vw;font-size:13px}.mobile-only{display:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#45494f;border-radius:8px}@media(min-width:1500px){.members-pane{width:250px}}@media(max-width:1100px){.members-pane{width:180px}.channel-description{display:none}}@media(max-width:800px){.members-pane{position:absolute;right:0;top:58px;bottom:0;z-index:4;width:220px;box-shadow:-15px 0 30px #0004}.server-rail{flex-basis:64px}.sidebar{width:220px}.channel-header{padding:0 15px}.header-divider{display:none}}@media(max-width:650px){.server-rail,.sidebar{position:fixed;top:0;bottom:0;z-index:12;transform:translateX(-310px);transition:transform .2s}.server-rail{width:64px;left:0}.sidebar{left:64px;width:240px}.drawer-open .server-rail,.drawer-open .sidebar{transform:translateX(0)}.drawer-backdrop{position:fixed;inset:0;background:#0008;z-index:11}.mobile-only{display:block;font-size:20px}.channel-header{gap:10px}.channel-header strong{font-size:12px}.header-actions{gap:6px}.voice-view{padding:35px 18px}.mascot{width:95px;height:95px;font-size:52px;margin-bottom:30px}.voice-view h1{font-size:28px}.members-pane{width:210px}.messages{padding:12px 16px}.message-actions{opacity:1}.composer{margin:0 12px}.voice-person{min-width:85px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}