.tv-app{width:min(100%,760px);min-height:100vh;margin:auto;padding:24px 18px 115px}.tv-top{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;margin-bottom:18px}.tv-top>a,.tv-top>button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#191919;color:#fff;text-decoration:none;font-size:30px;cursor:pointer}.tv-top>button{background:var(--blue);font-size:26px}.tv-top small{font:800 10px system-ui;letter-spacing:1.5px;color:var(--blue)}.tv-top h1{font-size:25px;margin:2px 0 0}.tv-player{overflow:hidden;border:1px solid #2d2d2d;border-radius:21px;background:#111;box-shadow:0 15px 35px #000;margin-bottom:19px}.tv-screen{position:relative;aspect-ratio:16/9;background:radial-gradient(circle at center,#182c55,#020205 65%)}.tv-screen video{display:block;width:100%;height:100%;object-fit:contain}.tv-placeholder,.tv-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#050505e8}.tv-placeholder>span{display:grid;place-items:center;width:59px;height:59px;border-radius:50%;background:var(--blue);font-size:25px;margin-bottom:13px;padding-left:4px}.tv-placeholder b{font-size:16px}.tv-placeholder small{max-width:280px;margin-top:6px;color:#777;line-height:1.6}.tv-loader{display:none;color:#aaa;font-size:13px}.tv-loader.show{display:flex}.now-playing{display:grid;grid-template-columns:auto 1fr 42px;align-items:center;gap:12px;padding:14px}.on-air{align-self:start;margin-top:3px;border-radius:7px;background:#e53e50;padding:5px 7px;font:800 9px system-ui}.on-air i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#fff;margin-right:4px;animation:pulse 1s infinite}.now-playing b,.now-playing small{display:block}.now-playing b{font-size:14px}.now-playing small{margin-top:3px;color:#777;font-size:10px}.now-playing button{width:40px;height:40px;border:0;border-radius:11px;background:#222;color:#fff;font-size:21px;cursor:pointer}.tv-tools{margin-bottom:20px}.tv-tools label{display:flex;align-items:center;gap:9px;border:1px solid #292929;border-radius:14px;background:#151515;padding:0 14px}.tv-tools label span{font-size:22px;color:#777}.tv-tools input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:13px 0}.categories{display:flex;gap:8px;overflow:auto;padding:12px 0 1px;scrollbar-width:none}.category{border:1px solid #292929;border-radius:20px;background:#111;color:#888;padding:8px 14px;white-space:nowrap;font-size:12px;cursor:pointer}.category.active{border-color:var(--blue);background:var(--blue);color:#fff}.channel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.channel-heading h2{font-size:19px;margin:0}.channel-heading small{color:#666}.channel-heading>span{color:#42d588;font:700 11px system-ui}.channel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.channel-card{position:relative;overflow:hidden;border:1px solid #292929;border-radius:17px;background:#151515;cursor:pointer;transition:.2s}.channel-card:hover{border-color:#444;transform:translateY(-2px)}.channel-art{position:relative;display:grid;place-items:center;aspect-ratio:16/10;background:radial-gradient(circle at 50% 20%,#253c68,#0a0b11 68%)}.channel-art img{width:58%;height:58%;object-fit:contain}.channel-art .letter{font:800 34px system-ui;color:#fff}.channel-art:after{content:"▶";position:absolute;right:10px;bottom:9px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--blue);font-size:12px;padding-left:2px}.channel-info{padding:11px}.channel-info b,.channel-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-info b{font-size:13px}.channel-info small{margin-top:4px;color:#777;font-size:10px}.delete-channel{position:absolute;z-index:2;right:7px;top:7px;width:28px;height:28px;border:0;border-radius:50%;background:#000b;color:#fff;cursor:pointer}.channel-modal{position:fixed;z-index:70;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:13px;background:#000c;opacity:0;visibility:hidden;transition:.2s}.channel-modal.open{opacity:1;visibility:visible}.channel-modal form{width:min(100%,540px);padding:19px;border:1px solid #333;border-radius:22px;background:#151515;transform:translateY(30px);transition:.2s}.channel-modal.open form{transform:none}.form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.form-head small{color:var(--blue);font:800 9px system-ui;letter-spacing:1.4px}.form-head h3{margin:3px 0 0}.form-head button{width:37px;height:37px;border:0;border-radius:50%;background:#292929;color:#fff;font-size:25px}.channel-modal label{display:block;margin-top:12px;color:#aaa;font-size:11px}.channel-modal input,.channel-modal select{width:100%;margin-top:6px;border:1px solid #333;border-radius:11px;background:#0b0b0b;color:#fff;padding:12px;outline:none}.channel-modal input:focus{border-color:var(--blue)}.form-save{width:100%;margin-top:18px;border:0;border-radius:13px;background:var(--blue);color:#fff;padding:13px;font-weight:800}.toast{z-index:80}@media(min-width:600px){.channel-grid{grid-template-columns:repeat(3,1fr)}.channel-modal{align-items:center}}@media(min-width:800px){body{background:#0c0c0c}.tv-app{box-shadow:0 0 60px #000}}