.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--primary:#f5a100;--primary-dark:#d97706;--primary-light:#fde68a;--brand-purple:#4f46e5;--accent:#1a1a1a;--accent-dark:#000;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--dark:#1a1a1a;--gray-900:#111;--gray-800:#222;--gray-700:#444;--gray-600:#666;--gray-500:#888;--gray-400:#aaa;--gray-300:#ccc;--gray-200:#e5e5e5;--gray-100:#f5f5f5;--gray-50:#fafafa;--white:#ffffff;--radius:8px;--radius-sm:6px;--radius-lg:12px;--shadow:none;--shadow-md:none;--shadow-lg:none;--font:'Inter',system-ui,-apple-system,sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{visibility:visible;font-family:var(--font);background:#fff;color:var(--gray-800);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--gray-700);text-decoration:none}a:hover{color:var(--primary)}img{max-width:100%;height:auto;display:block}.container{max-width:1280px;margin:0 auto;padding:0 20px}.container-sm{max-width:768px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-muted{color:var(--gray-500)}.fw-bold{font-weight:700}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:20px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-primary{background:var(--primary);color:#fff}.badge-accent{background:var(--accent);color:#fff}.badge-success{background:var(--success);color:#fff}.badge-danger{background:var(--danger);color:#fff}.badge-gray{background:var(--gray-200);color:var(--gray-700)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--radius-sm);font-size:0.95rem;font-weight:600;border:2px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--primary);color:#1a1a1a;font-weight:700}.btn-primary:hover{background:var(--primary-dark);color:#1a1a1a;transform:translateY(-1px)}.btn-accent{background:#1a1a1a;color:#fff}.btn-accent:hover{background:#333;color:#fff;transform:translateY(-1px)}.btn-dark{background:#1a1a1a;color:#fff}.btn-dark:hover{background:#333;color:#fff}.btn-outline{background:transparent;border-color:var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#1a1a1a}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-lg{padding:14px 32px;font-size:1.1rem;border-radius:var(--radius)}.btn-sm{padding:6px 14px;font-size:0.85rem}.btn-block{width:100%}.navbar{position:sticky;top:0;z-index:1000;background:var(--white);box-shadow:0 1px 0 var(--gray-200)}.navbar-primary{border-bottom:1px solid var(--gray-100)}.navbar-primary-inner{display:flex;align-items:center;gap:16px;height:64px}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.nav-logo-img{height:52px;width:auto;display:block;flex-shrink:0;transition:transform .2s}.nav-logo:hover .nav-logo-img{transform:scale(1.04)}.nav-logo-text{font-size:1.45rem;font-weight:900;color:#111;letter-spacing:-.5px;line-height:1}.nav-logo-accent{color:var(--primary)}.navbar-search-bar{flex:1;max-width:480px;margin:0 auto;display:flex;align-items:center;background:var(--gray-100);border:2px solid transparent;border-radius:999px;padding:0 6px 0 16px;transition:border-color .2s,background .2s}.navbar-search-bar:focus-within{background:#fff;border-color:var(--primary)}.navbar-search-icon{color:var(--gray-400);flex-shrink:0}.navbar-search-bar input{flex:1;border:none;outline:none;background:transparent;font-size:0.95rem;font-family:'Inter',system-ui,sans-serif;color:var(--gray-900);padding:10px 8px}.navbar-search-bar input::placeholder{color:var(--gray-400)}.navbar-search-submit{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:var(--primary);border:none;cursor:pointer;color:#fff;flex-shrink:0;transition:background .15s}.navbar-search-submit:hover{background:var(--primary-dark)}.navbar-primary-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.navbar-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);background:none;border:none;cursor:pointer;color:var(--gray-600);text-decoration:none;transition:background .15s,color .15s}.navbar-icon-btn:hover{background:var(--gray-100);color:var(--primary)}.notif-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;background:var(--danger);border-radius:50%;display:block}.navbar-user-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-weight:600;font-size:0.9rem;color:var(--gray-700);padding:6px 10px;border-radius:var(--radius-sm);transition:background .15s}.navbar-user-btn:hover{background:var(--gray-100)}.nav-explore-wrapper{display:none}.nav-explore-btn{display:none}.nav-explore-menu{display:none}.nav-explore-section-label{display:none}.mega-menu-wrapper{position:relative}.mega-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:1100;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:12px;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease;pointer-events:none}.mega-menu-wrapper.open .mega-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mega-menu-wrapper:focus-within .mega-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mega-menu a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:0.9rem;color:var(--gray-700);transition:background .15s,color .15s}.mega-menu a:hover{background:var(--gray-100);color:var(--primary)}.navbar-sub{background:#fff;border-bottom:none;box-shadow:0 1px 0 var(--gray-100)}.navbar-sub-inner{display:flex;align-items:center;justify-content:space-between;height:44px;gap:0}.navbar-sub-links{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none}.navbar-sub-links::-webkit-scrollbar{display:none}.subnav-link,.subnav-btn{display:inline-flex;align-items:center;gap:5px;padding:0 14px;height:44px;white-space:nowrap;font-size:0.85rem;font-weight:600;color:var(--gray-700);background:none;border:none;cursor:pointer;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.subnav-link:hover,.subnav-btn:hover{color:var(--primary);border-bottom-color:var(--primary)}.subnav-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.subnav-more{letter-spacing:2px;font-size:1rem;padding:0 10px}.subnav-link-create{color:#16a34a!important;font-weight:700!important;background:#f0fdf4;border-radius:20px;margin:0 6px;padding:0 14px!important;border:1.5px solid #bbf7d0!important;height:30px!important;align-self:center;border-bottom:1.5px solid #bbf7d0!important;margin-bottom:0!important}.subnav-link-create:hover{background:#dcfce7;color:#15803d!important;border-color:#86efac!important}.navbar-sub-actions{flex-shrink:0;padding-left:16px}.nav-hamburger{display:flex;align-items:center;gap:7px;flex-shrink:0;background:none;border:2px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;color:var(--gray-800);padding:8px 14px;font-size:0.9rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.nav-hamburger .icon{width:1.3em;height:1.3em}.nav-hamburger:hover{background:#fff8e6;border-color:var(--primary);color:var(--primary)}.nav-hamburger .nav-ham-close{display:none}.nav-hamburger.active{background:#fff8e6;border-color:var(--primary);color:var(--primary)}.nav-hamburger.active .nav-ham-icon{display:none}.nav-hamburger.active .nav-ham-close{display:block}.nav-ham-label{font-size:0.85rem;letter-spacing:.01em}@media (max-width:480px){.nav-ham-label{display:none}}.nav-toplinks{display:flex;align-items:center;gap:4px;flex-shrink:0}.nav-toplink{padding:6px 12px;border-radius:var(--radius-sm);font-size:0.9rem;font-weight:600;color:var(--gray-700);text-decoration:none;transition:background .15s,color .15s}.nav-toplink:hover{background:var(--gray-100);color:var(--primary)}.nav-explore-wrapper{display:none}.ham-panel{position:absolute;left:0;right:0;background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:none;z-index:1050;max-height:0;overflow:hidden;transition:max-height .35s ease}.ham-panel.open{max-height:80vh;overflow-y:auto}.ham-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0 36px;padding:28px 0 36px}.ham-col{min-width:0}.ham-col-head{display:flex;align-items:center;gap:7px;font-weight:700;font-size:0.88rem;color:var(--gray-900);margin-bottom:10px}.ham-link{display:block;padding:5px 0;font-size:0.875rem;color:var(--gray-700);text-decoration:none;transition:color .12s;line-height:1.4}.ham-link:hover{color:var(--primary)}.ham-link-all{color:var(--primary);font-weight:600;margin-bottom:4px}.ham-link-ext::after{content:' ↗';font-size:.75em;opacity:.5}.mega-col-heading{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;color:var(--gray-900);margin-bottom:14px}.mega-link{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:0.9rem;color:var(--gray-700)}.mega-link:hover{background:var(--gray-100);color:var(--primary)}.mega-categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 24px}.mega-cat-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:0.9rem;color:var(--gray-700)}.mega-cat-item:hover{background:var(--gray-100);color:var(--primary)}.mega-cat-all{font-weight:700;color:var(--primary)}.mega-panel-content{display:none}.navbar-mega-panel{display:none}.navbar-mega-backdrop{display:none;position:fixed;inset:0;z-index:1040;background:rgba(0,0,0,.25)}.navbar-mega-backdrop.open{display:block}.nav-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--gray-200)}.nav-mobile-toggle{display:none}.mobile-drawer{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100}.mobile-drawer.open{display:flex}.drawer-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5)}.drawer-panel{position:relative;width:320px;max-width:90vw;background:#fff;height:100%;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-lg)}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.drawer-close{background:none;border:none;cursor:pointer;font-size:1.4rem;color:var(--gray-600)}.drawer-section{margin-bottom:16px}.drawer-section h6{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);margin-bottom:8px}.drawer-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:0.9rem;color:var(--gray-700);font-weight:500}.drawer-link:hover{background:var(--gray-100);color:var(--primary)}.hero{background:#f5f5f5;border-bottom:1px solid var(--gray-200);text-align:center;padding:60px 20px 70px}.hero h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.15;margin-bottom:12px;color:var(--gray-900)}.hero p{font-size:1.05rem;color:var(--gray-600);margin-bottom:32px}.hero-search{display:flex;max-width:560px;margin:0 auto 28px;background:#fff;border-radius:50px;overflow:hidden;border:2px solid var(--gray-200);box-shadow:none}.hero-search input{flex:1;padding:14px 22px;border:none;outline:none;font-size:1rem;color:var(--gray-800)}.hero-search button{padding:12px 26px;background:var(--primary);border:none;cursor:pointer;font-weight:700;font-size:0.95rem;color:#1a1a1a;border-radius:50px;transition:background .2s}.hero-search button:hover{background:var(--primary-dark)}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-actions .btn-outline{border-color:var(--gray-300);color:var(--gray-700)}.hero-actions .btn-outline:hover{border-color:var(--primary);color:var(--primary);background:transparent}.section{padding:48px 0;border-top:1px solid var(--gray-200)}.section-sm{padding:32px 0;border-top:1px solid var(--gray-200)}.section:first-child,.section-sm:first-child{border-top:none}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.section-title{font-size:1.25rem;font-weight:800;color:var(--gray-900);display:flex;align-items:center;gap:8px}.section-title::before{content:'';display:block;width:3px;height:20px;background:var(--primary);border-radius:2px}.section-link{font-size:0.85rem;font-weight:600;color:var(--primary)}.section-link:hover{color:var(--primary-dark)}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.quiz-card{background:#fff;border-radius:14px;border:1px solid var(--gray-150,#ebebeb);box-shadow:none;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease;text-decoration:none;color:inherit}.quiz-card:hover{transform:translateY(-3px);box-shadow:none}.quiz-card-thumb{height:150px;overflow:hidden;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--gray-100)}.quiz-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.quiz-card-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.quiz-card-thumb-icon{font-size:3rem;line-height:1;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.quiz-card-body{padding:12px 14px 14px;flex:1;display:flex;flex-direction:column;gap:6px}.quiz-card-title{font-size:0.9rem;font-weight:700;color:var(--gray-900);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quiz-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:4px}.quiz-card-cat{font-size:0.7rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.quiz-card-plays{font-size:0.72rem;color:var(--gray-400);display:flex;align-items:center;gap:3px;flex-shrink:0}.quiz-card-thumb-fallback{display:none}.quiz-card-cat-img{display:none}.quiz-card-img{height:150px;overflow:hidden;position:relative;background:var(--gray-100)}.quiz-card-img img{width:100%;height:100%;object-fit:cover}.quiz-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem}.quiz-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:6px}.quiz-card-meta .badge{font-size:0.68rem;background:var(--gray-100);color:var(--gray-600);border-radius:4px;padding:1px 6px;font-weight:600;text-transform:none;letter-spacing:0}.quiz-card-featured{position:relative;border-radius:var(--radius);overflow:hidden;min-height:240px;display:flex}.quiz-card-featured img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.quiz-card-featured-body{position:relative;z-index:2;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 60%,transparent 100%);padding:20px;display:flex;flex-direction:column;justify-content:flex-end;flex:1;color:#fff}.quiz-card-featured-title{font-size:1rem;font-weight:700;margin-bottom:6px}.qc{display:block;text-decoration:none;color:inherit}.qc-thumb{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:var(--gray-100);margin-bottom:8px}.qc-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.qc:hover .qc-thumb img{transform:scale(1.04)}.qc-thumb-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.8rem}.qc-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 35%,rgba(0,0,0,.72) 100%)}.qc-title-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 10px 9px;color:#fff;font-size:0.87rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qc-type-badge{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.55);color:#fff;font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:20px;backdrop-filter:blur(4px);letter-spacing:.02em;pointer-events:none}.qc-meta{display:flex;align-items:center;gap:6px;font-size:0.71rem;color:var(--gray-500)}.qc-cat{font-weight:700;font-size:0.68rem;text-transform:uppercase;letter-spacing:.03em}.qc-plays{display:flex;align-items:center;gap:3px}.qc-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.qs{margin-bottom:44px}.qs-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.qs-title{font-size:1.05rem;font-weight:800;color:var(--gray-900);display:flex;align-items:center;gap:5px;text-decoration:none;color:inherit}.qs-title:hover{color:var(--primary)}.qs-chevron{color:var(--primary);font-weight:900}.qs-link{font-size:0.8rem;color:var(--primary);font-weight:600;text-decoration:none}.qs-link:hover{text-decoration:underline}.qhero{display:grid;grid-template-columns:3fr 1fr;gap:14px;margin-bottom:44px;align-items:start}.qhero-main{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;display:block;text-decoration:none;background:var(--gray-200)}.qhero-main img,.qhero-main-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.qhero-main:hover img{transform:scale(1.03)}.qhero-main-bg{font-size:5rem}.qhero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.05) 0%,rgba(0,0,0,.78) 100%)}.qhero-body{position:absolute;bottom:0;left:0;right:0;padding:20px 22px;color:#fff}.qhero-cat{font-size:0.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin-bottom:5px;display:block}.qhero-title{font-size:1.35rem;font-weight:900;line-height:1.2;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.qhero-plays{font-size:0.76rem;opacity:.8}.qhero-side{display:flex;flex-direction:column}.qhero-side-title{font-size:0.82rem;font-weight:800;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;padding-bottom:10px;border-bottom:2px solid var(--primary);margin-bottom:4px}.qside-item{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;text-decoration:none;color:inherit;transition:background .12s}.qside-item:hover{background:var(--gray-50)}.qside-thumb{width:60px;height:38px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:1.2rem;position:relative}.qside-thumb img{width:100%;height:100%;object-fit:cover}.qside-body{flex:1;min-width:0}.qside-title{font-size:0.8rem;font-weight:700;color:var(--gray-900);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qside-plays{font-size:0.68rem;color:var(--gray-400);margin-top:2px}.cat-hbar{background:#fff;border-bottom:1px solid var(--gray-150,#ebebeb);padding:20px 0 18px}.cat-hbar-inner{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.cat-hbar-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;overflow:hidden}.cat-hbar-icon img{width:100%;height:100%;object-fit:cover}.cat-hbar-info{flex:1;min-width:0}.cat-hbar-title{font-size:1.6rem;font-weight:900;line-height:1.1;margin:0}.cat-hbar-stats{font-size:0.78rem;color:var(--gray-500);margin-top:3px}.cat-hbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}.cat-hbar-search{display:flex;align-items:center;border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);overflow:hidden}.cat-hbar-search input{border:none;background:none;padding:8px 12px;font-size:0.85rem;outline:none;width:200px;color:var(--gray-800)}.cat-hbar-search button{background:var(--primary);border:none;padding:8px 12px;cursor:pointer;color:#fff;font-size:0.85rem}.qlist-hd{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:28px 0 24px}.qlist-title{font-size:1.7rem;font-weight:900}.qlist-filters{display:flex;gap:6px;flex-wrap:wrap}.qlist-filter{display:inline-flex;align-items:center;gap:5px;padding:7px 15px;border-radius:20px;font-size:0.84rem;font-weight:600;color:var(--gray-600);text-decoration:none;border:1.5px solid var(--gray-200);background:#fff;transition:all .15s}.qlist-filter:hover{border-color:var(--primary);color:var(--primary)}.qlist-filter.active{background:var(--primary);color:#fff;border-color:var(--primary)}@media (max-width:900px){.qc-row{grid-template-columns:repeat(3,1fr)}.qhero{grid-template-columns:1fr}.qhero-side{display:none}}@media (max-width:640px){.qc-row{grid-template-columns:repeat(2,1fr)}.cat-hbar-search{display:none}}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1px;background:var(--gray-200);border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 10px;background:#fff;text-decoration:none;transition:background .15s;text-align:center}.category-card:hover{background:#fffbf0}.category-card-icon{font-size:1.8rem}.category-card-name{font-weight:700;font-size:0.82rem;color:var(--gray-800)}.category-card-count{font-size:0.72rem;color:var(--gray-500)}.catpage-title{font-size:2rem;font-weight:800;color:var(--gray-900);margin-bottom:6px}.catpage-subtitle{font-size:1rem;color:var(--gray-500);margin-bottom:32px}.catpage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.catpage-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.catpage-card-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--gray-200);text-decoration:none;background:#fff;transition:background .15s}.catpage-card-head:hover{background:#fff8e6}.catpage-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px}.catpage-card-icon img{width:52px;height:52px;object-fit:cover;border-radius:8px}.catpage-card-icon span{font-size:2.4rem;line-height:1}.catpage-card-name{flex:1;font-size:1rem;font-weight:800;color:var(--gray-900)}.catpage-card-count{font-size:0.75rem;font-weight:700;color:var(--primary);background:var(--primary-light,#fff8e6);border-radius:20px;padding:2px 9px;white-space:nowrap;flex-shrink:0}.catpage-card-arrow{color:var(--primary);flex-shrink:0;transition:transform .15s}.catpage-card-head:hover .catpage-card-arrow{transform:translateX(3px)}.catpage-quiz-list{padding:4px 0}.catpage-quiz-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 16px;text-decoration:none;border-bottom:1px solid var(--gray-100);transition:background .12s}.catpage-quiz-row:last-child{border-bottom:none}.catpage-quiz-row:hover{background:#fff8e6}.catpage-quiz-title{font-size:0.84rem;color:var(--gray-800);line-height:1.35;flex:1;min-width:0}.catpage-quiz-row:hover .catpage-quiz-title{color:var(--primary)}.catpage-quiz-count{font-size:0.8rem;color:var(--gray-400);font-weight:600;flex-shrink:0;white-space:nowrap}.catpage-quiz-empty{padding:16px;font-size:0.85rem;color:var(--gray-400);text-align:center;font-style:italic}@media (max-width:1024px){.catpage-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.catpage-grid{grid-template-columns:repeat(2,1fr)}.catpage-title{font-size:1.5rem}}@media (max-width:480px){.catpage-grid{grid-template-columns:1fr}}.flash-container{padding:12px 0 0}.alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-radius:var(--radius-sm);font-size:0.9rem;font-weight:500;margin-bottom:8px}.alert-success{background:#d1fae5;color:#065f46}.alert-danger{background:#fee2e2;color:#991b1b}.alert-info{background:#dbeafe;color:#1e40af}.alert-warning{background:#fef3c7;color:#92400e}.alert-close{background:none;border:none;cursor:pointer;font-size:1.1rem;opacity:.5}.alert-close:hover{opacity:1}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;font-size:0.9rem;color:var(--gray-700);margin-bottom:6px}.form-control{display:block;width:100%;padding:11px 14px;border:2px solid var(--gray-200);border-radius:var(--radius-sm);font-size:0.95rem;color:var(--gray-800);background:var(--white);transition:border-color .2s;font-family:inherit}.form-control:focus{outline:none;border-color:var(--primary)}.form-control.is-invalid{border-color:var(--danger)}.form-error{font-size:0.82rem;color:var(--danger);margin-top:4px}.form-hint{font-size:0.82rem;color:var(--gray-500);margin-top:4px}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:100px}.form-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:40px;max-width:480px;margin:40px auto}.form-card-title{font-size:1.6rem;font-weight:800;margin-bottom:6px;color:var(--gray-900)}.form-card-subtitle{color:var(--gray-500);margin-bottom:28px}.player-header{background:var(--white);padding:20px 0;border-bottom:1px solid var(--gray-200)}.player-header>.container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.player-title{font-size:1.5rem;font-weight:800;margin:0;line-height:1.2}.player-progress{flex:1;min-width:200px}.progress-bar-wrap{height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px;transition:width .4s ease}.progress-text{font-size:0.8rem;color:var(--gray-500);margin-top:4px}.player-timer{font-size:1.2rem;font-weight:800;color:var(--danger);background:#fee2e2;padding:6px 16px;border-radius:20px}.player-timer.safe{color:var(--success);background:#d1fae5}.question-area{background:var(--white);border-radius:var(--radius-lg);padding:32px;margin:24px auto;max-width:720px;box-shadow:var(--shadow)}.question-prompt{font-size:1.2rem;font-weight:700;margin-bottom:24px;line-height:1.5}.answer-input{font-size:1.1rem;padding:14px 18px;text-align:center}.answer-feedback{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius-sm);font-weight:600;margin-top:12px}.answer-feedback.correct{background:#d1fae5;color:#065f46}.answer-feedback.incorrect{background:#fee2e2;color:#991b1b}.mc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.mc-option{padding:16px;border:2px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:0.95rem;transition:border-color .15s,background .15s;text-align:center;background:var(--white)}.mc-option:hover{border-color:var(--primary);background:#fff8e6;color:var(--primary)}.mc-option.selected{border-color:var(--primary);background:var(--primary);color:#fff}.mc-option.correct{border-color:var(--success);background:#d1fae5;color:#065f46}.mc-option.incorrect{border-color:var(--danger);background:#fee2e2;color:#991b1b}.result-hero{text-align:center;padding:60px 20px 40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.result-score-circle{width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.15);border:4px solid rgba(255,255,255,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 24px;font-size:2.5rem;font-weight:800}.result-score-label{font-size:0.85rem;opacity:.7}.dashboard-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:32px 0}.sidebar{background:var(--white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);height:fit-content;position:sticky;top:80px}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--gray-700);font-weight:600;font-size:0.9rem;margin-bottom:2px;transition:background .15s,color .15s}.sidebar-nav a:hover,.sidebar-nav a.active{background:#fff8e6;color:var(--primary)}.sidebar-avatar{display:block;text-align:center;margin-bottom:20px}.sidebar-avatar img{width:80px;height:80px;border-radius:50%;margin:0 auto 10px;object-fit:cover}.sidebar-username{font-weight:700}.sidebar-stat{font-size:0.82rem;color:var(--gray-500)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--white);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);text-align:center}.stat-card-value{font-size:2rem;font-weight:800;color:var(--primary)}.stat-card-label{font-size:0.82rem;color:var(--gray-500);margin-top:4px}.admin-layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.admin-sidebar{background:var(--gray-900);color:var(--gray-300);padding:20px 0;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-sidebar-logo{display:block;padding:0 20px 20px;font-size:1.2rem;font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:12px}.admin-sidebar a{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--gray-400);font-size:0.9rem;font-weight:500;transition:background .15s,color .15s}.admin-sidebar a:hover,.admin-sidebar a.active{background:rgba(255,255,255,.07);color:#fff}.admin-sidebar .section-header{padding:16px 20px 6px;font-size:0.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-600);font-weight:700}.admin-content{padding:32px;background:var(--gray-50)}.admin-metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}.admin-metric-card{background:var(--white);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.admin-metric-value{font-size:2.2rem;font-weight:800;color:var(--primary)}.admin-metric-label{font-size:0.82rem;color:var(--gray-500)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius);overflow:hidden}thead{background:var(--gray-50)}th{text-align:left;padding:12px 16px;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);border-bottom:1px solid var(--gray-200)}td{padding:12px 16px;border-bottom:1px solid var(--gray-100);font-size:0.9rem;color:var(--gray-700)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--gray-50)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.blog-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-3px)}.blog-card img{width:100%;height:200px;object-fit:cover}.blog-card-body{padding:20px}.blog-card-title{font-size:1.05rem;font-weight:700;color:var(--gray-900);margin-bottom:8px;line-height:1.35}.blog-card-excerpt{font-size:0.88rem;color:var(--gray-600);line-height:1.6}.blog-card-meta{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:0.8rem;color:var(--gray-500)}.leaderboard-table{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.lb-row{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--gray-100)}.lb-row:last-child{border-bottom:none}.lb-rank{font-size:1.1rem;font-weight:800;width:32px;text-align:center}.lb-rank-1{color:#f59e0b}.lb-rank-2{color:#9ca3af}.lb-rank-3{color:#d97706}.lb-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.lb-name{flex:1;font-weight:600}.lb-score{font-size:1.1rem;font-weight:800;color:var(--primary)}.room-code{font-size:2.5rem;font-weight:800;letter-spacing:.2em;color:var(--primary);background:#fff8e6;padding:12px 28px;border-radius:var(--radius);display:inline-block}.player-list{display:flex;flex-direction:column;gap:8px}.player-item{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--gray-50);border-radius:var(--radius-sm);font-weight:600}.player-status{width:8px;height:8px;border-radius:50%;background:var(--success)}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.achievement-card{background:var(--white);border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow);position:relative}.achievement-card.locked{opacity:.45;filter:grayscale(1)}.achievement-icon{font-size:2.5rem;margin-bottom:8px}.achievement-name{font-weight:700;font-size:0.9rem;margin-bottom:4px}.achievement-desc{font-size:0.8rem;color:var(--gray-500)}.achievement-xp{display:inline-block;margin-top:8px;background:#fff8e6;color:var(--primary);padding:2px 10px;border-radius:10px;font-size:0.78rem;font-weight:700}.pagination{display:flex;align-items:center;gap:4px;justify-content:center;margin-top:32px}.page-btn{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.9rem;color:var(--gray-700);border:1px solid var(--gray-200);background:var(--white);transition:all .15s}.page-btn:hover{border-color:var(--primary);color:var(--primary);background:#fff8e6}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn.disabled{opacity:.4;pointer-events:none}.footer{background:var(--gray-900);color:var(--gray-400);padding:60px 0 32px;margin-top:80px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px;margin-bottom:48px}.footer-logo-wrap{display:inline-flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:12px}.footer-logo-img{height:32px;width:32px;border-radius:6px}.footer-logo-text{font-size:1.3rem;font-weight:800;color:#fff}.footer-logo-text span{color:var(--primary)}.footer-bottom-links{display:flex;gap:0}.footer-brand p{font-size:0.88rem;line-height:1.6}.footer-col h5{font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-200);margin-bottom:16px}.footer-col a{display:block;font-size:0.88rem;color:var(--gray-500);margin-bottom:8px;transition:color .15s}.footer-col a:hover{color:var(--white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:0.82rem;color:var(--gray-600)}.footer-bottom a{color:var(--gray-500);margin-left:16px}.footer-bottom a:hover{color:var(--white)}.footer-social{display:flex;gap:8px;margin-top:16px}.footer-social-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);color:var(--gray-400);transition:background .15s,color .15s;text-decoration:none}.footer-social-btn:hover{background:var(--primary);color:#fff}.icon{display:inline-block;width:1em;height:1em;vertical-align:-0.125em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:0.875em;height:0.875em}.icon-md{width:1.25em;height:1.25em}.icon-lg{width:1.5em;height:1.5em}.icon-xl{width:2em;height:2em}.icon-fill{fill:currentColor;stroke:none}.site-logo-img{height:32px;width:auto;display:block}.site-logo-img-sm{height:24px;width:auto;display:block}.pill-strip-wrap{background:#fff;border-bottom:1px solid var(--gray-200);padding:10px 0}.pill-strip-container{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,#000 90%,transparent 100%);mask-image:linear-gradient(to right,#000 90%,transparent 100%)}.pill-strip-container::-webkit-scrollbar{display:none}.pill-strip{display:flex;gap:6px;flex-wrap:nowrap;width:max-content;min-width:100%}.pill-all,.pill-cat{display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 6px;border-radius:20px;font-size:0.82rem;font-weight:600;white-space:nowrap;text-decoration:none;transition:background .15s,color .15s,border-color .15s;border:1px solid var(--gray-200);line-height:1;flex-shrink:0}.pill-all{background:var(--primary);color:#1a1a1a;border-color:var(--primary);padding:6px 18px}.pill-all:hover{background:var(--primary-dark);color:#1a1a1a}.pill-cat{background:#fff;color:var(--gray-700)}.pill-cat:hover{background:#fff8e6;border-color:var(--primary);color:var(--primary)}.pill-cat-img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid rgba(0,0,0,.08)}.pill-cat:hover .pill-cat-img{border-color:var(--primary)}.cat-icon-img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.home-main-grid{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start}.home-col-main{min-width:0}.home-col-side{min-width:0}.home-section{margin-bottom:40px}.home-section-hd{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--gray-200)}.home-section-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;color:var(--gray-900)}.home-section-link{font-size:0.82rem;font-weight:600;color:var(--primary);white-space:nowrap;margin-left:auto}.home-section-link:hover{color:var(--primary-dark)}.featured-quiz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gray-200);border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.fq-card{background:#fff;display:flex;flex-direction:column;text-decoration:none;transition:background .15s}.fq-card:hover{background:#fffbf0}.fq-thumb{height:100px;overflow:hidden;background:var(--gray-100);flex-shrink:0}.fq-thumb img{width:100%;height:100%;object-fit:cover}.fq-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem}.fq-body{padding:10px 12px;flex:1;display:flex;flex-direction:column;gap:4px}.fq-title{font-size:0.85rem;font-weight:700;color:var(--gray-900);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fq-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}.fq-creator{font-size:0.72rem;color:var(--gray-500)}.fq-cat{font-size:0.7rem;font-weight:600;color:#fff;background:var(--primary);border-radius:3px;padding:1px 6px;cursor:pointer}.fq-cat:hover{background:var(--primary-dark,#e09000)}.fq-stats{display:flex;gap:10px;margin-top:auto;padding-top:6px;font-size:0.72rem;color:var(--gray-500)}.daily-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.daily-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border-radius:var(--radius);border:1px solid var(--gray-200);background:#fff;text-decoration:none;transition:border-color .15s,box-shadow .15s;text-align:center}.daily-tile:hover{border-color:var(--primary)}.daily-tile-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.daily-tile-label{font-size:0.78rem;font-weight:700;color:var(--gray-800)}.side-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;margin-bottom:20px}.side-section-hd{display:flex;align-items:center;gap:6px;font-weight:700;font-size:0.9rem;color:var(--gray-900);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--gray-100)}.side-section-link{margin-left:auto;font-size:0.75rem;font-weight:600;color:var(--primary);text-decoration:none}.side-section-link:hover{color:var(--primary-dark)}.trend-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.trend-item{display:flex;align-items:flex-start;gap:10px;padding:6px 4px;border-radius:5px;text-decoration:none;transition:background .12s}.trend-item:hover{background:#fff8e6}.trend-rank{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:800;color:var(--gray-400);border-radius:4px;background:var(--gray-100)}.trend-item:hover .trend-rank{background:var(--primary);color:#fff}.trend-title{font-size:0.82rem;font-weight:600;color:var(--gray-800);line-height:1.35}.live-room{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--gray-100)}.live-room:last-of-type{border-bottom:none}.live-room-info{display:flex;flex-direction:column;gap:2px;min-width:0}.live-dot{font-size:0.68rem;font-weight:700;color:#22c55e}.live-room-title{font-size:0.8rem;font-weight:700;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-room-code{font-size:0.72rem;color:var(--gray-500);letter-spacing:1px}.side-promo{background:linear-gradient(135deg,#1a1a1a,#333);border-color:transparent;color:#fff}.side-promo-icons{display:flex;align-items:center;gap:6px;margin-bottom:10px;color:var(--primary)}.featured-banner{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border-radius:var(--radius-lg);padding:36px 40px;color:#fff;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.featured-banner::before{content:'';position:absolute;right:-40px;top:-40px;width:220px;height:220px;background:rgba(255,255,255,.04);border-radius:50%}.featured-banner-label{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);background:rgba(245,161,0,.15);display:inline-block;padding:3px 12px;border-radius:20px;width:fit-content}.featured-banner-title{font-size:1.5rem;font-weight:800;line-height:1.25;color:#fff}.featured-banner-desc{font-size:0.95rem;color:rgba(255,255,255,.7);max-width:560px}.promo-banner{background:linear-gradient(135deg,#1a1a1a 0%,#333 100%);border-radius:var(--radius-lg);padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff}.promo-banner-label{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);background:rgba(245,161,0,.15);display:inline-block;padding:3px 12px;border-radius:20px;margin-bottom:8px}.promo-banner-title{font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:8px}.promo-banner-desc{font-size:0.9rem;color:rgba(255,255,255,.6);margin-bottom:20px;max-width:440px}.promo-banner-icons{display:flex;gap:12px;align-items:center;flex-shrink:0}.card-clean{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:0.85rem;color:var(--gray-500);margin-bottom:20px;flex-wrap:wrap}.breadcrumb a{color:var(--gray-500)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb-sep{color:var(--gray-300)}.l5-scorebar{display:flex;align-items:center;gap:24px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px 20px;margin-bottom:20px}.l5-score-item{display:flex;flex-direction:column;align-items:center}.l5-score-val{font-size:1.8rem;font-weight:800;color:var(--primary);line-height:1}.l5-score-lbl{font-size:0.72rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.l5-grid{display:flex;flex-direction:column;gap:12px}.l5-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px 20px;transition:border-color .15s}.l5-card:hover{border-color:var(--primary)}.l5-card-done{background:#f0fdf4;border-color:var(--success);opacity:.7}.l5-card-num{width:36px;height:36px;border-radius:50%;background:var(--gray-100);color:var(--gray-700);font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.l5-card-done .l5-card-num{background:var(--success);color:#fff}.l5-card-body{flex:1;min-width:0}.l5-card-title{font-weight:700;font-size:.95rem;margin-bottom:4px}.l5-card-meta{display:flex;gap:10px;flex-wrap:wrap}.l5-cat{font-size:.72rem;font-weight:600;background:var(--primary);color:#1a1a1a;border-radius:3px;padding:1px 6px}.l5-done-badge{display:flex;align-items:center;gap:4px;font-weight:700;color:var(--success)}.l5-complete{margin-top:32px;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px;background:#fff8e6;border-radius:var(--radius-lg);border:2px solid var(--primary)}.bingo-stats{display:flex;align-items:center;gap:24px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:12px 20px;margin-bottom:16px}.bingo-stat{display:flex;flex-direction:column;align-items:center}.bingo-stat span{font-size:1.5rem;font-weight:800;color:var(--gray-900);line-height:1}.bingo-stat small{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}.bingo-card{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;background:var(--gray-200);border:2px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;margin-bottom:16px}.bingo-hdr{background:var(--primary);color:#1a1a1a;font-weight:900;font-size:1.3rem;display:flex;align-items:center;justify-content:center;padding:10px}.bingo-cell{background:#fff;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;padding:8px 4px;gap:4px}.bingo-cell:hover{background:#fff8e6}.bingo-cell-done{background:#dcfce7}.bingo-cell-active{background:#fff8e6;outline:2px solid var(--primary)}.bingo-cell-label{font-size:.72rem;font-weight:700;text-align:center;color:var(--gray-800);line-height:1.2}.bingo-question-area{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.bingo-question-card{background:#fff;border-radius:var(--radius-lg);padding:32px;max-width:480px;width:90%;display:flex;flex-direction:column;gap:16px}.bingo-q-cat{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.bingo-q-text{font-size:1.2rem;font-weight:700;line-height:1.4}.bingo-q-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bingo-choice{padding:12px;border:2px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;background:#fff;transition:border-color .15s,background .15s}.bingo-choice:hover{border-color:var(--primary);background:#fff8e6}.bingo-win{position:fixed;inset:0;background:rgba(245,161,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:3000;color:#fff;text-align:center}.bingo-win h2{font-size:3rem;font-weight:900;letter-spacing:.1em}.math-start-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:48px 32px;text-align:center}.math-hud{display:flex;gap:0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.math-hud-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 12px;border-right:1px solid var(--gray-100)}.math-hud-item:last-child{border-right:none}.math-hud-val{font-size:2rem;font-weight:800;line-height:1}.math-hud-lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-top:2px}.math-question-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.math-q-text{font-size:2.5rem;font-weight:900;text-align:center;color:var(--gray-900);letter-spacing:-.02em}.math-feedback{min-height:24px;font-size:1rem;font-weight:700;text-align:center}.math-input{font-size:1.5rem;text-align:center;font-weight:700;padding:14px}.math-progress-wrap{height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.math-progress-bar{height:100%;background:var(--primary);border-radius:4px;transition:width 1s linear,background .3s}.math-result-circle{width:140px;height:140px;border-radius:50%;border:4px solid var(--primary);color:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 24px;font-size:2.5rem;font-weight:900;line-height:1}.math-result-circle small{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}@media (max-width:1024px){.dashboard-layout{grid-template-columns:1fr}.sidebar{position:static}.home-main-grid{grid-template-columns:1fr 260px;gap:20px}.featured-quiz-grid{grid-template-columns:repeat(3,1fr)}.nav-toplinks{display:none}.navbar-primary-actions .nav-signin-btn{display:none}.navbar-search-bar{max-width:200px}.nav-ham-label{display:none}.navbar-primary-inner{gap:10px}}@media (max-width:900px){.home-main-grid{grid-template-columns:1fr}.home-col-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.featured-quiz-grid{grid-template-columns:repeat(3,1fr)}.daily-strip{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.ham-grid{grid-template-columns:repeat(3,1fr)}.ham-grid .ham-col:nth-child(4),.ham-grid .ham-col:nth-child(5){display:none}}@media (max-width:768px){.navbar-search-bar{max-width:200px}.nav-toplinks{display:none}.navbar-primary-actions .nav-signin-btn{display:none}.navbar-sub{display:none}.nav-mobile-toggle{display:none}.ham-grid{grid-template-columns:repeat(2,1fr)}.ham-grid .ham-col:nth-child(3),.ham-grid .ham-col:nth-child(4),.ham-grid .ham-col:nth-child(5){display:none}.hero{padding:50px 20px 60px}.hero-search{flex-direction:column;border-radius:var(--radius)}.hero-search input,.hero-search button{border-radius:var(--radius)}.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.featured-quiz-grid{grid-template-columns:repeat(2,1fr)}.daily-strip{grid-template-columns:repeat(2,1fr)}.home-col-side{grid-template-columns:1fr}.mc-grid{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.form-card{padding:24px;margin:20px auto}}@media (max-width:480px){.quiz-grid{grid-template-columns:1fr 1fr}.featured-quiz-grid{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:1.8rem}}.ham-auth-strip{display:none;align-items:center;gap:10px;padding:16px 0 14px;border-bottom:1px solid var(--gray-100);margin-bottom:20px}.ham-auth-user{gap:12px}.ham-auth-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.ham-auth-name{font-weight:700;font-size:.9rem;color:var(--gray-900)}.ham-auth-link{font-size:.8rem;color:var(--primary);font-weight:600}@media (max-width:600px){.navbar-search-bar{display:none}.navbar-primary-actions .nav-signin-btn{display:none}.navbar-primary-actions .nav-signup-btn{display:none}.navbar-primary-actions{margin-left:auto}.nav-logo-img{height:38px}.nav-logo-text{font-size:1.2rem}.ham-auth-strip{display:flex}}@media (max-width:640px){.footer{padding:36px 0 24px;margin-top:48px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1 / -1}.footer-brand p{display:none}.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px;font-size:.78rem}.footer-bottom-links{flex-wrap:wrap;gap:4px 0}.footer-bottom-links a{margin-left:12px}}