@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--void:#0c0d0b;--panel:#1b1d18;--panel-hi:#24261f;--bezel-edge:#37322a;--line:#33352d;--label:#bdb8a6;--dim:#757366;--phosphor:#ffb454;--phosphor-dim:#a9701f;--cream:#ede8da;--led:#ff5a3c;--rec:#ff3b30;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--cond:"Barlow Condensed","Arial Narrow",sans-serif}.live-tv-container{width:100%;max-width:800px;margin:40px auto;padding:0 16px}.crt{position:relative;background:linear-gradient(160deg,#2a2723,#161511 70%);border-radius:26px;padding:24px;box-shadow:0 1px #443f37 inset,0 -2px 8px #000 inset,0 30px 60px -20px #000,0 4px #0a0a08}.glass{position:relative;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:4/3;box-shadow:0 0 0 2px #0a0a08 inset,0 0 30px #000 inset}#screen{display:block;width:100%;height:100%}.glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(133deg,rgba(255,255,255,.07) 0%,transparent 34%);mix-blend-mode:screen}.controls{margin-top:24px;display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}.control-group{display:flex;gap:10px;align-items:center;background:linear-gradient(180deg,var(--panel-hi),var(--panel));border:1px solid var(--bezel-edge);border-radius:12px;padding:12px 16px}.control-label{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--dim);min-width:60px}.seg{display:inline-flex;border:1px solid var(--bezel-edge);border-radius:6px;overflow:hidden}.seg button{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:var(--label);background:var(--panel);border:0;padding:8px 13px;cursor:pointer;transition:.2s}.seg button:hover{border-color:var(--phosphor-dim);background:var(--panel-hi)}.seg button+button{border-left:1px solid var(--bezel-edge)}.seg button.active{background:var(--phosphor);color:#20180a;font-weight:600}.seg button:focus-visible{outline:2px solid var(--phosphor);outline-offset:-2px}.volume-slider{display:flex;gap:8px;align-items:center}.vol-btn{font-family:var(--mono);font-size:14px;color:var(--label);background:var(--panel);border:1px solid var(--bezel-edge);padding:7px 11px;border-radius:5px;cursor:pointer;width:36px;text-align:center;transition:.2s}.vol-btn:hover{border-color:var(--phosphor-dim)}.vol-btn:focus-visible{outline:2px solid var(--phosphor);outline-offset:-2px}input[type=range]{-webkit-appearance:none;appearance:none;width:120px;height:3px;background:var(--line);border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--phosphor);border:2px solid #201a10;cursor:pointer;box-shadow:0 0 6px var(--phosphor-dim)}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--phosphor);border:2px solid #201a10;cursor:pointer}input[type=range]:focus-visible{outline:2px solid var(--phosphor);outline-offset:4px}.power-btn{font-family:var(--cond);letter-spacing:.18em;text-transform:uppercase;font-size:13px;padding:9px 15px;background:var(--panel);border:1px solid var(--bezel-edge);color:var(--label);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:9px;transition:.3s}.power-btn:hover{border-color:var(--phosphor-dim)}.power-btn:focus-visible{outline:2px solid var(--phosphor);outline-offset:2px}.power-btn.on{background:var(--led);color:#fff;border-color:var(--led);box-shadow:0 0 12px var(--led)}.led-dot{width:9px;height:9px;border-radius:50%;background:#3a2b22;box-shadow:inset 0 0 3px #000;transition:.3s}.power-btn.on .led-dot{background:#fff;box-shadow:0 0 8px #fff}.volume-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--cond);letter-spacing:.2em;text-transform:uppercase;font-size:48px;color:var(--phosphor);text-shadow:0 0 20px var(--phosphor);pointer-events:none;opacity:0;transition:opacity .2s;z-index:9999}.volume-indicator.show{opacity:1}@media(max-width:600px){.live-tv-container{margin:24px auto;padding:0 12px}.crt{padding:16px}.controls{gap:12px}.control-group{padding:10px 12px;gap:8px}.control-label{min-width:50px;font-size:11px}input[type=range]{width:100px}.seg button{padding:7px 10px;font-size:12px}}.crt:fullscreen{width:100vw;height:100vh;border-radius:0;padding:0;background:#000;display:flex;align-items:center;justify-content:center;box-shadow:none}.crt:fullscreen .glass{height:100vh;width:auto;max-width:100vw;border-radius:0;box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/live-tv.css.map */