:root{color-scheme:dark;--muted:#a1a1aa;--line:#27272a}*{box-sizing:border-box}body{margin:0;background:#000;color:#f4f4f5;font:14px Arial,Helvetica,sans-serif}button,a,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{background:#18181b;border:1px solid var(--line);color:#e4e4e7;border-radius:8px;padding:9px 14px}button:hover{background:#27272a;color:white}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #fff;outline-offset:3px}[hidden]{display:none!important}header{height:65px;border-bottom:1px solid #202024;background:#09090bf2;position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}nav{max-width:1280px;height:100%;margin:auto;display:flex;align-items:center;gap:10px;padding:0 24px}nav>a:not(.brand),nav .dropdown>button{display:flex;gap:8px;align-items:center;border:0;background:transparent;font-size:12px;font-weight:600;color:#a1a1aa;padding:9px 12px;border-radius:8px}nav>a.active{background:white;color:black}nav>a:hover{color:#fff;background:#18181b}nav>a.active:hover{color:#000;background:#ddd}.brand{font-weight:900;font-size:29px;letter-spacing:-4px;display:inline-block;padding-right:7px!important;margin-right:20px;color:#fafafa;font-style:italic}.brand span{color:#f43f5e}nav small{font-size:8px;color:#fda4af;background:#88133755;border:1px solid #9f123955;border-radius:4px;padding:3px 4px}.spacer{flex:1}.token{font:11px monospace;color:#a1a1aa;border:1px solid #27272a;border-radius:20px;padding:7px 12px}#search-button{font-size:28px;padding:0 10px;background:none;border:0}.dropdown{position:relative}.menu{position:absolute;top:40px;left:0;min-width:165px;background:#0e0e10;border:1px solid #333;border-radius:10px;padding:7px;box-shadow:0 12px 40px #0009}.menu.right{left:auto;right:0}.menu a{display:block;padding:11px 12px;border-radius:6px;color:#b7b7c0;font-size:12px}.menu a:hover{background:#27272a;color:white}.hero{height:46vh;min-height:420px;max-height:500px;position:relative;overflow:hidden;border-bottom:1px solid #18181b}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.7}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#000 0%,#0009 46%,transparent 100%)}.hero-content{position:relative;z-index:1;max-width:1280px;margin:auto;padding:0 24px 40px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:15px}.badge{font:600 10px monospace;letter-spacing:1px;background:#ffffff15;border:1px solid #ffffff20;border-radius:4px;padding:4px 8px;text-transform:uppercase}.rating{color:#fbbf24;font:600 11px monospace;margin-left:10px}h1{font-size:48px;letter-spacing:-1.5px;margin:0;font-weight:800;max-width:800px}.meta{font:12px monospace;color:#d4d4d8}.hero p{font-size:14px;line-height:1.6;color:#d4d4d8;max-width:570px;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.actions{display:flex;gap:11px;align-items:center;margin-top:3px}.primary{background:white;color:black;font-weight:700;border-color:white;padding:11px 20px}.primary:hover{background:#ddd;color:black}.secondary{background:#18181bcc;padding:11px 18px}.content{max-width:1280px;margin:auto;padding:30px 24px}.rail-section{margin-bottom:32px}.section-head{display:flex;align-items:center;gap:9px;margin-bottom:16px}.section-head h2{font-size:20px;letter-spacing:-.4px;margin:0 0 5px}.section-head p{margin:0;color:#a1a1aa;font:11px monospace}.section-head>a{margin-left:auto;color:#a1a1aa;font-size:12px;font-weight:600}.section-head>a:hover{color:#fff}.arrow{padding:3px 9px;font-size:19px;border-radius:6px}.rail{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;padding:2px 1px 5px}.rail::-webkit-scrollbar{display:none}.card{flex:0 0 160px;width:160px;position:relative;min-width:0}.poster{position:relative;aspect-ratio:2/3;border:1px solid #27272a;border-radius:10px;overflow:hidden;background:#18181b;cursor:pointer;display:block;width:100%;padding:0}.poster img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.poster:hover img{transform:scale(1.05)}.poster:after{content:'▶';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;font-size:28px;opacity:0;transition:opacity .2s}.poster:hover:after{opacity:1}.card-rating{position:absolute;top:8px;left:8px;z-index:2;padding:4px 6px;background:#000d;border:1px solid #ffffff20;border-radius:4px;color:#fbbf24;font:10px monospace}.save{position:absolute;top:8px;right:8px;z-index:3;background:#000b;border:1px solid #ffffff25;border-radius:50%;width:28px;height:28px;padding:0;font-size:17px}.save.saved{color:#e8c77f}.card-title{font-size:12px;margin:10px 0 5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font:10px monospace;color:#71717a;display:flex;justify-content:space-between}.card-meta span:last-child{text-transform:uppercase;font-size:9px}.callout{margin-top:24px;padding:20px;border:1px solid #27272a;border-radius:12px;background:linear-gradient(90deg,#09090b,#18181b80,#09090b);display:flex;gap:16px;align-items:center}.callout p{color:#a1a1aa;font-size:12px;line-height:1.5;margin:5px 0}.callout button,.callout>a{margin-left:auto;white-space:nowrap}.page-head{padding:32px 0 24px}.page-head h1{font-size:30px}.page-head p{color:#a1a1aa;font:12px monospace}.filters{display:flex;gap:12px;margin-bottom:26px;flex-wrap:wrap}.filters input,.filters select{padding:11px 14px;background:#0c0c0e;border:1px solid #27272a;border-radius:8px;color:#d4d4d8}.filters input{flex:1;min-width:180px}.grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:24px 16px}.grid .card{width:100%}.empty{padding:80px 20px;text-align:center;color:#a1a1aa}.empty h2{color:white}footer{border-top:1px solid #18181b;padding:32px 24px;text-align:center;color:#71717a;font:11px monospace;line-height:2}footer .brand{font-size:19px;margin-right:8px}footer a:hover{color:#fff}.white{color:white}.muted{color:#71717a}dialog{border:1px solid #333;background:#0c0c0e;color:white;border-radius:16px;padding:24px;max-width:720px;width:calc(100% - 32px);max-height:90vh;box-shadow:0 30px 90px #000;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0;font-size:22px}.dialog-head button{border:0;background:none;font-size:24px;padding:0 7px}#search-input{margin:20px 0;width:100%;background:#18181b;border:1px solid #3f3f46;border-radius:8px;padding:15px;color:white}.search-row{display:flex;gap:15px;padding:10px;border-radius:8px;cursor:pointer;align-items:center}.search-row:hover{background:#18181b}.search-row img{width:45px;height:65px;object-fit:cover;border-radius:5px}.search-row p{color:#a1a1aa;font:11px monospace}.detail-backdrop{width:calc(100% + 48px);margin:-24px -24px 20px;height:260px;object-fit:cover;mask-image:linear-gradient(#000 60%,transparent)}.close-detail{position:absolute;right:16px;top:16px;border-radius:50%;background:#000a;font-size:22px;padding:3px 10px}.detail-copy h2{font-size:30px;margin:6px 0 14px}.detail-copy p{color:#a1a1aa;line-height:1.7}.detail-copy .actions{margin:20px 0}.notice{background:#18181b;border:1px solid #333;border-radius:10px;padding:16px;margin-top:20px;color:#a1a1aa;line-height:1.7}.notice code{color:white}.loading{padding:160px;text-align:center;font:12px monospace;letter-spacing:3px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;transition:.2s;background:#fafafa;color:#000;padding:12px 22px;border-radius:8px;font-size:12px;z-index:100;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reel{aspect-ratio:9/14;border-radius:14px;overflow:hidden;position:relative;cursor:pointer}.reel img{width:100%;height:100%;object-fit:cover}.reel div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:22px;background:linear-gradient(transparent,#000e)}.reel h2{font-size:22px}.reel p{font-size:12px;color:#d4d4d8;line-height:1.5}
@media(min-width:1450px){.card{flex-basis:174px;width:174px}}@media(max-width:1000px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:700px){nav{padding:0 16px;gap:3px}nav>a:not(.brand),nav .dropdown>button{padding:8px}nav>a:not(.brand)>span,nav .dropdown>button>span{display:none}.token{display:none}.brand{margin-right:10px}header{height:58px}h1{font-size:34px}.hero{min-height:380px;height:50vh}.hero-content{padding:0 20px 32px;gap:12px}.hero p{font-size:12px;max-width:90%}.content{padding:25px 16px}.card{flex-basis:140px;width:140px}.rail{gap:12px}.section-head h2{font-size:18px}.section-head p{font-size:10px;max-width:240px}.section-head .arrow{display:none}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.callout{align-items:flex-start;flex-direction:column}.callout button,.callout>a{margin-left:0}.reels{grid-template-columns:1fr}.detail-backdrop{height:210px}.detail-copy .actions{flex-wrap:wrap}.page-head h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#detail-dialog.playing{max-width:1080px}.playback-panel{margin-top:24px;padding-top:20px;border-top:1px solid #27272a}.playback-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.playback-heading a{font-size:12px;color:#a1a1aa}.playback-heading a:hover{color:white}#original-player{width:100%;aspect-ratio:16/9;min-height:260px;background:#09090b;border:1px solid #27272a;border-radius:10px;overflow:hidden}#original-player iframe{width:100%;height:100%;border:0;display:block}.player-help{font-size:11px!important;color:#71717a!important}#episode-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:16px}#episode-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#a1a1aa}#episode-form input{width:86px;padding:9px 12px;border:1px solid #3f3f46;border-radius:7px;background:#18181b;color:white}

/* Cinevora brand system */
:root{--zyvorune-accent:#d6a655;--zyvorune-light:#f5e7cb}
nav>.brand{display:flex;align-items:center;flex-shrink:0;margin-right:18px;padding:0!important;letter-spacing:normal;font-style:normal;line-height:1}
.brand img{display:block;width:163px;height:40px;object-fit:contain}
footer .footer-brand{display:inline-flex;margin:0;padding:0!important;font-style:normal}
footer .brand img{width:142px;height:39px}.footer-tagline{margin:8px 0 17px;color:#a1a1aa;font:12px Arial,Helvetica,sans-serif;letter-spacing:.3px}
.token{color:#e8c77f;border-color:#d6a65530;background:#d6a65508}
.primary{background:#f5e7cb;border-color:#f5e7cb}.primary:hover{background:#f5d68e}
.save.saved{color:#e8c77f;border-color:#d6a65570;background:#2b2113}
.loading{color:#e8c77f}::selection{background:#bd853266;color:#fff}
@media(max-width:700px){nav>.brand{margin-right:10px}.brand img{width:140px;height:34px}nav{gap:2px}nav>a:not(.brand),nav .dropdown>button{padding:7px}}
@media(max-width:380px){.brand img{width:118px}nav{padding:0 10px}nav>a:not(.brand),nav .dropdown>button{padding:6px}nav small{display:none}}

/* Cinevora — cinematic black, champagne, and gold */
:root{--gold:#d6a655;--champagne:#f5e7cb;--muted:#aaa394;--line:#30291e}
body{background:#080808;color:#f5f0e7;background-image:radial-gradient(ellipse at 90% 0%,#8b5e1714,transparent 45%)}
header{height:74px;background:linear-gradient(90deg,#0b0b0cf5,#14110bf5,#0b0b0cf5);border-bottom:1px solid #d6a65535;box-shadow:0 2px 24px #0007}
nav>.brand{margin-right:22px}.brand img{width:185px;height:49px;mix-blend-mode:screen}footer .brand img{width:190px;height:50px;mix-blend-mode:screen}
nav>a.active{background:linear-gradient(135deg,#f4daa0,#c79744);color:#171005;box-shadow:0 2px 12px #d6a65520}nav>a.active:hover{background:#f3d89d;color:#171005}
nav>a:not(.active):hover,nav .dropdown>button:hover{background:#d6a6550d;color:#f5d68e}
nav small{background:#b585291a;border-color:#d6a65544;color:#e8c77f}.token{background:#d6a65509;border-color:#d6a65530;color:#d8bd87;letter-spacing:.3px}
button{border-color:#383023;background:#191712;color:#e5dece}button:hover{background:#2b2417;border-color:#aa8443;color:#fff5df}
.primary{background:linear-gradient(125deg,#f8e5b5 0%,#dbb163 50%,#b98734 100%);border:1px solid #e8c77f;color:#1c1307;box-shadow:0 3px 18px #b987341c;font-weight:800}
.primary:hover{background:linear-gradient(125deg,#fff0c9,#e6bd73);border-color:#f5d68e;color:#100b03}
.secondary{background:#171511dd;border-color:#8a6d3c55;color:#e9e1d1}.secondary:hover{background:#2c2315}
.hero{border-bottom:1px solid #d6a65528}.hero:after{background:linear-gradient(0deg,#080808 0%,transparent 95%),linear-gradient(90deg,#080808 0%,#080808a6 46%,transparent)}
.badge{color:#eed8a9;border-color:#d6a65555;background:#6f50151f;letter-spacing:1.6px}.rating,.card-rating{color:#f1cf82}
h1{color:#f8f2e6}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-1px}.hero p{color:#c0b8a9}
.section-head h2{color:#f3ead9}.section-head h2:before{content:'';display:inline-block;width:3px;height:15px;background:linear-gradient(#f5d68e,#b98734);margin-right:9px;border-radius:2px}
.section-head p{color:#8f897d}.section-head>a{color:#c8ac76}.section-head>a:hover{color:#ffe2a5}
.poster{border-color:#3a3020;box-shadow:0 6px 20px #0005}.poster:hover{border-color:#d6a655aa;box-shadow:0 5px 23px #9e6b1922}.card-title{color:#eae3d6}.card-meta{color:#8f887a}.card-rating{border-color:#d6a65535}
.save{border-color:#d6a65545}.save.saved{color:#f1cf82;border-color:#d6a655;background:#33250e}
.callout{border-color:#9d77383b;background:linear-gradient(110deg,#12100c,#20190d8c,#0d0d0c);box-shadow:0 8px 28px #0004}.callout b{color:#f5e7cb}.callout p{color:#aaa18e}
.filters input,.filters select,#search-input{background:#11100d;border-color:#493a24;color:#e8dfce}.filters input:focus,#search-input:focus{outline-color:#d6a655}
.menu,dialog{background:#0f0e0c;border-color:#9d773855}.menu a:hover,.search-row:hover{background:#d6a65512}.menu a{color:#c9bfaa}
dialog{box-shadow:0 35px 100px #000b,0 0 0 1px #f0d29b08}.detail-copy h2{color:#f4e9d2;font-family:Georgia,'Times New Roman',serif;font-weight:500}.detail-copy p{color:#afa795}
.playback-panel{border-top-color:#d6a65530}.playback-heading b{color:#efd49d;font-size:13px;letter-spacing:1.1px;text-transform:uppercase}#original-player{border-color:#8a693a66;box-shadow:0 4px 24px #0006}#episode-form input{background:#16130e;border-color:#594429;color:#f5e7cb}
footer{border-top:1px solid #d6a65525;background:linear-gradient(#0c0b09,#070707);color:#8f8571}.footer-tagline{color:#bda77d;letter-spacing:1px}footer a:hover{color:#f5d68e}
.notice{background:#1a160f;border-color:#5b452655}.loading{color:#e8c77f}#toast{background:#f5e7cb;color:#211605}::selection{background:#d6a65550;color:#fff7e3}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#e8c77f}
@media(max-width:700px){header{height:66px}.brand img{width:151px;height:40px}nav>.brand{margin-right:12px}.hero h1{font-size:37px}}@media(max-width:380px){.brand img{width:122px;height:34px}nav>.brand{margin-right:7px}}

.catalog-status{font:12px monospace;color:#c8ac76;line-height:1.7;margin:0 0 20px}.pagination{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;padding:32px 0 15px}.pagination span{font-size:12px;color:#bcae95}.pagination button:disabled{opacity:.35;cursor:default}.pagination form{display:flex;gap:8px;align-items:center}.pagination label{font-size:11px;color:#aaa18e}.pagination input{width:75px;margin-left:6px;padding:9px;background:#11100d;border:1px solid #493a24;border-radius:7px;color:#f5e7cb}#search-type{padding:9px 12px;background:#17130e;border:1px solid #594429;color:#f5e7cb;border-radius:7px;margin-bottom:15px}.grid[aria-busy=true]{opacity:.45;pointer-events:none;min-height:120px}

/* Netflix-style immersive playback */
body:has(#detail-dialog.playing[open]){overflow:hidden}
#detail-dialog.playing,#detail-dialog.playing:fullscreen{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#000;overflow:hidden}
#detail-dialog.playing::backdrop{background:#000;backdrop-filter:none}
#detail-dialog.playing .detail-backdrop,#detail-dialog.playing .detail-copy>.badge,#detail-dialog.playing .detail-copy>.rating,#detail-dialog.playing .detail-copy>h2,#detail-dialog.playing .detail-copy>.meta,#detail-dialog.playing .detail-copy>p,#detail-dialog.playing .detail-copy>.actions{display:none}
#detail-dialog.playing .detail-copy{width:100%;height:100%;margin:0;padding:0}
#detail-dialog.playing .playback-panel{display:flex!important;flex-direction:column;width:100%;height:100%;margin:0;padding:0;border:0;background:#000}
#detail-dialog.playing .playback-heading{position:absolute;z-index:4;top:0;left:0;right:0;height:76px;margin:0;padding:18px 78px 22px 24px;background:linear-gradient(#000c,transparent);pointer-events:none}
#detail-dialog.playing .playback-heading b{font-size:12px;text-shadow:0 2px 7px #000}
#detail-dialog.playing .playback-heading span{color:#eee7da;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 7px #000}
#detail-dialog.playing .close-detail{position:fixed;z-index:6;top:18px;right:20px;width:44px;height:44px;padding:0;border:1px solid #ffffff35;background:#0b0b0bcc;color:#fff;border-radius:50%;font-size:30px;line-height:1}
#detail-dialog.playing .close-detail:hover,#detail-dialog.playing .close-detail:focus-visible{background:#2b2118;border-color:#d6a655;color:#f5d68e}
#detail-dialog.playing #episode-form{position:absolute;z-index:5;left:24px;bottom:22px;margin:0;padding:10px 12px;border:1px solid #d6a65545;border-radius:10px;background:#090909d9;backdrop-filter:blur(10px)}
#detail-dialog.playing #episode-form label{color:#d6cbb7}
#episode-form select{min-width:132px;padding:10px 36px 10px 12px;border:1px solid #594429;border-radius:8px;background:#16130e;color:#f5e7cb;cursor:pointer}
#episode-form select:hover,#episode-form select:focus-visible{border-color:#d6a655;outline-color:#e8c77f}
#detail-dialog.playing #original-player{flex:1;width:100%;height:100%;min-height:0;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:#000}
#detail-dialog.playing #original-player iframe{width:100%;height:100%}
@media(max-width:700px){#detail-dialog.playing .playback-heading{display:none}#detail-dialog.playing .close-detail{top:12px;right:12px;width:40px;height:40px}#detail-dialog.playing #episode-form{left:12px;bottom:12px;right:12px;gap:8px}#detail-dialog.playing #episode-form select{min-width:0;width:120px}}
