:root{--bg-app:#050811;--bg-sidebar:#090e1a;--bg-surface:#0e1626;--bg-surface-raised:#141f36;--bg-surface-hover:#1b2a47;--bg-card:#0e1626b8;--bg-card-hover:#16223ad9;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d447;--accent-violet:#8b5cf6;--accent-violet-glow:#8b5cf647;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b47;--accent-emerald:#10b981;--accent-emerald-glow:#10b98140;--accent-rose:#f43f5e;--accent-rose-glow:#f43f5e47;--accent-electric:#38bdf8;--cat-uni-theory:#f43f5e;--cat-uni-session:#f59e0b;--cat-uni-bonus:#eab308;--cat-uni-exam:#fb923c;--cat-uni-lab:#d97706;--cat-mit-theory:#06b6d4;--cat-mit-ps:#8b5cf6;--cat-mit-lab:#10b981;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-highlight:#fff;--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", SFMono-Regular, Consolas, monospace;--border-subtle:#ffffff14;--border-medium:#ffffff26;--border-active:#38bdf873;--glass-shadow:0 16px 36px -8px #0000008c, 0 0 0 1px #ffffff12;--glass-shadow-hover:0 20px 42px -6px #000000b3, 0 0 0 1px #38bdf859;--sidebar-width:290px;--topbar-height:64px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:9999px;--ease-spring:cubic-bezier(.16, 1, .3, 1);--trans-fast:.15s ease;--trans-smooth:.25s var(--ease-spring)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.55;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.skip-link{background:var(--accent-cyan);color:#000;border-radius:var(--radius-sm);z-index:99999;padding:10px 16px;font-weight:700;transition:top .2s;position:absolute;top:-100px;left:20px}.skip-link:focus{top:20px}.ambient-glow-tl{filter:blur(90px);pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf61f 0%,#06b6d40d 45%,#0000 70%);width:55vw;height:55vw;position:fixed;top:-15vw;left:-10vw}.ambient-glow-br{filter:blur(100px);pointer-events:none;z-index:0;background:radial-gradient(circle,#f59e0b14 0%,#f43f5e0a 50%,#0000 75%);width:50vw;height:50vw;position:fixed;bottom:-15vw;right:-10vw}.sidebar-backdrop{-webkit-backdrop-filter:blur(8px);z-index:998;opacity:0;pointer-events:none;background:#000c;transition:opacity .25s;display:none;position:fixed;inset:0}.sidebar-backdrop.active{opacity:1;pointer-events:auto;display:block}.app-layout{z-index:1;min-height:100vh;display:flex;position:relative}.main-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform var(--trans-smooth);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;padding:22px 20px;display:flex}.logo-badge{border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent-cyan);background:linear-gradient(135deg,#06b6d440,#8b5cf659);border:1px solid #38bdf866;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #06b6d440}.logo-info h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-highlight);font-size:1.15rem;font-weight:700}.logo-info p{color:var(--accent-cyan);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:600}.sidebar-close-btn{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;width:32px;height:32px;transition:all var(--trans-fast);background:0 0;justify-content:center;align-items:center;margin-left:auto;display:none}.sidebar-close-btn:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--border-medium)}.sidebar-scrollable{flex-direction:column;flex:1;gap:20px;padding:18px 14px;display:flex;overflow-y:auto}.sidebar-scrollable::-webkit-scrollbar{width:5px}.sidebar-scrollable::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.nav-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 10px 6px;font-size:.72rem;font-weight:700;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--trans-fast);text-align:left;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.88rem;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--bg-surface-raised);color:var(--text-primary)}.nav-item.active{color:var(--accent-cyan);background:linear-gradient(90deg,#06b6d426,#8b5cf614);border:1px solid #06b6d44d;font-weight:600}.nav-item.active:before{content:"";background:var(--accent-cyan);width:3px;box-shadow:0 0 10px var(--accent-cyan);border-radius:0 4px 4px 0;position:absolute;top:6px;bottom:6px;left:0}.nav-icon{stroke-width:2px;flex-shrink:0;width:18px;height:18px}.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-badge{font-family:var(--font-mono);border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);padding:2px 7px;font-size:.72rem;font-weight:600}.nav-item.active .nav-badge{color:var(--accent-cyan);background:#06b6d433;border-color:#06b6d459}.nav-badge.special-ai{color:var(--accent-rose);background:#f43f5e33;border-color:#f43f5e66}.nav-badge.special-star{color:var(--accent-amber);background:#f59e0b33;border-color:#f59e0b66}.sidebar-footer{border-top:1px solid var(--border-subtle);background:#05081180;flex-direction:column;gap:8px;padding:14px;display:flex}.footer-link{border-radius:var(--radius-xs);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all var(--trans-fast);align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;display:flex}.footer-link:hover{background:var(--bg-surface-raised);color:var(--accent-cyan);border-color:var(--border-active)}.footer-link.highlight{color:#fecdd3;background:linear-gradient(135deg,#f43f5e26,#f59e0b26);border-color:#f43f5e4d}.topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:90;background:#090e1ad1;justify-content:space-between;align-items:center;gap:20px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left{flex:1;align-items:center;gap:16px;max-width:680px;display:flex}.mobile-menu-btn{border-radius:var(--radius-xs);background:var(--bg-surface-raised);color:var(--text-primary);padding:8px;display:none}.search-container{width:100%;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-medium);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--trans-smooth);padding:11px 40px 11px 42px;font-size:.88rem}.search-input:focus{border-color:var(--accent-cyan);background:var(--bg-surface-raised);outline:none;box-shadow:0 0 0 3px #06b6d426}.search-clear-btn{color:var(--text-muted);padding:4px;font-size:1.1rem;display:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.topbar-right{align-items:center;gap:12px;display:flex}.stat-chip{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:.8rem;font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.stat-chip .dot{background:var(--accent-emerald);width:7px;height:7px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}.content-area{flex-direction:column;gap:clamp(16px,3vw,28px);width:100%;max-width:1480px;margin:0 auto;padding:clamp(14px,3vw,28px);display:flex;overflow-x:hidden}.view-tabs-bar{border-bottom:1px solid var(--border-subtle);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;align-items:center;gap:0;padding-bottom:14px;display:flex;overflow:auto visible}.view-tabs-bar::-webkit-scrollbar{display:none}.tabs-group{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);flex-shrink:0;gap:4px;min-width:max-content;padding:4px;display:inline-flex}.tab-btn{border-radius:var(--radius-pill);color:var(--text-secondary);transition:all var(--trans-fast);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:600;display:inline-flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-surface-raised);color:var(--accent-cyan);border:1px solid #06b6d459;box-shadow:0 4px 12px #00000040}.tab-btn.active.glow-rose{color:var(--accent-rose);border-color:#f43f5e59}.tab-btn.active.glow-amber{color:var(--accent-amber);border-color:#f59e0b59}.tab-tag{border-radius:var(--radius-pill);background:#ffffff14;padding:2px 6px;font-size:.7rem}.category-filter-chips{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:8px;padding:4px 0 8px;display:flex;overflow-x:auto}.category-filter-chips::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.filter-chip{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;transition:all var(--trans-fast);align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.filter-chip:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--border-medium)}.filter-chip.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#06b6d42e;font-weight:600}.academic-hero{border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);background:linear-gradient(135deg,#0e1626d9 0%,#090e1af2 100%);border:1px solid #ffffff1a;padding:36px 40px;position:relative;overflow:hidden}.hero-background-eqs{font-family:var(--font-serif);color:#ffffff0d;pointer-events:none;text-align:right;-webkit-user-select:none;user-select:none;font-size:1.15rem;line-height:1.8;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.hero-pill-badge{border-radius:var(--radius-pill);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;background:#06b6d41f;border:1px solid #06b6d44d;align-items:center;gap:8px;margin-bottom:16px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-highlight);margin-bottom:12px;font-size:2.3rem;font-weight:800;line-height:1.15}.hero-title span{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-description{color:var(--text-secondary);max-width:780px;margin-bottom:24px;font-size:1rem;line-height:1.6}.hero-stats-row{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;padding-top:20px;display:grid}.hero-stat-card{flex-direction:column;display:flex}.hero-stat-num{font-family:var(--font-display);color:var(--accent-cyan);font-size:1.8rem;font-weight:800}.hero-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.resource-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:20px;display:grid}.resource-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--trans-smooth);flex-direction:column;gap:14px;padding:20px;display:flex;position:relative}.resource-card:hover{background:var(--bg-card-hover);border-color:var(--border-active);box-shadow:var(--glass-shadow-hover);transform:translateY(-4px)}.card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.badge-rose{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.badge-amber{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-cyan{color:#38bdf8;background:#06b6d426;border:1px solid #06b6d44d}.badge-violet{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.badge-emerald{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.bookmark-btn{color:var(--text-muted);transition:color var(--trans-fast), transform var(--trans-fast);padding:4px}.bookmark-btn:hover{color:var(--accent-amber);transform:scale(1.15)}.bookmark-btn.bookmarked{color:var(--accent-amber)}.card-title{font-family:var(--font-heading);color:var(--text-highlight);font-size:1.05rem;font-weight:700;line-height:1.35}.card-formula-box{background:var(--bg-surface);border-radius:var(--radius-xs);text-align:center;color:#e2e8f0;border:1px solid #ffffff0f;padding:10px 14px;font-size:.95rem;overflow-x:auto}.card-desc{color:var(--text-secondary);flex:1;font-size:.84rem;line-height:1.5}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.tag-pill{border-radius:var(--radius-pill);color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff0f;padding:2px 8px;font-size:.72rem}.card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.difficulty-indicator{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);align-items:center;gap:4px;display:inline-flex}.difficulty-dots{gap:3px;display:inline-flex}.dot-diff{background:#fff3;border-radius:50%;width:6px;height:6px}.dot-diff.active.green{background:var(--accent-emerald)}.dot-diff.active.amber{background:var(--accent-amber)}.dot-diff.active.rose{background:var(--accent-rose)}.open-pdf-btn{border-radius:var(--radius-sm);color:var(--accent-cyan);transition:all var(--trans-fast);background:#06b6d426;border:1px solid #06b6d459;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.open-pdf-btn:hover{background:var(--accent-cyan);color:#000;box-shadow:0 0 16px #06b6d466}.bk-view{flex-direction:column;gap:20px;display:flex}.bk-view-header{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:20px 24px;display:flex}.bk-view-title{font-family:var(--font-display);color:var(--text-highlight);align-items:center;gap:10px;font-size:1.4rem;font-weight:700;display:flex}.bk-count-badge{font-family:var(--font-mono);border-radius:var(--radius-pill);color:var(--accent-amber);background:#f59e0b2e;border:1px solid #f59e0b66;padding:2px 10px;font-size:.85rem;font-weight:700}.bk-view-sub{color:var(--text-secondary);margin-top:4px;font-size:.84rem}.bk-clear-btn{border-radius:var(--radius-sm);color:var(--accent-rose);transition:all var(--trans-fast);background:#f43f5e1a;border:1px solid #f43f5e4d;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.bk-clear-btn:hover{border-color:var(--accent-rose);background:#f43f5e33}.bk-filter-bar{flex-wrap:wrap;gap:8px;display:flex}.bk-filter-btn{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--trans-fast);white-space:nowrap;padding:6px 14px;font-size:.8rem;font-weight:500}.bk-filter-btn:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--border-medium)}.bk-filter-btn.active{border-color:var(--accent-amber);color:var(--accent-amber);background:#f59e0b2e;font-weight:600}.bk-grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:18px;display:grid}.bk-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--trans-smooth);flex-direction:column;gap:16px;padding:20px;display:flex}.bk-card:hover{border-color:#f59e0b59;transform:translateY(-3px);box-shadow:0 12px 32px #0006,0 0 0 1px #f59e0b33}.bk-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.bk-remove-btn{color:var(--text-muted);border-radius:var(--radius-xs);transition:all var(--trans-fast);opacity:0;padding:4px}.bk-card:hover .bk-remove-btn{opacity:1}.bk-remove-btn:hover{color:var(--accent-rose);background:#f43f5e1f}.bk-card-title{font-family:var(--font-heading);color:var(--text-highlight);font-size:1rem;font-weight:700;line-height:1.35}.bk-progress-section{flex-direction:column;gap:8px;display:flex}.bk-progress-header{justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.bk-progress-pct{font-family:var(--font-mono);color:var(--text-muted)}.bk-progress-label{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;font-size:.75rem;font-weight:700}.prog-none{color:var(--text-muted);background:#64748b26;border:1px solid #64748b40}.prog-low{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.prog-mid{color:var(--accent-cyan);background:#06b6d426;border:1px solid #06b6d44d}.prog-done{color:var(--accent-emerald);background:#10b98126;border:1px solid #10b9814d}.bk-progress-track{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-subtle);height:6px;overflow:hidden}.bk-progress-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent-amber), var(--accent-cyan));height:100%;transition:width .4s var(--ease-spring)}.bk-progress-steps{gap:4px;display:flex}.bk-step-btn{font-size:.7rem;font-family:var(--font-mono);border-radius:var(--radius-xs);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);transition:all var(--trans-fast);flex:1;padding:4px 0;font-weight:600}.bk-step-btn:hover{background:var(--bg-surface-raised);border-color:var(--border-medium);color:var(--text-primary)}.bk-step-btn.current{border-color:var(--accent-amber);color:var(--accent-amber);background:#f59e0b2e}.bk-note-section{flex-direction:column;gap:6px;display:flex}.bk-note-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex}.bk-note-input{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);resize:vertical;min-height:60px;transition:all var(--trans-fast);padding:10px 12px;font-size:.84rem;line-height:1.5}.bk-note-input:focus{border-color:var(--accent-amber);background:var(--bg-surface-raised);outline:none;box-shadow:0 0 0 3px #f59e0b1f}.bk-note-input::placeholder{color:var(--text-muted)}.bk-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.bk-meta-date{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);align-items:center;gap:5px;display:inline-flex}@media (width<=768px){.bk-view-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 18px}.bk-grid{grid-template-columns:1fr;gap:14px}.bk-card{padding:16px}.bk-remove-btn{opacity:1}.bk-step-btn{flex:none;min-height:36px;padding:5px 10px}}.malla-container{flex-direction:column;gap:24px;display:flex}.malla-header-bar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.malla-header-info h2{font-family:var(--font-display);color:var(--text-highlight);font-size:1.4rem}.malla-header-info p{color:var(--text-secondary);font-size:.85rem}.stepper-nav{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex}.stepper-nav::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.stepper-btn{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;transition:all var(--trans-fast);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.stepper-btn:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px)}.stepper-btn.active{color:#c4b5fd;border-color:var(--accent-violet);background:linear-gradient(135deg,#8b5cf640 0%,#8b5cf61f 100%);box-shadow:0 0 16px #8b5cf659}.radar-container .stepper-btn.active{color:#fca5a5;border-color:var(--accent-rose);background:linear-gradient(135deg,#f43f5e40 0%,#f43f5e1f 100%);box-shadow:0 0 16px #f43f5e59}.comparison-bento{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);flex-direction:column;gap:24px;padding:30px;display:flex}.comparison-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.comparison-eval-title{font-family:var(--font-display);color:var(--text-highlight);font-size:1.6rem;font-weight:800}.comparison-week-tag{border-radius:var(--radius-pill);color:var(--accent-violet);background:#8b5cf633;border:1px solid #8b5cf659;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.comparison-formulas-bar{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid #ffffff14;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:center;gap:16px;padding:16px 20px;display:grid}.formula-item{text-align:center;border-radius:var(--radius-xs);background:#ffffff05;padding:8px;font-size:1.05rem}.comparison-columns{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px;display:grid}.comp-col{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#090e1a99;flex-direction:column;gap:14px;padding:20px;display:flex}.comp-col-header{font-family:var(--font-display);border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding-bottom:12px;font-size:1.05rem;font-weight:700;display:flex}.comp-col.mit .comp-col-header{color:var(--accent-cyan)}.comp-col.uni .comp-col-header{color:var(--accent-amber)}.comp-resource-list{flex-direction:column;gap:10px;display:flex}.comp-resource-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all var(--trans-fast);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;display:flex}.comp-resource-item:hover{background:var(--bg-surface-raised);border-color:var(--border-medium);transform:translate(4px)}.matrix-table-wrap{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto}.matrix-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.matrix-table th,.matrix-table td{border-bottom:1px solid var(--border-subtle);padding:16px 20px}.matrix-table th{background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.matrix-table tr:hover td{background:#ffffff05}.radar-container{flex-direction:column;gap:24px;display:flex}.radar-stats-hero{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.radar-stat-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:20px;display:flex}.radar-stat-val{font-family:var(--font-display);color:var(--accent-rose);font-size:2rem;font-weight:800}.radar-stat-lbl{color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:600}.prediction-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #f43f5e4d;flex-direction:column;gap:24px;padding:28px;display:flex;box-shadow:0 12px 36px #f43f5e14}.pred-topic-row{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.pred-topic-header{justify-content:space-between;font-size:.88rem;font-weight:600;display:flex}.progress-bar-bg{border-radius:var(--radius-pill);background:var(--bg-surface);height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent-amber), var(--accent-rose));height:100%;box-shadow:0 0 10px #f43f5e80}.trap-box{border-left:4px solid var(--accent-rose);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#fecdd3;background:#f43f5e1a;padding:14px 18px;font-size:.88rem}.week-selector-track{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:10px 0;display:flex;overflow-x:auto}.week-selector-track::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.week-bubble{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);min-width:68px;transition:all var(--trans-fast);flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.week-bubble:hover{background:var(--bg-surface-raised);border-color:var(--border-medium)}.week-bubble.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:linear-gradient(135deg,#06b6d433,#8b5cf633);box-shadow:0 0 16px #06b6d440}.week-bubble-num{font-family:var(--font-display);font-size:1.2rem;font-weight:800}.week-bubble-lbl{text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:700}.formulas-view-header{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.print-btn{border-radius:var(--radius-sm);background:var(--accent-amber);color:#000;transition:all var(--trans-fast);align-items:center;gap:8px;padding:8px 18px;font-size:.84rem;font-weight:700;display:inline-flex}.print-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #f59e0b80}.formula-topic-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:16px;margin-bottom:20px;padding:24px;display:flex}.formula-grid-dense{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:14px;display:grid}.dense-formula-item{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid #ffffff12;flex-direction:column;gap:6px;padding:14px;display:flex}.formula-label{text-transform:uppercase;color:var(--accent-cyan);letter-spacing:.04em;font-size:.76rem;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;display:flex}.empty-icon{width:48px;height:48px;stroke:var(--text-muted)}@media print{body{color:#000!important;background:#fff!important}.sidebar,.topbar,.view-tabs-bar,.ambient-glow-tl,.ambient-glow-br,.print-btn{display:none!important}.main-wrapper{margin-left:0!important}.content-area{padding:0!important}.formula-topic-card,.dense-formula-item{page-break-inside:avoid;color:#000!important;box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.card-formula-box,.formula-item{color:#000!important;background:#f8fafc!important;border:1px solid #ddd!important}}@media (width<=1024px){.radar-stats-hero{grid-template-columns:repeat(3,1fr);gap:12px}}@media (width<=768px){.sidebar{z-index:999;width:min(320px,86vw);height:100dvh;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 60px #000000f2}.sidebar-close-btn{display:flex}.main-wrapper{width:100%;min-width:0;margin-left:0}.mobile-menu-btn{border-radius:var(--radius-sm);background:var(--bg-surface-raised);border:1px solid var(--border-medium);min-width:44px;height:44px;color:var(--text-primary);cursor:pointer;touch-action:manipulation;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-menu-btn:active{background:var(--bg-surface);transform:scale(.94)}.topbar{gap:8px;padding:0 12px}.search-container{width:100%;min-width:0}.topbar-right{display:none}.tab-btn{padding:7px 12px;font-size:.78rem}.category-filter-chips{padding-bottom:6px;margin:12px 0 6px!important}.filter-chip{flex-shrink:0;padding:6px 12px;font-size:.78rem}.academic-hero{border-radius:var(--radius-md);padding:22px 18px}.hero-title{font-size:clamp(1.35rem,5vw,1.8rem)}.hero-description{font-size:.85rem;line-height:1.55}.hero-stats-row{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px;padding-top:16px}.hero-stat-card{border-radius:var(--radius-sm);background:#ffffff08;padding:12px 10px}.hero-stat-num{font-size:1.5rem}.hero-stat-lbl{font-size:.7rem}.hero-background-eqs{display:none}.resource-grid{grid-template-columns:1fr;gap:14px}.resource-card{padding:16px}.card-formula-box{-webkit-overflow-scrolling:touch;padding:8px 10px;overflow-x:auto}.open-pdf-btn{min-height:44px;padding:8px 14px}.malla-header-bar{flex-direction:column;align-items:flex-start;gap:12px}.stepper-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:8px;overflow-x:auto}.stepper-nav::-webkit-scrollbar{display:none}.stepper-btn{white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:.78rem}.comparison-bento{gap:16px;padding:16px}.comparison-formulas-bar{flex-direction:column;align-items:stretch;gap:8px}.formula-item{-webkit-overflow-scrolling:touch;text-align:center;padding:8px;overflow-x:auto}.matrix-table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);overflow-x:auto}.matrix-table th,.matrix-table td{padding:10px 8px;font-size:.78rem}.radar-stats-hero{grid-template-columns:1fr;gap:10px}.radar-stat-box{padding:14px}.radar-stat-val{font-size:1.6rem}.prediction-card{gap:18px;padding:18px 14px}.week-selector-track{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px;overflow-x:auto}.week-selector-track::-webkit-scrollbar{display:none}.week-bubble{flex-shrink:0;min-width:60px}.formulas-view-header{flex-direction:column;align-items:flex-start;gap:14px}.formula-topic-card{padding:16px}.dense-formula-item{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=480px){.topbar{gap:6px;padding:0 8px}.search-input{padding:9px 34px 9px 38px;font-size:.8rem}.academic-hero{padding:16px 14px}.hero-stats-row{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:clamp(1.2rem,6vw,1.5rem)}.tab-btn{padding:6px 10px;font-size:.74rem}.filter-chip{padding:5px 10px;font-size:.74rem}.open-pdf-btn{min-height:40px;padding:8px 10px;font-size:.75rem}.card-title{font-size:.97rem}}