@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;--max-quality-text: #E3B7FF;--max-quality-outline: #5D158A;--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: #141720;--group-inner-bg: rgba(0, 0, 0, .25);--group-inner-shadow: inset 0 2px 6px rgba(0, 0, 0, .15);--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;--zebra-even: rgba(255, 255, 255, .05);--zebra-odd: transparent}.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(0, 0, 0, .25);--text-main: #000000;--text-muted: #334155;--accent-blue: #2563eb;--accent-blue-hover: #1d4ed8;--accent-gold: #d97706;--accent-purple: #7c3aed;--accent-danger: #dc2626;--accent-success: #059669;--max-quality-text: #5D158A;--max-quality-outline: #E3B7FF;--glass-blur: blur(16px);--focus-ring: 0 0 0 2px rgba(37, 99, 235, .4);--dim-bg: rgba(0, 0, 0, .06);--dim-border: rgba(0, 0, 0, .22);--criteria-card-bg: #ffffff;--group-inner-bg: rgba(0, 0, 0, .03);--group-inner-shadow: inset 0 2px 4px rgba(0, 0, 0, .02);--criteria-detail-bg: rgba(0, 0, 0, .08);--grid-item-bg: rgba(0, 0, 0, .08);--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;--zebra-even: rgba(0, 0, 0, .04);--zebra-odd: transparent}.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);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}.app-container{display:flex;height:calc(100vh / var(--app-zoom, 1));width:100%;zoom:var(--app-zoom, 1);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-calc-glow{background:#3b82f626;color:var(--accent-blue-hover);border:1px solid rgba(59,130,246,.3);box-shadow:0 0 15px #3b82f61a}.btn-calc-glow:hover{background:#3b82f640;border-color:#3b82f699;box-shadow:0 0 20px #3b82f666;transform:translateY(-1px)}.btn-calc-glow-purple{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3);box-shadow:0 0 15px #8b5cf61a}.btn-calc-glow-purple:hover{background:#8b5cf640;border-color:#8b5cf699;box-shadow:0 0 20px #8b5cf666;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}.quick-calc-btn-keep{background:#3b82f61a;border:1px solid rgba(59,130,246,.4);color:var(--accent-blue)}.quick-calc-btn-keep:hover{background:#3b82f633;border-color:#3b82f699;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.quick-calc-btn-discard{background:#ef44441a;border:1px solid rgba(239,68,68,.4);color:var(--accent-danger)}.quick-calc-btn-discard:hover{background:#ef444433;border-color:#ef444499;transform:translateY(-1px);box-shadow:0 4px 12px #ef444426}.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}.select-muted{color:var(--text-muted)}.select-muted:focus{color:var(--text-main)}.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}select.input optgroup{background-color:var(--dim-bg);color:var(--accent-blue);font-weight:700;font-style:normal}.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 .22s ease,max-width .22s ease,margin-left .22s ease;white-space:nowrap;overflow:hidden;opacity:1;max-width:150px}.nav-link.collapsed .nav-text{opacity:0;max-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)}.slanted-th{height:50px;vertical-align:bottom;padding:0 2px!important;white-space:nowrap}.slanted-th>div{transform:rotate(-45deg);transform-origin:left bottom;width:25px;text-align:left;margin-left:5px;font-size:.9em;font-weight:600;color:var(--text-muted)}.dot-checkbox-container{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-main);color:var(--text-main)}.dot-checkbox-container input{display:none}.dot-checkbox{width:18px;height:18px;border:2px solid var(--panel-border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#ffffff0d;flex-shrink:0}.dot-checkbox-container:hover .dot-checkbox{border-color:var(--accent-gold)}.dot-checkbox-container input:checked+.dot-checkbox{border-color:var(--accent-gold)}.dot-checkbox:after{content:"";width:8px;height:8px;background-color:var(--accent-gold);border-radius:50%;transform:scale(0);transition:transform .2s cubic-bezier(.12,.4,.29,1.46)}.dot-checkbox-container input:checked+.dot-checkbox:after{transform:scale(1)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:sticky;top:0;left:0;right:0;height:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none;z-index:9999}.toast-content{margin-top:1.5rem;animation:toastSlideIn .35s cubic-bezier(.16,1,.3,1) forwards;display:flex;align-items:center;gap:.75rem;padding:.8rem 1.5rem;background:var(--panel-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:9999px;box-shadow:0 10px 40px -10px #00000080;color:var(--text-main);font-weight:600;font-size:calc(var(--font-size-main) * 1.05);pointer-events:auto;max-width:560px}.toast-content+.toast-content{margin-top:0}.theme-light .toast-content{box-shadow:0 10px 40px -10px #00000026;background:#fffffff2}.toast-content.success{border-bottom:2px solid var(--accent-success)}.toast-content.error{border-bottom:2px solid var(--accent-danger)}.toast-content.info{border-bottom:2px solid var(--accent-blue)}