@font-face{font-family:SwayArabic;src:local("Tahoma");font-display:swap}
:root{color-scheme:dark;--bg:#0d0d12;--panel:#15151d;--line:#27252f;--text:#f5f3f9;--muted:#93909f;--accent:#a881ed;--accent-strong:#9062da;--green:#80c5ae;--radius:15px;font-family:SwayArabic,Tahoma,Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}input,textarea,select{outline-color:var(--accent)}img{max-width:100%;object-fit:cover}p{line-height:1.85}h1,h2,h3,p{margin:0}h1{font-weight:700;letter-spacing:-1.1px}h2{font-size:21px;letter-spacing:-.35px}h3{font-size:15px}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.green{color:var(--green)}.red,.danger{color:#e9959d}.hidden{display:none!important}.full{width:100%}.text-link{text-align:right;padding:0;font-size:14px;font-weight:600}.text-link:hover{color:var(--accent)}.mono{font-family:ui-monospace,Consolas,monospace;font-size:12px}.initial{display:grid;place-content:center;text-align:center;min-height:100vh;gap:20px}.initial p{color:var(--muted)}
.demo-banner{height:32px;background:#231b33;display:flex;align-items:center;justify-content:center;gap:22px;font-size:11px;color:#c7b4e7;position:relative;z-index:30;border-bottom:1px solid #3a2b4c}.demo-banner span{display:flex;align-items:center;gap:8px}.demo-banner i{width:5px;height:5px;border-radius:50%;background:#ae8bd7}.demo-banner button{text-decoration:underline;font-size:10px;color:#d8cbea}.layout{display:flex;min-height:calc(100vh - 32px)}.sidebar{width:222px;flex:0 0 222px;padding:34px 20px 20px;background:#111117;border-left:1px solid #24212c;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;margin-bottom:52px;padding:0 6px;direction:ltr}.brand img{width:39px;height:39px}.brand-word{font-family:Arial,sans-serif;font-size:24px;font-weight:900;letter-spacing:2px;line-height:1.2;white-space:nowrap}.brand-word>span{font-size:10px;display:block;letter-spacing:5px;color:#baa3de;margin-top:5px}.brand-word small{display:block;font-size:7px;letter-spacing:1.7px;color:#6d677b;margin-top:9px;font-weight:500}.sidebar-label{font-size:10px;color:#6c6778;margin:0 16px 17px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;text-align:right;min-height:47px;border-radius:9px;padding:10px 15px;font-size:13px;color:#a5a0b2;position:relative;margin-bottom:6px;transition:background .15s}.nav-item .icon{width:19px;height:19px}.nav-item:hover{background:#1d1a27;color:#e5d8f9}.nav-item.active{background:#292035;color:#d1b3ff}.nav-item.active:before{content:'';width:3px;height:21px;border-radius:3px;background:var(--accent);position:absolute;right:-20px}.nav-divider{height:1px;background:#25212e;margin:22px 14px}.nav-number{margin-right:auto;font-size:10px;padding:1px 6px;border:1px solid #3f3652;border-radius:5px}.sidebar-bottom{margin-top:auto;padding-top:32px}.membership{padding:18px 15px;background:linear-gradient(140deg,#272034,#18151f);border:1px solid #3b2c4c;border-radius:13px}.tiny-label{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.8px;color:#b295d2}.membership>div{font-size:12px;margin-top:14px;display:flex;align-items:center;gap:7px}.membership .icon{width:16px;color:#c3a1f4}.membership p{font-size:10px;color:#9c8fae;margin-top:5px}.membership button{font-size:10px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 0 0;margin-top:13px;border-top:1px solid #3c304a;color:#d2b9f3}.support-link{display:flex;align-items:center;gap:9px;font-size:11px;color:#9e95af;margin:23px auto 16px}.support-link .icon{width:17px}.copyright{display:block;text-align:center;font-family:Arial,sans-serif;font-size:9px;color:#514c5d}.main-wrap{min-width:0;flex:1}.topbar{height:88px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #1f1d28;background:#0e0e14}.breadcrumb{font-size:13px;font-weight:500;color:#a7a1b6}.header-start{display:flex;align-items:center;gap:12px}.header-tools{display:flex;gap:25px;align-items:center}.search-box{width:280px;display:flex;gap:10px;padding:11px 13px;border:1px solid #2a2533;border-radius:8px;color:#7f758e;background:#14131b}.search-box .icon{width:16px;height:16px}.search-box input{min-width:0;background:transparent;border:0;outline:0;color:#e9e4f2;font-size:11px;flex:1}.search-box input::placeholder{color:#736b80}.search-box kbd{font-size:12px;color:#57505f;font-family:inherit}.user-button{display:flex;gap:10px;align-items:center;text-align:right;font-size:11px;white-space:nowrap;padding:0}.user-button small{display:block;font-size:9px;color:#82788e;margin-top:6px}.avatar{width:35px;height:35px;background:linear-gradient(135deg,#a27dd2,#4d386c);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#f3e8ff;border:2px solid #443451}.avatar.small{width:29px;height:29px;font-size:12px}.mobile-menu{display:none!important}main{max-width:1540px;margin:auto;padding:30px 38px 46px}.hero{min-height:382px;position:relative;border-radius:18px;overflow:hidden;background-image:var(--hero);background-size:cover;background-position:30% 40%;border:1px solid #332940;isolation:isolate}.hero-vignette{position:absolute;inset:0;background:linear-gradient(270deg,rgba(15,12,24,.94),rgba(15,12,24,.82) 30%,rgba(15,12,24,.1) 70%),linear-gradient(0deg,rgba(15,12,24,.9),transparent 42%);z-index:-1}.hero-copy{position:relative;padding:40px 41px 64px;width:58%;max-width:660px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#ba9bdc;font-weight:600;display:inline-flex;gap:10px;align-items:center}.violet-line{width:23px;height:1px;background:#b28bdb}.hero h1{font-size:43px;margin:20px 0 8px;line-height:1.35}.hero-en{font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px;color:#a197b7;display:block}.meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:10px;color:#c6bdd2;margin-top:20px}.meta i{width:3px;height:3px;background:#93859e;border-radius:50%}.rating{border:1px solid #62536f;border-radius:4px;padding:2px 6px;color:#c2b2d1;font-family:Arial,sans-serif;font-size:10px;white-space:nowrap}.hero-copy>p{font-size:12px;line-height:2;color:#b4a9c5;max-width:350px;margin-top:18px}.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:23px}.primary,.secondary,.danger-btn{min-height:42px;display:inline-flex;gap:9px;align-items:center;justify-content:center;border-radius:8px;padding:11px 20px;font-size:12px;font-weight:600;transition:background .15s,transform .15s}.primary{background:#a57be7;color:#150e21;border:1px solid #b491e9}.primary:hover{background:#b891f3;transform:translateY(-1px)}.primary .icon{width:16px;height:16px}.primary .icon:has(path[d^="m8"]){fill:currentColor;stroke-width:0}.secondary{background:#1f1b29;color:#dad0e7;border:1px solid #3b314a}.secondary:hover{background:#30263d}.secondary .icon{width:16px;height:16px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;color:#a99bb8;background:transparent}.icon-btn:hover{background:#33273f;color:#eee0ff}.icon-btn.glass{border:1px solid #594664;background:#292132a6;height:42px;width:42px}.hero-bottom{position:absolute;bottom:21px;right:41px;left:31px;display:flex;align-items:center;justify-content:space-between;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;color:#867694}.hero-bottom>span{font-size:9px;letter-spacing:2px;color:#b99acc}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-head h2{font-size:20px}.section-head p{font-size:10px;color:#7f768d;margin-top:5px}.continue-section{margin-top:31px}.continue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.continue-card{display:flex;align-items:center;gap:14px;padding:12px;text-align:right;border:1px solid #2b2634;background:#17151e;border-radius:11px;min-width:0}.continue-card:hover{border-color:#5a426f}.continue-art{width:93px;height:67px;border-radius:6px;overflow:hidden;position:relative;flex-shrink:0}.continue-art img{width:100%;height:100%;object-position:center 35%}.continue-art .icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#16121b99;border:1px solid #b0a2bf6b;border-radius:50%;padding:9px;width:34px;height:34px;fill:#eee6fa;stroke-width:0}.continue-copy{flex:1;min-width:0}.continue-copy small{font-size:9px;color:#8b7a9d}.continue-copy h3{font-size:12px;margin:5px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-copy>span{font-size:8px;font-family:Arial,sans-serif;color:#887f92;direction:ltr;display:block;text-align:right}.progress-track{height:3px;background:#39303e;margin-top:9px;border-radius:4px;overflow:hidden;direction:ltr}.progress-track i{height:100%;background:#9c76ca;display:block;border-radius:4px}.continue-card>.icon{width:14px;color:#6d5c7d}.catalog-section{margin-top:34px}.genre-select{display:flex;gap:8px;align-items:center;font-size:10px;color:#7d738a}.genre-select select{background:#16131d;border:1px solid #332b40;border-radius:7px;color:#c0b2d2;padding:7px 8px;font-size:10px}.chips{display:flex;gap:7px;margin-bottom:20px}.chip{font-size:10px;border:1px solid #312b3c;border-radius:7px;padding:7px 15px;color:#a79ab9;background:#15121b}.chip.selected,.chip:hover{color:#d5b7ff;border-color:#60497c;background:#2d213b}.film-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 18px}.film-card{min-width:0}.poster{position:relative;display:block;width:100%;aspect-ratio:2/2.85;border-radius:10px;overflow:hidden;border:1px solid #332a3e;padding:0;isolation:isolate;text-align:right;background:#1f182b}.poster>img{width:100%;height:100%;display:block;object-fit:cover;object-position:25% center;transition:transform .4s}.poster:hover>img{transform:scale(1.05)}.poster-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,6,12,.98),rgba(7,6,12,.05) 65%)}.poster-tag{position:absolute;top:11px;right:11px;border:1px solid #ffffff30;background:#16111d9c;backdrop-filter:blur(5px);padding:3px 7px;border-radius:4px;font-size:8px;color:#d3cadf}.poster-english{position:absolute;bottom:54px;right:13px;left:10px;text-align:center;font-family:Arial,sans-serif;letter-spacing:2px;font-size:7px;line-height:1.7;color:#bfaccd}.poster-title{position:absolute;bottom:24px;right:8px;left:8px;text-align:center;font-size:21px;font-weight:bold;letter-spacing:-.6px}.poster-play{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:.2s;background:#d7b9fc;color:#281a38;width:48px;height:48px;border-radius:50%;display:grid;place-items:center}.poster:hover .poster-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.poster-play .icon{width:20px;fill:currentColor;stroke-width:0}.card-line{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:11px}.card-line .text-link{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.save-mini{width:25px;height:25px;display:grid;place-items:center;border-radius:5px;padding:3px;color:#71657f}.save-mini .icon{width:16px;height:16px}.save-mini:hover,.save-mini.saved{color:#b896e7;background:#231a30}.film-card>p{font-size:9px;color:#7c718a;margin-top:2px}.film-card>p span{padding:0 5px;color:#4d405a}.watch-together{margin-top:38px;display:flex;align-items:center;gap:23px;padding:24px 28px;background:#1a1524;border:1px solid #3b2c4d;border-radius:13px}.together-symbol{width:60px;height:60px;border-radius:15px;background:#322343;display:grid;place-items:center;color:#b492e2}.together-symbol .icon{width:28px;height:28px}.watch-together h2{font-size:20px;margin:8px 0 4px}.watch-together p{font-size:10px;color:#9685a7}.watch-together>.secondary{margin-right:auto;white-space:nowrap}.watch-together .eyebrow{font-size:8px}.footer{display:flex;justify-content:space-between;margin:0 38px;padding:20px 0 27px;border-top:1px solid #26202f;color:#6e627c;font-size:9px}.footer b{font-family:Arial,sans-serif;font-weight:500;color:#a48bbd}.empty-state{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:35px}.empty-state>.icon{width:45px;height:45px;color:#78628f}.empty-state p{font-size:13px;color:#9887aa;max-width:420px}.empty-state h2{font-size:23px}
.modal{width:min(540px,calc(100vw - 30px));padding:37px;background:#18151f;color:#eee8f5;border:1px solid #483650;border-radius:18px;box-shadow:0 30px 120px #0009;max-height:90vh;overflow:auto;position:fixed;text-align:right}.modal.wide{width:min(920px,calc(100vw - 30px));padding:33px}.modal::backdrop{background:#050408bb;backdrop-filter:blur(9px)}.modal h2{margin:12px 0 15px;font-size:27px;line-height:1.4}.modal>p{font-size:13px;color:#b6a6c5}.modal-close{position:absolute;left:13px;top:13px;background:#1b1426;color:#c3aed8;z-index:3}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.modal-actions>*{flex:1;white-space:nowrap}.resume-icon{width:60px;height:60px;border:1px solid #6b4e84;background:#2c203b;border-radius:18px;display:grid;place-items:center;color:#c7a3f2;margin-bottom:25px}.resume-icon .icon{width:24px;height:24px}.detail-head{display:flex;gap:30px;align-items:center}.detail-head>img{width:190px;height:280px;border-radius:10px;flex-shrink:0}.detail-head>div{flex:1}.detail-head p{font-size:12px;color:#ad9cbe;margin-top:10px;line-height:2}.detail-head h2{font-size:33px}.episodes{margin-top:30px}.episodes h3{font-size:16px;margin-bottom:15px}.episode{width:100%;display:flex;align-items:center;gap:18px;border:1px solid #382b47;background:#211a2c;border-radius:8px;padding:12px 18px;text-align:right;margin-top:9px}.episode:hover{background:#30213e}.episode-number{font-family:Arial,sans-serif;font-size:20px;color:#776289}.episode>span:nth-child(2){font-size:13px}.episode small{display:block;color:#907f9f;font-size:10px;margin-top:5px}.episode>.icon{margin-right:auto;width:17px;color:#bfa0df}.inline-note{font-size:11px!important;color:#b09ac1!important;background:#292034;border:1px solid #4b345f;padding:12px 15px;border-radius:8px;margin-top:23px!important;line-height:1.85}.player-top{display:flex;align-items:center;justify-content:space-between;padding-left:25px}.player-top h2{font-size:22px;margin-top:7px}.player-top .eyebrow{font-size:9px}.video-wrap{position:relative;margin-top:7px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#050407}.video-wrap video{width:100%;height:100%;object-fit:contain;display:block}.tap-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.player-message{font-size:10px;line-height:1.7;margin-top:13px}.player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #3a2c45;padding-top:20px;margin-top:20px;font-size:12px;color:#ac97bd}.player-toolbar b{color:#d9b9fa;letter-spacing:2px;font-family:monospace;font-size:16px}.room-count{display:inline-block;margin-right:10px;color:#8bbaaa;font-size:10px}#room-status{font-size:10px;margin-top:14px;line-height:1.8}.guest-volume{display:flex;align-items:center;gap:10px;margin-top:10px}.guest-volume input{accent-color:#b283ed}.account-id{margin:23px 0;padding:20px;border-radius:10px;background:#241b30;display:flex;flex-wrap:wrap;gap:16px;align-items:center}.account-id small{width:100%;color:#9d88af}.account-id strong{font-family:monospace;font-size:15px}.account-id button{min-height:32px;font-size:10px;margin-right:auto}.account-detail{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #32273e;font-size:12px}.account-detail+p{margin-top:15px}.login-page{min-height:100vh;display:flex;align-items:center;padding:60px 10%;position:relative;background:#0e0c15;isolation:isolate;overflow:hidden}.login-art{position:absolute;inset:0;background:linear-gradient(270deg,#0e0c15 5%,#0e0c15ce 35%,#0e0c1500 90%),url('./assets/horizon.png') center/cover;z-index:-1}.login-box{width:430px}.login-logo{width:50px;margin-bottom:18px}.login-box>.brand-word{font-size:30px;margin-bottom:50px;direction:ltr;text-align:right;width:max-content}.login-box h1{font-size:58px;line-height:1.5;margin:17px 0}.login-box>p{color:#ab9aba;font-size:14px;line-height:2}.login-box>.primary{margin-top:30px;min-height:49px}.login-box>small{font-size:10px;color:#8b759e;display:block;margin-top:20px}
.admin-intro{margin:10px 0 30px}.admin-intro h1{font-size:32px;margin-top:15px}.admin-intro p{font-size:12px;color:#9e8bad;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.stats>div{display:flex;gap:18px;align-items:center;padding:24px;background:#19141f;border:1px solid #392b43;border-radius:11px}.stats .icon{width:37px;height:37px;padding:9px;box-sizing:content-box;background:#30203c;border-radius:12px;color:#c19bdd}.stats span{font-size:11px;color:#9c86ad}.stats strong{display:block;font-family:Arial,sans-serif;font-size:32px;color:#e9dcf5;margin-top:12px}.admin-tabs{display:flex;gap:24px;margin:35px 0 20px;border-bottom:1px solid #33263d}.admin-tabs button{display:flex;align-items:center;gap:9px;font-size:12px;padding:15px 0;color:#9e87b1;border-bottom:2px solid transparent}.admin-tabs button.selected{color:#c9a3ee;border-color:#a174ca}.admin-tabs .icon{width:18px}.admin-panel{border:1px solid #372a40;background:#17121e;border-radius:13px;padding:25px}.admin-panel .section-head h2{font-size:19px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{font-size:10px;color:#8f789f;padding:14px 12px;border-bottom:1px solid #3b2d45;font-weight:normal}td{font-size:11px;padding:17px 12px;border-bottom:1px solid #2b2034;color:#c0aecf}tbody tr:last-child td{border-bottom:0}.member-name{display:flex;gap:10px;align-items:center}.status{border-radius:5px;background:#25202d;padding:5px 9px;font-size:9px}.status.green{background:#1c2b29}.row-actions{display:flex;gap:5px}.row-actions .icon{width:16px}.admin-title{display:flex;align-items:center;gap:17px;padding:16px 0;border-bottom:1px solid #32263c}.admin-title:last-child{border-bottom:0}.admin-title>img{width:46px;height:64px;border-radius:6px}.admin-title>div{flex:1}.admin-title h3{font-size:14px}.admin-title p{font-size:10px;color:#917c9f;margin-top:5px}.admin-title .icon{width:17px}.field{display:block;margin-top:18px}.field>span{display:block;font-size:11px;margin-bottom:9px;color:#bba8cb}.field input,.field select,.field textarea{width:100%;background:#100d15;border:1px solid #493353;border-radius:7px;color:#e2d5ec;padding:12px 13px;font-size:12px;min-width:0}.field textarea{resize:vertical;line-height:1.8}.field input::placeholder,.field textarea::placeholder{color:#695377}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.duration-shortcuts{display:flex;gap:8px;margin-top:15px}form>p.muted{font-size:10px;margin-top:16px}form>.primary{margin-top:24px}form .form-error{color:#e3a2ae;font-size:11px;margin-top:12px;line-height:1.8}.checkbox{font-size:12px;color:#b8a5c8;display:flex;align-items:center;gap:9px;margin-top:18px}.checkbox input{accent-color:#ae7bd8;width:16px;height:16px}.danger-btn{background:#693644;border:1px solid #97445d;color:#ffe1e9}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;z-index:1000;background:#30243c;border:1px solid #725184;color:#ead9f6;font-size:12px;line-height:1.7;padding:13px 23px;border-radius:10px;box-shadow:0 15px 50px #0008;transition:.2s;pointer-events:none;max-width:90vw;width:max-content;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.film-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.hero{min-height:430px}.hero-copy{padding-top:55px}.hero h1{font-size:48px}}
@media(max-width:1200px){.sidebar{width:190px;flex-basis:190px;padding:28px 16px}.brand{padding:0;gap:8px}.brand-word{font-size:21px}.brand img{width:34px;height:34px}.nav-item{font-size:12px;padding:10px 11px}.nav-item.active:before{right:-16px}.topbar{padding:0 26px}.header-tools{gap:18px}.search-box{width:230px}.breadcrumb{font-size:11px}main{padding:25px 26px 35px}.hero-copy{padding:33px 30px 56px;width:64%}.hero h1{font-size:36px}.hero-copy>p{font-size:11px}.film-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 15px}.continue-grid{grid-template-columns:repeat(2,1fr)}.continue-grid>button:nth-child(3){display:none}.footer{margin:0 26px}.stats>div{padding:20px 15px;gap:10px}.stats .icon{width:26px;height:26px;padding:7px}}
@media(max-width:900px){.sidebar{width:174px;flex-basis:174px;padding-inline:12px}.brand-word{font-size:19px;letter-spacing:1px}.brand-word>span{font-size:8px;letter-spacing:4px}.sidebar-label{font-size:9px}.nav-item{gap:10px;font-size:11px}.nav-item.active:before{right:-12px}.membership{padding:14px 10px}.membership>div{font-size:10px}.topbar{padding:0 20px;height:75px}.breadcrumb{display:none}.header-tools{flex:1;justify-content:space-between}.search-box{width:220px}.user-button>span:last-child{display:none}main{padding:21px 20px 30px}.hero{min-height:360px}.hero-copy{width:74%;padding:30px 24px 53px}.hero h1{font-size:34px}.hero-copy>p{font-size:10px}.hero-en{font-size:8px}.hero-bottom{right:24px}.film-grid{gap:20px 12px;grid-template-columns:repeat(3,minmax(0,1fr))}.poster-title{font-size:19px}.continue-card{gap:10px;padding:10px}.continue-art{width:65px;height:59px}.continue-copy h3{font-size:10px}.continue-card>.icon{display:none}.section-head h2{font-size:18px}.watch-together{padding:20px;gap:17px;flex-wrap:wrap}.watch-together h2{font-size:17px}.together-symbol{width:48px;height:48px}.watch-together>.secondary{margin-right:65px;font-size:10px}.stats{gap:10px}.stats>div{padding:15px;display:block}.stats .icon{width:21px;height:21px;margin-bottom:14px}.stats span{font-size:10px;display:block}.stats strong{font-size:27px}.admin-panel{padding:19px}.admin-panel .primary{padding:10px 12px;font-size:10px}.admin-intro h1{font-size:27px}.detail-head>img{width:155px;height:235px}.detail-head{gap:22px}.detail-head h2{font-size:27px}}
@media(max-width:650px){.demo-banner{height:38px;padding:0 12px;gap:10px;font-size:9px;justify-content:space-between}.demo-banner button{font-size:8px;max-width:55px}.sidebar{position:fixed;top:0;right:0;height:100dvh;width:230px;z-index:50;transform:translateX(105%);transition:transform .2s;box-shadow:-20px 0 80px #0007}.sidebar.mobile-open{transform:translateX(0)}.sidebar.mobile-open .brand{margin-top:20px}.sidebar .brand-word{font-size:24px}.sidebar .nav-item{font-size:13px}.mobile-menu{display:inline-flex!important}.topbar{height:69px;padding:0 15px;gap:10px}.header-start{margin-right:-5px}.search-box{width:auto;max-width:270px;flex:1;border-color:#2e2538;padding:10px}.search-box input{font-size:10px}.header-tools{gap:12px}.search-box kbd{display:none}.user-button .avatar{width:30px;height:30px;font-size:13px}main{padding:16px 15px 30px}.hero{min-height:400px;background-position:33% center;border-radius:12px;display:flex;align-items:flex-end}.hero-vignette{background:linear-gradient(0deg,#0c0a14 5%,#0c0a14e6 30%,#0c0a1466 70%,#0c0a1422),linear-gradient(270deg,#17102055,transparent)}.hero-copy{width:100%;padding:80px 22px 58px}.hero h1{font-size:32px;margin-top:18px}.hero-copy>p{font-size:10px;line-height:1.9;max-width:90%}.meta{font-size:9px;gap:9px;margin-top:15px}.hero-actions{gap:8px;margin-top:20px}.hero-actions .primary,.hero-actions .secondary{font-size:10px;padding:10px 15px;min-height:39px}.hero-actions .icon-btn{width:39px;height:39px}.hero-bottom{right:22px;left:22px;bottom:20px}.hero-en{font-size:7px}.hero .eyebrow{font-size:9px}.continue-section{margin-top:26px}.continue-grid{display:flex;gap:11px;overflow:auto;padding-bottom:7px;scroll-snap-type:x mandatory}.continue-card{min-width:255px;scroll-snap-align:start}.continue-art{width:73px}.continue-copy h3{font-size:12px}.section-head{gap:10px;margin-bottom:16px}.section-head h2{font-size:18px}.section-head p{font-size:9px}.catalog-section{margin-top:26px}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.poster{aspect-ratio:2/2.75}.poster-title{font-size:23px}.poster-english{font-size:7px}.poster-tag{font-size:8px}.card-line .text-link{font-size:12px}.film-card>p{font-size:9px}.genre-select>span{display:none}.genre-select select{font-size:9px;padding:7px}.watch-together{padding:21px 17px;margin-top:30px;gap:14px}.watch-together>div:nth-child(2){width:calc(100% - 65px)}.watch-together h2{font-size:16px}.watch-together p{font-size:9px}.watch-together>.secondary{margin-right:62px}.footer{margin:0 15px;font-size:8px;gap:15px;line-height:1.9}.footer span:last-child{max-width:110px;text-align:left}.modal,.modal.wide{padding:27px 21px;border-radius:14px;max-height:90dvh}.modal-close{top:8px;left:8px}.modal h2{font-size:24px}.modal-actions{gap:9px}.modal-actions .primary,.modal-actions .secondary{font-size:10px;padding:11px 13px}.detail-head{display:block}.detail-head>img{width:100%;height:180px;object-position:25% 30%;margin:10px 0 20px}.detail-head h2{font-size:27px}.player-top h2{font-size:18px}.player-toolbar{flex-wrap:wrap;gap:15px}.player-toolbar>div{width:100%}.player-toolbar .secondary{font-size:11px}.player-message{font-size:9px}.video-wrap{margin-inline:-11px;border-radius:7px}.form-grid{grid-template-columns:1fr;gap:0}.stats{gap:8px}.stats>div{padding:13px 11px}.stats span{font-size:9px;line-height:1.6}.stats strong{font-size:25px;margin-top:5px}.stats .icon{width:19px;height:19px;padding:6px;margin-bottom:10px}.admin-intro h1{font-size:25px;line-height:1.6}.admin-intro p{font-size:10px}.admin-panel{padding:16px 13px}.admin-panel .section-head{flex-wrap:wrap}.admin-panel .section-head .primary{font-size:10px}.admin-tabs{gap:24px;margin-top:25px}.admin-tabs button{font-size:11px}.admin-title{gap:10px}.admin-title>img{width:38px;height:55px}.admin-title h3{font-size:12px}.admin-title p{font-size:8px}.admin-title .icon-btn{padding:5px}.login-page{padding:40px 27px;align-items:center}.login-art{background:linear-gradient(270deg,#0e0c15ed,#0e0c1588),url('./assets/horizon.png') 30% center/cover}.login-box{width:100%}.login-box h1{font-size:48px}.login-box>p{font-size:13px}.login-box>.brand-word{margin-bottom:35px}.account-id strong{font-size:13px}.account-detail{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Preserve the supplied Sway logo and its alpha channel. */
.brand>img,.login-logo{object-fit:contain;background:transparent}.brand>img{width:46px;height:46px}.avatar.brand-avatar{background:#151b30;border-color:#37415d}.brand-avatar img{width:86%;height:86%;object-fit:contain}.login-logo{width:78px;height:64px}

.source-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.source-summary>div{padding:18px;background:#181724;border:1px solid #2c293d;border-radius:12px;display:flex;align-items:center;gap:12px}.source-summary strong{font-size:26px;color:#a6b5e4}.source-summary span,.source-info{font-size:12px;color:#aaa7b9}.source-info{display:flex;flex-wrap:wrap;gap:12px 24px;line-height:2;margin:12px 0}.source-advanced{border:1px solid #302d40;border-radius:12px;padding:16px;margin:18px 0}.source-advanced summary{cursor:pointer;color:#b7c5f1;font-size:13px;margin-bottom:12px}.source-category-list{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow:auto;margin:12px 0 20px}.source-category-list>span{background:#222132;border-radius:7px;padding:8px;font-size:11px}.source-category-list code{color:#b6c5f0;direction:ltr;display:inline-block}.source-summary+form,.source-info+form{margin-top:24px}#xtream-form{margin-top:24px;max-width:800px}#xtream-form>.primary{margin-top:18px}.catalog-more,.catalog-loading{display:flex;justify-content:center;padding:30px 0;color:#aaa7b9}.season-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 14px;max-height:190px;overflow:auto}.season-tabs small{color:#b0acc0;margin-inline-start:7px}.episode:disabled{opacity:.5;cursor:not-allowed}.admin-tabs{flex-wrap:wrap}.admin-panel .form-error:empty{display:none}@media(max-width:600px){.source-summary{gap:8px}.source-summary>div{padding:12px;flex-direction:column;gap:4px}.source-summary strong{font-size:23px}.source-summary span,.source-info{font-size:10px}.source-advanced{padding:12px}.source-info{display:block}.source-info span{display:block}}