:root{--paper:#f0f1ec;--ink:#12140f;--muted:#6d7269;--line:#c8cbc2;--panel:#e4e6df;--accent:#ef4d37;--live:#163f34;--label:190px;--hour:90px;--pad:clamp(16px,3.6vw,58px);--max:1600px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip{position:fixed;top:-60px;left:15px;background:var(--ink);color:var(--paper);padding:12px;z-index:50}.skip:focus{top:10px}.top{height:68px;display:flex;align-items:center;padding:0 var(--pad);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(240,241,236,.96);z-index:30}.brand{display:flex;align-items:center;gap:10px;font:18px Archivo Black;margin-right:44px}.brand img{width:27px;height:27px}.brand b,.intro>div>span{color:var(--accent)}.top nav{display:flex;gap:23px;font-size:11px}.top nav a[aria-current=page]{font-weight:700}.top time{margin-left:auto;font:17px IBM Plex Mono}.intro{max-width:var(--max);margin:auto;padding:60px var(--pad) 48px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line)}.intro>div>span{font:9px IBM Plex Mono;text-transform:uppercase;letter-spacing:.12em}.intro h1{font:clamp(54px,7.5vw,112px)/.88 Archivo Black;letter-spacing:-.07em;margin:16px 0}.intro p{margin:0;color:var(--muted);max-width:53ch}.intro>a{border:1px solid var(--ink);padding:13px 17px;font-size:11px;font-weight:700;white-space:nowrap}.toolbar{max-width:var(--max);margin:auto;display:grid;grid-template-columns:auto minmax(260px,1fr) 1fr auto;border-bottom:1px solid var(--line)}.toolbar>div,.toolbar>label,.toolbar>button{padding:13px 18px;border-right:1px solid var(--line)}.days,.types{display:flex;gap:6px;overflow:auto}.toolbar button{border:1px solid var(--line);background:transparent;padding:8px 11px;cursor:pointer;white-space:nowrap;font-size:10px}.toolbar button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.toolbar label span{font:8px IBM Plex Mono;color:var(--muted);display:block}.toolbar input{border:0;background:transparent;width:100%;outline:0;margin-top:4px}.toolbar>button{border:0;background:var(--accent);color:white;font-weight:700}.status{max-width:var(--max);margin:auto;padding:11px var(--pad);font:9px IBM Plex Mono;color:var(--muted);border-bottom:1px solid var(--line)}.on-now,.guide{max-width:var(--max);margin:auto;padding:55px var(--pad);border-bottom:1px solid var(--line)}section>header h2{font:clamp(36px,5vw,70px)/.92 Archivo Black;letter-spacing:-.055em;margin:0}section>header p{color:var(--muted);font-size:12px;margin:9px 0 0}.on-now>div{margin-top:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.now-card{border:0;background:white;padding:18px;color:var(--ink);text-align:left;cursor:pointer;min-width:0}.now-card>span{display:flex;align-items:center;gap:12px}.now-card img{width:46px;height:46px;object-fit:contain}.now-card strong,.now-card b,.now-card small{display:block}.now-card strong{font-size:10px}.now-card b{font-size:14px;margin:18px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-card small{font:9px IBM Plex Mono;color:var(--muted)}.now-card.live{background:var(--live);color:white}.now-card.live small{color:#b6c9c1}.guide{padding-left:0;padding-right:0}.guide>header{padding:0 var(--pad);display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.guide header aside b,.guide header aside span{display:block;text-align:right}.guide header aside b{font:30px IBM Plex Mono}.guide header aside span{font-size:9px;color:var(--muted)}.epg-shell{overflow:auto;position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-height:72vh}.hours{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:var(--label) calc(var(--hour)*24);width:calc(var(--label) + var(--hour)*24);background:var(--ink);color:var(--paper)}.corner{position:sticky;left:0;z-index:22;padding:14px 18px;background:var(--ink);font:9px IBM Plex Mono;border-right:1px solid #444}.hour-track{display:grid;grid-template-columns:repeat(24,var(--hour))}.hour-track span{padding:14px 10px;font:9px IBM Plex Mono;border-right:1px solid #3c3f39}.epg{width:calc(var(--label) + var(--hour)*24)}.epg-row{display:grid;grid-template-columns:var(--label) calc(var(--hour)*24);min-height:84px;border-bottom:1px solid var(--line)}.channel{position:sticky;left:0;z-index:10;background:var(--paper);display:flex;align-items:center;gap:12px;padding:13px 17px;border-right:1px solid var(--line)}.channel img{width:45px;height:45px;object-fit:contain}.channel b{font-size:11px}.track{position:relative;background-image:linear-gradient(90deg,transparent calc(var(--hour) - 1px),var(--line) calc(var(--hour) - 1px));background-size:var(--hour) 100%}.program{position:absolute;top:7px;height:69px;border:0;border-left:3px solid #777;background:white;padding:10px;text-align:left;overflow:hidden;cursor:pointer}.program b,.program span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.program b{font-size:11px}.program span{font:8px IBM Plex Mono;color:var(--muted);margin-top:7px}.program.past{opacity:.46}.program.live{background:var(--live);color:white;border-left-color:var(--accent)}.program.live span{color:#b6c9c1}.now-line{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);z-index:6;pointer-events:none}.now-line:before{content:"ŞİMDİ";position:absolute;top:0;left:4px;background:var(--accent);color:white;font:8px IBM Plex Mono;padding:4px}.empty{padding:70px var(--pad);text-align:center}.empty b,.empty span{display:block}.empty span{color:var(--muted);font-size:12px;margin-top:8px}dialog{width:min(570px,calc(100% - 28px));border:0;padding:34px;background:var(--ink);color:var(--paper)}dialog::backdrop{background:rgba(15,16,13,.68)}#dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:white;font-size:28px;cursor:pointer}.dialog-channel{display:flex;align-items:center;gap:12px;font-size:11px;color:#b8bcb3}.dialog-channel img{width:48px;height:48px;object-fit:contain;background:white;padding:5px}dialog>time{display:block;font:11px IBM Plex Mono;color:var(--accent);margin-top:28px}dialog h2{font:clamp(30px,5vw,52px)/.98 Archivo Black;letter-spacing:-.05em;margin:11px 0}dialog>p{color:#aeb3aa;font-size:12px}dialog>div[id=dialog-next]{display:grid;gap:1px;background:#343831;margin:25px 0}#dialog-next span{display:grid;grid-template-columns:60px 1fr;gap:12px;background:#1b1e19;padding:11px;font-size:10px}dialog>a{display:inline-block;background:var(--accent);color:white;padding:12px 15px;font-size:11px;font-weight:700}footer{max-width:var(--max);margin:auto;padding:42px var(--pad);display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}footer>a{font:24px Archivo Black}footer>a span{color:var(--accent)}footer nav{display:flex;gap:18px;font-size:11px}footer p{color:var(--muted);font-size:9px;text-align:right}:focus-visible{outline:3px solid #246dd2;outline-offset:3px}[hidden]{display:none!important}@media(max-width:1000px){.top nav{display:none}.toolbar{grid-template-columns:1fr 1fr}.toolbar>*{border-bottom:1px solid var(--line)}.on-now>div{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){:root{--label:125px;--hour:90px;--pad:18px}.top{height:62px}.intro{padding-top:43px;display:block}.intro h1{font-size:58px}.intro>a{display:inline-block;margin-top:25px}.toolbar{grid-template-columns:1fr}.on-now,.guide{padding-top:45px;padding-bottom:50px}.on-now>div{display:flex;overflow:auto}.now-card{flex:0 0 76vw}.channel{padding:8px}.channel img{width:34px;height:34px}.channel b{font-size:9px}.epg-row{min-height:72px}.program{top:6px;height:59px;padding:8px}.epg-shell{max-height:68vh}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}footer p{text-align:left}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}