:root{--bg:#070c15;--panel:#101725;--panel2:#151d2c;--line:#283246;--text:#f5f4f2;--muted:#9ba4b5;--gold:#d5ad73;--gold2:#f1dbac;--cyan:#8adbd6;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit;text-decoration:none}.hidden{display:none!important}.shell{min-height:100vh;display:flex}.sidebar{width:238px;flex:0 0 238px;background:linear-gradient(180deg,#0d1421,#0a101b);border-right:1px solid #253047;padding:29px 17px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:7px;padding:2px 15px 48px}.brand img{max-width:132px;max-height:54px;object-fit:contain}.brand-tv{color:var(--gold2);font-size:22px;font-weight:700;letter-spacing:.1em}.sidebar-section{font-size:10px;letter-spacing:.17em;color:#677388;padding:0 18px 13px;font-weight:700}.nav{display:grid;gap:5px;margin-bottom:39px}.navitem{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid transparent;background:transparent;border-radius:11px;color:#a7b0bf;font-weight:600;width:100%;padding:12px 15px;transition:.2s}.navitem:hover{background:#1d2737;color:#fff}.navitem.active{background:linear-gradient(90deg,#2c3440,#1b2532);border-color:#404250;color:var(--gold2)}.navicon{font-size:23px;min-width:22px;display:inline-block;font-weight:400}.sidebar-bottom{margin-top:auto;font-size:10px;color:#647186;letter-spacing:.12em;padding:0 12px}.safe{color:#b7b6aa;font-size:12px;letter-spacing:0;margin-bottom:10px}.main{min-width:0;flex:1;display:flex;flex-direction:column;background:radial-gradient(ellipse at 70% -10%,#1f3044 0%,#0a111e 52%,#080e19 100%)}.topbar{height:88px;flex:0 0 88px;border-bottom:1px solid #293445;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(18px,4.5vw,65px)}.breadcrumbs{color:#b7becb;white-space:nowrap}.slash{margin:0 13px;color:#5f6d80}.toolbar{display:flex;align-items:center;gap:14px}.searchbox{display:flex;align-items:center;gap:9px;border:1px solid #324052;background:#151e2c;border-radius:9px;padding:0 14px;min-width:280px;height:39px;color:#7f8fa4}.searchbox span{font-size:27px;line-height:1}.searchbox input{min-width:0;border:0;outline:none;color:#fafafa;background:transparent;width:100%;font-size:13px}.searchbox input::placeholder{color:#718095}.userpill{display:flex;align-items:center;gap:9px;background:#1b2534;border:1px solid #3e4a5b;border-radius:30px;color:#bbc4d2;padding:9px 13px;font-size:12px;white-space:nowrap}.user-dot,.live-dot{width:7px;height:7px;background:var(--gold);display:inline-block;border-radius:100%;box-shadow:0 0 9px #d5ad7377}.user-dot.ok{background:#53c99d;box-shadow:0 0 9px #53c99d77}.content{width:100%;max-width:1590px;padding:35px clamp(18px,4.5vw,65px) 60px;margin:0 auto;flex:1}.hero{background:linear-gradient(113deg,#111d30 7%,#162637 49%,#1c2d40 85%,#202c3d);border:1px solid #334254;border-radius:22px;min-height:370px;padding:42px clamp(24px,4vw,60px);position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:10px;box-shadow:0 20px 95px #0006}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 45%,#c0a37013,transparent 45%),linear-gradient(90deg,transparent,#5a687014);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:635px}.eyebrow{font-size:11px;color:var(--gold2);letter-spacing:.19em;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow.dark{color:#bea378}.hero h1{font-size:clamp(34px,4.05vw,67px);line-height:1.13;font-weight:730;letter-spacing:-.045em;margin:25px 0 17px}.hero em{font-family:Georgia,serif;color:var(--gold2);font-weight:400;letter-spacing:-.025em}.hero p{max-width:570px;color:#b6c2d0;font-size:15px;line-height:1.75;margin:0 0 25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.primary,.secondary{border:1px solid transparent;border-radius:9px;padding:12px 23px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.2s}.primary{color:#1e1d1b;background:linear-gradient(135deg,#f0dab1,#c7a06c)}.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary:disabled{filter:grayscale(1);opacity:.4;cursor:default}.secondary{color:#eee5d8;background:#273446;border-color:#495265}.secondary:hover{background:#3b4859}.secondary span{font-size:18px}.devices-line{font-size:11px;color:#8897aa;margin-top:22px;letter-spacing:.07em}.devices-line span{color:#c4a36e;margin:0 7px}.hero-art{position:relative;flex:0 1 390px;min-width:260px;align-self:stretch;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #bfa26d44}.art-orbit.a{transform:rotateX(60deg) rotate(38deg)}.art-orbit.b{transform:rotateY(65deg) rotate(45deg);width:370px;height:370px}.art-ring{position:absolute;border-radius:50%;width:205px;height:205px;border:13px solid #d3b48111;box-shadow:0 0 100px #ccaa6152,inset 0 0 55px #d5ad731c}.art-center{display:grid;place-items:center;width:138px;height:138px;background:linear-gradient(135deg,#d7c092,#8f7651);border-radius:29px;transform:rotate(-7deg);box-shadow:0 20px 50px #0008}.art-center .play{color:#192031;font-size:48px;transform:rotate(7deg);margin-left:8px}.art-chip{position:absolute;z-index:2;border:1px solid #a3a19f52;background:#192436db;backdrop-filter:blur(10px);border-radius:8px;padding:9px 14px;font-size:10px;letter-spacing:.13em;box-shadow:0 12px 28px #0005}.chip-one{top:16%;right:1%;color:#eedfbe}.chip-one span{color:#e65a63}.chip-two{bottom:12%;left:0;color:var(--cyan)}.chip-three{bottom:25%;right:0;color:#ced5df}.notice{margin:24px 0 35px;display:flex;gap:18px;align-items:center;border:1px solid #4a4550;border-radius:12px;background:#28273275;padding:19px 23px}.notice.ok{border-color:#31564b;background:#1b302c88}.notice-icon{font-size:26px;color:var(--gold)}.notice>div{flex:1}.notice b{font-size:13px}.notice p{margin:2px 0 0;color:#a3adba;font-size:12px}.notice button{border:0;background:transparent;color:var(--gold2);font-weight:700;font-size:12px}.section{margin-top:34px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:18px}.section-head h2{font-size:25px;letter-spacing:-.025em;margin:5px 0 0}.section-head.later{margin-top:43px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature{position:relative;min-height:205px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;color:#fff;padding:23px 25px;border:1px solid #385071;background:linear-gradient(142deg,#1c2b46,#132039);border-radius:14px;overflow:hidden}.feature:before{content:"";position:absolute;inset:auto -35px -85px auto;width:230px;height:230px;background:#6b93c011;border-radius:50%}.feature:hover{border-color:var(--gold);transform:translateY(-2px)}.film-card{background:linear-gradient(142deg,#383049,#1c223c);border-color:#4e455e}.series-card{background:linear-gradient(142deg,#253f43,#142a30);border-color:#3e595a}.feature-icon{font-size:29px;color:var(--gold2);margin-bottom:17px}.feature-label{font-size:10px;letter-spacing:.15em;font-weight:700;color:#bbb8ae}.feature strong{font-size:19px;margin:5px 0 6px}.feature>span:nth-last-child(2){font-size:12px;color:#aab6c6;max-width:260px}.feature-arrow{position:absolute;right:25px;top:23px;color:#c6bdab;font-size:22px}.screen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.screen-grid>div{border:1px solid #303d4e;background:#101a28;border-radius:12px;padding:19px;display:flex;flex-direction:column;gap:7px}.screen-grid span{color:var(--gold2);font-size:25px}.screen-grid b{font-size:13px}.screen-grid small{color:#93a2b4}.muted{font-size:12px;color:#7e90a7}.library-layout{display:grid;grid-template-columns:minmax(160px,1fr) minmax(210px,1.2fr) minmax(320px,2.2fr);gap:14px;min-height:610px}.listbox,.detailbox{border:1px solid #334154;background:#111a29;border-radius:13px;overflow:hidden;min-width:0}.boxheading{color:#c5cbda;font-size:12px;font-weight:700;letter-spacing:.08em;padding:18px 17px;border-bottom:1px solid #304054}.scrollbox{max-height:670px;overflow-y:auto;padding:7px}.libraryrow{display:block;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:#acbbcc;border-radius:8px;padding:12px 13px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.libraryrow:hover{background:#202c40;color:#fff}.libraryrow.selected{background:#293747;border-color:#bba070;color:#f5e4c7}.empty{padding:28px 13px;color:#8191a9;font-size:13px}.skeleton{height:45px;border-radius:8px;background:linear-gradient(90deg,#182637,#2b3a4e,#182637);animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.5}}.detailbox{display:flex;flex-direction:column}.player{background:#05080d;aspect-ratio:16/9;position:relative;width:100%;border-bottom:1px solid #354253}.player video{height:100%;width:100%;display:none}.player video.ready{display:block}.player-overlay{position:absolute;inset:0;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;color:#8597ad;font-size:13px;pointer-events:none}.bigplay{border:1px solid #41526a;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;font-size:34px;color:var(--gold2)}.detail-body{padding:22px 26px}.detail-body h3{font-size:23px;line-height:1.25;margin:8px 0 10px}.detail-body p{font-size:13px;line-height:1.6;color:#9caabd;white-space:pre-line}.epg{border-top:1px solid #2c3b4f;margin-top:19px;padding-top:12px;font-size:12px;color:#9eaec0}.epg .programme{padding:8px 0;border-bottom:1px solid #253349}.epg b{color:#d6dfeb}.epg small{font-size:11px;color:#758698;margin-right:8px}footer{border-top:1px solid #2b3647;padding:23px 5vw;color:#6f7f90;font-size:10px;display:flex;justify-content:space-between;gap:15px;letter-spacing:.07em}.mobile-brand,.mobile-nav{display:none}dialog{color:#e8e8e9;background:#142033;border:1px solid #506079;border-radius:17px;max-width:530px;width:calc(100% - 28px);padding:30px;box-shadow:0 30px 100px #000d}dialog::backdrop{background:#01040bba;backdrop-filter:blur(4px)}dialog h2{font-size:26px;margin:15px 0 9px}dialog p{color:#abb8c9;font-size:14px;line-height:1.7}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head button{font-size:29px;background:transparent;border:0;color:#b9c3d2}.devicebox{padding:16px;border:1px solid #435269;background:#0b1524;border-radius:11px;margin:24px 0;display:flex;flex-direction:column;gap:7px}.devicebox span{font:12px/1.6 monospace;overflow-wrap:anywhere;color:var(--gold2)}.devicebox small{color:#8797ac}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.linkbtn{text-align:center}.access-result{font-size:12px;color:var(--gold2);margin-top:15px}
@media(max-width:1200px){.sidebar{width:205px;flex-basis:205px}.topbar{padding:0 27px}.content{padding-left:27px;padding-right:27px}.hero-art{min-width:190px}.hero h1{font-size:47px}.library-layout{grid-template-columns:180px 220px minmax(280px,1fr)}}
@media(max-width:960px){.sidebar{display:none}.topbar{height:71px;flex-basis:71px}.mobile-brand{display:flex;align-items:center;gap:7px;color:var(--gold2)}.mobile-brand img{width:83px;max-height:39px;object-fit:contain}.breadcrumbs{display:none}.hero{min-height:330px}.hero h1{font-size:46px}.hero-art{display:none}.library-layout{grid-template-columns:minmax(150px,1fr) minmax(160px,1.3fr);grid-template-areas:"cats items" "detail detail"}.library-layout>.listbox:first-child{grid-area:cats}.library-layout>.listbox:nth-child(2){grid-area:items}.library-layout>.detailbox{grid-area:detail}.scrollbox{max-height:265px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0c1320ef;backdrop-filter:blur(18px);border-top:1px solid #3a4251;z-index:20;justify-content:space-around;padding:8px 10px max(9px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;color:#8d9aad;display:flex;flex-direction:column;align-items:center;font-size:23px;gap:2px;padding:0 19px}.mobile-nav button.active{color:var(--gold2)}.mobile-nav small{font-size:10px}.main footer{padding-bottom:95px}}
@media(max-width:620px){.topbar{gap:10px;padding:0 15px}.toolbar{gap:7px}.searchbox{min-width:0;width:160px}.searchbox input{font-size:11px}.userpill{padding:8px}.userpill span:last-child{display:none}.content{padding:18px 15px 35px}.hero{padding:27px 23px;min-height:305px}.hero h1{font-size:37px;margin:24px 0 12px}.hero p{font-size:13px}.hero-actions .primary,.hero-actions .secondary{padding:10px 16px}.devices-line{line-height:2}.notice{padding:14px;gap:9px}.notice button{font-size:10px;text-align:right}.feature-grid{grid-template-columns:1fr}.feature{min-height:140px}.feature-icon{margin-bottom:4px}.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head h2{font-size:23px}.library-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.libraryrow{padding:10px 9px;font-size:12px}.boxheading{padding:14px 10px}.detail-body{padding:19px}.dialog-actions>a,.dialog-actions>button{width:100%}footer span{display:none}}

/* Small-screen guard: flexible action rows and unbroken navigation on phones. */
@media(max-width:620px){.toolbar{min-width:0}.searchbox{width:min(145px,35vw);min-width:0}.notice{flex-wrap:wrap}.notice>div{flex:1 1 calc(100% - 55px)}.notice button{flex:1 1 100%;text-align:left;padding:7px 0 0 35px}.mobile-nav button{padding:0 clamp(6px,2.5vw,16px)}.mobile-nav{padding-left:4px;padding-right:4px}.hero-actions{gap:8px}}