:root{--bg-primary: #313338;--bg-secondary: #2b2d31;--bg-tertiary: #1e1f22;--bg-modifier-hover: rgba(79, 84, 92, .16);--bg-modifier-active: rgba(79, 84, 92, .24);--bg-modifier-selected: rgba(79, 84, 92, .32);--bg-modifier-accent: rgba(79, 84, 92, .48);--text-normal: #dbdee1;--text-muted: #949ba4;--text-link: #00a8fc;--header-primary: #f2f3f5;--header-secondary: #b5bac1;--interactive-normal: #b5bac1;--interactive-hover: #dcddde;--interactive-active: #fff;--interactive-muted: #4e5058;--brand-500: #5865f2;--brand-560: #4752c4;--brand-600: #3c45a5;--green-360: #23a559;--yellow-300: #faa81a;--red-400: #f23f43;--channel-icon: #80848e;--scrollbar-thin-thumb: #1a1b1e;--scrollbar-thin-track: #2b2d31;--input-background: #383a40;--background-floating: #111214;--status-online: #23a559;--status-idle: #f0b232;--status-dnd: #f23f43;--status-offline: #80848e}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;color:var(--text-normal);background-color:var(--bg-tertiary)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;color:var(--text-normal);background:var(--input-background);border:none;border-radius:8px;padding:10px 12px;font-size:1rem;outline:none}input:focus,textarea:focus{outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-thin-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thin-thumb);border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:3px;font-size:14px;font-weight:500;transition:background-color .17s ease,color .17s ease}.btn-primary{background:var(--brand-500);color:#fff}.btn-primary:hover{background:var(--brand-560)}.btn-danger{background:var(--red-400);color:#fff}.btn-danger:hover{background:#d83c3e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}::selection{background:#5865f24d;color:var(--text-normal)}button{transition:background-color .17s ease,color .17s ease,opacity .17s ease}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}nav,aside,header,.server-bar{user-select:none;-webkit-user-select:none}[title]{position:relative}.tooltip{position:absolute;background:var(--background-floating);color:var(--text-normal);padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500;pointer-events:none;z-index:10000;box-shadow:0 8px 16px #0000003d;white-space:nowrap;animation:tooltipFade .1s ease-out}@keyframes tooltipFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:backdropFade .15s ease-out}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-primary);border-radius:4px;box-shadow:0 0 0 1px #0000000d,0 8px 16px #0000004d;max-width:440px;width:100%;animation:modalSlide .15s ease-out}@keyframes modalSlide{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.scroller-thin::-webkit-scrollbar{width:6px}.scroller-thin::-webkit-scrollbar-thumb{background:var(--scrollbar-thin-thumb);border-radius:3px}.scroller-thin::-webkit-scrollbar-track{background:transparent}