body{background:#f9fafb;color:#111827}.logo-mark{width:2rem;height:2rem;border-radius:.75rem;background:#059669;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px rgba(5,150,105,.25)}.logo-mark.dark{background:#10b981}.logo-mark svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-link{padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#374151;transition:all .2s}.nav-link:hover,.nav-link.active{background:#ecfdf5;color:#047857}.mobile-link{display:block;padding:.5rem .75rem;border-radius:.5rem;color:#374151;font-size:.875rem}.mobile-link:hover{background:#f3f4f6;color:#047857}.hero-slide{opacity:0;pointer-events:none}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-dots button.is-active{background:#fff;width:2rem}.hero-dots button{width:.5rem;height:.5rem;border-radius:999px;background:rgba(255,255,255,.55);transition:all .3s}.hero-dots button:hover{background:#fff}.aspect-16-9{aspect-ratio:16/9}.movie-card{display:block}.large-card .aspect-16-9{aspect-ratio:16/9}.play-mark{width:3rem;height:3rem;border-radius:999px;background:rgba(255,255,255,.9);position:relative;box-shadow:0 14px 30px rgba(0,0,0,.24)}.play-mark:after{content:"";position:absolute;left:1.22rem;top:.9rem;border-left:1rem solid #059669;border-top:.65rem solid transparent;border-bottom:.65rem solid transparent}.play-mark.small{width:2rem;height:2rem}.play-mark.small:after{left:.82rem;top:.6rem;border-left:.7rem solid #059669;border-top:.42rem solid transparent;border-bottom:.42rem solid transparent}.rank-badge,.rank-mini{position:absolute;left:.5rem;top:.5rem;background:#059669;color:white;font-weight:700;border-radius:.5rem;padding:.25rem .5rem;font-size:.75rem;z-index:5}.filter-input{width:100%;border:1px solid #e5e7eb;border-radius:.75rem;padding:.75rem 1rem;background:white;color:#111827;outline:none;transition:border-color .2s,box-shadow .2s}.filter-input:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.18)}.category-card{background:white;border:1px solid #f3f4f6;border-radius:1rem;padding:1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .3s}.category-card:hover{background:#ecfdf5;box-shadow:0 10px 25px rgba(5,150,105,.1);transform:translateY(-2px)}.rank-row{display:grid;grid-template-columns:3rem 7rem 1fr auto;gap:1rem;align-items:center;background:white;border-radius:1rem;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .3s}.rank-row:hover{box-shadow:0 10px 25px rgba(0,0,0,.08);transform:translateY(-1px)}.rank-row img{width:7rem;height:4rem;object-fit:cover;border-radius:.75rem;background:#e5e7eb}.rank-num{font-weight:800;color:#059669;font-size:1.35rem;text-align:center}.rank-main strong{display:block;color:#111827;font-weight:700}.rank-main em{display:block;color:#6b7280;font-style:normal;font-size:.875rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.rank-meta{color:#6b7280;font-size:.875rem;white-space:nowrap}.player-box{aspect-ratio:16/9;background:#000}.player-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(17,24,39,.88);font-size:1rem}.player-status[hidden]{display:none}.poster-panel img{width:100%;border-radius:1rem;aspect-ratio:16/9;object-fit:cover;background:#e5e7eb}.crumb a{color:#059669}.detail-prose h2{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.75rem}.detail-prose p{line-height:1.9;color:#374151;margin-bottom:1.5rem}.hero-content-card{background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.24));border-radius:1rem;padding:1.25rem}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}@media(max-width:768px){.rank-row{grid-template-columns:2.5rem 5.5rem 1fr}.rank-row img{width:5.5rem;height:3.5rem}.rank-meta{display:none}.hero-content-card{padding:0;background:transparent}.w-48{width:8rem}.h-28{height:5rem}}