body{background:#0a1929;color:#fff}img{max-width:100%;display:block}.site-shell{min-height:100vh;background:linear-gradient(to bottom,#102a43,#0a1929 38%,#102a43)}.brand-mark{width:2.25rem;height:2.25rem;border-radius:.75rem;background:linear-gradient(135deg,#1a9995,#ffc107);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 16px 40px #1a99954d}.nav-link{color:#d1d5db;transition:color .2s ease}.nav-link:hover{color:#fff}.header-search{display:flex;align-items:center}.header-search input{width:12rem;padding:.35rem .75rem;background:#163a5c;border:1px solid #486581;border-radius:.45rem 0 0 .45rem;color:#fff;outline:none}.header-search input:focus{border-color:#1a9995}.header-search button{padding:.35rem .75rem;background:#0f7f79;color:#fff;border-radius:0 .45rem .45rem 0}.mobile-toggle{display:none}.mobile-panel{display:none}.hero-slide{opacity:0;pointer-events:none;transition:opacity .7s ease}.hero-slide.active{opacity:1;pointer-events:auto}.hero-dot.active{background:#26b3af;width:2rem}.poster-box{background:radial-gradient(circle at 25% 20%,#1a999566,transparent 34%),linear-gradient(135deg,#102a43,#071321)}.card-cover{width:100%;height:100%;object-fit:cover}.play-mark{width:3rem;height:3rem;border-radius:999px;background:#ffffff24;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;border:1px solid #ffffff40}.movie-card:hover .play-mark{transform:scale(1.08);background:#26b3af99}.section-title{font-family:Noto Serif SC,Georgia,serif;font-size:1.5rem;line-height:2rem;color:#fff;margin-bottom:2rem;border-left:4px solid #1a9995;padding-left:1rem}.category-tile{display:block;padding:1.5rem;border-radius:1rem;background:#163a5c80;border:1px solid #334e6880;transition:transform .25s ease,border-color .25s ease,background .25s ease}.category-tile:hover{transform:translateY(-4px);border-color:#1a9995;background:#163a5ccc}.category-tile h3{font-family:Noto Serif SC,Georgia,serif;font-size:1.25rem;color:#fff;margin-bottom:.6rem}.category-tile p{color:#9ca3af;font-size:.9rem;line-height:1.7}.category-tile span{display:inline-flex;margin-top:1rem;color:#4dc4c1;font-size:.85rem}.rank-item{display:grid;grid-template-columns:3.25rem 12rem 1fr;gap:1.25rem;align-items:center;padding:1rem;border-radius:1rem;background:#163a5c66;border:1px solid #334e6880;transition:background .2s ease,border-color .2s ease}.rank-item:hover{background:#163a5ccc;border-color:#1a9995}.rank-num{font-size:1.6rem;font-family:Georgia,serif;color:#26b3af;text-align:center}.detail-panel{background:#163a5c80;border:1px solid #334e6880;border-radius:.75rem;padding:1.5rem}.tag-pill{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;background:#334e6880;color:#d1d5db;font-size:.875rem}.breadcrumb{display:inline-flex;gap:.5rem;align-items:center;color:#9ca3af;margin-bottom:1.5rem}.breadcrumb a:hover{color:#fff}.search-card{display:block}.empty-state{padding:5rem 1rem;text-align:center;color:#9ca3af}.site-footer{background:#102a43;border-top:1px solid #334e6880;margin-top:5rem}.site-footer a{color:#9ca3af}.site-footer a:hover{color:#26b3af}.hero-mini-card{background:#102a43cc;border:1px solid #334e6880;border-radius:1rem;overflow:hidden}.prose-text p{margin-bottom:1rem;color:#d1d5db;line-height:1.9}.filter-strip{display:flex;gap:.75rem;flex-wrap:wrap}.filter-strip a{padding:.5rem 1rem;border-radius:999px;background:#163a5c;color:#d1d5db}.filter-strip a:hover{background:#0f7f79;color:#fff}@media(max-width:768px){.desktop-nav,.header-search{display:none}.mobile-toggle{display:inline-flex;color:#fff;font-size:1.5rem}.mobile-panel.open{display:block;border-top:1px solid #334e6880;background:#102a43}.mobile-panel a{display:block;padding:.85rem 1rem;color:#d1d5db}.mobile-panel form{display:flex;padding:1rem}.mobile-panel input{flex:1;min-width:0;padding:.55rem .75rem;background:#163a5c;border:1px solid #486581;color:#fff;border-radius:.5rem 0 0 .5rem}.mobile-panel button{padding:.55rem .8rem;background:#0f7f79;color:#fff;border-radius:0 .5rem .5rem 0}.rank-item{grid-template-columns:2.5rem 6.5rem 1fr;gap:.75rem}.rank-num{font-size:1.2rem}.hero-slide .hero-copy{padding-bottom:4rem}.hero-slide h1{font-size:2.2rem;line-height:2.55rem}}