:root{--bg-primary:#080c14;--bg-secondary:#0f1626;--bg-tertiary:#17223b;--accent:#00f0ff;--accent-rgb:0, 240, 255;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg, #00f0ff 0%, #3b82f6 100%);--accent-purple-gradient:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--accent-yellow-gradient:linear-gradient(135deg, #ffe600 0%, #f59e0b 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--border-color:#ffffff12;--border-glow:#00f0ff26;--glass-bg:#0f1626a6;--glass-border:#ffffff0d;--glass-blur:blur(20px);--card-shadow:0 12px 40px 0 #00000080;--glow-shadow:0 0 20px #00f0ff33;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .4s cubic-bezier(.175, .885, .32, 1.275);--status-error:#ff4a4a;--status-success:#10b981;--status-warning:#f59e0b}body.light-theme{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent:#0284c7;--accent-rgb:2, 132, 199;--accent-secondary:#7c3aed;--accent-gradient:linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);--accent-purple-gradient:linear-gradient(135deg, #7c3aed 0%, #db2777 100%);--accent-yellow-gradient:linear-gradient(135deg, #eab308 0%, #d97706 100%);--border-color:#0f172a14;--border-glow:#0284c71f;--glass-bg:#ffffffbf;--glass-border:#0f172a0f;--card-shadow:0 10px 30px #0f172a0a;--glow-shadow:0 4px 12px #0284c714}*{box-sizing:border-box;margin:0;padding:0}body,.glass-card,.sidebar,.mobile-tabs,button,input,select,textarea,.nav-item,.forum-card,.mobile-logo-header,.app-container,.main-content,.toast{transition:background-color .2s,border-color .2s,box-shadow .2s}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow);transition:var(--transition-smooth)}.glass-card:hover{border-color:#00f0ff33;box-shadow:0 12px 40px #00f0ff0d}.glass-input{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);transition:var(--transition-smooth);background-color:#ffffff08;width:100%;padding:.8rem 1.2rem;font-family:inherit;font-size:1rem}.glass-input:focus{border-color:var(--accent);background-color:#ffffff0d;outline:none;box-shadow:0 0 15px #00f0ff26}.glass-button{background:var(--accent-gradient);color:#050a15;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--glow-shadow);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-family:inherit;font-size:1rem;font-weight:700;display:inline-flex}.glass-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 25px #00f0ff59}.glass-button:active{transform:translateY(1px)}.glass-button-secondary{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.glass-button-secondary:hover{background:#ffffff1a;border-color:#fff3}.glass-button:disabled,.glass-button-secondary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none!important;transform:none!important}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-purple{background:var(--accent-purple-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-yellow{background:var(--accent-yellow-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 10px #00f0ff26}50%{box-shadow:0 0 25px #00f0ff59}to{box-shadow:0 0 10px #00f0ff26}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.app-container{min-height:100vh;display:flex}.main-content{transition:var(--transition-smooth);flex:1;width:calc(100% - 260px);max-width:1200px;margin-left:260px;padding:2rem}.spinner{border:3px solid #00f0ff1a;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{border-radius:var(--radius-md);z-index:9999;align-items:center;gap:.75rem;padding:1rem 1.5rem;animation:.3s cubic-bezier(.175,.885,.32,1.1) forwards fadeIn;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 30px #0000004d}.toast-success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.toast-error{color:#f87171;background:#ef444426;border:1px solid #ef44444d}@media (width<=768px){.main-content{width:100%;margin-bottom:70px;margin-left:0;padding:1.2rem;transition:none}.main-content.kimi-active{flex-direction:column;height:calc(100dvh - 70px);padding:1.2rem 1.2rem .5rem;display:flex;overflow:hidden}}body:not(.light-theme) select option,body:not(.light-theme) select optgroup{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.mobile-logo-header{align-items:center;gap:.6rem;margin-top:.5rem;margin-bottom:1.25rem;padding:.25rem;display:none}.mobile-logo-header h2{letter-spacing:-.02em;color:var(--text-primary);font-size:1.85rem;font-weight:800}.logo-icon-mobile{color:var(--accent);filter:drop-shadow(0 0 10px #00f0ff73)}@media (width<=768px){.mobile-logo-header{justify-content:space-between;align-items:center;width:100%;padding:.25rem .75rem;display:flex}}.theme-toggle-btn{border:1px solid var(--border-color);color:var(--accent);cursor:pointer;width:40px;height:40px;transition:var(--transition-bounce);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #00000026}.theme-toggle-btn:hover{border-color:var(--accent);box-shadow:var(--glow-shadow);background:#ffffff14;transform:scale(1.05)}body.light-theme .theme-toggle-btn{background:#0f172a05;box-shadow:0 4px 10px #0f172a0a}body.light-theme .theme-toggle-btn:hover{border-color:var(--accent);background:#0f172a0f;box-shadow:0 0 12px #0284c726}.page-header{margin-bottom:1.5rem}.page-header h1{letter-spacing:-.02em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.page-header p{color:var(--text-secondary);font-size:.95rem}.drawer-overlay{-webkit-backdrop-filter:blur(4px);z-index:1100;background:#04070dbf;animation:.25s ease-out forwards fadeInOverlay;position:fixed;inset:0}body.light-theme .drawer-overlay{background:#0f172a66}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.rank-popup-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#0006;justify-content:center;align-items:center;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}body.light-theme .rank-popup-overlay{background:#0f172a4d}.rank-popup-content{border:1px solid var(--border-color);border-radius:var(--radius-md);width:90%;max-width:400px;box-shadow:var(--card-shadow);padding:1.5rem;animation:.2s cubic-bezier(.34,1.56,.64,1) forwards scaleInPopup;background:var(--bg-secondary)!important}@keyframes scaleInPopup{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rank-popup-header{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.rank-popup-header h3{color:var(--accent);font-size:1.1rem;font-weight:700}.close-popup-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;display:flex}.close-popup-btn:hover{color:var(--text-primary);background:#ffffff0d}body.light-theme .close-popup-btn:hover{background:#0f172a0d}.rank-popup-text{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.5}.code-rank-badge.clickable{cursor:pointer;transition:var(--transition-smooth)}.code-rank-badge.clickable:hover{filter:brightness(1.2);box-shadow:0 0 8px #8b5cf659}.hierarchy-badge{border-radius:4px;font-weight:700}.option-badge{color:#94a3b8!important;background:#94a3b81f!important;border:1px solid #94a3b840!important}body.light-theme .option-badge{color:#64748b!important;background:#64748b14!important;border:1px solid #64748b33!important}.it-series-badge{color:#818cf8!important;background:#6366f126!important;border:1px solid #6366f14d!important}.model-series-badge{color:#a3e635!important;background:#a3e63526!important;border:1px solid #a3e6354d!important}body.light-theme .it-series-badge{color:#4f46e5!important;background:#4f46e51a!important;border:1px solid #4f46e533!important}body.light-theme .model-series-badge{color:#65a30d!important;background:#65a30d14!important;border:1px solid #65a30d33!important}.lightbox-overlay{-webkit-backdrop-filter:blur(12px);z-index:99999;background:#04070df2;justify-content:center;align-items:center;animation:.25s ease-out forwards fadeInOverlay;display:flex;position:fixed;inset:0}.close-lightbox-btn{color:#fff;cursor:pointer;width:46px;height:46px;transition:var(--transition-smooth);background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.5rem;right:1.5rem}.close-lightbox-btn:hover{background:#ffffff2e;border-color:#ffffff4d;transform:scale(1.05)}.lightbox-img-wrapper{border-radius:var(--radius-sm);justify-content:center;align-items:center;max-width:90%;max-height:90%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:auto}.lightbox-img-wrapper.zoomed{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.lightbox-img{object-fit:contain;cursor:zoom-in;border-radius:var(--radius-sm);border:1px solid #ffffff14;max-width:100%;max-height:85vh;transition:transform .3s;box-shadow:0 20px 50px #000c}.lightbox-img-wrapper.zoomed .lightbox-img{cursor:zoom-out;width:180%;max-width:none;max-height:none;box-shadow:none;border:none;border-radius:0;margin:auto}body.light-theme .lightbox-overlay{background:#f8fafcf2}body.light-theme .close-lightbox-btn{color:var(--text-primary);background:#0f172a14;border:1px solid #0f172a1a}body.light-theme .close-lightbox-btn:hover{background:#0f172a2e;border-color:#0f172a4d}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}}.auth-wrapper{background-color:var(--bg-primary);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.auth-glow-circle-1{filter:blur(50px);z-index:1;pointer-events:none;background:radial-gradient(circle,#00f0ff26 0%,#0000 70%);border-radius:50%;width:350px;height:350px;position:absolute;top:15%;left:20%}.auth-glow-circle-2{filter:blur(60px);z-index:1;pointer-events:none;background:radial-gradient(circle,#8b5cf61f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:15%;right:20%}.auth-container{z-index:2;border-radius:var(--radius-lg);width:100%;max-width:420px;padding:2.5rem;animation:.5s ease-out fadeIn}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{color:var(--accent);filter:drop-shadow(0 0 10px #00f0ff66);margin-bottom:.75rem}.auth-header h1{letter-spacing:-.5px;margin-bottom:.25rem;font-size:1.85rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);font-size:.9rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);letter-spacing:.5px;font-size:.85rem;font-weight:600}.auth-error-msg{color:#f87171;border-radius:var(--radius-sm);text-align:center;background:#ef44441a;border:1px solid #ef444433;padding:.75rem 1rem;font-size:.85rem}.form-checkbox-group{margin:.25rem 0}.checkbox-container{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;padding-left:28px;font-size:.85rem;display:flex;position:relative}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-checkmark{border:1px solid var(--border-color);width:18px;height:18px;transition:var(--transition-smooth);background-color:#ffffff0d;border-radius:4px;position:absolute;top:1px;left:0}.checkbox-container:hover input~.checkbox-checkmark{background-color:#ffffff1a}.checkbox-container input:checked~.checkbox-checkmark{background-color:var(--accent);border-color:var(--accent)}.checkbox-checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkbox-checkmark:after{display:block}.checkbox-container .checkbox-checkmark:after{border:2px solid #050a15;border-width:0 2px 2px 0;width:4px;height:9px;top:2px;left:6px;transform:rotate(45deg)}.auth-submit-btn{width:100%;margin-top:.5rem}.spinner-small{border:2px solid #fff3;border-top-color:#050a15;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.9rem}.auth-toggle-link{color:var(--accent);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-family:inherit;font-weight:600;text-decoration:underline}.auth-toggle-link:hover{color:var(--text-primary);filter:brightness(1.2)}body.light-theme .auth-glow-circle-1{background:radial-gradient(circle,#0284c71a 0%,#fff0 70%)}body.light-theme .auth-glow-circle-2{background:radial-gradient(circle,#7c3aed14 0%,#fff0 70%)}body.light-theme .checkbox-checkmark{background-color:#0f172a05}body.light-theme .checkbox-container:hover input~.checkbox-checkmark{background-color:#0f172a0d}body.light-theme .checkbox-container input:checked~.checkbox-checkmark:after{border-color:#fff}.sidebar{z-index:100;border-radius:var(--radius-lg);border:1px solid var(--glass-border);flex-direction:column;width:240px;padding:1.5rem;display:flex;position:fixed;top:1rem;bottom:1rem;left:1rem}.sidebar-logo{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.logo-icon{color:var(--accent);filter:drop-shadow(0 0 8px #00f0ff66)}.sidebar-logo h2{letter-spacing:-.5px;font-size:1.25rem;font-weight:800}.user-badge{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff05;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.6rem .8rem;font-size:.85rem;display:flex}.user-dot{background:var(--status-success);width:8px;height:8px;box-shadow:0 0 8px var(--status-success);border-radius:50%}.user-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;overflow:hidden}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;font-weight:500;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff08;border-color:#ffffff08}.nav-item.active{color:var(--accent);background:#00f0ff0f;border-color:#00f0ff26;font-weight:600}.logout-btn{color:#f87171;border-color:#ef44441a;margin-top:auto}.logout-btn:hover{color:#ef4444;background:#ef444414;border-color:#ef44444d}.mobile-tabs{display:none}@media (width<=768px){.sidebar{display:none}.mobile-tabs{border-top:1px solid var(--border-color);z-index:1000;border-radius:0;justify-content:space-around;align-items:center;width:100%;height:70px;padding:0 1rem;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -5px 25px #0006;background:var(--bg-secondary)!important}.tab-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;font-family:inherit;font-size:.7rem;display:flex}.tab-item.active{color:var(--accent)}.logout-btn-mobile{color:#f87171}}body.light-theme .user-badge{background:#0f172a05}body.light-theme .nav-item:hover{background:#0f172a05;border-color:#0f172a05}body.light-theme .nav-item.active{background:#0284c70f;border-color:#0284c726}body.light-theme .theme-toggle-btn-sidebar:hover{color:var(--accent)!important;background:#0284c70a!important;border-color:#0284c740!important}@media (width<=768px){body.light-theme .mobile-tabs{background:var(--bg-secondary)!important;border-top:1px solid var(--border-color)!important;box-shadow:0 -5px 25px #0f172a0d!important}}.kimi-icon-nav{color:#a855f7;filter:drop-shadow(0 0 4px #a855f766);transition:var(--transition-smooth)}.nav-item.active .kimi-icon-nav{color:var(--accent);filter:drop-shadow(0 0 6px #00f0ff80)}@media (width<=480px){.mobile-tabs{padding:0 .25rem}.tab-item{min-width:60px;padding:.5rem .15rem;font-size:.65rem}}