#main.atv-live{color-scheme:dark;font-family:-apple-system,"SF Pro Display",BlinkMacSystemFont,"Segoe UI",sans-serif;--red:#ed2839;--ink:#090a0c;--text:#f4f4f5;--muted:#96979e;background:var(--ink);color:var(--text);font-synthesis:none;-webkit-font-smoothing:antialiased}
#main.atv-live *{box-sizing:border-box}
#main.atv-live button,#main.atv-live input{font:inherit}
#main.atv-live button,#main.atv-live a,#main.atv-live input{-webkit-tap-highlight-color:transparent}
#main.atv-live button{color:inherit}
#main.atv-live a{color:inherit}
#main.atv-live ::selection{background:var(--red);color:white}
#main.atv-live [hidden]{display:none!important}
#main.atv-live{width:min(1280px,calc(100% - 88px),calc((100svh - 255px)*16/9));margin:0 auto}
#main.atv-live .section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:27px 1px 22px}
#main.atv-live .heading-title{display:flex;align-items:center;gap:16px}
#main.atv-live h1{font-size:25px;font-weight:480;letter-spacing:-.65px;line-height:1.15;margin:0}
#main.atv-live .clock{display:flex;align-items:baseline;gap:10px;font-size:11px;color:#86868e;letter-spacing:.02em}
#main.atv-live .clock .tunis-time{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;color:#c3c3ca;min-width:34px}
#main.atv-live .video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#030304;overflow:hidden;border:1px solid #ffffff12;border-radius:11px;box-shadow:0 25px 80px #00000038}
#main.atv-live .video-frame::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff0b}
#main.atv-live video{display:block;width:100%;height:100%;object-fit:contain;background:#030304}
#main.atv-live .standby{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:radial-gradient(ellipse at center,#21171a6b,transparent 65%),#08090bea;color:#b5b4bb;font-size:12px;pointer-events:none}
#main.atv-live .standby img{display:block;object-fit:contain;width:56px;height:56px;filter:drop-shadow(0 8px 25px #e3242f18)}
#main.atv-live .loading-line{height:1px;width:48px;overflow:hidden;background:#ffffff0d;position:relative}
#main.atv-live .loading-line::after{content:"";position:absolute;inset:0;background:#ed283978;transform:translateX(-100%);animation:atv-loading 1.6s ease-in-out infinite}
#main.atv-live .video-frame[data-state="error"] .loading-line,#main.atv-live .video-frame[data-state="paused"] .loading-line{display:none}
@keyframes atv-loading{50%{transform:translateX(0)}100%{transform:translateX(100%)}}
#main.atv-live .player-controls{position:absolute;z-index:2;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:48px 18px 12px;background:linear-gradient(transparent,#00000080 55%,#000000c7);opacity:1;transition:opacity .28s ease;pointer-events:none}
#main.atv-live .controls-left,#main.atv-live .controls-right,#main.atv-live .volume-group{display:flex;align-items:center;gap:3px;pointer-events:auto}
#main.atv-live .controls-right{gap:5px}
#main.atv-live .control-button,#main.atv-live .edge-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
#main.atv-live .control-button{width:44px;height:44px;color:#f5f5f5}
#main.atv-live .control-button:hover,#main.atv-live .edge-button:hover{background:#ffffff14;border-color:#ffffff0a}
#main.atv-live .control-button svg,#main.atv-live .edge-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#main.atv-live .edge-button{gap:9px;padding:0 11px;font-size:11px;font-weight:500;letter-spacing:.01em;color:#ededee}
#main.atv-live .edge-button svg{width:15px;height:15px;stroke-width:1.7}
#main.atv-live .control-divider{height:17px;width:1px;background:#ffffff29;margin:0 6px}
#main.atv-live .control-button[disabled],#main.atv-live .edge-button[disabled]{opacity:.45;cursor:default}
#main.atv-live .control-button:active:not([disabled]),#main.atv-live .edge-button:active:not([disabled]){background:#ffffff25}
#main.atv-live .sound-on{display:none}
#main.atv-live #atv-sound-button[aria-pressed="true"] .sound-on{display:block}
#main.atv-live #atv-sound-button[aria-pressed="true"] .sound-off{display:none}
#main.atv-live .volume-slider{width:70px;height:44px;padding:0 4px;margin:0 7px 0 0;cursor:pointer;accent-color:#eee;background:transparent;opacity:.92}
#main.atv-live .volume-slider::-webkit-slider-runnable-track{height:2px;background:#ffffff4d;border-radius:1px}
#main.atv-live .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;background:#fff;border:0;border-radius:50%;margin-top:-3.5px}
#main.atv-live .volume-slider{-webkit-appearance:none}
#main.atv-live .volume-slider::-moz-range-track{height:2px;background:#ffffff4d}
#main.atv-live .volume-slider::-moz-range-progress{height:2px;background:#fff}
#main.atv-live .volume-slider::-moz-range-thumb{height:9px;width:9px;border:0;border-radius:50%;background:#fff}
#main.atv-live .player-caption{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 3px;border-bottom:1px solid #ffffff09}
#main.atv-live .playback-status{display:flex;align-items:center;gap:10px;min-width:0;font-size:12px;line-height:1.5}
#main.atv-live .playback-status strong{font-weight:500;color:#e5e5e8;white-space:nowrap}
#main.atv-live .playback-status>span:last-child{color:#95959e;font-size:12px}
#main.atv-live .status-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#b3a17e}
#main.atv-live .status-dot[data-state="playing"]{background:var(--red);box-shadow:0 0 0 3px #ed283913}
#main.atv-live .status-dot[data-state="paused"]{background:#93939a}
#main.atv-live .status-dot[data-state="error"]{background:#dd8290}
#main.atv-live .caption-divider{height:10px;width:1px;background:#ffffff19;margin:0 1px}
#main.atv-live .channel-signature{font-size:16px;color:#82838c;line-height:1}
#main.atv-live .notice{color:#d5c7b6;font-size:13px;padding:16px;border:1px solid #ffffff1b;border-radius:8px}
#main.atv-live .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#main.atv-live :is(button,a,input):focus-visible{outline:2px solid #fff;outline-offset:4px}
#main.atv-live .video-frame:not(.controls-visible)[data-state="playing"] .player-controls{opacity:0;pointer-events:none}
#main.atv-live .video-frame:not(.controls-visible) .player-controls *{pointer-events:none}
#main.atv-live .video-frame:focus-within .player-controls{opacity:1!important;pointer-events:auto!important}
#main.atv-live .video-frame:focus-within .player-controls *{pointer-events:auto!important}
#main.atv-live .video-frame:fullscreen{width:100%;height:100%;aspect-ratio:auto;border-radius:0;border:0}
#main.atv-live .video-frame:fullscreen .player-controls{padding-bottom:max(20px,env(safe-area-inset-bottom))}
#main.atv-live .video-frame:fullscreen video{object-fit:contain}
@media(max-width:760px){
#main.atv-live{width:calc(100% - 36px)}
#main.atv-live .section-heading{padding:25px 0 19px}
#main.atv-live h1{font-size:23px}
#main.atv-live .heading-title{gap:10px}
#main.atv-live .clock{gap:7px}
#main.atv-live .video-frame{border-radius:8px}
#main.atv-live .player-controls{padding:33px 7px 5px;gap:0}
#main.atv-live .controls-right{gap:0}
#main.atv-live .control-divider{margin:0 2px}
#main.atv-live .volume-slider{display:none}
#main.atv-live .edge-button{font-size:10px;gap:6px;padding:0 5px}
#main.atv-live .edge-button svg{width:13px;height:13px}
#main.atv-live .player-caption{min-height:65px;align-items:flex-start;padding:16px 1px 13px}
#main.atv-live .playback-status{gap:8px;flex-wrap:wrap;line-height:1.25}
#main.atv-live .playback-status>span:last-child{flex-basis:calc(100% - 20px);margin-left:13px;margin-top:0;font-size:11px}
#main.atv-live .caption-divider{display:none}
#main.atv-live .channel-signature{margin-top:0;font-size:15px}
#main.atv-live .standby{gap:13px;font-size:11px}
#main.atv-live .standby img{width:42px;height:42px}
}
@media(max-width:370px){
#main.atv-live{width:calc(100% - 24px)}
#main.atv-live .clock-city{display:none}
#main.atv-live .edge-button{width:44px;padding:0}
#main.atv-live .edge-button span{display:none}
#main.atv-live .edge-button svg{width:18px;height:18px}
#main.atv-live .control-divider{display:none}
}
@media(max-height:650px) and (min-width:761px){
#main.atv-live .section-heading{padding:20px 0 18px}
}
@media(prefers-reduced-motion:reduce){
#main.atv-live *,#main.atv-live *::before,#main.atv-live *::after{animation:none!important;transition:none!important}
#main.atv-live .loading-line::after{transform:none;opacity:.65}
}

/* Integration: inherited news shell is untouched. Keep all player rules scoped. */
#main.atv-live{width:min(1232px,calc(100% - 48px),calc((100svh - 312px)*16/9));margin:0 auto 48px;padding:0;min-height:0;direction:ltr;line-height:1.5;background:transparent}
#main.atv-live .clock{display:flex;padding:0}
@media(max-width:760px){#main.atv-live{width:calc(100% - 32px);margin-bottom:32px}}
/* Landscape uses normal page scrolling, preserving room for the 44px controls. */
@media(max-height:650px) and (min-width:761px){#main.atv-live{width:min(1232px,calc(100% - 48px))}}