:root{--bg:#050506;--panel:#0d0d10;--panel2:#141418;--line:#26262d;--text:#fff;--muted:#a3a3ad;--red:#e50914;--red2:#ff2c37;--shadow:0 18px 55px rgba(0,0,0,.45);--radius:18px}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(229,9,20,.13),transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input{font:inherit}button{cursor:pointer;color:inherit}img{max-width:100%}.hidden{display:none!important}.muted{color:var(--muted)}
.app-shell{min-height:100vh}.topbar{height:72px;padding:0 4vw;display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(5,5,6,.98),rgba(5,5,6,.86));backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.055)}.brand{border:0;background:none;padding:0;display:flex;align-items:center}.brand img{height:34px;width:auto}.desktop-nav{display:flex;gap:6px;margin:auto}.desktop-nav button{border:0;background:transparent;color:#bdbdc5;padding:10px 14px;border-radius:10px;font-weight:800}.desktop-nav button:hover,.desktop-nav button.active{background:#18181d;color:#fff}.top-actions{display:flex;align-items:center;gap:8px}.round-btn{width:40px;height:40px;border-radius:50%;border:1px solid #2a2a31;background:#101014;display:inline-grid;place-items:center;font-weight:900}.round-btn:hover{border-color:#4a4a55;background:#18181d}.api-badge{font-size:11px;font-weight:900;letter-spacing:.11em;border:1px solid rgba(255,45,55,.38);background:rgba(229,9,20,.09);color:#ff8c92;padding:8px 10px;border-radius:999px}
.setup-view{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:42px 18px}.setup-card{width:min(880px,100%);padding:54px;border:1px solid #26262d;border-radius:28px;background:linear-gradient(135deg,#111116,#09090b 66%);box-shadow:var(--shadow);position:relative;overflow:hidden}.setup-card:after{content:"";position:absolute;right:-180px;top:-180px;width:460px;height:460px;background:radial-gradient(circle,rgba(229,9,20,.22),transparent 68%);pointer-events:none}.setup-logo{width:min(430px,70%);display:block;margin:0 auto 12px}.setup-tag,.eyebrow{color:#ff5a62;font-weight:900;letter-spacing:.15em;font-size:11px}.setup-card h1{font-size:clamp(36px,7vw,72px);line-height:.94;margin:18px 0}.setup-card h1 em{font-style:normal;color:var(--red2)}.setup-card>p{color:#bdbdc6;max-width:680px;font-size:17px;line-height:1.65}.setup-card form{margin-top:28px;position:relative;z-index:2}.setup-card label{display:block;font-size:13px;font-weight:800;margin-bottom:8px}.playlist-input-row{display:flex;gap:10px}.playlist-input-row input{flex:1;min-width:0;background:#07070a;border:1px solid #303039;border-radius:14px;color:#fff;padding:16px 17px;outline:0}.playlist-input-row input:focus{border-color:#b91c24;box-shadow:0 0 0 3px rgba(229,9,20,.12)}.primary-btn,.secondary-btn,.ghost-btn,.danger-btn{border:0;border-radius:13px;padding:13px 18px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary-btn{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;box-shadow:0 12px 28px rgba(229,9,20,.22)}.primary-btn:hover{filter:brightness(1.08)}.secondary-btn{background:#19191f;border:1px solid #303038}.ghost-btn{background:rgba(15,15,18,.68);border:1px solid rgba(255,255,255,.19);backdrop-filter:blur(10px)}.danger-btn{background:#2a0c0f;border:1px solid #612027;color:#ff8b91}.full{width:100%;margin-top:10px}.remember{display:flex!important;gap:9px;align-items:center;margin-top:12px!important;color:#bbb!important;font-weight:600!important}.remember input{accent-color:var(--red)}.status-box{margin-top:18px;border:1px solid #33343c;background:#101116;padding:13px 15px;border-radius:12px;color:#d4d4da}.status-box.error{border-color:#76202a;color:#ff8c94}.status-box.ok{border-color:#1c6044;color:#8ce0b8}.privacy-note{margin-top:22px;padding:15px;border-radius:14px;background:#0b0b0e;border:1px solid #202026;color:#9b9ba4;font-size:13px;line-height:1.55}.privacy-note strong{color:#fff}
.library-view{padding-bottom:80px}.home-view{padding-bottom:40px}.hero{height:min(66vh,650px);min-height:470px;position:relative;overflow:hidden;border-bottom:1px solid #18181c}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#050506 20%,#101014 100%);background-size:cover;background-position:center 28%;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050506 0%,rgba(5,5,6,.93) 26%,rgba(5,5,6,.42) 62%,rgba(5,5,6,.23) 100%),linear-gradient(0deg,#050506 0%,transparent 42%)}.hero-content{position:absolute;left:5vw;bottom:12%;z-index:2;width:min(680px,72vw)}.hero h1{font-size:clamp(42px,6.5vw,84px);line-height:.95;margin:10px 0 14px;text-wrap:balance}.hero-meta{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.hero-meta span{border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.26);padding:5px 9px;border-radius:7px;font-size:12px;font-weight:800}.hero-content>p:not(.eyebrow){font-size:16px;line-height:1.55;color:#d0d0d6;max-width:640px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{display:flex;gap:10px;margin-top:21px}.home-section{padding:26px 4vw 4px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px}.section-head h2{margin:3px 0 0;font-size:clamp(21px,2.3vw,30px)}.link-btn{border:0;background:transparent;color:#ccc;font-weight:800}.link-btn:hover{color:#fff}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.portal-card{min-height:150px;border:1px solid #282830;border-radius:20px;text-align:left;padding:22px;display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden;position:relative;background:#111115}.portal-card:before{content:"";position:absolute;inset:0;opacity:.92}.portal-card.live:before{background:radial-gradient(circle at 95% 10%,rgba(229,9,20,.45),transparent 45%),linear-gradient(140deg,#19191f,#09090c)}.portal-card.movie:before{background:radial-gradient(circle at 90% 20%,rgba(255,69,80,.28),transparent 44%),linear-gradient(140deg,#17171d,#09090b)}.portal-card.series:before{background:radial-gradient(circle at 95% 25%,rgba(154,0,10,.38),transparent 46%),linear-gradient(140deg,#18181d,#08080a)}.portal-card>div,.portal-card>b{position:relative;z-index:1}.portal-card small{display:block;color:#ff676f;font-size:10px;letter-spacing:.16em;font-weight:900}.portal-card strong{display:block;font-size:31px;margin:3px 0}.portal-card span{color:#a7a7b0;font-size:13px}.portal-card b{font-size:34px;color:#ff5a62}.portal-card:hover{transform:translateY(-2px);border-color:#4a2328}.shelf{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px;scroll-snap-type:x proximity}.shelf::-webkit-scrollbar{display:none}.shelf-card{flex:0 0 170px;scroll-snap-align:start;position:relative}.shelf-card .art{aspect-ratio:2/3;border-radius:13px;background:#121216;overflow:hidden;border:1px solid #25252d;position:relative}.shelf-card.live-card{flex-basis:240px}.shelf-card.live-card .art{aspect-ratio:16/9}.art img{width:100%;height:100%;object-fit:cover;display:block}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.66),transparent 50%);opacity:.7}.shelf-card h3{font-size:13px;margin:8px 2px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-card p{font-size:11px;color:#888891;margin:0 2px}.logo-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#17171b,#0b0b0e);font-size:28px;font-weight:900;color:#777784}.rating-pill{position:absolute;left:7px;top:7px;z-index:2;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.18);font-size:10px;font-weight:900;border-radius:6px;padding:4px 6px}
.browse-view{padding:32px 4vw 80px}.browse-top{display:flex;justify-content:space-between;align-items:end;gap:22px}.browse-top h1{font-size:clamp(35px,5vw,64px);margin:3px 0 4px}.search-box{width:min(430px,42vw);height:48px;border:1px solid #2a2a31;background:#0d0d11;border-radius:13px;display:flex;align-items:center;padding:0 13px;gap:8px}.search-box input{flex:1;background:none;border:0;outline:0;color:#fff;min-width:0}.search-box button{border:0;background:none;color:#888;font-size:24px}.category-row-wrap{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;align-items:center;margin-top:28px}.category-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.category-row::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto;border:1px solid #282830;background:#111116;color:#c3c3ca;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800}.category-chip:hover,.category-chip.active{background:var(--red);border-color:var(--red);color:#fff}.cat-arrow{border:1px solid #2d2d35;background:#101014;width:42px;height:42px;border-radius:50%;font-size:25px}.browse-toolbar{display:flex;justify-content:space-between;gap:15px;margin:18px 2px 14px;color:#aaaab3;font-size:12px}.media-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px 12px}.media-card{min-width:0}.media-card button.card-main{display:block;width:100%;text-align:left;border:0;background:none;padding:0}.media-card .poster{aspect-ratio:2/3;border:1px solid #24242c;background:#111115;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 8px 30px rgba(0,0,0,.2)}.media-card.tv .poster{aspect-ratio:16/10}.media-card .poster img{width:100%;height:100%;object-fit:cover}.media-card.tv .poster img{object-fit:contain;padding:15px;background:#0d0d10}.media-card:hover .poster{border-color:#713039;transform:translateY(-2px)}.media-card h3{font-size:13px;margin:8px 1px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card p{font-size:11px;color:#85858e;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-mini{position:absolute;right:7px;top:7px;z-index:3;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.66);width:29px;height:29px;border-radius:50%;display:grid;place-items:center}.loading-grid,.empty-state{min-height:300px;display:grid;place-items:center;align-content:center;color:#aaa;text-align:center}.loading-grid p,.empty-state p{margin:8px 0}.empty-state h2{margin:7px 0 0}.spinner{display:inline-block;width:30px;height:30px;border:3px solid #333;border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}.load-more{display:block;margin:28px auto 0}@keyframes spin{to{transform:rotate(360deg)}}
.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.82);backdrop-filter:blur(7px);padding:24px;display:grid;place-items:center}.detail-card{position:relative;width:min(1050px,96vw);max-height:92vh;overflow:auto;background:#0b0b0e;border:1px solid #2a2a31;border-radius:24px;box-shadow:var(--shadow);min-height:580px}.detail-backdrop{position:absolute;inset:0 0 auto 0;height:440px;background:#111;background-size:cover;background-position:center 25%}.detail-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b0b0e 37%,rgba(11,11,14,.64) 67%,rgba(11,11,14,.2) 100%);pointer-events:none}.modal-close{position:absolute;z-index:4;right:16px;top:16px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.7)}.detail-content{position:relative;z-index:2;padding:300px 38px 38px;display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:end}.detail-poster{width:190px;aspect-ratio:2/3;object-fit:cover;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.55)}.detail-copy h2{font-size:clamp(34px,5vw,64px);line-height:.98;margin:8px 0 12px}.detail-meta{display:flex;flex-wrap:wrap;gap:7px}.detail-meta span{font-size:12px;padding:5px 8px;border:1px solid #3a3a43;border-radius:6px;color:#ddd}.detail-plot{color:#c8c8cf;line-height:1.55;max-width:780px}.detail-actions{display:flex;gap:10px;margin-top:18px}.season-area{grid-column:1/-1;margin-top:25px}.season-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:10px}.season-tabs button{border:1px solid #31313a;background:#121217;border-radius:999px;padding:9px 13px;white-space:nowrap}.season-tabs button.active{background:var(--red);border-color:var(--red)}.episode-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.episode{border:1px solid #25252d;background:#101014;padding:12px;border-radius:12px;display:flex;align-items:center;gap:12px;text-align:left}.episode b{width:42px;height:42px;border-radius:9px;background:#1b1b21;display:grid;place-items:center;color:#ff646b}.episode span{overflow:hidden}.episode strong,.episode small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode small{color:#888;margin-top:3px}
.player-modal{padding:0;background:#000}.player-shell{width:100%;height:100%;display:grid;grid-template-rows:66px 1fr 40px;background:#000}.player-bar,.player-foot{display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#09090c}.player-bar{border-bottom:1px solid #202026}.player-bar>div:last-child{display:flex;gap:7px}.now{display:flex;align-items:center;gap:10px;min-width:0}.now img{width:38px;height:38px;border-radius:8px;object-fit:contain;background:#111}.now div{min-width:0}.now small,.now strong{display:block}.now small{color:#ff5c65;font-size:9px;letter-spacing:.14em;font-weight:900}.now strong{max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-stage{position:relative;display:grid;place-items:center;min-height:0}.video-stage video{width:100%;height:100%;object-fit:contain;background:#000}.player-loading,.player-error{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;background:#050505}.player-error div{width:48px;height:48px;border:1px solid #7c2930;background:#2a0b0e;border-radius:50%;display:grid;place-items:center;color:#ff6670;font-size:25px;font-weight:900}.player-error p{max-width:650px;color:#b6b6bd;line-height:1.55}.player-foot{border-top:1px solid #1b1b20;color:#888;font-size:11px}
.settings-card{width:min(520px,95vw);background:#0e0e12;border:1px solid #2b2b33;border-radius:20px;padding:24px;box-shadow:var(--shadow)}.settings-head{display:flex;align-items:center;justify-content:space-between}.settings-head img{height:32px;width:auto}.settings-card h2{font-size:30px}.settings-card label{display:block;color:#b8b8c0;font-size:12px;font-weight:900;margin:16px 0 7px}.url-box,.setting-info{background:#08080b;border:1px solid #25252c;border-radius:11px;padding:12px;color:#aaa;word-break:break-all;font-size:12px}.setting-info{margin-top:10px;line-height:1.5}.version{margin-top:18px;color:#666;text-align:center;font-size:11px}.toast{position:fixed;z-index:140;left:50%;bottom:28px;transform:translateX(-50%);background:#16161b;border:1px solid #34343d;box-shadow:var(--shadow);padding:11px 16px;border-radius:999px;font-weight:800;font-size:12px}.mobile-nav{display:none}
@media(max-width:1180px){.media-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.desktop-nav{display:none}.api-badge{display:none!important}.topbar{height:62px;padding:0 15px}.brand img{height:29px}.library-view{padding-bottom:72px}.hero{height:560px;min-height:0}.hero-content{left:18px;right:18px;width:auto;bottom:11%}.hero-shade{background:linear-gradient(0deg,#050506 0%,rgba(5,5,6,.82) 47%,rgba(5,5,6,.2) 100%),linear-gradient(90deg,rgba(5,5,6,.4),transparent)}.portal-grid{grid-template-columns:1fr}.portal-card{min-height:112px}.home-section{padding-left:15px;padding-right:15px}.browse-view{padding:25px 15px 95px}.browse-top{display:block}.search-box{width:100%;margin-top:17px}.category-row-wrap{grid-template-columns:1fr;margin-top:19px}.cat-arrow{display:none}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 9px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:60;height:67px;background:rgba(8,8,10,.96);border-top:1px solid #25252c;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:none;color:#81818a;display:grid;place-items:center;align-content:center;gap:2px}.mobile-nav button span{font-size:18px}.mobile-nav button small{font-size:9px;font-weight:800}.mobile-nav button.active{color:#ff4d56}.detail-card{width:100%;height:100%;max-height:none;border-radius:0}.detail-content{grid-template-columns:110px 1fr;padding:250px 18px 25px;gap:15px}.detail-poster{width:110px}.detail-backdrop{height:350px}.detail-copy h2{font-size:34px}.episode-list{grid-template-columns:1fr}.setup-card{padding:28px 20px}.setup-logo{width:82%}.playlist-input-row{display:block}.playlist-input-row .primary-btn{width:100%;margin-top:9px}}
@media(max-width:600px){.top-actions .round-btn:first-of-type{display:none}.hero{height:510px}.hero h1{font-size:42px}.hero-content>p:not(.eyebrow){font-size:14px;-webkit-line-clamp:2}.hero-actions{flex-wrap:wrap}.hero-actions button{padding:12px 14px}.section-head h2{font-size:20px}.shelf-card{flex-basis:135px}.shelf-card.live-card{flex-basis:205px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-card h3{font-size:11px}.media-card p{font-size:10px}.browse-top h1{font-size:39px}.category-chip{padding:9px 12px;font-size:11px}.detail-content{display:block;padding-top:245px}.detail-poster{display:none!important}.detail-meta{margin-top:10px}.detail-plot{font-size:13px}.season-area{margin-top:20px}.player-bar{padding:0 10px}.player-bar .round-btn{width:36px;height:36px}.player-foot{padding:0 10px}.setup-card h1{font-size:42px}}
@media(max-width:390px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-card{flex-basis:128px}.hero h1{font-size:37px}.portal-card strong{font-size:27px}}