#tv-app{max-width:1200px;margin:0 auto}.tv-hero{min-height:290px;padding:40px;display:flex;align-items:center;justify-content:space-between;color:white;background:linear-gradient(90deg,#003b2bdc,#003b2b35),url('/assets/festival.png') center/cover;border-radius:24px 24px 0 0}.tv-hero h1{font-size:clamp(32px,5vw,56px);margin:0}.tv-hero p{font-size:23px}.tv-hero>span{font-size:100px}.tv-hero button{background:#f41532;color:white;border:0;border-radius:15px;padding:15px 24px;font-size:17px;font-weight:700;cursor:pointer}.tv-panel{background:white;border-radius:24px;padding:24px;margin-top:-10px;position:relative}.tv-tabs,.tv-actions,.tv-tools,.tv-heading{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tv-tabs button{flex:1;min-height:65px;background:#e6f4ed;color:#005c3d;border:0;border-radius:14px;font-weight:800;font-size:18px;cursor:pointer}.tv-tabs button:nth-child(2){background:#ffe9ed}.tv-tabs button:nth-child(3){background:#e7f4ff}.tv-tabs button:nth-child(4){background:#fff4d7}.tv-tabs .active{box-shadow:inset 0 0 0 3px #005c3d}.tv-tools{margin:18px 0}.tv-tools input{flex:1;min-width:150px}.tv-tools input,.tv-tools select,#tv-dialog input,#tv-dialog textarea,#tv-dialog select{padding:13px;border:1px solid #dce3e3;border-radius:12px;font:inherit;width:100%;box-sizing:border-box}.tv-tools select{width:auto;max-width:100%}.tv-actions button,.tv-heading button,#tv-more,#tv-dialog button:not(#tv-close){background:#005c3d;color:white;border:0;border-radius:10px;padding:12px 16px;font:inherit;cursor:pointer}.tv-actions button:disabled{opacity:.5}.tv-heading{justify-content:space-between;margin-top:18px}.tv-heading h2{font-size:26px;margin:12px 0}.tv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.tv-row{display:flex;overflow-x:auto;gap:16px;padding-bottom:12px}.tv-row .tv-card{flex:0 0 235px}.tv-card{border:1px solid #e8ecec;border-radius:16px;overflow:hidden;background:white}.tv-thumb{position:relative;display:block;border:0;padding:0;width:100%;height:155px;cursor:pointer;color:white;background:#005c3d}.tv-thumb img{width:100%;height:100%;object-fit:cover}.tv-thumb>span{position:absolute;inset:0;display:grid;place-items:center;font-size:42px;text-shadow:0 2px 5px #000}.tv-thumb small{position:absolute;top:10px;left:10px;background:#111a;padding:6px;border-radius:8px;font-size:12px}.tv-card.live .tv-thumb{height:300px}.tv-meta{padding:13px}.tv-meta h3{font-size:18px;margin:0 0 7px}.tv-meta p{color:#65706b;margin:0}.tv-meta button{margin:10px 5px 0 0}.tv-program{border:0;border-radius:16px;overflow:hidden;background:#e9f4ef;text-align:left;cursor:pointer;font:inherit;padding:0}.tv-program img{width:100%;height:140px;object-fit:cover}.tv-program strong{display:block;padding:15px}.tv-empty{padding:25px;background:#f5f8f6;border-radius:14px;color:#65706b}.tv-detail-title{font-size:25px}#tv-dialog{width:min(720px,90vw);max-height:90vh;border:0;border-radius:20px;padding:24px}#tv-dialog::backdrop{background:#001d18aa}#tv-close{float:right;background:none;border:0;font-size:32px;cursor:pointer}#tv-dialog form{display:grid;gap:14px}#tv-dialog label{display:grid;gap:7px;font-weight:600}#tv-dialog label.check{display:flex;font-weight:400}#tv-dialog input[type=checkbox]{width:auto}#tv-dialog video,#tv-dialog iframe{width:100%;aspect-ratio:16/9;border:0;background:#111;border-radius:12px}#tv-live-media{background:#111;border-radius:12px;min-height:240px}#tv-live-media audio{display:none}.tv-live-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.tv-error{color:#b3132c}#tv-more{margin-top:20px}[hidden]{display:none!important}@media(max-width:600px){.tv-hero{padding:25px;min-height:235px}.tv-hero>span{display:none}.tv-hero p{font-size:19px}.tv-panel{padding:16px}.tv-tabs{gap:7px}.tv-tabs button{font-size:14px;min-width:65px}.tv-grid{grid-template-columns:1fr}.tv-card.live .tv-thumb{height:210px}.tv-actions{gap:7px}.tv-actions button{font-size:14px;padding:10px}.tv-tools select{width:100%}#tv-dialog{padding:18px}}

#tv-app .tv-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
#tv-app .tv-tabs button{display:flex;align-items:center;gap:13px;min-width:0;min-height:88px;padding:18px;text-align:left;border:1px solid #dce7e0;background:#f5faf7;color:#145d42;border-radius:15px;box-shadow:none;font:inherit;transition:background .15s,border-color .15s,box-shadow .15s}
#tv-app .tv-tabs button[data-tab=videos]{background:#fff7f8;border-color:#f0dde2;color:#ba3556}
#tv-app .tv-tabs button[data-tab=all]{background:#f4f9fe;border-color:#dbe7f1;color:#326f9f}
#tv-app .tv-tabs button[data-tab=featured]{background:#fffbf0;border-color:#eee5cc;color:#976b16}
.tv-tab-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:currentColor}
.tv-tab-icon svg{display:block;width:25px;height:25px;color:#fff}
.tv-tab-copy{display:grid;gap:5px;min-width:0}
.tv-tab-copy strong{font-size:16px;line-height:1.3;color:#1d3027}
.tv-tab-copy small{font-size:12px;line-height:1.4;color:#69766f;font-weight:400}
#tv-app .tv-tabs button:hover{border-color:currentColor;box-shadow:0 3px 10px #173c2710}
#tv-app .tv-tabs button.active{background:#005c3d;border-color:#005c3d;color:#fff;box-shadow:0 3px 10px #005c3d1a}
.tv-tabs button.active .tv-tab-icon{background:#ffffff24}
.tv-tabs button.active .tv-tab-copy strong{color:#fff}
.tv-tabs button.active .tv-tab-copy small{color:#e1efe7}
#tv-app .tv-tabs button:focus-visible{outline:3px solid #d6a53c;outline-offset:3px}
@media(max-width:900px){#tv-app .tv-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){#tv-app .tv-tabs{gap:10px}#tv-app .tv-tabs button{min-height:86px;padding:13px 10px;gap:9px}.tv-tab-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}.tv-tab-icon svg{width:22px;height:22px}.tv-tab-copy strong{font-size:14px}.tv-tab-copy small{font-size:11px}}
@media(prefers-reduced-motion:reduce){#tv-app .tv-tabs button{transition:none}}
