:root{font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#090a0e;--bg-rail:#0d0e13;--bg-sidebar:#111218;--bg-panel:#16171e;--bg-raised:#1c1e27;--bg-hover:#252734;--bg-input:#0f1016;--text:#f4f3f8;--text-soft:#b6b3c2;--text-muted:#928e9c;--line:#272934;--brand:#7c3aed;--brand-strong:#6d28d9;--brand-soft:#8b5cf629;--green:#34d399;--yellow:#fbbf24;--red:#fb7185;--blue:#60a5fa;--shadow:0 18px 60px #0000004d;--radius:12px;--rail-width:72px;--sidebar-width:250px;--members-width:232px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-deep:#e9e8ef;--bg-rail:#f4f3f8;--bg-sidebar:#f8f7fb;--bg-panel:#fff;--bg-raised:#f3f1f7;--bg-hover:#ebe8f1;--bg-input:#f4f2f7;--text:#1b1822;--text-soft:#575160;--text-muted:#6f6878;--line:#e1dde7;--brand-soft:#7c3aed1a;--shadow:0 18px 60px #291e3c1f}*{box-sizing:border-box}html,body{background:var(--bg-deep);width:100%;height:100%;color:var(--text);margin:0;overflow:hidden}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-width:320px;line-height:1.45}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}a{color:#a78bfa;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}::selection{background:#8b5cf661}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#454650 padding-box padding-box;border:2px solid #0000;border-radius:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.primary-button,.secondary-button,.danger-button,.ghost-button,.icon-button{border-radius:10px;min-height:40px;transition:background .14s,color .14s,transform .14s}.primary-button{background:var(--brand);color:#fff;padding:0 18px;font-weight:700}.primary-button:hover:not(:disabled){background:var(--brand-strong);transform:translateY(-1px)}.secondary-button{background:var(--bg-raised);color:var(--text);padding:0 16px;font-weight:650}.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--bg-hover)}.danger-button{color:var(--red);background:#f43f5e29;padding:0 16px;font-weight:700}.ghost-button,.icon-button{color:var(--text-soft);background:0 0}.ghost-button{padding:0 12px}.icon-button{place-items:center;width:40px;min-width:40px;display:inline-grid}.field{gap:7px;display:grid}.field label,.field-label{color:var(--text-soft);font-size:.82rem;font-weight:700}.field input,.field textarea,.field select,.text-input{border:1px solid var(--line);background:var(--bg-input);width:100%;min-height:44px;color:var(--text);border-radius:10px;padding:10px 12px}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.text-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.muted{color:var(--text-muted)}.error-banner,.notice-banner,.offline-banner{border-radius:10px;padding:10px 12px;font-size:.88rem}.error-banner{color:var(--red);background:#f43f5e1f;border:1px solid #f43f5e40}.notice-banner{background:var(--brand-soft);color:#c4b5fd;border:1px solid #8b5cf640}.offline-banner{z-index:90;color:#fde68a;box-shadow:var(--shadow);background:#422006;position:fixed;inset-block-start:10px;inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .offline-banner{transform:translate(50%)}.avatar{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.status-dot{border:3px solid var(--bg-panel);background:var(--text-muted);border-radius:50%;width:12px;height:12px;position:absolute;inset-block-end:-1px;inset-inline-end:-1px}.status-dot.online{background:var(--green)}.status-dot.idle{background:var(--yellow)}.status-dot.dnd{background:var(--red)}.app-shell{grid-template-columns:var(--rail-width) var(--sidebar-width) minmax(0, 1fr) var(--members-width);background:var(--bg-panel);width:100vw;height:100dvh;display:grid}.panel-header{border-block-end:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#16171eeb;align-items:center;gap:10px;min-height:58px;padding:0 16px;display:flex}[data-theme=light] .panel-header{background:#ffffffe6}.panel-header h1,.panel-header h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:.98rem;overflow:hidden}.header-spacer{flex:1}.empty-state{min-height:240px;color:var(--text-muted);text-align:center;place-content:center;justify-items:center;padding:28px;display:grid}.empty-state .empty-icon{background:var(--brand-soft);color:#a78bfa;border-radius:20px;place-items:center;width:64px;height:64px;margin-block-end:12px;font-size:1.7rem;display:grid}.skeleton{background:var(--bg-raised);border-radius:8px;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:100%;height:100%;animation:1.4s infinite shimmer;display:block}@keyframes shimmer{to{transform:translate(100%)}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030307b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:var(--bg-panel);width:min(480px,100%);max-height:min(720px,100dvh - 40px);box-shadow:var(--shadow);border-radius:18px;overflow:auto}.modal-title{border-block-end:1px solid var(--line);align-items:center;padding:18px 20px;display:flex}.modal-title h2{flex:1;margin:0;font-size:1.1rem}.modal-body{padding:20px}.modal-actions{justify-content:flex-end;gap:10px;padding:0 20px 20px;display:flex}.toast-stack{z-index:140;gap:8px;width:min(380px,100vw - 32px);display:grid;position:fixed;inset-block-end:16px;inset-inline-end:16px}.toast{border:1px solid var(--line);background:var(--bg-raised);box-shadow:var(--shadow);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.toast.error{border-color:#f43f5e59}.mobile-only{display:none!important}.low-power *,.low-power :before,.low-power :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.page-hidden *,.page-hidden :before,.page-hidden :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=1100px){.app-shell{grid-template-columns:var(--rail-width) var(--sidebar-width) minmax(0, 1fr)}.members-panel{display:none!important}}@media (width<=720px){:root{--rail-width:0px;--sidebar-width:0px}.app-shell{padding-block-end:58px;display:block}.server-rail,.channel-sidebar{display:none!important}.server-rail.mobile-open,.channel-sidebar.mobile-open{z-index:80;width:min(88vw,310px);box-shadow:var(--shadow);position:fixed;inset-block:0 58px;inset-inline-start:0;display:flex!important}.mobile-only{display:inline-grid!important}.desktop-only{display:none!important}.mobile-nav{z-index:85;height:calc(58px + env(safe-area-inset-bottom));border-block-start:1px solid var(--line);background:var(--bg-sidebar);grid-template-columns:repeat(5,1fr);padding-block-end:env(safe-area-inset-bottom);display:grid;position:fixed;inset-block-end:0;inset-inline:0}.mobile-nav button{color:var(--text-muted);background:0 0;place-content:center;gap:1px;font-size:.68rem;display:grid}.mobile-nav button span:first-child{font-size:1.18rem}.mobile-nav button.active{color:#a78bfa}}