:root{--bg:#fafaf9;--surface:#fff;--surface-2:#f5f5f4;--surface-3:#ebebea;--text-1:#18181b;--text-2:#52525b;--text-3:#a1a1aa;--border:#e4e4e7;--border-strong:#d4d4d8;--divider:#f4f4f5;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--primary-border:#c7d2fe;--success:#16a34a;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-pill:999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Menlo,monospace;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-base:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;--fs-4xl:36px;--container:1280px}[data-theme=dark]{--bg:#0a0a0b;--surface:#18181b;--surface-2:#27272a;--surface-3:#3f3f46;--text-1:#fafafa;--text-2:#a1a1aa;--text-3:#71717a;--border:#27272a;--border-strong:#3f3f46;--divider:#1f1f23;--primary:#818cf8;--primary-hover:#6366f1;--primary-light:#1e1b4b;--primary-border:#3730a3;--success-bg:#052e16;--success-border:#14532d;--warning-bg:#422006;--warning-border:#78350f;--danger-bg:#450a0a;--danger-border:#7f1d1d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--fs-base);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text-1);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}img,svg{max-width:100%;display:block}ul,ol{list-style:none}h1,h2,h3,h4{color:var(--text-1);letter-spacing:-.01em;font-weight:600;line-height:1.25}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}.container{max-width:var(--container);padding:0 var(--s-6);margin:0 auto}@media (width<=768px){.container{padding:0 var(--s-4)}}.site-header{z-index:100;border-bottom:1px solid var(--border);backdrop-filter:saturate(180%)blur(8px);background:#ffffffeb;position:sticky;top:0}[data-theme=dark] .site-header{background:#18181beb}.site-header-inner{max-width:var(--container);padding:0 var(--s-6);align-items:center;gap:var(--s-4);height:56px;margin:0 auto;display:flex}@media (width<=768px){.site-header-inner{padding:0 var(--s-4)}}.logo{font-weight:700;font-size:var(--fs-lg);letter-spacing:-.02em;color:var(--text-1);align-items:center;gap:8px;display:flex}.logo-mark{background:var(--primary);border-radius:var(--r-md);color:#fff;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.search-bar{flex:1;max-width:480px;position:relative}.search-bar input{width:100%;height:36px;padding:0 var(--s-4) 0 36px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-md);outline:none;transition:border-color .15s,background .15s}.search-bar input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-light)}.search-bar svg{width:16px;height:16px;color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.header-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.icon-btn{border-radius:var(--r-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text-1)}.icon-btn svg{width:18px;height:18px}.mobile-menu-toggle{display:none}.desktop-nav{display:inline-block}@media (width<=768px){.mobile-menu-toggle{display:inline-flex}.desktop-nav{display:none!important}}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:90;padding:6px 0 env(safe-area-inset-bottom,6px);display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-3);flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:10px;font-weight:500;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item svg{width:22px;height:22px}@media (width<=768px){.bottom-nav{display:flex}body{padding-bottom:56px}}.btn{border-radius:var(--r-md);height:36px;font-size:var(--fs-md);background:var(--surface-2);color:var(--text-1);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:500;text-decoration:none;transition:background .15s,transform 80ms;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn-primary{background:var(--primary);color:#fff}.btn-ghost{background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-outline{border-color:var(--border-strong);background:0 0}.btn-sm{height:28px;font-size:var(--fs-sm);padding:0 10px}.badge{border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-primary{background:var(--primary-light);color:var(--primary);border-color:var(--primary-border)}.tag{border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);cursor:pointer;padding:3px 10px;font-size:12px;font-weight:500;text-decoration:none;display:inline-block}.exam-card{padding:var(--s-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:block}.exam-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.exam-card-name{font-size:var(--fs-lg);margin-bottom:4px;font-weight:600}.exam-card-desc{font-size:var(--fs-sm);color:var(--text-3);margin-bottom:var(--s-4)}.exam-card-stat{font-size:var(--fs-2xl);color:var(--primary);font-weight:700}.exam-card-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.test-card{padding:var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s;display:block;position:relative}.test-card:hover{border-color:var(--primary-border);transform:translateY(-1px)}.test-card-name{font-size:var(--fs-md);color:var(--text-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;padding-right:24px;font-weight:600;display:-webkit-box;overflow:hidden}.test-card-meta{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.test-card .play-badge{background:var(--success-bg);color:var(--success);border-radius:var(--r-pill);border:1px solid var(--success-border);letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:8px;right:8px}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-select{-webkit-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);height:32px;font-size:var(--fs-sm);color:var(--text-1);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%2371717a' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding:0 28px 0 10px}.site-footer{margin-top:var(--s-12);padding:var(--s-8) 0;border-top:1px solid var(--border);background:var(--surface)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--s-4);color:var(--text-3);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.hero{padding:var(--s-12) 0 var(--s-10);border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%)}.hero h1{font-size:var(--fs-4xl);letter-spacing:-.03em;margin-bottom:var(--s-3)}.hero p{font-size:var(--fs-lg);color:var(--text-2);max-width:640px;line-height:1.7}.hero-stats{gap:var(--s-8);margin-top:var(--s-8);flex-wrap:wrap;display:flex}.section{padding:var(--s-10) 0}.section-sm{padding:var(--s-6) 0}.section-title{margin-bottom:var(--s-5);align-items:baseline;gap:12px;display:flex}.grid{gap:var(--s-4);display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (width<=1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.grid-4,.grid-auto{grid-template-columns:1fr}}.flex{display:flex}.items-center{align-items:center}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.stat-num{font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.stat-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:11px}.muted{color:var(--text-3)}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);min-width:220px;box-shadow:var(--shadow-lg);z-index:50;opacity:0;visibility:hidden;padding:6px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 4px);right:0;transform:translateY(-4px)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{border-radius:var(--r-sm);font-size:var(--fs-md);color:var(--text-1);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--surface-2)}.dropdown-item svg{width:16px;height:16px;color:var(--text-3)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);border-radius:var(--r-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state{text-align:center;padding:var(--s-12) var(--s-6);color:var(--text-3)}.empty-state-icon{width:48px;height:48px;margin:0 auto var(--s-4);color:var(--text-3);opacity:.6}.empty-state h3{color:var(--text-2);margin-bottom:var(--s-2)}.empty-state p{font-size:var(--fs-sm);max-width:320px;margin:0 auto}.folder-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color .15s;overflow:hidden}.folder-card:hover{border-color:var(--border-strong)}.folder-header{padding:var(--s-4) var(--s-5);cursor:pointer;user-select:none;align-items:center;gap:14px;transition:background .12s;display:flex}.folder-header:hover{background:var(--surface-2)}.folder-icon{background:var(--primary-light);width:36px;height:36px;color:var(--primary);border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.folder-icon svg{width:18px;height:18px}.folder-info{flex:1;min-width:0}.folder-name{font-size:var(--fs-base);font-weight:600}.folder-desc{font-size:var(--fs-sm);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.folder-count{text-align:right;flex-shrink:0}.folder-count strong{font-size:var(--fs-lg);color:var(--primary);display:block}.folder-count span{color:var(--text-3);text-transform:uppercase;font-size:11px}.folder-chevron{width:18px;height:18px;color:var(--text-3);flex-shrink:0;transition:transform .15s}.folder-card.open .folder-chevron{transform:rotate(180deg)}.folder-body{max-height:0;transition:max-height .25s;overflow:hidden}.folder-card.open .folder-body{max-height:2000px}.year-grid{gap:var(--s-3);padding:0 var(--s-5) var(--s-5);border-top:1px solid var(--divider);padding-top:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.year-card{padding:var(--s-3) var(--s-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:inherit;text-decoration:none;transition:background .12s,border-color .12s,transform .12s;display:block}.year-card:hover{background:var(--surface-3);border-color:var(--primary-border);transform:translateY(-1px)}.year-card-name{font-size:var(--fs-base);font-weight:600}.year-card-count{color:var(--text-3);margin-top:2px;font-size:12px}.browse-card{padding:var(--s-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:block}.browse-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.browse-card-icon{background:var(--primary-light);width:36px;height:36px;color:var(--primary);border-radius:var(--r-md);margin-bottom:var(--s-3);justify-content:center;align-items:center;display:flex}.browse-card-icon svg{width:20px;height:20px}.browse-card-title{font-size:var(--fs-lg);margin-bottom:4px;font-weight:600}.browse-card-desc{font-size:var(--fs-sm);color:var(--text-3);margin-bottom:var(--s-3);min-height:36px;line-height:1.4}.browse-card-stat strong{color:var(--primary);font-size:var(--fs-lg);font-weight:700}.mobile-menu{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:99;display:none;position:fixed;top:56px;left:0;right:0}.mobile-menu.open{display:block}.mobile-menu-inner{padding:var(--s-2)}.mobile-menu-item{padding:14px var(--s-4);color:var(--text-1);font-size:var(--fs-base);border-radius:var(--r-md);align-items:center;gap:12px;font-weight:500;text-decoration:none;display:flex}.mobile-menu-item:hover{background:var(--surface-2)}.mobile-menu-item svg{width:20px;height:20px;color:var(--text-2)}.theme-toggle .sun-icon{display:none}[data-theme=dark] .theme-toggle .sun-icon{display:block}[data-theme=dark] .theme-toggle .moon-icon{display:none}