:root{--bg:#080808;--card:#151515;--text:#fff;--muted:#aaa;--accent:#e50914}
*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);min-height:100vh}
button,input{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}
.topbar{position:fixed;z-index:50;top:0;left:50%;transform:translateX(-50%);width:min(1500px,100%);height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(180deg,rgba(0,0,0,.9),transparent);transition:.25s}
.topbar.scrolled{background:rgba(8,8,8,.96);backdrop-filter:blur(12px)}.logo{font-size:24px;font-weight:900;letter-spacing:-1.2px}.logo span{color:var(--accent)}
.top-actions{display:flex;gap:9px}.icon-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;font-size:20px}
.hero{min-height:590px;height:72vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(90deg,#080808,rgba(8,8,8,.72) 38%,rgba(8,8,8,.1)),linear-gradient(0deg,#080808,transparent 38%),radial-gradient(circle at 72% 30%,#7e2730,#271116 34%,#0c0c0c 68%)}
.hero-content{position:relative;z-index:1;padding:0 6vw 56px;max-width:650px}.badge{font-size:12px;font-weight:800;letter-spacing:1.4px;margin-bottom:13px}.badge b{color:var(--accent)}
.hero h1{font-size:clamp(40px,7vw,78px);line-height:.92;letter-spacing:-3px;margin-bottom:15px}.hero p{color:#d1d1d1;line-height:1.55;max-width:550px;font-size:15px}
.meta{display:flex;gap:14px;color:#ddd;font-size:13px;margin:15px 0}.actions{display:flex;gap:10px;margin-top:22px}.primary,.secondary{padding:12px 20px;border-radius:7px;font-weight:800}
.primary{background:#fff;color:#000}.secondary{background:rgba(80,80,80,.72);color:#fff}
.section{padding:0 20px;margin-top:28px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section h2{font-size:20px}.see{color:#bbb;font-size:13px}
.categories{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.chip{white-space:nowrap;background:#1b1b1b;border:1px solid #2b2b2b;color:#ddd;padding:9px 14px;border-radius:999px;font-size:13px}.chip.active{background:#fff;color:#000;font-weight:800}
.row{display:grid;grid-auto-flow:column;grid-auto-columns:170px;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.row::-webkit-scrollbar{display:none}
.card{position:relative;border-radius:9px;overflow:hidden;background:var(--card);aspect-ratio:2/3;transition:.2s;box-shadow:0 5px 20px rgba(0,0,0,.25)}.card:hover{transform:translateY(-4px)}
.poster{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;padding:12px;background-size:cover;background-position:center;background-color:#181818}
.card-title{position:relative;z-index:1;font-size:15px;font-weight:800;line-height:1.15}.card-info{position:absolute;left:9px;top:9px;z-index:2;background:rgba(0,0,0,.65);padding:4px 7px;border-radius:4px;font-size:10px}.play{position:absolute;right:8px;bottom:8px;z-index:3;width:31px;height:31px;border-radius:50%;background:#fff;color:#000}
.bottom-nav{position:fixed;z-index:60;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);height:72px;background:rgba(8,8,8,.94);border-top:1px solid #252525;backdrop-filter:blur(16px);display:flex;justify-content:space-around;align-items:center}
.nav-item{color:#8f8f8f;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:4px;background:none}.nav-item .ico{font-size:21px}.nav-item.active{color:#fff}
.search-panel,.player-modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.96);display:none;align-items:center;justify-content:center}
.search-box{width:min(680px,100%);padding:20px}.search-input{width:100%;background:#171717;border:1px solid #333;color:#fff;border-radius:12px;padding:16px 18px;outline:none}
.results{margin-top:15px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:65vh;overflow:auto}.result{background:#161616;padding:10px;border-radius:10px;display:flex;gap:10px;align-items:center}.thumb{width:48px;height:68px;border-radius:6px;object-fit:cover;background:#321114}
.close{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;background:#252525;color:#fff;font-size:20px}
.netflix-player{position:relative;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center}.netflix-player video{width:100%;height:100%;object-fit:contain;background:#000}
.player-gradient{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.78),transparent 22%,transparent 58%,rgba(0,0,0,.92))}
.player-top,.player-controls{position:absolute;left:0;right:0;z-index:4}.player-top{top:0;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.player-title-top{font-weight:800;font-size:18px}
.player-icon{background:transparent;color:#fff;font-size:22px;padding:7px;min-width:38px;text-shadow:0 2px 8px #000}.player-center{position:absolute;z-index:5;display:flex;align-items:center;gap:34px}
.big-play{width:66px;height:66px;border-radius:50%;background:#fff;color:#000;font-size:25px}.big-skip{background:transparent;color:#fff;font-size:42px;text-shadow:0 2px 10px #000}.big-skip small{font-size:10px;margin-left:-30px}
.player-controls{bottom:0;padding:0 22px 22px}#progress{width:100%;height:4px;accent-color:#e50914;margin-bottom:8px}.control-row{display:flex;justify-content:space-between}.left-controls{display:flex;align-items:center}.time{font-size:12px;color:#ddd;margin-left:7px}
.empty{color:#777;padding:35px 15px}
@media(min-width:800px){.bottom-nav{display:none}.row{grid-auto-columns:190px}}
@media(max-width:600px){.hero{min-height:560px}.hero-content{padding:0 20px 42px}.section{padding:0 15px}.row{grid-auto-columns:145px}.player-title-top{font-size:14px}.player-controls{padding:0 12px 12px}.player-icon{font-size:18px}.big-play{width:54px;height:54px}.player-center{gap:20px}.big-skip{font-size:32px}}

.admin-link{font-size:9px;font-weight:800;color:#999;padding:0 3px;display:flex;align-items:center}.hero{background-position:center;background-size:cover}.empty-hero{background:radial-gradient(circle at 70% 35%,#4d1720,#080808 60%)}.progress-line{position:absolute;left:0;right:0;bottom:0;height:3px;background:#555}.progress-line i{display:block;height:100%;background:#e50914}.browse{padding-bottom:100px}
@media(max-width:600px){.admin-link{display:none}}