html{scroll-behavior:smooth}body{color:#1f2937}.brand-icon{width:2.5rem;height:2.5rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#38bdf8,#3b82f6);color:#fff;box-shadow:0 14px 30px rgba(14,165,233,.28);font-size:.95rem}.brand-icon.small{width:2rem;height:2rem}.section-icon{width:2.5rem;height:2.5rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e0f2fe;color:#0284c7;font-size:1.15rem}.poster-frame{background:linear-gradient(135deg,#dff5ff,#f7fbff 50%,#dbeafe);min-height:120px}.poster-frame.is-missing:after{content:attr(data-fallback);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;color:#0369a1;font-weight:700;background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.3),transparent 32%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.24),transparent 36%),linear-gradient(135deg,#eff6ff,#f8fafc)}.play-badge{width:4rem;height:4rem;border-radius:999px;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;color:#0ea5e9;font-size:1.4rem;box-shadow:0 20px 45px rgba(0,0,0,.16)}.mini-play{width:3rem;height:3rem;border-radius:999px;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;color:#0ea5e9;font-size:1rem}.hero-shell{position:relative;overflow:hidden;background:linear-gradient(135deg,#e0f2fe,#ffffff 48%,#eff6ff);}.hero-glow-a,.hero-glow-b{position:absolute;border-radius:999px;filter:blur(70px);opacity:.45}.hero-glow-a{width:18rem;height:18rem;left:3rem;top:1rem;background:#7dd3fc}.hero-glow-b{width:26rem;height:26rem;right:-4rem;bottom:-6rem;background:#bfdbfe}.hero-slider{position:relative;min-height:420px}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .55s ease,transform .55s ease;transform:translateY(10px)}.hero-slide.active{opacity:1;pointer-events:auto;transform:translateY(0)}.hero-poster{height:420px}.hero-dot{width:.7rem;height:.7rem;border-radius:999px;background:#bae6fd;transition:all .25s}.hero-dot.active{width:2rem;background:#0ea5e9}.hero-tag{display:inline-flex;align-items:center;border-radius:999px;background:rgba(14,165,233,.1);color:#0369a1;padding:.35rem .8rem;font-size:.8rem;font-weight:600}.primary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;font-weight:700;padding:.8rem 1.2rem;box-shadow:0 18px 40px rgba(37,99,235,.22);transition:transform .25s,box-shadow .25s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 24px 50px rgba(37,99,235,.3)}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fff;color:#0369a1;font-weight:700;padding:.8rem 1.2rem;border:1px solid #bae6fd;transition:background .25s}.secondary-btn:hover{background:#f0f9ff}.category-tile{position:relative;overflow:hidden;border-radius:1rem;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06);transition:transform .25s,box-shadow .25s}.category-tile:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(14,165,233,.15)}.category-tile:before{content:"";position:absolute;inset:auto -20% -50% auto;width:12rem;height:12rem;border-radius:999px;background:#e0f2fe}.filter-panel{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 12px 30px rgba(15,23,42,.05)}.filter-control{width:100%;border:1px solid #e5e7eb;border-radius:.8rem;padding:.7rem 1rem;font-size:.95rem;outline:0;background:#fff}.filter-control:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.15)}.ranking-row{background:#fff;border-radius:1rem;box-shadow:0 10px 25px rgba(15,23,42,.05);transition:transform .25s,box-shadow .25s}.ranking-row:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(14,165,233,.13)}.rank-index{width:2.25rem;height:2.25rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#e0f2fe;color:#0369a1;font-weight:800}.rank-index.top{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff}.player-wrap{background:#020617}.player-wrap video{display:block;width:100%;height:100%;background:#020617}.breadcrumb a{color:#64748b}.breadcrumb a:hover{color:#0ea5e9}.tag-pill{display:inline-flex;border-radius:999px;background:#f0f9ff;color:#0284c7;padding:.45rem .75rem;font-size:.86rem}.empty-state{display:none}.filtering .empty-state.show{display:block}@media (max-width:768px){.hero-slider{min-height:560px}.hero-poster{height:260px}.hero-slide .hero-grid{grid-template-columns:1fr}.brand-icon{width:2.2rem;height:2.2rem}.section-icon{width:2.1rem;height:2.1rem}}