:root{--red:#E50914;--bg:#07090C;--panel:#14181E;--text:#F6F7F9;--muted:#A7AFBA;--line:#303841;--focus:#F3F6FF}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:system-ui,Arial,"Noto Sans Arabic",sans-serif;font-size:20px}body{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;background:#252B33;color:var(--text);border:2px solid transparent;border-radius:12px;padding:12px 20px}button:hover,button.active{background:#4c151c;border-color:#a8212b}button:focus,input:focus,select:focus{outline:4px solid var(--focus);outline-offset:3px}button.primary{background:var(--red);color:#fff;font-weight:750}button.ghost{background:transparent;border-color:var(--line);font-size:17px}input,select{width:100%;color:var(--text);background:#1D222A;border:2px solid #39424c;padding:14px 16px;border-radius:10px;direction:ltr;text-align:left}.hidden{display:none!important}.screen{height:100vh;width:100vw}.setup{display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 10% 30%,#451016 0,transparent 38%),#07090C}.login-panel{width:min(700px,88vw);padding:38px 55px;background:var(--panel);border-radius:24px;border:1px solid #2C333C;box-shadow:0 20px 80px #0008}.brand{display:flex;justify-content:space-between;align-items:center}.logo{font-size:42px;letter-spacing:2px;font-weight:900;direction:ltr}.logo span{color:var(--red)}.lab-tag{font-size:14px;background:#2f1820;color:#e0aab0;padding:9px 12px;border-radius:6px}h1{font-size:37px;margin:20px 0 6px}.subtitle,.notice{color:var(--muted);font-size:16px;line-height:1.7}.notice{font-size:14px}form{display:grid;gap:9px;margin-top:16px}form label{font-size:16px;color:#e4e7eb}form input,form select{height:55px}form button{margin-top:13px}.status{color:#F7B8BF;font-size:17px;min-height:22px;white-space:pre-wrap}.topbar{height:100px;padding:18px 42px;background:#0B0E12;display:flex;align-items:center;gap:46px;border-bottom:1px solid var(--line)}.topbar nav{display:flex;gap:10px;flex:1}.topbar nav button{padding:14px 22px;font-weight:600}.library-layout{display:flex;height:calc(100vh - 100px)}.sidebar{width:305px;background:#101419;border-left:1px solid var(--line);padding:24px 22px;overflow:auto}.sidebar h2{font-size:23px}.categories{display:flex;flex-direction:column;gap:9px}.categories button{text-align:right;width:100%;font-size:17px;padding:13px 16px;background:#1C2127}.categories button.active{background:#621a25}.content{flex:1;overflow:auto;padding:25px 40px 70px}.content-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.content-head input{max-width:350px;font-size:17px}.eyebrow{font-size:14px;letter-spacing:2px;color:#DFA6AC;margin:0}.content-head h2{font-size:30px;margin:6px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:22px;margin-top:22px}.tile{border:2px solid #293039;background:var(--panel);padding:0;text-align:right;overflow:hidden;min-height:220px;display:flex;flex-direction:column}.tile:hover,.tile:focus{border-color:#fb3c49;transform:translateY(-2px)}.art{display:grid;place-items:center;position:relative;height:148px;background:linear-gradient(135deg,#332126,#141920);overflow:hidden}.art img{height:100%;width:100%;object-fit:cover}.art:before{content:'▶';color:#E50914;font-size:54px;position:absolute;opacity:.3}.art img{position:relative;z-index:1}.tile-label{font-size:17px;padding:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl}.tile small{font-size:13px;color:var(--muted);padding:0 14px 12px}.details{background:#151B21;padding:25px;border-radius:12px;margin-top:20px}.details h3{font-size:26px}.details p{color:var(--muted);max-width:940px}.details button{margin:8px}.episode-list{display:grid;gap:9px;margin-top:20px}.episode-row{text-align:right;display:block;width:100%;background:#252B33}.player-screen{position:fixed;inset:0;z-index:50;background:#000}.player-screen video{height:100%;width:100%;object-fit:contain;background:#000}.player-toolbar{position:absolute;bottom:0;left:0;right:0;padding:25px 35px 35px;background:linear-gradient(transparent,#000b);display:flex;justify-content:space-between;align-items:end;gap:18px;pointer-events:none}.player-toolbar>*{pointer-events:auto}.player-toolbar h2{font-size:26px;margin:8px 0}.player-buttons{display:flex;gap:12px}.player-buttons button{font-size:17px}body.tv-player .player-toolbar{opacity:1}@media(max-height:780px){.login-panel{padding:20px 34px}.login-panel h1{font-size:25px}.login-panel form input,.login-panel form select{height:44px}.login-panel form{gap:5px}.sidebar{width:230px}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.art{height:120px}}