:root{--ink:#0b1a1f;--ink-soft:#12282f;--mist:#d7ebe6;--mist-dim:#d7ebe6b8;--foam:#f3faf8;--accent:#1f8a74;--accent-bright:#2eb896;--accent-glow:#2eb89638;--accent-soft:#1f8a742e;--danger:#e07060;--glass:#0b1a1f8c;--line:#d7ebe629;--panel:#081418b8;--brand:"Syne", "Cairo", sans-serif;--body:"Figtree", "Cairo", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--body);color:var(--mist);background:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100svh;overflow-x:hidden}.atmosphere{z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 60% at 70% 10%, var(--accent-glow), transparent 55%), radial-gradient(ellipse 70% 50% at 10% 90%, var(--accent-soft), transparent 50%), linear-gradient(160deg, color-mix(in srgb, var(--ink) 88%, black) 0%, var(--ink) 42%, var(--ink-soft) 100%);animation:18s ease-in-out infinite alternate drift;position:fixed;inset:0}.atmosphere--admin{animation:none}.masthead{z-index:1;isolation:isolate;border-bottom:1px solid var(--line);margin:0 0 1.25rem;position:relative;overflow:hidden}.masthead__hero{z-index:0;object-fit:cover;object-position:center;width:100%;height:100%;animation:22s ease-in-out infinite alternate heroDrift;position:absolute;inset:0;transform:scale(1.04)}.masthead__veil{z-index:1;background:linear-gradient(180deg, color-mix(in srgb, var(--ink) 28%, transparent), color-mix(in srgb, var(--ink) 88%, transparent) 100%), linear-gradient(90deg, color-mix(in srgb, var(--ink) 45%, transparent), transparent 40%, transparent 60%, color-mix(in srgb, var(--ink) 45%, transparent));pointer-events:none;position:absolute;inset:0}.masthead:not(.masthead--has-hero) .masthead__veil{background:radial-gradient(ellipse 80% 70% at 50% 0%, var(--accent-glow), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--ink-soft) 55%, transparent), transparent)}.masthead__bar,.masthead__intro{z-index:2;position:relative}.masthead__bar{opacity:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,2.25rem);animation:.7s 50ms forwards rise;display:flex}.masthead__intro{text-align:center;padding:.5rem clamp(1rem,3vw,2.25rem) 2rem}.masthead--full .masthead__intro{flex-direction:column;justify-content:center;min-height:min(52vh,420px);padding-top:4vh;padding-bottom:4.5rem;display:flex}.masthead--compact .masthead__intro{padding-top:.35rem;padding-bottom:1.35rem}.masthead--compact .brand-hero{font-size:clamp(2rem,6vw,3.2rem)}.masthead--compact .tagline{margin-bottom:.45rem}.masthead__meta{color:var(--mist-dim);opacity:0;margin:.85rem 0 0;font-size:.95rem;animation:.8s .3s forwards rise}.masthead__social{opacity:0;margin-top:1.15rem;animation:.8s .38s forwards rise}.masthead__social .footer-kicker{margin-bottom:.55rem}@keyframes drift{0%{transform:scale(1)}to{transform:scale(1.04)}}@keyframes heroDrift{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.08)translate(-1.2%,.8%)}}#app{z-index:1;flex-direction:column;min-height:100svh;padding:0 0 1.5rem;display:flex;position:relative}.top,.admin-top{opacity:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,2.25rem) 0;animation:.7s 50ms forwards rise;display:flex}.brand-lockup{align-items:center;gap:.7rem;display:flex}.brand-logo{object-fit:contain;width:2.1rem;height:2.1rem}.brand{font-family:var(--brand);letter-spacing:.04em;color:var(--foam);margin:0;font-size:1rem;font-weight:700}.top-meta{align-items:center;gap:.75rem;display:flex}.live-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--foam);align-items:center;gap:.45rem;margin:0;font-size:.78rem;font-weight:600;display:inline-flex}.live-dot{background:#ff4d4d;border-radius:50%;width:.55rem;height:.55rem;animation:1.6s ease-out infinite pulse;box-shadow:0 0 #ff4d4d8c}@keyframes pulse{0%{box-shadow:0 0 #ff4d4d8c}70%{box-shadow:0 0 0 10px #ff4d4d00}to{box-shadow:0 0 #ff4d4d00}}.cinema{flex-direction:column;flex:1;justify-content:center;gap:1.25rem;width:min(1180px,100%);margin:0 auto;padding:0 clamp(1rem,3vw,2.25rem);display:flex}.cinema-brand{text-align:center;padding:4vh 0 2rem}.brand-hero{font-family:var(--brand);letter-spacing:-.03em;color:var(--foam);opacity:0;margin:0 0 .75rem;font-size:clamp(3.2rem,11vw,6rem);font-weight:800;line-height:.94;animation:.8s .12s forwards rise}.tagline{max-width:28rem;color:var(--mist-dim);opacity:0;margin:0 auto;font-size:1.08rem;animation:.8s .22s forwards rise}.empty-hint{color:var(--mist-dim);opacity:0;margin:1.5rem auto 0;animation:.8s .34s forwards rise}.theater{opacity:0;flex-direction:column;gap:1rem;animation:.75s .15s forwards rise;display:flex}.stage-frame{position:relative}.stage-glow{background:radial-gradient(ellipse at center, var(--accent-glow), transparent 70%);filter:blur(18px);pointer-events:none;z-index:0;height:55%;position:absolute;inset:8% 6% auto}.player-shell{z-index:1;border:1px solid var(--line);background:#000;border-radius:.55rem;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.player{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;display:block}.player-loading{z-index:2;color:var(--foam);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;place-content:center;justify-items:center;gap:.75rem;font-size:.95rem;display:grid;position:absolute;inset:0}.player-loading[hidden]{display:none!important}.player-shell.is-loading .player{filter:brightness(.55)}.spinner{border:2px solid #ffffff40;border-top-color:var(--accent-bright);border-radius:50%;width:1.5rem;height:1.5rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.program-bar{justify-content:space-between;align-items:end;gap:1rem;padding:0 .15rem;display:flex}.program-copy{min-width:0}.program-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-bright);margin:0 0 .2rem;font-size:.78rem;font-weight:600}.program-title{font-family:var(--brand);color:var(--foam);margin:0;font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.15}.program-hint{color:var(--mist-dim);white-space:nowrap;margin:0;font-size:.85rem}.status{color:var(--mist-dim);margin:.35rem 0 0;font-size:.92rem}.status.is-error,.status--bar.is-error{color:var(--danger)}.channel-dock{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.65rem;margin-top:.25rem;padding:.9rem}.dock-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.dock-head h3{font-family:var(--brand);color:var(--foam);margin:0;font-size:1rem}.dock-head span{color:var(--mist-dim);font-size:.85rem}.channel-strip{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:.65rem;margin:0;padding:.15rem .1rem .35rem;list-style:none;display:flex;overflow-x:auto}.channel-strip::-webkit-scrollbar{height:6px}.channel-strip::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--mist) 30%, transparent);border-radius:99px}.channel-chip{scroll-snap-align:start;border:1px solid var(--line);background:var(--glass);width:min(220px,72vw);color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:.55rem;grid-template-rows:auto auto;grid-template-columns:3.1rem minmax(0,1fr);align-items:center;gap:.1rem .7rem;padding:.55rem;transition:border-color .2s,background .2s,transform .2s;display:grid}.channel-chip:hover{border-color:color-mix(in srgb, var(--accent-bright) 65%, var(--line));transform:translateY(-1px)}.channel-chip:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.channel-chip.is-active{border-color:var(--accent-bright);background:var(--accent-soft)}.channel-chip__art{background:color-mix(in srgb, var(--foam) 8%, transparent);width:3.1rem;height:3.1rem;font-family:var(--brand);color:var(--foam);border-radius:.35rem;grid-row:1/span 2;place-items:center;font-weight:700;display:grid;overflow:hidden}.channel-chip__art img{object-fit:cover;width:100%;height:100%}.channel-chip__label{color:var(--foam);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.channel-chip__state{color:var(--mist-dim);font-size:.78rem}.channel-chip.is-active .channel-chip__state{color:var(--accent-bright)}.primary-btn,.ghost-btn,.danger-btn,.file-btn{min-height:2.6rem;font:inherit;cursor:pointer;border-radius:.45rem;justify-content:center;align-items:center;padding:.65rem 1.1rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.primary-btn{background:var(--accent);color:var(--foam);border:none}.primary-btn:hover{background:var(--accent-bright)}.ghost-btn{border:1px solid var(--line);color:var(--mist);background:0 0}.ghost-btn:hover{border-color:var(--accent-bright);color:var(--foam)}.danger-btn{color:#f0a399;background:0 0;border:1px solid #e0706073}.danger-btn:hover{background:#e070601f}.file-btn{border:1px solid var(--line);background:color-mix(in srgb, var(--mist) 6%, transparent);color:var(--foam)}.file-btn:hover{border-color:var(--accent-bright)}.auth-shell{flex:1;place-items:center;padding:2rem 0;display:grid}.auth-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:.75rem;width:min(420px,100%);padding:1.75rem;animation:.55s forwards rise;box-shadow:0 24px 50px #00000047}.auth-card h1{font-family:var(--brand);color:var(--foam);margin:.55rem 0 .5rem;font-size:clamp(1.8rem,5vw,2.2rem)}.auth-copy{color:var(--mist-dim);margin:0 0 1.25rem}.auth-form{flex-direction:column;gap:.85rem;display:flex}.auth-form label,.password-form .admin-field{color:var(--mist-dim);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.auth-form input,.password-form input{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 70%, black);min-height:2.8rem;color:var(--foam);font:inherit;border-radius:.45rem;padding:.7rem .9rem}.auth-form input:focus,.password-form input:focus{border-color:var(--accent-bright);outline:none}.auth-error{min-height:1.3em;color:var(--danger);margin:.85rem 0 0;font-size:.92rem}.auth-back{color:var(--mist-dim);margin-top:1rem;text-decoration:none;display:inline-block}.auth-back:hover{color:var(--foam)}.admin-top{margin-bottom:1.5rem}.admin-title{font-family:var(--brand);color:var(--foam);margin:.2rem 0 0;font-size:clamp(2rem,5vw,2.8rem)}.admin-nav{flex-wrap:wrap;gap:.65rem;display:flex}.admin-layout{flex-direction:column;gap:1.25rem;width:min(960px,100%);margin:0 auto;padding:0 clamp(1rem,3vw,2.25rem);display:flex}.admin-notice{min-height:1.3em;color:var(--accent-bright);margin:0;font-size:.95rem}.admin-notice.is-error{color:var(--danger)}.admin-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.55rem;padding:1.25rem}.admin-panel h2{font-family:var(--brand);color:var(--foam);margin:0 0 .35rem;font-size:1.25rem}.admin-help{color:var(--mist-dim);margin:0 0 1.1rem;font-size:.95rem}.admin-panel__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.admin-panel__head .admin-help{margin-bottom:0}.admin-grid,.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:1.1rem;display:grid}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-field,.color-field{color:var(--mist-dim);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.admin-field--wide{grid-column:1/-1}.admin-field input,.admin-channel input,.color-field input[type=text]{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 70%, black);min-height:2.7rem;color:var(--foam);font:inherit;border-radius:.45rem;padding:.7rem .9rem}.admin-field input:focus,.admin-channel input:focus,.color-field input[type=text]:focus{border-color:var(--accent-bright);outline:none}.color-field__row{grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.color-field input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:.45rem;width:3rem;height:2.7rem;padding:.2rem}.branding-uploads{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.upload-card{border:1px solid var(--line);background:color-mix(in srgb, var(--mist) 3%, transparent);border-radius:.45rem;padding:.85rem}.upload-card__label{color:var(--foam);margin:0 0 .65rem;font-weight:600}.upload-card__preview{height:120px;color:var(--mist-dim);background:#00000047;border-radius:.35rem;place-items:center;margin-bottom:.75rem;font-size:.9rem;display:grid;overflow:hidden}.upload-card__preview--hero{height:160px}.upload-card__preview img{object-fit:contain;width:100%;height:100%}.upload-card__preview--hero img{object-fit:cover}.upload-card__actions,.admin-channel__actions{flex-wrap:wrap;gap:.5rem;display:flex}.admin-channels{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.admin-empty{color:var(--mist-dim);padding:.5rem 0}.admin-channel{border:1px solid var(--line);background:color-mix(in srgb, var(--mist) 3%, transparent);border-radius:.45rem;grid-template-columns:110px minmax(0,1fr);gap:.85rem;padding:.85rem;display:grid}.admin-channel__preview{height:110px;color:var(--mist-dim);background:#00000047;border-radius:.35rem;place-items:center;font-size:.85rem;display:grid;overflow:hidden}.admin-channel__preview img{object-fit:cover;width:100%;height:100%}.admin-channel__fields{flex-direction:column;gap:.65rem;display:flex}.admin-channel__fields label{color:var(--mist-dim);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.password-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.85rem;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.theme-grid,.password-form{grid-template-columns:1fr 1fr}}@media (width<=720px){#app{padding:0 0 calc(1.25rem + env(safe-area-inset-bottom))}.masthead__bar,.admin-top{align-items:flex-start}.masthead--full .masthead__intro{min-height:min(44vh,340px);padding-bottom:2.5rem}.brand-hero{font-size:clamp(2.6rem,14vw,4rem)}.program-bar{flex-direction:column;align-items:start}.program-hint{display:none}.channel-dock{border-radius:.55rem;margin-left:-.35rem;margin-right:-.35rem}.channel-chip{width:min(200px,78vw)}.admin-grid,.branding-uploads,.theme-grid,.password-form,.admin-channel{grid-template-columns:1fr}.admin-panel__head,.admin-nav{flex-direction:column;align-items:stretch}.admin-nav .ghost-btn,.admin-nav .primary-btn{width:100%}.auth-card{padding:1.35rem}}@media (width<=480px){.brand-logo{width:1.75rem;height:1.75rem}.player-shell{border-radius:.4rem}.program-title{font-size:1.25rem}.dock-head h3{font-size:.95rem}.admin-title{font-size:1.8rem}.upload-card__preview,.upload-card__preview--hero{height:110px}}@media (hover:none) and (pointer:coarse){.channel-chip,.primary-btn,.ghost-btn,.danger-btn,.file-btn{min-height:2.85rem}.channel-chip:hover{transform:none}}html.is-rtl{--brand:"Cairo", "Syne", sans-serif;--body:"Cairo", "Figtree", sans-serif}.lang-switch{border:1px solid var(--line);background:var(--glass);border-radius:999px;align-items:center;gap:.2rem;padding:.2rem;display:inline-flex}.lang-btn{min-width:2.2rem;min-height:2rem;color:var(--mist-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.25rem .65rem;font-size:.85rem;font-weight:700}.lang-btn.is-active{background:var(--accent);color:var(--foam)}.auth-lang{justify-content:flex-end;width:min(420px,100%);margin-bottom:.75rem;display:flex}.site-footer{z-index:2;border-top:1px solid var(--line);text-align:center;width:min(1180px,100%);margin:1.5rem auto 0;padding:1.1rem clamp(1rem,3vw,2.25rem) .25rem;position:relative}.footer-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--mist-dim);margin:0 0 .75rem;font-size:.8rem;font-weight:600}.social-list{flex-wrap:wrap;justify-content:center;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.social-list--masthead .social-link span{display:none}.social-list--masthead .social-link{justify-content:center;min-width:2.5rem;min-height:2.5rem;padding:.55rem}.social-link{border:1px solid var(--line);min-height:2.4rem;color:var(--foam);background:var(--glass);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .85rem;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.social-link:hover{border-color:var(--accent-bright);background:var(--accent-soft)}.social-link svg{flex-shrink:0;width:1rem;height:1rem}.boot-shell{text-align:center;flex:1;place-items:center;min-height:50vh;padding:2rem 1rem;display:grid}.boot-message{max-width:28rem;color:var(--mist-dim);margin:0;line-height:1.5}.boot-shell .lang-switch{margin-top:1rem}html.is-rtl .channel-chip,html.is-rtl .now-playing,html.is-rtl .program-copy,html.is-rtl .admin-field,html.is-rtl .auth-form label,html.is-rtl .color-field,html.is-rtl .program-hint{text-align:start}