:root{--color-bg:#171615;--color-bg2:#1f1e1b;--color-bg3:#11100f;--color-card:#25231f;--color-hover:#302d28;--color-border:#3c372f;--color-text:#f3efe8;--color-text-muted:#a79e91;--color-text-link:#46d0b6;--color-brand:#46d0b6;--color-brand-hover:#2bb99f;--color-green:#3ba55c;--color-red:#ed4245;--color-yellow:#faa81a;--color-input-bg:#151412;--color-input-border:#3b362f;--radius:6px;--radius-lg:8px;--radius-xl:8px;--shadow:0 10px 28px rgba(0,0,0,.24);--shadow-hover:0 16px 40px rgba(0,0,0,.32);--brand-gradient:var(--color-brand);--brand-gradient-from:var(--color-brand);--brand-gradient-to:var(--color-brand);--ease:cubic-bezier(.25,.1,.25,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.2,.85,.2,1.15);--ease-smooth:cubic-bezier(.16,1,.3,1);--transition-fast:.18s var(--ease-smooth);--transition-smooth:.46s var(--ease-smooth);--transition-slower:.72s var(--ease-smooth);--focus-ring:0 0 0 4px color-mix(in srgb,var(--color-brand) 24%,transparent)}*{box-sizing:border-box;margin:0;padding:0}*::selection{background:var(--color-brand);color:#fff}html{background:var(--color-bg3);scroll-behavior:smooth}body{font-family:gg sans,Noto Sans KR,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh;transition:background .8s var(--ease-smooth),color .55s var(--ease-smooth);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;isolation:isolate}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 28%),linear-gradient(215deg,rgba(109,125,255,.12),transparent 42%),linear-gradient(0deg,var(--color-bg3),var(--color-bg));background-attachment:fixed;opacity:.95;transition:opacity .8s var(--ease-smooth),background .8s var(--ease-smooth)}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--color-bg2);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:16px 0;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto}.sidebar-header{padding:0 16px 16px;border-bottom:1px solid var(--color-border);margin-bottom:8px}.bot-info{display:flex;align-items:center;gap:10px}.bot-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.bot-name{font-weight:700;font-size:14px;color:var(--color-text)}.sidebar-nav{flex:1;padding:0 8px}.sidebar-nav a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius);color:var(--color-text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s var(--ease-smooth);margin-bottom:2px}.sidebar-nav a:hover,.sidebar-nav a.active{background:var(--color-hover);color:var(--color-text)}.sidebar-nav a:active{transform:scale(.97)}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--color-border);margin-top:auto}.user-info{display:flex;align-items:center;gap:8px;margin-bottom:10px}.user-avatar{width:32px;height:32px;border-radius:50%}.user-name{font-size:13px;font-weight:600;color:var(--color-text)}.main{margin-left:240px;padding:32px 40px;width:calc(100% - 240px);max-width:100%;display:flex;flex-direction:column;align-items:center}.main>*{width:100%;max-width:1000px}.main>.settings-layout{max-width:1100px;width:100%}.settings-layout{display:flex;gap:20px}.settings-nav{width:200px;flex-shrink:0;position:sticky;top:16px;display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;border:none;background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s var(--ease-smooth);text-align:left;width:100%}.settings-nav-item:hover{background:var(--color-hover);color:var(--color-text);transform:translate(3px)}.settings-nav-item:active{transform:scale(.96);transition-duration:.08s}.settings-nav-item.active{background:var(--color-brand);color:#fff;box-shadow:0 2px 12px #5865f266}.settings-nav-dot{width:8px;height:8px;border-radius:50%;margin-left:auto;flex-shrink:0}.dot-on{background:#3ba55c;box-shadow:0 0 6px #3ba55c80}.dot-off{background:var(--color-hover)}.settings-nav-divider{height:1px;background:var(--color-border);margin:8px 0}.settings-nav-label{font-size:10px;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:4px 12px}.settings-content{flex:1;min-width:0}.settings-page-title{font-size:22px;font-weight:800;margin-bottom:16px}.settings-section-label{font-size:13px;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:20px 0 10px}.module-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.overview-stat{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:16px;text-align:center;transition:all .2s var(--ease-smooth)}.overview-stat:hover{transform:translateY(-3px);border-color:#5865f233;box-shadow:0 6px 20px #0000001a}.overview-stat-value{display:block;font-size:28px;font-weight:800;color:var(--color-brand)}.overview-stat-label{display:block;font-size:11px;color:var(--color-text-muted);font-weight:600;margin-top:2px;text-transform:uppercase}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.module-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;padding:20px 16px;text-align:center;cursor:pointer;transition:all .3s var(--ease-smooth);position:relative}.module-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #00000026;border-color:var(--color-brand)}.module-card:active{transform:translateY(0) scale(.97);transition-duration:.1s}.module-on{border-color:#3ba55c4d}.module-off{opacity:.7}.module-off:hover{opacity:1}.module-icon{font-size:28px;margin-bottom:8px}.module-label{font-size:13px;font-weight:700;margin-bottom:10px}.module-status{width:40px;height:22px;border-radius:11px;background:var(--color-hover);position:relative;cursor:pointer;margin:0 auto 4px;transition:all .25s var(--ease-spring)}.module-status-on{background:#3ba55c;box-shadow:0 0 12px #3ba55c66}.module-status-lg{width:48px;height:26px;border-radius:13px}.module-status-knob{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .35s var(--ease-spring);box-shadow:0 1px 4px #00000040}.module-status-on .module-status-knob{transform:translate(18px)}.module-status-lg .module-status-knob{width:20px;height:20px;top:3px;left:3px}.module-status-lg.module-status-on .module-status-knob{transform:translate(22px)}.module-status-text{font-size:10px;color:var(--color-text-muted);font-weight:600}.settings-nav-toggle{display:none;width:100%;padding:10px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:14px;font-weight:600;cursor:pointer;margin-bottom:8px;text-align:left}@media(max-width:900px){.settings-layout{flex-direction:column}.settings-nav-toggle{display:block}.settings-nav{width:100%;position:static;flex-direction:column;gap:2px;display:none;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:8px;margin-bottom:12px}.settings-nav.settings-nav-open{display:flex}.module-grid,.overview-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.module-grid{grid-template-columns:1fr}}.cmd-search-bar{margin-bottom:16px}.cmd-search-bar input{font-size:16px;padding:14px 18px;border-radius:12px}.cmd-categories{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.cmd-cat-btn{padding:6px 14px;border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.cmd-cat-btn:hover{background:var(--color-hover)}.cmd-cat-btn.active{border-color:var(--color-brand);color:var(--color-brand);background:#5865f21a}.cmd-category{margin-bottom:24px}.cmd-category-title{font-size:16px;font-weight:800;margin-bottom:10px;padding-left:4px}.cmd-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.cmd-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:14px;transition:all .4s var(--ease-smooth)}.cmd-card:hover{border-color:var(--color-brand);transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.cmd-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cmd-card-name{font-size:15px;font-weight:700;color:var(--color-brand);background:#5865f21a;padding:2px 8px;border-radius:6px}.cmd-card-perm{font-size:10px;font-weight:700;color:var(--color-yellow);background:#faa81a1f;padding:2px 8px;border-radius:999px}.cmd-card-desc{font-size:13px;color:var(--color-text);margin-bottom:4px}.cmd-card-usage{font-size:12px;color:var(--color-text-muted);font-family:Consolas,monospace}.theme-toggle{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text);border-radius:20px;padding:5px 14px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s}.theme-toggle:hover{background:var(--color-hover)}.page-title{font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:8px}.page-subtitle{font-size:14px;color:var(--color-text-muted);margin-bottom:24px}.card{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:20px;margin-bottom:16px;box-shadow:var(--shadow);overflow:hidden}.card-title{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.card-title:after{content:"";flex:1;height:1px;background:var(--color-border);margin-left:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:var(--color-bg2);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:16px;text-align:center;transition:all .2s var(--ease-smooth)}.stat-card:hover{transform:translateY(-2px);border-color:#5865f226}.stat-value{font-size:28px;font-weight:700;color:var(--color-brand)}.stat-label{font-size:12px;color:var(--color-text-muted);margin-top:4px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-lg);border:none;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s var(--ease-smooth);color:#fff;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .2s}.btn:hover:after{background:#ffffff14}.btn:active{transform:scale(.93);transition-duration:.08s}.btn:active:after{background:#ffffff26}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:disabled:after{display:none}.btn-primary{background:var(--color-brand);box-shadow:0 2px 8px #5865f240}.btn-primary:hover:not(:disabled){background:var(--color-brand-hover);box-shadow:0 4px 16px #5865f259}.btn-success{background:var(--color-green);box-shadow:0 2px 8px #3ba55c40}.btn-success:hover:not(:disabled){background:#2d8c4e;box-shadow:0 4px 16px #3ba55c59}.btn-danger{background:var(--color-red);box-shadow:0 2px 8px #ed424540}.btn-danger:hover:not(:disabled){background:#c03537;box-shadow:0 4px 16px #ed424559}.btn-warning{background:var(--color-yellow);color:#000}.btn-secondary{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-text-muted)}.btn-ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-ghost:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-text-muted)}.btn-sm{padding:5px 12px;font-size:13px}.btn-group{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:6px}input[type=text],input[type=number],input[type=url],textarea,select{width:100%;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius);color:var(--color-text);font-size:14px;padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input,textarea,select{transition:border-color .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth),background .2s var(--ease-smooth)}input:focus,textarea:focus,select:focus{border-color:var(--color-brand);box-shadow:0 0 0 4px #5865f233;outline:none}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2372767d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}select option{background:#202225;color:#dcddde;padding:6px}select option:checked,select option:hover{background:#5865f2;color:#fff}select option:disabled{color:#72767d}[data-theme=light] select option{background:#fff;color:#2e3338}[data-theme=light] select option:checked{background:#5865f2;color:#fff}.form-group{margin-bottom:16px}.form-row{display:flex;gap:12px;align-items:flex-end}.form-row .form-group{flex:1;margin-bottom:0}textarea{resize:vertical;min-height:90px}.guild-list{display:flex;flex-direction:column;gap:8px}.guild-item{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 16px;transition:all .2s var(--ease-smooth)}.guild-item:hover{background:var(--color-hover);transform:translate(3px);border-color:#5865f233}.guild-item:active{transform:scale(.99)}.guild-name{font-weight:600;font-size:15px;color:var(--color-text)}.guild-actions{display:flex;gap:8px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-green{background:#3ba55c33;color:var(--color-green)}.badge-red{background:#ed424533;color:var(--color-red)}.badge-blue{background:#5865f233;color:var(--color-brand)}.badge-yellow{background:#faa81a33;color:var(--color-yellow)}.now-playing{display:flex;align-items:center;gap:16px;background:var(--color-bg2);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:16px;margin-bottom:16px;overflow:hidden}.now-playing img,.np-thumb{width:80px;height:80px;border-radius:var(--radius);object-fit:cover;flex-shrink:0}.np-thumb-placeholder{width:80px;height:80px;border-radius:var(--radius);background:var(--color-bg2);display:flex;align-items:center;justify-content:center;font-size:36px;flex-shrink:0}.np-info{flex:1;min-width:0}.np-label{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.np-title{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-author{font-size:13px;color:var(--color-text-muted);margin-top:2px}.np-meta{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.queue-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);border:1px solid transparent;transition:background .15s,border-color .15s;cursor:move}.queue-item:hover{background:var(--color-hover);border-color:var(--color-border)}.queue-item.drag-over{border-color:var(--color-brand);background:#5865f21a}.drag-handle{color:var(--color-text-muted);cursor:grab;font-size:16px;flex-shrink:0}.q-num{width:24px;text-align:center;font-size:13px;font-weight:700;color:var(--color-text-muted);flex-shrink:0}.q-thumb{width:48px;height:48px;border-radius:var(--radius);object-fit:cover;flex-shrink:0;background:var(--color-bg2)}.q-info{flex:1;min-width:0}.q-title{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-author{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.q-move-btns{display:none;flex-direction:column;gap:1px;flex-shrink:0}.q-move-btn{width:22px;height:16px;border:none;background:var(--color-hover);color:var(--color-text-muted);font-size:9px;cursor:pointer;border-radius:3px;padding:0;line-height:1;transition:background .2s}.q-move-btn:hover{background:var(--color-brand);color:#fff}.q-move-btn:disabled{opacity:.3;cursor:not-allowed}@media(max-width:720px){.q-move-btns{display:flex}.drag-handle{display:none}}.search-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius);transition:background .1s;cursor:pointer}.search-item:hover,.search-item.is-checked{background:var(--color-hover)}.search-item .s-thumb{width:40px;height:40px;border-radius:var(--radius);object-fit:cover;background:var(--color-bg2)}.search-item input[type=radio]{display:none}.s-info{flex:1;min-width:0}.s-title{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-author{font-size:12px;color:var(--color-text-muted)}.log-item{padding:8px 12px;border-radius:var(--radius);font-size:13px;font-family:Consolas,Courier New,monospace;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.log-item:last-child{border-bottom:none}.pagination{display:flex;align-items:center;gap:8px;margin-top:12px}.pagination span,.pg-info{font-size:13px;color:var(--color-text-muted)}.divider{border:none;border-top:1px solid var(--color-border);margin:20px 0}@keyframes toastIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-hover);border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.mobile-menu-btn{display:none;position:fixed;top:12px;left:12px;z-index:201;width:40px;height:40px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:20px;cursor:pointer;box-shadow:0 2px 10px #0000004d;transition:all .2s}.mobile-menu-btn:hover{background:var(--color-hover)}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-overlay.show{display:block;animation:fadeIn .3s var(--ease)}@media(max-width:720px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.sidebar{display:flex;transform:translate(-110%);transition:transform .5s var(--ease-smooth);z-index:200;box-shadow:8px 0 40px #00000059}.sidebar.sidebar-open{transform:translate(0)}.main{margin-left:0;padding:56px 12px 12px;width:100%}.main>*{max-width:100%}.main>.settings-layout{max-width:100%}.stats-grid,.stats-grid-4{grid-template-columns:repeat(2,1fr)}.stats-grid-3{grid-template-columns:1fr}.overview-stats,.module-grid{grid-template-columns:repeat(2,1fr)}.resource-grid,.feature-grid,.guild-grid,.player-grid{grid-template-columns:1fr}.uptime-value{font-size:20px}.topbar{flex-direction:column;gap:8px;align-items:flex-start}.topbar-title{font-size:20px}.card{padding:14px}.settings-layout{flex-direction:column}.settings-nav{width:100%;position:static;flex-direction:column;gap:2px;display:none;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:8px;margin-bottom:12px}.settings-nav.settings-nav-open{display:flex}.settings-nav-toggle{display:block}.settings-content{max-width:100%}}.app{display:flex;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.topbar-title{font-size:24px;font-weight:800;letter-spacing:-.01em}.topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:13px}.mb-16{margin-bottom:16px}.w-full{width:100%}.empty-state{padding:34px 18px;text-align:center;color:var(--color-text-muted)}.sidebar{background:var(--color-bg2);box-shadow:2px 0 12px #00000026}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:2px 14px 16px;margin:0 10px 12px;border-bottom:1px solid var(--color-border)}.brand-icon{width:40px;height:40px;border-radius:14px;background:var(--brand-gradient, var(--color-brand));display:grid;place-items:center;font-size:20px;box-shadow:0 8px 20px #00000040;position:relative;overflow:hidden}.brand-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(255,255,255,.15));pointer-events:none}.brand-name{font-size:16px;font-weight:800;letter-spacing:-.01em}.nav-section{padding:0 8px}.nav-section+.nav-section{margin-top:8px;padding-top:10px;border-top:1px solid var(--color-border)}.nav-label{padding:4px 10px 6px;font-size:11px;font-weight:800;color:var(--color-text-muted);letter-spacing:.07em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--color-text-muted);text-decoration:none;font-weight:600;font-size:14px;transition:all .2s var(--ease-smooth);position:relative;overflow:hidden}.nav-item:hover{background:#5865f21a;color:var(--color-text);transform:translate(3px)}.nav-item:active{transform:scale(.96) translate(1px);transition-duration:.08s}.nav-item.active{background:linear-gradient(90deg,#5865f240,#5865f214);color:#fff;font-weight:700;border-left:3px solid var(--color-brand)}.sidebar-footer{padding:12px 10px;border-top:1px solid var(--color-border);margin-top:auto}.sidebar-user{display:flex;align-items:center;gap:10px;padding:6px 6px 12px;transition:transform .2s}.sidebar-user:hover{transform:scale(1.02)}.sidebar-user img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(88,101,242,.4)}.u-name{font-size:13px;font-weight:700;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-toggle{width:100%;justify-content:center;border-radius:12px;padding:9px 12px;position:relative;overflow:hidden}.theme-toggle:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.theme-toggle:active:before{width:300px;height:300px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 24px #5865f240}50%{box-shadow:0 0 48px #5865f280}}@keyframes scroll-hint{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(8px);opacity:1}}@keyframes ripple{0%{transform:scale(0);opacity:.4}to{transform:scale(2.5);opacity:0}}.anim-in{animation:fadeInUp .6s var(--ease-out) both}.main>*{animation:fadeInScale .4s var(--ease-out) both}.main .card:nth-child(1){animation-delay:.03s}.main .card:nth-child(2){animation-delay:.06s}.main .card:nth-child(3){animation-delay:.09s}.main .card:nth-child(4){animation-delay:.12s}.main .card:nth-child(5){animation-delay:.15s}.main .card:nth-child(6){animation-delay:.18s}.card{animation:fadeInUp .4s var(--ease-out) both;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#5865f233}.home-page{background:var(--color-bg);min-height:100vh}.home-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);opacity:0;transform:translateY(-20px);transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1)}.home-nav.anim-in{opacity:1;transform:translateY(0)}.home-nav-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px}.home-nav-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.home-nav-links{display:flex;align-items:center;gap:20px}.home-nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:14px;font-weight:600;transition:color .2s}.home-nav-links a:hover{color:var(--color-text)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 24px 60px;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--color-bg),var(--color-bg3))}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 400px at 30% 20%,rgba(88,101,242,.18),transparent 70%),radial-gradient(500px 300px at 70% 70%,rgba(88,101,242,.12),transparent 70%),radial-gradient(300px 300px at 50% 50%,rgba(122,134,255,.08),transparent 70%);animation:float 20s ease-in-out infinite;pointer-events:none}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease-smooth),transform 1s var(--ease-smooth)}.hero-content.anim-in{opacity:1;transform:translateY(0)}.hero-avatar{width:140px;height:140px;border-radius:50%;margin-bottom:24px;object-fit:cover;border:4px solid var(--color-brand);box-shadow:0 16px 48px #5865f266,0 0 80px #5865f226;animation:float 4s ease-in-out infinite,pulse-glow 4s ease-in-out infinite}.hero-avatar-placeholder{width:140px;height:140px;border-radius:50%;margin-bottom:24px;background:var(--color-brand);display:flex;align-items:center;justify-content:center;font-size:56px;box-shadow:0 16px 48px #5865f266}.hero-title{font-size:56px;font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,var(--color-text) 30%,var(--color-brand));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:16px}.hero-sub{font-size:18px;line-height:1.8;max-width:560px;color:var(--color-text-muted);margin-bottom:32px}.hero-stats{display:flex;align-items:center;gap:24px;background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;padding:16px 32px;margin-bottom:32px;box-shadow:0 8px 32px #0003}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.hero-stat-value{font-size:28px;font-weight:900;color:var(--color-brand);font-variant-numeric:tabular-nums}.hero-stat-label{font-size:12px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.hero-stat-divider{width:1px;height:36px;background:var(--color-border)}.hero-nodes{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:24px}.hero-node{display:flex;align-items:center;gap:8px;background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #00000026}.hero-node-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hero-node-dot.on{background:#3ba55c;box-shadow:0 0 6px #3ba55c}.hero-node-dot.off{background:#ed4245;box-shadow:0 0 6px #ed4245}.hero-node-name{color:var(--color-text)}.hero-node-ping{font-variant-numeric:tabular-nums;font-weight:800;font-size:13px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-lg{padding:14px 28px;font-size:16px;border-radius:14px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-lg:hover{transform:translateY(-3px);box-shadow:0 12px 32px #5865f280}.hero-btn{display:flex;align-items:center;gap:8px}.hero-btn-secondary{border:2px solid var(--color-border);color:var(--color-text);background:transparent}.hero-btn-secondary:hover{border-color:var(--color-brand);color:var(--color-brand);background:#5865f214}.hero-scroll-hint{position:absolute;bottom:28px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--color-text-muted);font-weight:600;animation:scroll-hint 2s ease-in-out infinite}.home-features{padding:80px 32px;max-width:1100px;margin:0 auto}.home-section-header{text-align:center;margin-bottom:48px}.home-section-title{font-size:36px;font-weight:900;letter-spacing:-.02em;margin-bottom:10px}.home-section-desc{font-size:16px;color:var(--color-text-muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1000px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;padding:24px;transition:all .5s var(--ease-smooth);animation:fadeInUp .7s var(--ease-smooth) both}.feature-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--color-brand);box-shadow:0 16px 48px #5865f226}.feature-icon{font-size:32px;margin-bottom:12px}.feature-title{font-size:16px;font-weight:700;margin-bottom:6px}.feature-desc{font-size:13px;color:var(--color-text-muted);line-height:1.7}.home-cta{text-align:center;padding:80px 32px;background:linear-gradient(180deg,var(--color-bg3),var(--color-bg))}.home-cta h2{font-size:32px;font-weight:900;margin-bottom:10px}.home-cta p{font-size:16px;color:var(--color-text-muted)}.home-page .site-footer{margin-left:0}.home-mobile-menu{display:none}.home-mobile-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.home-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49}.home-mobile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;padding:8px;min-width:200px;box-shadow:0 12px 40px #00000080;z-index:50;display:flex;flex-direction:column;gap:2px;animation:fadeInScale .2s var(--ease-out) both}.home-mobile-dropdown a{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;color:var(--color-text);text-decoration:none;font-size:14px;font-weight:600;transition:background .2s}.home-mobile-dropdown a:hover{background:var(--color-hover)}@media(max-width:720px){.home-nav{padding:12px 16px}.home-nav-desktop{display:none}.home-mobile-menu{display:block;position:relative}.hero-title{font-size:36px}.hero-stats{flex-direction:row;gap:16px;padding:14px 20px}.hero-stat-divider{width:1px;height:32px}.hero-stat-value{font-size:22px}}.guild-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 12px;padding-left:2px}.guild-section-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.guild-section-count{background:var(--color-hover);border-radius:10px;padding:1px 8px;font-size:11px;margin-left:4px}.guild-grid{display:grid;grid-template-columns:1fr;gap:10px}.guild-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow);transition:all .45s var(--ease-smooth);position:relative;overflow:hidden;cursor:pointer}.guild-card-active:hover{transform:translateY(-4px) scale(1.01);border-color:#5865f24d;background:linear-gradient(135deg,var(--color-card),var(--color-hover));box-shadow:0 16px 40px #5865f226}.guild-card-inactive{cursor:default;opacity:.85}.guild-card-inactive:hover{opacity:1;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.guild-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--color-brand),#7a86ff);display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #5865f259}.guild-icon-inactive{background:linear-gradient(135deg,var(--color-hover),var(--color-bg2));box-shadow:none}.guild-icon img{width:100%;height:100%;object-fit:cover}.guild-info{flex:1;min-width:0}.guild-name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guild-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;margin-top:3px}.guild-status-online{color:#3ba55c}.guild-status-offline{color:var(--color-text-muted)}.guild-status-dot{width:7px;height:7px;border-radius:50%;background:#3ba55c;box-shadow:0 0 6px #3ba55c99}.guild-actions-lg{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.guild-btn{padding:8px 16px!important;font-size:14px!important;border-radius:10px!important;font-weight:600!important;min-width:80px;justify-content:center}.btn-invite{background:linear-gradient(135deg,var(--color-brand),#7a86ff);color:#fff;box-shadow:0 4px 12px #5865f266}.btn-invite:hover{box-shadow:0 6px 20px #5865f280;transform:translateY(-1px)}@media(max-width:720px){.guild-card{flex-wrap:wrap}.guild-actions-lg{width:100%;margin-top:8px}.guild-btn{flex:1}}.player-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:900px){.player-grid{grid-template-columns:1fr}}.search-row{display:flex;gap:8px;align-items:flex-end}.search-row .form-group{flex:1;margin-bottom:0}.chan-row{display:flex;gap:8px}.chan-row .form-group{flex:1;margin-bottom:0}.info-bar{font-size:14px;color:var(--color-text-muted)}.info-bar .hi{color:var(--color-brand);font-weight:700}.btn:hover{filter:brightness(1.1)}.btn-primary:hover{box-shadow:0 4px 16px #5865f259}.btn-success:hover{box-shadow:0 4px 16px #3ba55c59}.btn-danger:hover{box-shadow:0 4px 16px #ed424559}.card{transition:all .4s var(--ease-smooth)}.card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000026,0 0 0 1px #5865f214}.hero-features{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.hero-chip{padding:7px 12px;border-radius:999px;background:#5865f224;border:1px solid rgba(88,101,242,.3);font-size:12px;font-weight:700;color:var(--color-text)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:12px;font-size:14px;font-weight:600}.toggle-switch{width:44px;height:24px;border-radius:12px;background:var(--color-hover);border:1px solid var(--color-border);position:relative;transition:all .45s var(--ease-smooth);flex-shrink:0;cursor:pointer}.toggle-switch.toggle-on{background:var(--color-green);border-color:var(--color-green);box-shadow:0 0 16px #3ba55c40}.toggle-knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .45s var(--ease-spring);box-shadow:0 1px 4px #0003}.toggle-switch.toggle-on .toggle-knob{transform:translate(20px)}.role-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.role-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--color-bg2);border:1px solid var(--color-border);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s var(--ease-smooth);-webkit-user-select:none;user-select:none}.role-chip:hover{background:var(--color-hover);border-color:var(--color-text-muted);transform:translateY(-1px)}.role-chip:active{transform:scale(.95);transition-duration:.06s}.role-chip-active{background:#5865f233;border-color:var(--color-brand);color:var(--color-brand);box-shadow:0 0 8px #5865f226}.role-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot{width:10px;height:10px;border-radius:50%;background:#3ba55c;box-shadow:0 0 10px #3ba55c99;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 10px #3ba55c99}50%{box-shadow:0 0 20px #3ba55ce6}}.uptime-card{background:linear-gradient(135deg,#5865f226,#3ba55c1a);border-color:#5865f24d}.uptime-display{display:flex;align-items:center;gap:16px}.uptime-icon{font-size:36px;flex-shrink:0}.uptime-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:4px}.uptime-value{font-size:28px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--color-brand),#3ba55c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-section-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:20px 0 10px;padding-left:2px}.stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:8px}.stats-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}@media(max-width:900px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}.stats-grid-3{grid-template-columns:1fr}}@media(max-width:500px){.stats-grid-4{grid-template-columns:1fr}}.stat-card{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:18px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.stat-icon{font-size:24px;margin-bottom:6px}.stat-value{font-size:28px;font-weight:800;color:var(--color-brand);font-variant-numeric:tabular-nums}.stat-label{font-size:12px;color:var(--color-text-muted);margin-top:4px;font-weight:600}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}@media(max-width:720px){.resource-grid{grid-template-columns:1fr}}.resource-card{padding:20px}.resource-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.resource-icon{font-size:20px}.resource-title{font-size:16px;font-weight:700}.resource-model{font-size:12px;color:var(--color-text-muted);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-detail{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--color-text)}.resource-extra{font-size:12px;color:var(--color-text-muted);margin-top:8px}.progress-wrap{width:100%}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.progress-label{font-size:12px;color:var(--color-text-muted);font-weight:600}.progress-pct{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.progress-bar{width:100%;height:10px;background:var(--color-bg);border-radius:5px;overflow:hidden}.progress-fill{height:100%;border-radius:5px;transition:width .6s cubic-bezier(.4,0,.2,1)}.sysinfo-grid{display:flex;flex-direction:column;gap:0}.sysinfo-row{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid var(--color-border)}.sysinfo-row:last-child{border-bottom:none}.sysinfo-label{font-size:13px;font-weight:600;color:var(--color-text-muted)}.sysinfo-value{font-size:13px;font-weight:700;color:var(--color-text);font-family:Consolas,Courier New,monospace}.lavalink-card{padding:18px 20px}.lavalink-ok{border-left:3px solid #3ba55c}.lavalink-warn{border-left:3px solid #faa81a;opacity:.9}.lavalink-err{border-left:3px solid #ed4245;opacity:.8}.lavalink-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.lavalink-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.lavalink-dot-on{background:#3ba55c;box-shadow:0 0 8px #3ba55c99;animation:pulse-dot 2s ease-in-out infinite}.lavalink-dot-warn{background:#faa81a;box-shadow:0 0 8px #faa81a80}.lavalink-dot-off{background:#ed4245;box-shadow:0 0 8px #ed424580}.lavalink-name{font-size:15px;font-weight:700;flex:1}.lavalink-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:500px){.lavalink-stats{grid-template-columns:1fr}}.lavalink-stat{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--color-bg2);border-radius:var(--radius);border:1px solid var(--color-border)}.lavalink-stat-label{font-size:12px;font-weight:600;color:var(--color-text-muted)}.lavalink-stat-value{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.theme-picker{position:relative;z-index:200}.theme-swatch{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.3)}.theme-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.theme-panel{position:absolute;right:0;left:auto;background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;padding:16px;box-shadow:0 12px 40px #00000080;z-index:200;min-width:260px;width:280px;max-height:70vh;overflow-y:auto;animation:fadeInScale .2s var(--ease-out) both}.theme-panel-up{bottom:calc(100% + 8px);top:auto}.theme-panel-down{top:calc(100% + 8px);bottom:auto}.sidebar .theme-panel{position:fixed;left:248px;bottom:60px;top:auto;right:auto;width:300px}.theme-panel-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:10px}.theme-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.theme-preset-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:10px;border:2px solid var(--color-border);background:transparent;color:var(--color-text);font-size:10px;font-weight:600;cursor:pointer;transition:all .15s}.theme-preset-btn:hover{border-color:var(--color-text-muted)}.theme-preset-btn.active{border-color:var(--color-brand);box-shadow:0 0 12px #5865f24d}.theme-swatch-lg{width:36px;height:36px;border-radius:10px;display:flex;align-items:flex-end;justify-content:flex-end;padding:3px;overflow:hidden}.theme-swatch-accent{width:14px;height:14px;border-radius:5px;border:1.5px solid rgba(255,255,255,.3)}.theme-panel-divider{height:1px;background:var(--color-border);margin:10px 0}.theme-custom-toggle{width:100%;padding:8px;border-radius:8px;border:1px solid var(--color-border);background:transparent;color:var(--color-text);font-size:12px;font-weight:600;cursor:pointer;text-align:center;transition:background .15s}.theme-custom-toggle:hover{background:var(--color-hover)}.theme-custom-area{margin-top:10px;display:flex;flex-direction:column;gap:10px}.theme-custom-row{display:flex;align-items:center;gap:8px}.theme-custom-row label{margin-bottom:0;font-size:11px;min-width:40px;text-transform:none;letter-spacing:0}.theme-base-btns{display:flex;gap:4px}.theme-color-input{width:32px;height:32px;padding:0;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;background:transparent;flex-shrink:0}.theme-color-input::-webkit-color-swatch-wrapper{padding:2px}.theme-color-input::-webkit-color-swatch{border:none;border-radius:5px}.theme-color-hex{font-size:11px;font-family:Consolas,monospace;color:var(--color-text-muted)}.theme-gradient-preview{height:24px;border-radius:8px;margin-top:2px}.theme-preview-box{height:48px;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(128,128,128,.3);overflow:hidden;position:relative}.theme-preview-accent{width:24px;height:24px;border-radius:6px;flex-shrink:0}.theme-preview-text{font-size:12px;font-weight:700}@media(max-width:720px){.theme-picker{z-index:260}.theme-backdrop{z-index:258;background:#00000038}.theme-panel,.sidebar .theme-panel,.home-mobile-dropdown .theme-panel{position:fixed;left:12px;right:12px;top:auto;bottom:max(12px,env(safe-area-inset-bottom));width:auto;min-width:0;max-height:calc(100dvh - 88px);padding:14px;z-index:259}.theme-panel-up,.theme-panel-down{top:auto;bottom:max(12px,env(safe-area-inset-bottom))}.theme-preset-grid{grid-template-columns:repeat(2,1fr)}.theme-preset-btn{min-height:72px}.theme-custom-row{align-items:flex-start;flex-wrap:wrap}.theme-base-btns{width:100%}.theme-base-btns .btn{flex:1;justify-content:center}}.mode-selector{display:flex;gap:8px;margin-bottom:16px}.mode-btn{flex:1;padding:12px 8px;border-radius:12px;border:2px solid var(--color-border);background:var(--color-bg2);color:var(--color-text);font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s var(--ease-smooth);display:flex;flex-direction:column;align-items:center;gap:4px}.mode-btn:hover{border-color:var(--color-text-muted);background:var(--color-hover);transform:translateY(-2px)}.mode-btn:active{transform:scale(.95);transition-duration:.08s}.mode-btn.mode-active{border-color:var(--color-brand);background:#5865f21f;box-shadow:0 0 12px #5865f233}.mode-btn-icon{font-size:20px}.color-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.color-row label{margin-bottom:0;min-width:60px;font-size:11px}.color-preview{width:100%;height:28px;border-radius:6px;margin-top:4px;margin-bottom:8px}.embed-preview{background:var(--color-bg2);border-radius:var(--radius);padding:14px;display:flex;gap:14px}.embed-preview-body{flex:1;min-width:0}.embed-preview-title{font-size:16px;font-weight:700;margin-bottom:6px}.embed-preview-desc{font-size:14px;color:var(--color-text-muted);white-space:pre-wrap;word-break:break-word}.embed-preview-footer{font-size:11px;color:var(--color-text-muted);margin-top:10px;padding-top:8px;border-top:1px solid var(--color-border)}.embed-preview-thumb{width:64px;height:64px;border-radius:var(--radius);object-fit:cover;flex-shrink:0}.ann-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.ann-filter{padding:6px 14px;border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.ann-filter:hover{background:var(--color-hover)}.ann-filter.active{border-color:var(--color-brand);color:var(--color-brand);background:#5865f21a}.ann-card{position:relative}.ann-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.ann-badge{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700}.ann-date{font-size:12px;color:var(--color-text-muted);margin-left:auto}.ann-title{font-size:20px;font-weight:700;margin-bottom:10px}.ann-author{font-size:12px;color:var(--color-text-muted);margin-top:12px;text-align:right}.md-content{font-size:14px;line-height:1.8;color:var(--color-text)}.md-content h2{font-size:20px;font-weight:700;margin:12px 0 6px}.md-content h3{font-size:17px;font-weight:700;margin:10px 0 4px}.md-content h4{font-size:15px;font-weight:700;margin:8px 0 4px}.md-content strong{font-weight:700;color:var(--color-text)}.md-content em{font-style:italic}.md-content del{text-decoration:line-through;opacity:.6}.md-content code{background:var(--color-bg);padding:2px 6px;border-radius:3px;font-size:13px;font-family:Consolas,monospace}.md-content ul{padding-left:20px;margin:4px 0}.md-content li{margin:2px 0}@media(max-width:720px){.embed-preview{flex-direction:column}}.credit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.credit-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.credit-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.credit-banner{height:80px;background:linear-gradient(135deg,var(--color-brand),var(--color-brand-hover));background-size:cover;background-position:center}.credit-banner-default{background:linear-gradient(135deg,var(--color-hover),var(--color-bg2))}.credit-body{padding:16px;position:relative}.credit-avatar{width:64px;height:64px;border-radius:50%;border:4px solid var(--color-card);object-fit:cover;position:absolute;top:-38px;left:16px;background:var(--color-bg2)}.credit-info{padding-top:30px}.credit-name{font-size:18px;font-weight:800}.credit-role{font-size:13px;color:var(--color-text-muted);display:flex;align-items:center;gap:6px;margin-top:2px}.credit-langs{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.credit-actions{display:flex;gap:4px;margin-top:8px}.credit-edit{margin-top:8px}.credit-display-name{font-size:18px;font-weight:800}.credit-username{font-size:12px;color:var(--color-text-muted);margin-top:1px}.credit-bio{font-size:13px;color:var(--color-text-muted);margin-top:6px;line-height:1.5;white-space:pre-wrap}.lang-grid{display:flex;flex-wrap:wrap;gap:6px}.lang-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;color:var(--color-text)}.lang-chip:hover{border-color:var(--color-text-muted)}.lang-chip-active{font-weight:700}.lang-chip-sm{font-size:10px;padding:2px 8px}.lang-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lang-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;border:1px solid}.u-tag{font-size:10px;color:var(--color-text-muted);margin-top:1px}.sidebar-bottom-links{display:flex;justify-content:center;gap:12px;margin-bottom:8px}.sidebar-bottom-links a{font-size:11px;color:var(--color-text-muted);text-decoration:none;transition:color .15s}.sidebar-bottom-links a:hover{color:var(--color-text)}.site-footer{background:var(--color-bg2);border-top:1px solid var(--color-border);padding:24px 32px;margin-top:40px;margin-left:240px}.footer-inner{max-width:1100px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-brand{display:flex;align-items:center;gap:8px;font-weight:800}.footer-logo{font-size:20px}.footer-name{font-size:14px}.footer-links{display:flex;gap:16px}.footer-links a{font-size:13px;color:var(--color-text-muted);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--color-text)}.footer-copyright{font-size:11px;color:var(--color-text-muted)}@media(max-width:720px){.site-footer{margin-left:0;text-align:center}.footer-inner{flex-direction:column}}.terms-content{font-size:14px;line-height:1.8;color:var(--color-text)}.terms-content h3{font-size:16px;font-weight:700;margin:16px 0 6px;color:var(--color-text)}.terms-content p{margin-bottom:10px}.terms-content ul{padding-left:20px;margin-bottom:10px}.terms-content li{margin:4px 0}.terms-footer{text-align:center;font-size:12px;color:var(--color-text-muted);padding:16px 0}.cmd-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--color-border);margin-bottom:6px;transition:background .15s;overflow:hidden}.cmd-item:hover{background:var(--color-hover)}.cmd-info{flex-shrink:0;min-width:100px}.cmd-trigger{font-weight:700;font-size:14px;color:var(--color-brand);font-family:Consolas,Courier New,monospace}.cmd-response{flex:1;min-width:0;font-size:13px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:8px;transition:all .2s var(--ease-smooth);overflow:hidden}.feed-item:hover{background:var(--color-hover);border-color:#5865f226;transform:translate(2px)}.feed-icon{font-size:22px;flex-shrink:0;width:36px;text-align:center}.feed-info{flex:1;min-width:0}.feed-name{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-meta{font-size:12px;color:var(--color-text-muted);margin-top:2px}.pl-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:8px;overflow:hidden;transition:all .4s var(--ease-smooth)}.pl-card:hover{border-color:var(--color-brand)}.pl-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;transition:background .15s}.pl-header:hover{background:var(--color-hover)}.pl-expand{font-size:11px;color:var(--color-text-muted);flex-shrink:0;width:16px}.pl-actions{display:flex;gap:4px;flex-shrink:0}.pl-tracks{padding:0 14px 14px;border-top:1px solid var(--color-border);animation:fadeIn .2s ease}.pl-track{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:var(--radius);transition:background .15s;cursor:move}.pl-track:hover{background:var(--color-hover)}.pl-track.drag-over{border:1px dashed var(--color-brand);background:#5865f214}.pl-track-num{width:20px;text-align:center;font-size:11px;font-weight:700;color:var(--color-text-muted);flex-shrink:0}.pl-track-thumb{width:36px;height:36px;border-radius:var(--radius);object-fit:cover;flex-shrink:0;background:var(--color-bg2)}.pl-track-info{flex:1;min-width:0}.pl-track-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-track-author{font-size:11px;color:var(--color-text-muted)}.pl-add-track{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.pl-add-track input{font-size:13px;padding:8px 10px}.seek-slider-wrap{display:flex;align-items:center;gap:10px}.seek-time{font-size:11px;font-weight:700;color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.seek-slider-track{flex:1;position:relative;height:8px;background:var(--color-bg);border-radius:4px;overflow:visible}.seek-slider-fill{position:absolute;top:0;left:0;height:100%;border-radius:4px;background:var(--color-brand);pointer-events:none;transition:width .1s linear}.seek-slider{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;margin:0}.seek-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-brand);border:2px solid #fff;box-shadow:0 1px 6px #0000004d;cursor:grab;transition:transform .15s var(--ease-spring),box-shadow .15s;margin-top:-4px}.seek-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px #5865f280}.seek-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.seek-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-brand);border:2px solid #fff;box-shadow:0 1px 6px #0000004d;cursor:grab}.seek-slider::-moz-range-track{background:transparent;border:none;height:8px}.error-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.error-modal{background:var(--color-card);border:1px solid var(--color-red);border-radius:16px;width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #ed42454d;animation:fadeInScale .3s var(--ease-out) both}.error-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--color-border)}.error-icon{font-size:24px}.error-header h3{flex:1;font-size:16px;font-weight:700;margin:0}.error-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--color-text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.error-close:hover{background:var(--color-hover);color:var(--color-text)}.error-body{padding:16px 20px;overflow-y:auto;flex:1}.error-stack{font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.6;color:var(--color-red);white-space:pre-wrap;word-break:break-all;background:var(--color-bg);border-radius:8px;padding:12px;margin:0;max-height:300px;overflow-y:auto}.error-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--color-border)}.levelcard-preview{position:relative;border-radius:14px;overflow:hidden;height:160px;border:1px solid var(--color-border);background-size:cover;background-position:center}.levelcard-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.levelcard-preview-accent-line{position:absolute;top:0;left:0;right:0;height:4px}.levelcard-preview-content{position:relative;display:flex;align-items:center;gap:16px;padding:20px;height:100%}.levelcard-preview-avatar{width:70px;height:70px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;background:#ffffff1a;border:3px solid}.levelcard-preview-info{flex:1;min-width:0}.levelcard-preview-name{font-size:18px;font-weight:800;color:#fff;margin-bottom:8px}.levelcard-preview-bar-wrap{margin-bottom:6px}.levelcard-preview-bar-bg{height:10px;background:#ffffff1f;border-radius:5px;overflow:hidden}.levelcard-preview-bar-fill{height:100%;border-radius:5px;transition:width .4s}.levelcard-preview-meta{font-size:11px;color:#ffffff80}.levelcard-preview-rank{text-align:center;flex-shrink:0}.levelcard-preview-rank-label{font-size:10px;font-weight:700;color:#ffffff80;text-transform:uppercase}.levelcard-preview-rank-value{font-size:28px;font-weight:900}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInScale{0%{opacity:0;transform:translate3d(0,10px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate3d(0,18px,0) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes panelIn{0%{opacity:0;transform:translate3d(0,10px,0) scale(.98);filter:blur(3px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}.app,.home-page{position:relative;z-index:1}.main{padding:36px 42px 48px}.main>*{max-width:1120px;animation:fadeInScale .62s var(--ease-out) both}.main>.settings-layout{max-width:1180px}.topbar{background:linear-gradient(180deg,color-mix(in srgb,var(--color-card) 88%,transparent),color-mix(in srgb,var(--color-bg2) 76%,transparent));border:1px solid color-mix(in srgb,var(--color-border) 76%,transparent);border-radius:var(--radius-xl);padding:14px 18px;box-shadow:0 14px 38px #00000024;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}.topbar-title{letter-spacing:0;font-size:26px}.card,.stat-card,.module-card,.guild-card,.credit-card,.pl-card,.mode-btn,.overview-stat{border-color:color-mix(in srgb,var(--color-border) 78%,transparent);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth),background var(--transition-smooth),color var(--transition-fast),opacity var(--transition-smooth);will-change:transform}.card{position:relative;border-radius:var(--radius-xl);background:linear-gradient(180deg,color-mix(in srgb,var(--color-card) 94%,#fff 3%),var(--color-card));box-shadow:var(--shadow);animation:fadeInUp .58s var(--ease-out) both}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 38%);opacity:.9}.card>*{position:relative;z-index:1}.card:hover{transform:translate3d(0,-4px,0);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--color-brand) 35%,var(--color-border))}.card-title{font-weight:800;letter-spacing:0}.card-title:after{background:linear-gradient(90deg,color-mix(in srgb,var(--color-brand) 42%,transparent),transparent)}.sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg2) 94%,#fff 3%),var(--color-bg3));box-shadow:14px 0 42px #00000038;border-right:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.sidebar-brand{border-bottom-color:color-mix(in srgb,var(--color-border) 72%,transparent)}.brand-icon{border-radius:16px;background:var(--brand-gradient);box-shadow:0 14px 30px color-mix(in srgb,var(--color-brand) 30%,transparent),inset 0 1px #ffffff2e;transition:transform .7s var(--ease-smooth),box-shadow .7s var(--ease-smooth)}.sidebar-brand:hover .brand-icon{transform:translateY(-2px) rotate(-3deg);box-shadow:0 20px 42px color-mix(in srgb,var(--color-brand) 42%,transparent)}.nav-item{border:1px solid transparent;transition:background var(--transition-smooth),color var(--transition-fast),transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.nav-item:before{content:"";position:absolute;left:8px;top:50%;width:3px;height:0;border-radius:999px;background:var(--brand-gradient);transform:translateY(-50%);transition:height var(--transition-smooth),opacity var(--transition-smooth);opacity:0}.nav-item:hover{background:color-mix(in srgb,var(--color-hover) 58%,transparent);border-color:color-mix(in srgb,var(--color-brand) 22%,transparent);transform:translate(4px)}.nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--color-brand) 25%,transparent),color-mix(in srgb,var(--color-card) 56%,transparent));border-color:color-mix(in srgb,var(--color-brand) 36%,transparent);border-left-color:transparent;box-shadow:0 10px 24px color-mix(in srgb,var(--color-brand) 16%,transparent)}.nav-item.active:before{height:22px;opacity:1}.btn{border-radius:12px;min-height:36px;transition:transform var(--transition-fast),box-shadow var(--transition-smooth),background var(--transition-smooth),border-color var(--transition-smooth),color var(--transition-fast),filter var(--transition-fast);transform:translateZ(0)}.btn:hover:not(:disabled){transform:translate3d(0,-2px,0);filter:none}.btn:active:not(:disabled){transform:translateZ(0) scale(.98)}.btn-primary,.btn-invite{background:var(--brand-gradient);box-shadow:0 12px 26px color-mix(in srgb,var(--color-brand) 28%,transparent)}.btn-primary:hover:not(:disabled),.btn-invite:hover:not(:disabled){box-shadow:0 18px 42px color-mix(in srgb,var(--color-brand) 38%,transparent)}.btn-secondary,.btn-ghost{background:color-mix(in srgb,var(--color-card) 76%,transparent);border-color:color-mix(in srgb,var(--color-border) 78%,transparent)}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--color-hover) 76%,transparent);border-color:color-mix(in srgb,var(--color-brand) 30%,var(--color-border))}.btn-sm{min-height:30px}input[type=text],input[type=number],input[type=url],textarea,select{border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-input-bg) 94%,#fff 2%),var(--color-input-bg));border-color:color-mix(in srgb,var(--color-input-border) 82%,transparent);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-smooth),transform var(--transition-fast)}input:focus,textarea:focus,select:focus{box-shadow:var(--focus-ring);transform:translateY(-1px)}.badge{border:1px solid color-mix(in srgb,currentColor 20%,transparent);box-shadow:inset 0 1px #ffffff14}.stat-card,.overview-stat,.resource-card{background:linear-gradient(180deg,color-mix(in srgb,var(--color-card) 93%,#fff 3%),var(--color-card))}.stat-card:hover,.overview-stat:hover,.resource-card:hover{transform:translate3d(0,-4px,0);box-shadow:0 18px 42px #00000038}.stat-value,.overview-stat-value{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.progress-bar{height:11px;background:color-mix(in srgb,var(--color-bg3) 74%,transparent);box-shadow:inset 0 1px 3px #00000042}.progress-fill{transition:width .9s var(--ease-smooth);box-shadow:0 0 18px color-mix(in srgb,var(--color-brand) 38%,transparent)}.queue-item,.search-item,.feed-item,.cmd-item,.pl-track,.role-chip,.lang-chip,.ann-filter,.cmd-cat-btn,.theme-preset-btn{transition:background var(--transition-smooth),border-color var(--transition-smooth),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-smooth),opacity var(--transition-smooth)}.queue-item:hover,.search-item:hover,.feed-item:hover,.cmd-item:hover,.pl-track:hover,.role-chip:hover,.lang-chip:hover{transform:translate3d(0,-1px,0)}.theme-panel,.home-mobile-dropdown,.error-modal{animation:panelIn .34s var(--ease-out) both;box-shadow:0 24px 70px #0000006b;border-color:color-mix(in srgb,var(--color-border) 72%,transparent);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.theme-toggle{transition:transform var(--transition-fast),background var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000029}.theme-preset-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000029}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:999;display:flex;flex-direction:column-reverse;gap:10px;max-width:420px;width:min(420px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-radius:16px;color:#fff;font-size:14px;font-weight:700;box-shadow:0 20px 55px #00000047,inset 0 1px #ffffff2e;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);animation:toastIn .44s var(--ease-out) both;word-break:break-word}.toast-success{background:linear-gradient(135deg,#2fb36a,#168f61)}.toast-error{background:linear-gradient(135deg,#f05255,#c7353a)}.toast-info{background:var(--brand-gradient)}.toast-text{flex:1;line-height:1.5}.toast-copy,.toast-close{border:none;color:#fff;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.toast-copy{background:#ffffff2e;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:800;white-space:nowrap}.toast-close{background:none;color:#ffffffd1;font-size:20px;padding:0;line-height:1}.toast-copy:hover,.toast-close:hover{transform:translateY(-1px);opacity:1}@media(max-width:720px){.main{padding:60px 14px 14px}.topbar{padding:12px 14px;border-radius:16px}.toast-stack{right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}body:before{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 220px),linear-gradient(135deg,rgba(70,208,182,.08),transparent 34%),linear-gradient(0deg,var(--color-bg3),var(--color-bg));opacity:1}.home-page{background:transparent}.main{align-items:flex-start;padding:28px 36px 44px}.main>*{max-width:1160px}.main>.settings-layout{max-width:1200px}.topbar{width:100%;margin-bottom:18px;padding:12px 14px;border-radius:8px;background:color-mix(in srgb,var(--color-bg2) 92%,#fff 3%);border-color:color-mix(in srgb,var(--color-border) 86%,transparent);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.topbar-title{font-size:22px;font-weight:850;letter-spacing:0}.status-section-title{margin:22px 0 10px;padding-left:0;color:color-mix(in srgb,var(--color-text) 70%,var(--color-text-muted));letter-spacing:.08em}.card,.stat-card,.module-card,.guild-card,.credit-card,.pl-card,.mode-btn,.overview-stat,.resource-card{border-radius:8px;background:color-mix(in srgb,var(--color-card) 96%,#fff 2%);border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);box-shadow:var(--shadow)}.card{padding:18px;overflow:hidden}.card:after{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 46%);opacity:1}.card:hover,.stat-card:hover,.overview-stat:hover,.resource-card:hover,.module-card:hover,.guild-card-active:hover,.credit-card:hover{transform:translate3d(0,-2px,0);border-color:color-mix(in srgb,var(--color-brand) 34%,var(--color-border));box-shadow:var(--shadow-hover)}.card-title{font-size:15px;font-weight:850;margin-bottom:14px}.card-title:after{background:color-mix(in srgb,var(--color-border) 78%,transparent)}.sidebar{width:248px;padding:18px 0;background:color-mix(in srgb,var(--color-bg2) 94%,#fff 2%);border-right-color:color-mix(in srgb,var(--color-border) 82%,transparent);box-shadow:8px 0 28px #00000029}.main{margin-left:248px;width:calc(100% - 248px)}.sidebar-brand{margin:0 12px 14px;padding:0 10px 16px;border-bottom-color:color-mix(in srgb,var(--color-border) 82%,transparent)}.brand-icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--color-brand),#d4af5f);box-shadow:none}.brand-name{font-size:15px;letter-spacing:.01em}.nav-section{padding:0 10px}.nav-label{padding:8px 8px 6px;font-size:10px;letter-spacing:.1em}.nav-item{min-height:38px;border-radius:7px;padding:9px 10px;font-size:13px;font-weight:750}.nav-item:hover{background:color-mix(in srgb,var(--color-hover) 74%,transparent);transform:translate(2px);box-shadow:none}.nav-item.active{color:var(--color-text);background:linear-gradient(90deg,color-mix(in srgb,var(--color-brand) 20%,transparent),color-mix(in srgb,var(--color-hover) 54%,transparent));border-color:color-mix(in srgb,var(--color-brand) 30%,var(--color-border));box-shadow:none}.nav-item:before{left:6px;width:2px}.nav-item.active:before{height:18px}.sidebar-footer{padding:12px;border-top-color:color-mix(in srgb,var(--color-border) 82%,transparent)}.sidebar-user{border-radius:8px;padding:8px;margin-bottom:8px;background:color-mix(in srgb,var(--color-bg3) 40%,transparent)}.sidebar-user:hover{transform:none;background:color-mix(in srgb,var(--color-hover) 64%,transparent)}.sidebar-user img{border-radius:8px;border:none}.btn{min-height:34px;border-radius:7px;padding:8px 13px;font-weight:800;letter-spacing:0}.btn-primary,.btn-invite{background:var(--color-brand);color:#071815;box-shadow:none}.btn-primary:hover:not(:disabled),.btn-invite:hover:not(:disabled){background:var(--color-brand-hover);box-shadow:0 10px 24px color-mix(in srgb,var(--color-brand) 20%,transparent)}.btn-secondary,.btn-ghost{background:color-mix(in srgb,var(--color-bg2) 72%,transparent);border-color:color-mix(in srgb,var(--color-border) 90%,transparent)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.985)}.btn-sm{min-height:28px;padding:5px 10px;font-size:12px}input[type=text],input[type=number],input[type=url],textarea,select{border-radius:7px;padding:10px 11px;background:var(--color-input-bg)}input:focus,textarea:focus,select:focus{transform:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 22%,transparent)}.stat-card,.overview-stat{padding:16px}.stat-value,.overview-stat-value{color:var(--color-text);background:none;-webkit-text-fill-color:currentColor;font-size:26px}.stat-label,.overview-stat-label{color:var(--color-text-muted);letter-spacing:.04em}.stat-icon,.resource-icon,.module-icon{filter:saturate(.85)}.progress-bar{height:8px;border-radius:999px;background:color-mix(in srgb,var(--color-bg3) 82%,transparent)}.progress-fill{border-radius:999px;box-shadow:none}.sysinfo-row{padding:9px 0;border-bottom-color:color-mix(in srgb,var(--color-border) 78%,transparent)}.lavalink-stat{border-radius:7px;background:color-mix(in srgb,var(--color-bg2) 76%,transparent)}.theme-toggle{border-radius:7px;background:color-mix(in srgb,var(--color-bg2) 70%,transparent)}.theme-panel,.home-mobile-dropdown,.error-modal{border-radius:8px;background:color-mix(in srgb,var(--color-card) 98%,#fff 2%);box-shadow:0 20px 56px #00000057;backdrop-filter:none;-webkit-backdrop-filter:none}.theme-preset-btn,.theme-custom-toggle,.theme-color-input,.theme-preview-box,.theme-swatch-lg{border-radius:7px}.toast{border-radius:8px;box-shadow:0 18px 46px #00000042}.toast-info{background:#2f8f80}.toast-success{background:#2f8f56}.toast-error{background:#c84245}.hero{min-height:calc(100vh - 1px);background:transparent;padding-top:112px}.hero-particles{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 34%),linear-gradient(135deg,rgba(70,208,182,.12),transparent 38%);animation:none}.hero-avatar,.hero-avatar-placeholder{width:112px;height:112px;border-radius:24px;border:1px solid color-mix(in srgb,var(--color-brand) 42%,var(--color-border));box-shadow:0 18px 42px #00000042;animation:none}.hero-title{font-size:52px;letter-spacing:0;background:none;-webkit-text-fill-color:var(--color-text);color:var(--color-text)}.hero-sub{color:var(--color-text-muted);line-height:1.75}.hero-stats{border-radius:8px;background:color-mix(in srgb,var(--color-card) 94%,#fff 2%);box-shadow:var(--shadow)}.hero-stat-value{color:var(--color-brand)}.feature-card{border-radius:8px}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}@media(max-width:720px){.sidebar{width:240px}.main{margin-left:0;width:100%;padding:60px 14px 14px}.hero-title{font-size:38px}.hero-avatar,.hero-avatar-placeholder{width:92px;height:92px;border-radius:18px}}.app{display:block;min-height:100vh}.mobile-menu-btn,.mobile-overlay{display:none!important}.sidebar{position:fixed;inset:0 0 auto 0;width:auto;min-height:72px;max-height:none;bottom:auto;z-index:250;display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 18px;overflow-x:auto;overflow-y:visible;background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg2) 94%,#fff 3%),color-mix(in srgb,var(--color-bg3) 92%,transparent));border-right:none;border-bottom:1px solid color-mix(in srgb,var(--color-border) 84%,transparent);box-shadow:0 10px 30px #00000038;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-brand{flex:0 0 auto;margin:0 8px 0 0;padding:0 14px 0 0;border-bottom:none;border-right:1px solid color-mix(in srgb,var(--color-border) 76%,transparent)}.sidebar-brand>div:last-child{min-width:92px}.brand-icon{width:34px;height:34px;border-radius:10px;font-size:18px}.brand-name{font-size:16px}.sidebar .nav-section{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:0;min-width:max-content}.sidebar .nav-section+.nav-section{margin:0;padding:0 0 0 12px;border-top:none;border-left:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.sidebar .nav-label{display:inline-flex;align-items:center;height:30px;padding:0 6px;font-size:10px;color:color-mix(in srgb,var(--color-text-muted) 78%,transparent);white-space:nowrap}.sidebar .nav-item{min-height:36px;border-radius:999px;padding:0 13px;gap:7px;white-space:nowrap;border-color:transparent}.sidebar .nav-item:before{display:none}.sidebar .nav-item:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--color-hover) 74%,transparent)}.sidebar .nav-item.active{background:var(--color-text);color:var(--color-bg3);border-color:transparent}.sidebar-footer{flex:0 0 auto;margin:0 0 0 auto;padding:0;border-top:none;display:flex;align-items:center;gap:8px}.sidebar-user{margin:0;padding:5px 8px;min-width:0;background:color-mix(in srgb,var(--color-card) 74%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.sidebar-user img{width:30px;height:30px}.u-name{max-width:132px}.u-tag,.sidebar-bottom-links{display:none}.sidebar-footer>.btn{width:auto!important;margin-bottom:0!important}.sidebar .theme-toggle{width:auto;min-width:116px}.sidebar .theme-panel{left:auto;right:18px;top:76px;bottom:auto}.main{margin-left:0;width:100%;min-height:100vh;padding:104px 42px 56px;align-items:center}.main>*{max-width:1280px}.main>.settings-layout{max-width:1320px}.topbar{min-height:76px;padding:18px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--color-card) 94%,#fff 4%),color-mix(in srgb,var(--color-bg2) 92%,transparent))}.topbar-title{font-size:28px}.topbar-actions{justify-content:flex-end}.settings-layout{display:grid;grid-template-columns:1fr;gap:16px}.settings-nav-toggle{display:none!important}.settings-nav{position:sticky;top:86px;z-index:80;width:100%;display:flex!important;flex-direction:row;align-items:center;gap:10px;padding:10px 16px 16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:16px 28px;background:color-mix(in srgb,var(--color-bg2) 96%,#fff 2%);border:1px solid color-mix(in srgb,var(--color-border) 82%,transparent);border-radius:14px;box-shadow:0 12px 30px #0000002e;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-text-muted) 48%,transparent) color-mix(in srgb,var(--color-bg3) 72%,transparent)}.settings-nav::-webkit-scrollbar{height:8px}.settings-nav::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color-bg3) 72%,transparent);border-radius:999px;margin-inline:16px}.settings-nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-muted) 48%,transparent);border:2px solid transparent;border-radius:999px;background-clip:content-box}.settings-nav::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-text-muted) 72%,transparent);background-clip:content-box}.settings-nav:before,.settings-nav:after{display:none}.settings-nav-divider,.settings-nav-label{display:none}.settings-nav-item{width:auto;flex:0 0 auto;min-height:38px;border-radius:999px;padding:0 14px;border:1px solid transparent;background:transparent}.settings-nav-item:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--color-hover) 72%,transparent)}.settings-nav-item.active{background:var(--color-text);color:var(--color-bg3);box-shadow:none}.settings-nav-dot{margin-left:2px;width:7px;height:7px}.settings-content{width:100%;min-width:0}.settings-page-title{margin:4px 0 16px;font-size:28px;letter-spacing:0}.overview-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.module-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.module-card{min-height:142px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;padding:18px}.module-card:hover{transform:translateY(-3px)}.module-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--color-bg3) 42%,transparent);margin-bottom:10px}.module-label{font-size:14px;margin-bottom:12px}.module-status{margin:0}.module-status-text{align-self:flex-end}.module-detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin-bottom:14px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-card) 96%,#fff 3%),color-mix(in srgb,var(--color-bg2) 90%,transparent));border:1px solid color-mix(in srgb,var(--color-border) 82%,transparent);box-shadow:var(--shadow)}.module-detail-header .settings-page-title{margin:0}.module-detail-header+.card{padding:22px}@keyframes softRise{0%{opacity:0;transform:translate3d(0,10px,0) scale(.992);filter:blur(2px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes iconSheen{0%{transform:translate3d(-140%,0,0) rotate(16deg);opacity:0}35%{opacity:.55}to{transform:translate3d(140%,0,0) rotate(16deg);opacity:0}}@keyframes iconBreathe{0%,to{box-shadow:0 0 #46d0b600}50%{box-shadow:0 0 22px color-mix(in srgb,var(--color-brand) 18%,transparent)}}.sidebar,.settings-nav,.topbar,.card,.module-card,.overview-stat,.stat-card{transform:translateZ(0)}.sidebar .nav-item,.settings-nav-item,.module-card,.btn,.theme-toggle,.sidebar-user{transition:transform .44s var(--ease-smooth),background .44s var(--ease-smooth),border-color .44s var(--ease-smooth),box-shadow .54s var(--ease-smooth),color .26s var(--ease-smooth),opacity .44s var(--ease-smooth),filter .44s var(--ease-smooth);will-change:transform}.sidebar .nav-item>span:first-child,.settings-nav-item>span:first-child{position:relative;display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border-radius:9px;font-size:13px;line-height:1;color:var(--color-text);background:linear-gradient(145deg,color-mix(in srgb,var(--color-card) 88%,#fff 7%),color-mix(in srgb,var(--color-bg3) 72%,transparent));border:1px solid color-mix(in srgb,var(--color-border) 76%,transparent);box-shadow:inset 0 1px #ffffff14,0 6px 14px #00000024;overflow:hidden;transition:transform .48s var(--ease-smooth),background .48s var(--ease-smooth),color .28s var(--ease-smooth),border-color .48s var(--ease-smooth),box-shadow .58s var(--ease-smooth),filter .48s var(--ease-smooth)}.settings-nav-item>span:first-child{width:28px;height:28px;border-radius:10px;font-size:14px}.sidebar .nav-item>span:first-child:after,.settings-nav-item>span:first-child:after,.module-icon:after,.brand-icon:after{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:translate3d(-140%,0,0) rotate(16deg);pointer-events:none}.sidebar .nav-item:hover>span:first-child,.settings-nav-item:hover>span:first-child{transform:translate3d(0,-1px,0) scale(1.045);border-color:color-mix(in srgb,var(--color-brand) 42%,var(--color-border));box-shadow:inset 0 1px #ffffff1f,0 10px 22px #00000038;filter:saturate(1.12)}.sidebar .nav-item:hover>span:first-child:after,.settings-nav-item:hover>span:first-child:after,.module-card:hover .module-icon:after,.brand-icon:hover:after{animation:iconSheen .86s var(--ease-smooth)}.sidebar .nav-item.active>span:first-child,.settings-nav-item.active>span:first-child{color:#071815;background:linear-gradient(145deg,color-mix(in srgb,var(--color-brand) 96%,#fff 8%),color-mix(in srgb,var(--color-brand-hover) 82%,#d4af5f 18%));border-color:color-mix(in srgb,var(--color-brand) 68%,#fff 12%);box-shadow:0 10px 24px color-mix(in srgb,var(--color-brand) 24%,transparent)}.settings-nav{scroll-behavior:smooth}.settings-nav-item{gap:8px}.settings-nav-item.active{box-shadow:0 8px 22px #0000001f}.brand-icon{position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.42),transparent 30%),linear-gradient(145deg,var(--color-brand),#d4af5f);box-shadow:0 12px 28px color-mix(in srgb,var(--color-brand) 20%,transparent);transition:transform .56s var(--ease-smooth),box-shadow .56s var(--ease-smooth),filter .56s var(--ease-smooth)}.brand-icon:hover{transform:translate3d(0,-1px,0) scale(1.035);filter:saturate(1.08)}.module-card{position:relative;overflow:hidden;animation:softRise .5s var(--ease-smooth) both}.module-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--color-brand) 12%,transparent),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 54%);opacity:.72;transition:opacity .56s var(--ease-smooth),transform .56s var(--ease-smooth)}.module-card:hover:before{opacity:1;transform:translate3d(0,-4px,0)}.module-icon{position:relative;isolation:isolate;overflow:hidden;color:var(--color-text);font-size:21px;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.18),transparent 28%),linear-gradient(145deg,color-mix(in srgb,var(--color-brand) 20%,var(--color-card)),color-mix(in srgb,var(--color-bg3) 78%,transparent));border:1px solid color-mix(in srgb,var(--color-brand) 28%,var(--color-border));box-shadow:inset 0 1px #ffffff17,0 10px 24px #0000002e;transition:transform .56s var(--ease-smooth),background .56s var(--ease-smooth),border-color .56s var(--ease-smooth),box-shadow .66s var(--ease-smooth),filter .56s var(--ease-smooth)}.module-card:hover .module-icon{transform:translate3d(0,-2px,0) scale(1.06);border-color:color-mix(in srgb,var(--color-brand) 54%,var(--color-border));box-shadow:inset 0 1px #ffffff1f,0 16px 30px #0000003d;filter:saturate(1.14)}.module-on .module-icon{animation:iconBreathe 3.4s var(--ease-smooth) infinite}.module-label,.module-status-text,.overview-stat-label,.stat-label{transition:color .42s var(--ease-smooth),opacity .42s var(--ease-smooth)}.module-status,.toggle-switch{transition:background .5s var(--ease-smooth),border-color .5s var(--ease-smooth),box-shadow .5s var(--ease-smooth),transform .42s var(--ease-smooth)}.module-status-knob,.toggle-knob{transition:transform .52s cubic-bezier(.2,.9,.2,1),box-shadow .52s var(--ease-smooth)}.card,.topbar,.overview-stat,.stat-card{animation:softRise .46s var(--ease-smooth) both}.module-grid .module-card:nth-child(2n),.settings-nav .settings-nav-item:nth-child(2n){animation-delay:35ms}.module-grid .module-card:nth-child(3n),.settings-nav .settings-nav-item:nth-child(3n){animation-delay:.07s}.module-grid .module-card:nth-child(4n),.settings-nav .settings-nav-item:nth-child(4n){animation-delay:.105s}.settings-nav-item{animation:softRise .42s var(--ease-smooth) both}@media(max-width:980px){.sidebar{min-height:118px;align-items:flex-start;flex-wrap:wrap;padding:10px 12px}.sidebar-brand{width:100%;border-right:none;border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);padding:0 0 8px}.sidebar-footer{margin-left:0}.main{padding-top:154px;padding-left:16px;padding-right:16px}.topbar{grid-template-columns:1fr;gap:12px}.topbar-actions{justify-content:flex-start}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.sidebar{position:sticky;top:0;min-height:auto}.sidebar .nav-label{display:none}.sidebar-footer{width:100%;justify-content:space-between}.sidebar-user{display:none}.main{padding-top:18px}.module-grid,.overview-stats{grid-template-columns:1fr}.settings-nav{top:8px}}@keyframes glass-flow{0%,to{background-position:0% 0%,100% 100%,50% 50%}50%{background-position:100% 100%,0% 0%,50% 50%}}[data-effect=glass] body{background:radial-gradient(ellipse 70% 60% at 15% 20%,rgba(10,132,255,.45),transparent 60%),radial-gradient(ellipse 60% 80% at 85% 80%,rgba(191,90,242,.4),transparent 60%),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(48,209,255,.3),transparent 65%),linear-gradient(135deg,#07071a,#0d0a24,#14092a);background-size:180% 180%,200% 200%,200% 200%,100% 100%;background-attachment:fixed;animation:glass-flow 28s ease-in-out infinite;min-height:100vh}[data-effect=glass] .card{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000047,inset 0 1px #ffffff2e,inset 0 -1px #ffffff0a;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}[data-effect=glass] .card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);z-index:-1;pointer-events:none}[data-effect=glass] .card:hover{background:#ffffff17;border-color:#fff3}[data-effect=glass] .sidebar{background:transparent;border-right:1px solid rgba(255,255,255,.08);box-shadow:inset -1px 0 #ffffff0d}[data-effect=glass] .sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f238c;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);z-index:-1;pointer-events:none}[data-effect=glass] .sidebar>*{position:relative;z-index:1}[data-effect=glass] .topbar{position:relative;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:14px 20px;margin-bottom:16px}[data-effect=glass] .topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);z-index:-1;pointer-events:none}[data-effect=glass] input[type=text],[data-effect=glass] input[type=number],[data-effect=glass] input[type=password],[data-effect=glass] input[type=search],[data-effect=glass] textarea,[data-effect=glass] select{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-text)}[data-effect=glass] input:focus,[data-effect=glass] textarea:focus,[data-effect=glass] select:focus{outline:none;border-color:#0a84ff99!important;box-shadow:0 0 0 3px #0a84ff2e}[data-effect=glass] .btn-primary{background:linear-gradient(135deg,#0a84ffeb,#bf5af2d9);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0a84ff59,inset 0 1px #ffffff4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-effect=glass] .btn-primary:hover:not(:disabled){box-shadow:0 6px 24px #0a84ff80,inset 0 1px #ffffff59}[data-effect=glass] .btn-secondary,[data-effect=glass] .btn-ghost{background:#ffffff14;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-effect=glass] .btn-secondary:hover:not(:disabled),[data-effect=glass] .btn-ghost:hover:not(:disabled){background:#ffffff24;border-color:#ffffff38}[data-effect=glass] .badge{background:#ffffff1f;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-effect=glass] tbody tr:hover{background:#ffffff08}[data-effect=glass] .toast,[data-effect=glass] [class*=toast]{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}[data-effect=glass] [style*="position: fixed"][style*=inset]{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-effect=glass] .progress-bar{background:#ffffff14;border:1px solid rgba(255,255,255,.06)}[data-effect=glass] .progress-fill{box-shadow:0 0 8px #0a84ff80}[data-effect=glass] .nav-item:hover,[data-effect=glass] .nav-item.active,[data-effect=glass] .sidebar-nav a:hover,[data-effect=glass] .sidebar-nav a.active{background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-effect=glass] .status-dot,[data-effect=glass] .lavalink-dot-on{box-shadow:0 0 12px currentColor}[data-effect=glass] ::-webkit-scrollbar{width:10px;height:10px}[data-effect=glass] ::-webkit-scrollbar-track{background:#ffffff05}[data-effect=glass] ::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-effect=glass] ::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-effect=glass] .card-title,[data-effect=glass] .stat-value,[data-effect=glass] .hero-title,[data-effect=glass] .topbar-title{text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-effect=glass] .sidebar .nav-item:hover,[data-effect=glass] .sidebar .nav-item.active,[data-effect=glass] .settings-nav-item:hover,[data-effect=glass] .settings-nav-item.active,[data-effect=glass] .sidebar-nav a:hover,[data-effect=glass] .sidebar-nav a.active{color:#fffffff5;text-shadow:0 1px 10px rgba(0,0,0,.38)}[data-effect=glass] .sidebar .nav-item.active,[data-effect=glass] .settings-nav-item.active,[data-effect=glass] .sidebar-nav a.active{background:linear-gradient(135deg,#ffffff30,#ffffff16),linear-gradient(135deg,#0a84ff29,#bf5af224);border-color:#fff3;box-shadow:inset 0 1px #ffffff38,0 10px 28px #0000003d}[data-effect=glass] .sidebar .nav-item.active>span:first-child,[data-effect=glass] .settings-nav-item.active>span:first-child{color:#fff;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.42),transparent 30%),linear-gradient(145deg,#0a84fff0,#bf5af2db);border-color:#ffffff3d;box-shadow:inset 0 1px #ffffff42,0 8px 22px #0a84ff42}.sidebar{overflow:visible}.sidebar-brand,.sidebar-footer{flex:0 0 auto}.brand-status{font-size:11px;color:var(--color-text-muted);font-weight:700;letter-spacing:.04em;display:flex;align-items:center;gap:6px}.brand-status span{width:7px;height:7px;border-radius:50%;background:#3ba55c;box-shadow:0 0 8px #3ba55ccc;display:inline-block}.sidebar-nav-scroll{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-text-muted) 42%,transparent) transparent;padding:4px 4px 10px;margin:0 4px -8px}.sidebar-nav-scroll::-webkit-scrollbar{height:7px}.sidebar-nav-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-muted) 38%,transparent);border-radius:999px}.sidebar-nav-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-text-muted) 62%,transparent)}.sidebar-nav-scroll .nav-section{flex:0 0 auto}.sidebar-footer{position:relative;z-index:330}.profile-trigger{display:flex;align-items:center;gap:9px;min-height:44px;max-width:270px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--color-border) 76%,transparent);border-radius:14px;background:color-mix(in srgb,var(--color-card) 80%,transparent);color:var(--color-text);cursor:pointer;box-shadow:inset 0 1px #ffffff0f,0 8px 20px #00000024;transition:transform .42s var(--ease-smooth),background .42s var(--ease-smooth),border-color .42s var(--ease-smooth),box-shadow .52s var(--ease-smooth)}.profile-trigger:hover,.profile-trigger-open{transform:translate3d(0,-1px,0);background:color-mix(in srgb,var(--color-hover) 70%,transparent);border-color:color-mix(in srgb,var(--color-brand) 34%,var(--color-border));box-shadow:inset 0 1px #ffffff14,0 12px 26px #0003}.profile-avatar{flex:0 0 auto;border-radius:12px;object-fit:cover;border:1px solid color-mix(in srgb,var(--color-brand) 32%,var(--color-border));box-shadow:0 8px 18px #0000002e}.profile-avatar-fallback{display:grid;place-items:center;background:linear-gradient(145deg,var(--color-brand),#d4af5f);color:#071815;font-size:13px;font-weight:900}.profile-trigger-text{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.profile-trigger .u-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-trigger .u-tag{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:11px}.profile-caret{margin-left:2px;color:var(--color-text-muted);transition:transform .36s var(--ease-smooth),color .36s var(--ease-smooth)}.profile-trigger-open .profile-caret{transform:rotate(180deg);color:var(--color-text)}.profile-menu{position:absolute;top:calc(100% + 12px);right:0;width:min(340px,calc(100vw - 28px));padding:14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);background:color-mix(in srgb,var(--color-card) 96%,#fff 2%);box-shadow:0 24px 70px #00000061,inset 0 1px #ffffff12;animation:softRise .34s var(--ease-smooth) both;z-index:340}.profile-menu-head{display:flex;align-items:center;gap:12px;padding:4px 4px 14px;border-bottom:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.profile-menu-id{min-width:0}.profile-menu-name{color:var(--color-text);font-size:15px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-tag{margin-top:3px;color:var(--color-text-muted);font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-actions{display:grid;gap:8px;padding:12px 0 10px}.profile-menu .theme-picker{width:100%;z-index:342}.profile-menu .theme-toggle,.profile-menu .profile-logout{width:100%;justify-content:center;min-height:38px}.profile-menu .theme-backdrop{z-index:341}.profile-menu .theme-panel{position:absolute;top:calc(100% + 8px);right:0;left:auto;bottom:auto;width:min(320px,calc(100vw - 36px));max-height:calc(100vh - 150px);z-index:342}.profile-menu-link{display:flex;align-items:center;justify-content:center;min-height:32px;border-radius:10px;color:var(--color-text-muted);text-decoration:none;font-size:12px;font-weight:800;transition:background .36s var(--ease-smooth),color .36s var(--ease-smooth)}.profile-menu-link:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-hover) 62%,transparent)}[data-effect=glass] .sidebar-nav-scroll{scrollbar-color:rgba(255,255,255,.28) transparent}[data-effect=glass] .profile-trigger,[data-effect=glass] .profile-menu{background:#ffffff14;border-color:#ffffff21;box-shadow:0 16px 42px #00000042,inset 0 1px #ffffff24;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}[data-effect=glass] .profile-trigger:hover,[data-effect=glass] .profile-trigger-open{background:#ffffff24;border-color:#ffffff38}[data-effect=glass] .profile-menu-head{border-bottom-color:#ffffff1f}[data-effect=glass] .profile-menu-name,[data-effect=glass] .profile-trigger .u-name{color:#fffffff5;text-shadow:0 1px 10px rgba(0,0,0,.28)}[data-effect=glass] .profile-menu-tag,[data-effect=glass] .profile-trigger .u-tag{color:#ffffffa3}@media(max-width:980px){.sidebar{min-height:76px;align-items:center;flex-wrap:nowrap;padding:10px 12px}.sidebar-brand{width:auto;margin:0;padding:0 12px 0 0;border-bottom:none;border-right:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.sidebar-footer{width:auto;margin-left:0;justify-content:flex-end}.profile-trigger-text{display:none}.profile-trigger{max-width:none;padding:6px}.profile-caret{display:none}.main{padding-top:104px}}@media(max-width:640px){.sidebar{position:sticky;top:0;min-height:68px;gap:8px}.sidebar-brand{padding-right:8px}.sidebar-brand>div:last-child{display:none}.sidebar-nav-scroll{padding-bottom:8px;margin-bottom:-7px}.profile-menu{position:fixed;top:72px;right:10px;left:10px;width:auto}.profile-menu .theme-panel{position:fixed;left:12px;right:12px;top:auto;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 88px)}}.soulity-icon{display:block;width:1em;height:1em;flex:0 0 auto;stroke:currentColor}.brand-icon .soulity-icon{width:20px;height:20px;stroke-width:2.1}.sidebar .nav-item>span:first-child .soulity-icon,.settings-nav-item>span:first-child .soulity-icon{width:15px;height:15px;stroke-width:2.05}.settings-nav-item>span:first-child .soulity-icon{width:16px;height:16px}.module-icon .soulity-icon{width:24px;height:24px;stroke-width:1.9}.profile-caret{display:grid;place-items:center}.profile-caret .soulity-icon{width:14px;height:14px;stroke-width:2.2}.profile-logout .soulity-icon{width:15px;height:15px;stroke-width:2}.mobile-menu-btn .soulity-icon{width:20px;height:20px;stroke-width:2.2}