@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(./fonts/inter-v20-latin-regular.woff2) format("woff2")}:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;overflow:hidden;background:#0a0a0a}body{display:flex;flex-direction:column;height:100svh}main{display:grid;flex:1 1 auto;place-items:center;min-height:0;padding:max(96px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) 96px max(32px,env(safe-area-inset-left));container-type:size}.television{position:relative;width:min(100cqi,82rem,calc(100cqb * 1312 / 969));aspect-ratio:1312 / 969;isolation:isolate;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.television[hidden],.channel-image[hidden]{display:none}.television-art{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;pointer-events:none}.screen{position:absolute;z-index:1;top:14.96%;left:9.53%;width:65.93%;height:68.32%;overflow:hidden;border-radius:2.6%/3.4%;background:radial-gradient(ellipse at 50% 42%,#2c2e2c,#1a1c1a 58%,#121312)}.screen:before{position:absolute;z-index:3;inset:0;content:"";pointer-events:none;background:radial-gradient(ellipse 90% 55% at 48% 8%,rgb(255 255 255 / 8%) 0%,rgb(255 255 255 / 3%) 38%,transparent 68%),radial-gradient(ellipse 70% 35% at 32% 22%,rgb(220 225 230 / 4%) 0%,transparent 60%);opacity:1;transition:opacity 55ms linear}.television.is-on .screen:before{opacity:.18}.screen:after{position:absolute;z-index:4;inset:0;content:"";pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgb(0 0 0 / 24%) 100%),repeating-linear-gradient(to bottom,#ffffff05 0 1px,#0000001a 2px 3px);opacity:0;transition:opacity 55ms linear}.television.is-on .screen:after{opacity:1}.signal,.effects{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transform:scaleY(.012);transform-origin:center;transition:transform 105ms cubic-bezier(.2,.7,.25,1),opacity 55ms linear}.signal{z-index:1}.static{filter:contrast(1.26) brightness(.825)}.channel-image{object-fit:cover;filter:contrast(1.08) brightness(var(--channel-exposure, .86))}.effects{z-index:2;pointer-events:none}.television.is-on:not([data-channel="4"]) .static,.television.is-on[data-channel="4"] .channel-image,.television.is-on .effects{opacity:1;transform:scaleY(1)}.power-led{position:absolute;z-index:3;top:51.72%;left:87.98%;width:1.39%;aspect-ratio:1;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgb(255 88 67 / 98%) 0 17%,rgb(230 20 12 / 82%) 25%,rgb(160 0 0 / 32%) 48%,transparent 72%);filter:drop-shadow(0 0 .18rem rgb(255 30 16 / 70%));transition:opacity 70ms linear}.television.is-on .power-led{opacity:1}.control-button{position:absolute;z-index:4;left:88.68%;width:10.45%;margin:0;padding:0;transform:translate(-50%,-50%);border:0;appearance:none;background:transparent;cursor:pointer;touch-action:manipulation}.channel-button{height:6.35%}.channel-up{top:60%}.channel-down{top:68.32%}.power-button{top:77.975%;height:9.45%}.control-button:before{position:absolute;inset:0;border-radius:9%;content:"";transition:background-color 55ms linear,box-shadow 55ms linear,transform 55ms ease-out}.control-button:active:before{transform:translateY(1px) scale(.985);background:#00000029;box-shadow:inset 0 1px 5px #0000006b}.control-button:focus-visible{outline:none}.control-button:focus-visible:before{box-shadow:0 0 0 2px #000,0 0 0 4px #dcdcdce0}footer{flex:0 0 auto;padding:0 max(32px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(32px,env(safe-area-inset-left));color:#a1a1a1;font-family:Inter,sans-serif;font-size:12px;line-height:16px;text-align:center}footer a{color:inherit;text-decoration:none;transition:color .1s linear}footer a:hover,footer a:focus-visible{color:#e5e5e5}footer a:focus-visible{border-radius:1px;outline:1px solid #a0a0a0;outline-offset:3px}@media(prefers-reduced-motion:reduce){.signal,.effects,.screen:before,.screen:after,.power-led,.control-button:before,footer a{transition:none}}