@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color: #0c0e12;--bg-gradient: radial-gradient(circle at 10% 20%, rgba(30, 58, 138, .15) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(124, 58, 237, .12) 0%, transparent 40%);--panel-bg: rgba(20, 24, 34, .65);--panel-bg-hover: rgba(30, 36, 50, .7);--panel-border: rgba(255, 255, 255, .06);--text-main: #f1f5f9;--text-muted: #94a3b8;--accent-blue: #3b82f6;--accent-blue-hover: #60a5fa;--accent-gold: #fbbf24;--accent-purple: #8b5cf6;--accent-danger: #ef4444;--accent-success: #10b981;--glass-blur: blur(16px);--focus-ring: 0 0 0 2px rgba(59, 130, 246, .5);--font-size-main: 14px;--font-size-sub: 12px;--grid-item-bg: rgba(255, 255, 255, .03);--grid-item-rare-bg: #29242F;--grid-item-rare-border: #5E4150;--grid-item-selected-bg: rgba(0, 0, 0, .4);--criteria-card-bg: rgba(255, 255, 255, .02);--criteria-detail-bg: rgba(0, 0, 0, .2);--dim-bg: rgba(255, 255, 255, .05);--dim-border: rgba(255, 255, 255, .1);--weapon-text-shadow: 0 2px 4px rgba(0, 0, 0, .5);--criteria-new-bg: rgba(0, 0, 0, .3);--skill-name-color: #fff}.theme-light{--bg-color: #f8fafc;--bg-gradient: radial-gradient(circle at 10% 20%, rgba(59, 130, 246, .08) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(139, 92, 246, .07) 0%, transparent 40%);--panel-bg: rgba(255, 255, 255, .85);--panel-bg-hover: rgba(248, 250, 252, .95);--panel-border: rgba(15, 23, 42, .12);--text-main: #0f172a;--text-muted: #475569;--accent-blue: #2563eb;--accent-blue-hover: #1d4ed8;--accent-gold: #d97706;--accent-purple: #7c3aed;--accent-danger: #dc2626;--accent-success: #059669;--glass-blur: blur(16px);--focus-ring: 0 0 0 2px rgba(37, 99, 235, .4);--dim-bg: rgba(0, 0, 0, .04);--dim-border: rgba(0, 0, 0, .1);--criteria-detail-bg: rgba(0, 0, 0, .04);--grid-item-bg: rgba(0, 0, 0, .06);--grid-item-rare-bg: rgba(244, 114, 182, .12);--grid-item-rare-border: rgba(244, 114, 182, .6);--grid-item-selected-bg: #ffffff;--weapon-text-shadow: none;--criteria-new-bg: #ffffff;--skill-name-color: #000000}.theme-light body,.theme-light .app-container{background-color:var(--bg-color)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-main);font-size:var(--font-size-main);background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background:#0f111acc;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;padding:1.5rem 1rem;z-index:10}.main-content{flex:1;overflow-y:auto;padding:2rem;position:relative}.glass-panel{background:var(--panel-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 32px -4px #0000004d;transition:transform .2s ease,box-shadow .2s ease}h1,h2,h3,h4,h5{color:var(--text-main);font-weight:600;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;font-weight:500;font-size:var(--font-size-main);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent;outline:none;-webkit-user-select:none;user-select:none}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),#2563eb);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #2563eb66}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-blue-hover),var(--accent-blue));box-shadow:0 6px 16px #2563eb80;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:#ffffff0d;color:var(--text-main)}.btn-danger{background:#ef44441a;color:var(--accent-danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444433}.input{width:100%;background:#0003;border:1px solid var(--panel-border);border-radius:8px;padding:.6rem 1rem;color:var(--text-main);font-family:inherit;font-size:var(--font-size-main);transition:all .2s}.no-spinner::-webkit-outer-spin-button,.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none!important;appearance:none!important;margin:0!important}.no-spinner[type=number]{-moz-appearance:textfield!important;appearance:textfield!important}.hover-action-btn{background:transparent!important;border:1px solid transparent!important;transition:all .2s ease;color:var(--text-main)}.hover-action-btn:hover{background:var(--dim-bg)!important;border-color:var(--panel-border)!important}.input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633;background:#0000004d}.input::placeholder{color:#fff3}select.input option{background-color:#fff;color:#000}.nav-link{display:flex;align-items:center;padding:.75rem 11px;color:var(--text-muted);text-decoration:none;border-radius:8px;margin-bottom:.2rem;transition:all .2s;font-weight:500;overflow:hidden;white-space:nowrap}.nav-link:hover{color:var(--text-main);background:#ffffff0d}.nav-link.active{color:var(--accent-gold);background:#fbbf2426}.nav-link.collapsed{justify-content:flex-start}.nav-text{margin-left:.75rem;transition:opacity .15s ease,width .2s ease,margin-left .2s ease;white-space:nowrap;overflow:hidden;opacity:1}.nav-link.collapsed .nav-text{opacity:0;width:0;margin-left:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.theme-light .input{background:#fff9}.theme-light .input:focus{background:#fff}.theme-light .input::placeholder{color:#0f172a66}.theme-light .sidebar{background:#f8fafcd9}.theme-light ::-webkit-scrollbar-thumb{background:#0f172a33}.theme-light ::-webkit-scrollbar-thumb:hover{background:#0f172a4d}[style*=--font-size-sub]{font-family:var(--font-family-sub)}