:root{--bg-primary:#06060b;--bg-secondary:#0d0d14;--bg-tertiary:#13131d;--bg-card:#111119;--bg-card-hover:#1a1a26;--bg-glass:rgba(255,255,255,0.02);--bg-glass-strong:rgba(255,255,255,0.05);--bg-overlay:rgba(0,0,0,0.75);--accent-primary:#7c3aed;--accent-secondary:#a855f7;--accent-tertiary:#c084fc;--accent-glow:rgba(124,58,237,0.4);--accent-glow-strong:rgba(124,58,237,0.6);--accent-gradient:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);--accent-gradient-h:linear-gradient(90deg,#7c3aed,#a855f7 50%,#c084fc);--neon-blue:#38bdf8;--neon-cyan:#22d3ee;--neon-green:#4ade80;--neon-pink:#f472b6;--neon-orange:#fb923c;--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-accent:#c084fc;--border-subtle:rgba(255,255,255,0.06);--border-medium:rgba(255,255,255,0.1);--border-accent:rgba(124,58,237,0.3);--border-glow:rgba(124,58,237,0.5);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--shadow-xl:0 16px 48px rgba(0,0,0,0.6);--shadow-glow:0 0 20px var(--accent-glow);--shadow-glow-strong:0 0 40px var(--accent-glow-strong);--blur-sm:8px;--blur-md:16px;--blur-lg:24px;--blur-xl:40px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--header-height:84px;--sidebar-width:280px;--card-width:220px;--card-height:300px;--card-width-fm:150px;--card-height-fm:160px;--list-item-height:60px;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-header:300;--z-modal-overlay:400;--z-modal:500;--z-toast:600}*,:after,:before{box-sizing:border-box;margin:0;padding:0}a,button,input,select,textarea{touch-action:manipulation}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body:before{content:"";position:fixed;inset:0;background-image:repeating-conic-gradient(rgba(255,255,255,.008) 0 25%,transparent 0 50%);background-size:4px 4px;pointer-events:none;z-index:0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}a{color:var(--accent-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-tertiary)}:focus-visible{border-radius:inherit}.will-change-transform{will-change:transform,opacity}::selection{background:rgba(124,58,237,.3);color:var(--text-primary)}select{color-scheme:dark}select option{background-color:var(--bg-secondary);color:var(--text-primary)}.glass{background:var(--bg-glass);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--border-subtle)}.glass-strong{background:var(--bg-glass-strong);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--border-medium)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-border{box-shadow:inset 0 0 0 1px var(--border-accent),var(--shadow-glow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotateGlow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes borderGlow{0%,to{border-color:rgba(124,58,237,.3);box-shadow:0 0 10px rgba(124,58,237,.1)}50%{border-color:rgba(124,58,237,.6);box-shadow:0 0 20px rgba(124,58,237,.3)}}@keyframes borderGlowRainbow{0%{border-color:#e74c3c;box-shadow:0 0 15px #e74c3c,0 0 25px #f39c12,0 0 35px #2ecc71}33%{border-color:#3498db;box-shadow:0 0 15px #3498db,0 0 25px #9b59b6,0 0 35px #e74c3c}66%{border-color:#2ecc71;box-shadow:0 0 15px #2ecc71,0 0 25px #3498db,0 0 35px #f39c12}to{border-color:#e74c3c;box-shadow:0 0 15px #e74c3c,0 0 25px #f39c12,0 0 35px #2ecc71}}@keyframes borderGlowRoyal{0%,to{border-color:#ffd700;box-shadow:0 0 30px rgba(255,215,0,.7),0 0 60px rgba(255,215,0,.3)}50%{border-color:#ffaa00;box-shadow:0 0 50px rgba(255,170,0,.9),0 0 80px rgba(255,170,0,.5)}}@keyframes borderGlowDivine{0%,to{border-color:#fff;box-shadow:0 0 30px rgba(255,255,255,.8),0 0 60px rgba(255,215,0,.6)}50%{border-color:#ffd700;box-shadow:0 0 50px rgba(255,255,255,1),0 0 100px rgba(124,58,237,.8)}}@keyframes borderGlowAbsolute{0%{border-color:#7c3aed;box-shadow:0 0 30px #7c3aed,0 0 60px #ffd700}50%{border-color:#e74c3c;box-shadow:0 0 50px #e74c3c,0 0 100px #3498db}to{border-color:#7c3aed;box-shadow:0 0 30px #7c3aed,0 0 60px #ffd700}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-card-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--accent-gradient);color:white;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow-strong)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-ghost:hover{background:var(--bg-glass-strong);color:var(--text-primary);border-color:var(--border-medium)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:.8125rem}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-sm)}.input{width:100%;padding:10px 14px;font-family:var(--font-sans);font-size:.875rem;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);outline:none;transition:all var(--transition-normal)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(124,58,237,.15)}.input::placeholder{color:var(--text-tertiary)}.page-container{max-width:1400px;margin:0 auto;padding:var(--space-lg) var(--space-xl);padding-top:calc(var(--header-height) + var(--space-xs))}.ambient-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:-1;transform:translateZ(0);will-change:transform;contain:strict}.ambient-orb-1{width:500px;height:500px;background:rgba(124,58,237,.05);top:-200px;right:-100px}.ambient-orb-2{width:400px;height:400px;background:rgba(56,189,248,.03);bottom:-100px;left:-100px}.ambient-orb-3{display:none}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(124,58,237,.3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(124,58,237,.5)}.filter-sidebar::-webkit-scrollbar{width:4px}.filter-sidebar::-webkit-scrollbar-thumb{background:rgba(124,58,237,.25);border-radius:10px}.ripple-container{position:relative;overflow:hidden}.ripple-container .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.3);transform:scale(0);animation:rippleAnim .6s ease-out forwards;pointer-events:none}@keyframes rippleAnim{to{transform:scale(4);opacity:0}}.gradient-border{position:relative;border-radius:var(--radius-md);overflow:hidden}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc,#7c3aed);background-size:300% 300%;animation:gradientBorderRotate 4s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}@keyframes gradientBorderRotate{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.blur-up-img{transition:filter .4s ease}.blur-up-img.loading{filter:blur(20px);transform:scale(1.05)}.blur-up-img.loaded{filter:blur(0);transform:scale(1)}#nprogress{pointer-events:none}#nprogress .bar{background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);position:fixed;z-index:99999;top:0;left:0;width:100%;height:3px;box-shadow:0 0 10px rgba(124,58,237,.5)}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #a855f7,0 0 5px #a855f7;opacity:1;transform:rotate(3deg) translateY(-4px)}.avatar-frame{border-radius:50%;padding:3px;display:inline-flex}.avatar-frame--bronze{background:linear-gradient(135deg,#cd7f32,#b87333,#cd7f32);box-shadow:0 0 8px rgba(205,127,50,.4)}.avatar-frame--silver{background:linear-gradient(135deg,#c0c0c0,#e8e8e8,#c0c0c0);box-shadow:0 0 10px rgba(192,192,192,.4)}.avatar-frame--gold{background:linear-gradient(135deg,#ffd700,#ffec8b,#ffd700);box-shadow:0 0 12px rgba(255,215,0,.5)}.avatar-frame--platinum{background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc,#7c3aed);background-size:200% 200%;animation:gradientBorderRotate 3s ease infinite;box-shadow:0 0 15px rgba(124,58,237,.5)}.avatar-frame--diamond{background:linear-gradient(135deg,#00d4ff,#7c3aed,#ff6bcb,#00d4ff);background-size:300% 300%;animation:gradientBorderRotate 2s ease infinite;box-shadow:0 0 20px rgba(0,212,255,.4),0 0 40px rgba(124,58,237,.2)}.avatar-frame--custom{padding:3px}.hover-container .user-card-actions{opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.hover-container:hover .user-card-actions{opacity:1!important;visibility:visible!important}.rating-high{color:#4ade80}.rating-mid{color:#facc15}.rating-low{color:#ef4444}.toast-custom{background:rgba(13,13,20,.95)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid rgba(124,58,237,.2)!important;color:#e2e8f0!important;border-radius:12px!important;font-size:13px!important;box-shadow:0 16px 48px rgba(0,0,0,.5)!important}@keyframes typewriter-cursor{50%{border-color:transparent}}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#main-layout-wrapper{min-height:100vh}body.modal-open{overflow:hidden}body.crt-mode{animation:crt-flicker .15s infinite}body.crt-mode:before{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 0),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));z-index:99999;background-size:100% 2px,3px 100%;pointer-events:none}@keyframes crt-flicker{0%{opacity:.98;text-shadow:.5px .5px 1px rgba(255,255,255,.1)}50%{opacity:1;text-shadow:-.5px -.5px 1px rgba(255,255,255,.1)}to{opacity:.99;text-shadow:.5px -.5px 1px rgba(255,255,255,.1)}}body.crt-cyberpunk{animation:crt-cyber-flicker .12s infinite}body.crt-cyberpunk *{text-shadow:.6px 0 rgba(255,0,90,.2),-.6px 0 rgba(0,240,255,.2)!important}body.crt-cyberpunk:before{content:" ";display:block;position:fixed;inset:0;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.15) 0),linear-gradient(90deg,rgba(255,0,85,.03),rgba(0,255,0,.01),rgba(0,240,255,.03));z-index:99999;background-size:100% 3px,4px 100%;pointer-events:none;opacity:.6}@keyframes crt-cyber-flicker{0%,to{opacity:.99}50%{opacity:.97}}body.crt-arcade{filter:contrast(1.08) saturate(1.1) brightness(.98);animation:crt-arcade-flicker .2s infinite}body.crt-arcade:before{content:" ";display:block;position:fixed;inset:0;background:radial-gradient(circle,transparent 70%,rgba(0,0,0,.35) 100%),linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.15) 0);background-size:100% 100%,100% 4px;z-index:99999;pointer-events:none;opacity:.7}@keyframes crt-arcade-flicker{0%,to{opacity:.998}50%{opacity:.988}}body.crt-phosphor{filter:grayscale(1) sepia(1) hue-rotate(85deg) saturate(2.5) brightness(.88) contrast(1.15);animation:crt-phosphor-flicker .25s infinite}body.crt-phosphor:before{content:" ";display:block;position:fixed;inset:0;background:linear-gradient(rgba(0,255,65,.04) 50%,rgba(0,0,0,.2) 0);background-size:100% 3.5px;z-index:99999;pointer-events:none}body.crt-phosphor *{text-shadow:0 0 3px rgba(0,255,65,.5)!important}@keyframes crt-phosphor-flicker{0%,to{opacity:.99}50%{opacity:.97}}body.theme-cyberpunk{--border-accent:rgba(255,0,110,0.4);--border-glow:rgba(255,0,110,0.6);--accent-glow:rgba(255,0,110,0.35);background-image:radial-gradient(circle at 10% 20%,rgba(24,10,43,.6) 0,transparent 80%),radial-gradient(circle at 90% 80%,rgba(0,245,255,.08) 0,transparent 75%)!important}body.theme-cyberpunk:after{content:"";position:fixed;inset:0;background:linear-gradient(rgba(255,0,110,.012) 1px,transparent 0),linear-gradient(90deg,rgba(255,0,110,.012) 1px,transparent 0);background-size:50px 50px;pointer-events:none;z-index:0}body.theme-cyberpunk .glass,body.theme-cyberpunk .glass-strong{border-color:rgba(255,0,110,.15)!important;box-shadow:0 8px 32px rgba(0,0,0,.6),inset 0 0 12px rgba(255,0,110,.05)!important}body.theme-glacier{--border-accent:rgba(0,243,255,0.35);--border-glow:rgba(0,243,255,0.55);--accent-glow:rgba(0,243,255,0.25);background-image:radial-gradient(circle at 50% -20%,rgba(0,243,255,.08) 0,transparent 60%),radial-gradient(circle at 80% 90%,rgba(56,189,248,.05) 0,transparent 50%)!important}body.theme-glacier .glass,body.theme-glacier .glass-strong{background:rgba(8,23,44,.45)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-color:rgba(0,243,255,.15)!important;box-shadow:0 8px 32px rgba(0,15,30,.5),inset 0 1px 0 rgba(255,255,255,.05)!important}body.theme-glacier .ambient-orb-1{background:rgba(0,243,255,.08)!important}body.theme-glacier .ambient-orb-2{background:rgba(56,189,248,.06)!important}body.theme-orbit{--border-accent:rgba(251,146,60,0.4);--border-glow:rgba(251,146,60,0.6);--accent-glow:rgba(251,146,60,0.3);background-image:radial-gradient(circle at 50% 50%,rgba(28,20,44,.6) 0,#050508 100%)!important}body.theme-orbit:after{content:"";position:fixed;top:35%;left:50%;width:700px;height:700px;border:1px dashed rgba(251,146,60,.03);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) rotate(25deg);animation:rotateGlow 80s linear infinite;z-index:0}body.theme-orbit .glass,body.theme-orbit .glass-strong{background:rgba(18,18,28,.7)!important;border-color:rgba(251,146,60,.12)!important;box-shadow:0 12px 40px rgba(0,0,0,.7),inset 0 0 15px rgba(251,146,60,.03)!important}body.theme-orbit .ambient-orb-1{background:rgba(251,146,60,.06)!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.ambient-orb{display:none!important}.skeleton{animation:none!important}}