:root{--background-primary:#313338;--background-secondary:#2b2d31;--background-secondary-alt:#232428;--background-tertiary:#1e1f22;--background-accent:#404249;--background-floating:#18191c;--background-modifier-hover:rgba(79,84,92,.16);--background-modifier-active:rgba(79,84,92,.24);--background-modifier-selected:rgba(79,84,92,.32);--text-normal:#dbdee1;--text-muted:#b5bac1;--text-faint:#87898c;--text-link:#00aff4;--text-header:#f2f3f5;--text-positive:#23a55a;--text-warning:#f0b232;--text-danger:#f23f42;--brand-experiment:#5865f2;--brand-experiment-hover:#4752c4;--brand-experiment-active:#3c45a5;--interactive-normal:#b5bac1;--interactive-hover:#dbdee1;--interactive-active:#fff;--interactive-muted:#4e5058;--status-danger:#f23f42;--status-danger-hover:#d83639;--status-positive:#248046;--status-positive-hover:#1a6334;--status-warning:#f0b232;--status-online:#23a55a;--status-idle:#f0b232;--status-dnd:#f23f42;--status-offline:#80848e;--border-subtle:#26282c;--border-strong:#3f4147;--elevation-low:0 1px 0 rgba(4,4,5,.2),0 1.5px 0 rgba(6,6,7,.05),0 2px 0 rgba(4,4,5,.05);--elevation-medium:0 4px 4px rgba(0,0,0,.16);--elevation-high:0 8px 16px rgba(0,0,0,.24);--scrollbar-thin-thumb:#1a1b1e;--scrollbar-thin-track:transparent;--scrollbar-auto-thumb:#1a1b1e;--scrollbar-auto-track:#2e3035;--spacing-xs:4px;--spacing-s:8px;--spacing-m:16px;--spacing-l:24px;--spacing-xl:32px;--radius-s:4px;--radius-m:8px;--radius-l:16px;--transition-fast:70ms;--transition-normal:150ms;--transition-slow:300ms}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow:hidden}body{background-color:var(--background-primary);color:var(--text-normal);font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-corner{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-auto-thumb);min-height:40px;border-radius:8px;border:4px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#202225;border:4px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background-color:var(--scrollbar-auto-track);border:4px solid transparent;background-clip:padding-box;border-radius:8px;margin-bottom:8px}button{font-family:inherit;font-size:14px;font-weight:500;line-height:16px;padding:10px 16px;border:none;border-radius:var(--radius-s);cursor:pointer;transition:background-color var(--transition-normal),color var(--transition-normal);outline:none}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--brand-experiment);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--brand-experiment-hover)}.btn-primary:active:not(:disabled){background-color:var(--brand-experiment-active)}.btn-secondary{background-color:var(--background-accent);color:var(--text-normal)}.btn-secondary:hover:not(:disabled){background-color:var(--background-modifier-hover)}.btn-danger{background-color:var(--status-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--status-danger-hover)}.btn-link{background:transparent;color:var(--text-link);padding:2px 4px}.btn-link:hover:not(:disabled){text-decoration:underline}input,textarea{font-family:inherit;font-size:16px;padding:10px;background-color:var(--background-tertiary);border:1px solid var(--background-tertiary);border-radius:var(--radius-s);color:var(--text-normal);outline:none;transition:border-color var(--transition-normal)}input:focus,textarea:focus{border-color:var(--brand-experiment)}input::placeholder,textarea::placeholder{color:var(--text-muted)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-normal)}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--text-header);font-weight:600}h1{font-size:24px;line-height:30px}h2{font-size:20px;line-height:24px}h3{font-size:16px;line-height:20px}.text-muted{color:var(--text-muted)}.text-danger{color:var(--text-danger)}.text-positive{color:var(--text-positive)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.slide-in-up{animation:slideInUp var(--transition-slow) ease-out}.slide-in-right{animation:slideInRight var(--transition-slow) ease-out}