:root{--primary-50:#fffbeb;--primary-100:#fef3c7;--primary-200:#fde68a;--primary-300:#fcd34d;--primary-400:#fbbf24;--primary-500:#f59e0b;--primary-600:#d97706;--primary-700:#b45309;--primary-800:#92400e;--primary-900:#78350f;--secondary-50:#ecfeff;--secondary-100:#cffafe;--secondary-200:#a5f3fc;--secondary-300:#67e8f9;--secondary-400:#22d3ee;--secondary-500:#06b6d4;--secondary-600:#0891b2;--secondary-700:#0e7490;--secondary-800:#155e75;--secondary-900:#164e63;--neutral-900:#12100e;--neutral-800:#1c1917;--neutral-700:#292524;--neutral-600:#44403c;--neutral-500:#57534e;--neutral-400:#78716c;--neutral-300:#a8a29e;--neutral-200:#d6d3d1;--danger-500:#ef4444;--success-500:#22c55e;--success-700:#15803d;--bg-base:#0c0a09;--bg-secondary:#151312;--bg-elevated:#1c1917;--bg-surface:#292524;--bg-surface-hover:#44403c;--bg-tertiary:#1c1917;--bg-card:#1c1917;--bg-card-hover:#292524;--bg-hover:#ffffff0d;--bg-body:var(--bg-base);--surface-card:var(--bg-card);--sidebar-width:240px;--z-sticky:100;--z-negative:-1;--z-base:0;--z-dropdown:200;--z-sidebar:300;--z-overlay:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--text-primary:#f5f5f4;--text-secondary:#d6d3d1;--text-muted:#a8a29e;--text-accent:var(--primary-400);--border-subtle:#ffffff14;--border-default:#44403c;--border-strong:#57534e;--border-accent:var(--primary-600);--border-color:var(--border-default);--border-color-hover:var(--border-strong);--border-light:var(--border-subtle);--brand-primary:var(--primary-500);--brand-primary-rgb:245, 158, 11;--brand-primary-hover:var(--primary-400);--brand-primary-glow:#f59e0b33;--brand-accent-rgb:var(--brand-primary-rgb);--color-primary:var(--brand-primary);--color-primary-dark:var(--primary-600);--color-secondary:var(--primary-300);--discord:#5865f2;--discord-hover:#4752c4;--success:#22c55e;--success-rgb:34, 197, 94;--success-bg:#22c55e26;--warning:#f59e0b;--warning-rgb:245, 158, 11;--warning-bg:#f59e0b26;--error:#ef4444;--error-rgb:239, 68, 68;--error-bg:#ef444426;--online:#22c55e;--online-glow:#22c55e66;--offline:#ef4444;--offline-glow:#ef444466;--font-display:"Outfit", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000080;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #00000080;--shadow-glow:0 0 30px #f59e0b33;--shadow-glow-primary:var(--shadow-glow);--transition-fast:.1s ease;--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s ease;--header-height:72px;--container-max:1200px;--container-wide:1400px;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-semibold:600;--accent-300:#c4b5fd;--accent-400:#a78bfa;--accent-500:#8b5cf6;--success-400:#4ade80;--success-600:#16a34a;--rank-assistant:#60a5fa;--rank-admin:#a78bfa;--rank-head-admin:#f472b6;--role-friend:#34d399;--role-hero:#fbbf24;--role-master:#f87171;--rarity-common:#9ca3af;--rarity-uncommon:#10b981;--rarity-rare:#3b82f6;--rarity-epic:#8b5cf6;--rarity-legendary:#f59e0b;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0000004d}.range-slider{flex-direction:column;gap:.75rem;display:flex}.range-slider .rs-label-row{justify-content:space-between;align-items:center;display:flex}.range-slider .rs-label-row label{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.range-slider .rs-label-row .rs-value{font-family:var(--font-mono);color:var(--brand-primary);font-variant-numeric:tabular-nums;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:999px;padding:.3rem .75rem;font-size:.85rem;font-weight:800}.range-slider .rs-input{appearance:none;cursor:pointer;background:#ffffff14;border-radius:999px;outline:none;width:100%;height:6px}.range-slider .rs-input::-webkit-slider-thumb{appearance:none;background:var(--brand-primary);cursor:pointer;border:2px solid #fff9;border-radius:50%;width:22px;height:22px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 4px #f59e0b40,0 0 12px #f59e0b66}.range-slider .rs-input::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 5px #f59e0b59,0 0 20px #f59e0b80}.range-slider .rs-input::-moz-range-thumb{background:var(--brand-primary);cursor:pointer;border:2px solid #fff9;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 4px #f59e0b40,0 0 12px #f59e0b66}.range-slider .rs-range-meta{font-family:var(--font-mono);color:#ffffff40;justify-content:space-between;font-size:.65rem;display:flex}.range-slider .rs-hint{color:#ffffff59;margin:0;font-size:.7rem}.ui-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);padding:var(--space-4);background:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out uiModalFadeIn;display:flex;position:fixed;inset:0}.ui-modal-container{background:#0d0d0ff2;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:100%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) uiModalSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0009,inset 0 0 0 1px #ffffff08}.ui-modal-container:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff0a 0%,#0000 40%);position:absolute;inset:0}.ui-modal-container.size-sm{max-width:420px}.ui-modal-container.size-md{max-width:560px}.ui-modal-container.size-lg{max-width:820px}.ui-modal-container.size-xl{max-width:1100px}.ui-modal-container.tone-warning{border-color:#ef444459}.ui-modal-container.tone-warning .ui-modal-header{background:linear-gradient(135deg,#ef44441f,#0000 70%)}.ui-modal-container.tone-warning .ui-modal-icon{color:#f87171;background:#ef44442e}.ui-modal-container.tone-warning .ui-modal-title{color:#fff}.ui-modal-container.tone-warning .btn-confirm,.ui-modal-container.tone-warning .ui-modal-footer .submit-btn,.ui-modal-container.tone-warning .ui-modal-footer .btn-primary{color:#fff;background:#ef4444}.ui-modal-container.tone-warning .btn-confirm:hover:not(:disabled),.ui-modal-container.tone-warning .ui-modal-footer .submit-btn:hover:not(:disabled),.ui-modal-container.tone-warning .ui-modal-footer .btn-primary:hover:not(:disabled){background:#dc2626;box-shadow:0 0 20px #ef444466}.ui-modal-container.tone-whisper{border-color:#8b5cf659}.ui-modal-container.tone-whisper .ui-modal-header{background:linear-gradient(135deg,#8b5cf61f,#0000 70%)}.ui-modal-container.tone-whisper .ui-modal-icon{color:#a78bfa;background:#8b5cf62e}.ui-modal-container.tone-whisper .btn-confirm,.ui-modal-container.tone-whisper .ui-modal-footer .submit-btn,.ui-modal-container.tone-whisper .ui-modal-footer .btn-primary{color:#fff;background:#8b5cf6}.ui-modal-container.tone-whisper .btn-confirm:hover:not(:disabled),.ui-modal-container.tone-whisper .ui-modal-footer .submit-btn:hover:not(:disabled),.ui-modal-container.tone-whisper .ui-modal-footer .btn-primary:hover:not(:disabled){background:#7c3aed;box-shadow:0 0 20px #8b5cf666}.ui-modal-container.tone-chat{border-color:#3b82f659}.ui-modal-container.tone-chat .ui-modal-header{background:linear-gradient(135deg,#3b82f61f,#0000 70%)}.ui-modal-container.tone-chat .ui-modal-icon{color:#60a5fa;background:#3b82f62e}.ui-modal-container.tone-chat .ui-modal-footer .submit-btn,.ui-modal-container.tone-chat .ui-modal-footer .btn-primary{color:#fff;background:#3b82f6}.ui-modal-container.tone-chat .ui-modal-footer .submit-btn:hover:not(:disabled),.ui-modal-container.tone-chat .ui-modal-footer .btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 0 20px #3b82f666}.ui-modal-container.tone-title{border-color:#f59e0b59}.ui-modal-container.tone-title .ui-modal-header{background:linear-gradient(135deg,#f59e0b1f,#0000 70%)}.ui-modal-container.tone-title .ui-modal-icon{color:#f59e0b;background:#f59e0b2e}.ui-modal-container.tone-title .ui-modal-footer .submit-btn,.ui-modal-container.tone-title .ui-modal-footer .btn-primary{background:var(--brand-primary);color:#000}.ui-modal-container.tone-announce{border-color:#10b98159}.ui-modal-container.tone-announce .ui-modal-header{background:linear-gradient(135deg,#10b9811f,#0000 70%)}.ui-modal-container.tone-announce .ui-modal-icon{color:#34d399;background:#10b9812e}.ui-modal-container.tone-announce .ui-modal-footer .submit-btn,.ui-modal-container.tone-announce .ui-modal-footer .btn-primary{color:#fff;background:#10b981}.ui-modal-container.tone-announce .ui-modal-footer .submit-btn:hover:not(:disabled),.ui-modal-container.tone-announce .ui-modal-footer .btn-primary:hover:not(:disabled){background:#059669;box-shadow:0 0 20px #10b98166}.ui-modal-container.tone-alert{border-color:#ef444466}.ui-modal-container.tone-alert .ui-modal-header{background:linear-gradient(135deg,#ef444424,#0000 70%)}.ui-modal-container.tone-alert .ui-modal-icon{color:#f87171;background:#ef44442e}.ui-modal-container.tone-alert .ui-modal-footer .submit-btn,.ui-modal-container.tone-alert .ui-modal-footer .btn-primary{color:#fff;background:#dc2626}.ui-modal-container.tone-info{border-color:#60a5fa59}.ui-modal-container.tone-info .ui-modal-icon{color:#60a5fa;background:#60a5fa2e}.ui-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:relative}.ui-modal-title-group{flex:1;align-items:center;gap:.875rem;min-width:0;display:flex}.ui-modal-icon{color:#ffffffb3;background:#ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ui-modal-title-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.ui-modal-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.ui-modal-subtitle{color:#ffffff73;font-size:.8rem;line-height:1.4}.ui-modal-close{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;line-height:1;transition:all .15s;display:flex}.ui-modal-close:hover{color:#fff;background:#ffffff14;border-color:#ffffff14}.ui-modal-content{flex:1;padding:1.5rem;overflow-y:auto}.ui-modal-footer{background:#0003;border-top:1px solid #ffffff0f;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.ui-modal-footer button{color:#ffffffd9;cursor:pointer;background:#ffffff0f;border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .15s;display:inline-flex}.ui-modal-footer button:hover:not(:disabled){color:#fff;background:#ffffff1a}.ui-modal-footer button:disabled{opacity:.5;cursor:not-allowed}@keyframes uiModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes uiModalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.ui-modal-overlay,.ui-modal-container{animation:none!important}}@media (max-width:640px){.ui-modal-overlay{padding:var(--space-3);align-items:flex-start}.ui-modal-container{width:100%;max-height:calc(100dvh - var(--space-6));border-radius:var(--radius-xl);max-width:none!important}.ui-modal-container .ui-modal-header,.ui-modal-container .ui-modal-content,.ui-modal-container .ui-modal-footer{padding:var(--space-4)}.ui-modal-container .ui-modal-header{gap:var(--space-3)}.ui-modal-container .ui-modal-footer{flex-wrap:wrap}.ui-modal-container .ui-modal-footer button{flex:140px;justify-content:center;min-height:44px}}