.tko{--tko-ink:#142033;--tko-muted:#526176;--tko-accent:#b24d0e;--tko-line:#dfe7e8;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--tko-ink);max-width:1200px;margin:24px auto;padding:clamp(16px,3vw,36px);background:#f4f7f7;border-radius:22px;box-sizing:border-box}.tko *{box-sizing:border-box}.tko .tko-hero{background:linear-gradient(115deg,#142033,#55301b);color:#fff;padding:clamp(24px,5vw,50px);border-radius:16px;margin-bottom:24px}.tko .tko-eyebrow{color:#ffbd87;font-size:12px;font-weight:750;letter-spacing:2px}.tko .tko-hero h2{color:#fff;font-size:clamp(26px,4vw,44px);line-height:1.12;max-width:650px;margin:14px 0}.tko .tko-hero p{color:#f2ded0;margin:0;font-size:16px}.tko button,.tko select,.tko input{font:inherit}.tko button{cursor:pointer;transition:background .15s;border-radius:9px;padding:11px 16px;border:1px solid var(--tko-line);background:#fff;color:var(--tko-ink);font-weight:650}.tko button:disabled{opacity:.45;cursor:default}.tko button:focus-visible,.tko input:focus-visible,.tko select:focus-visible,.tko a:focus-visible{outline:3px solid #cf911d;outline-offset:3px}.tko .tko-tabs{display:flex;gap:8px;margin-bottom:24px}.tko .tko-tabs button[aria-pressed=true]{background:var(--tko-accent);border-color:var(--tko-accent);color:#fff}.tko .tko-tools{display:grid;grid-template-columns:2fr 1fr;gap:16px}.tko .tko-tools label{display:grid;gap:8px;font-size:13px;font-weight:700}.tko .tko-tools input,.tko .tko-tools select{width:100%;padding:13px 14px;border:1px solid var(--tko-line);border-radius:9px;background:white;color:var(--tko-ink);font-size:15px;height:48px}.tko .tko-status{font-size:14px;color:var(--tko-muted);min-height:24px;margin:22px 0 16px}.tko .tko-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tko .tko-card{display:flex;flex-direction:column;align-items:flex-start;background:white;border:1px solid var(--tko-line);border-radius:12px;padding:20px;min-width:0}.tko .tko-logo{position:relative;width:100%;height:90px;margin-bottom:18px;display:flex;justify-content:center;align-items:center;background:#f5f7f8;border-radius:8px;overflow:hidden}.tko .tko-logo span{font-size:32px;font-weight:750;color:#768997}.tko .tko-logo img{position:absolute;max-width:85%;max-height:75px;object-fit:contain}.tko .tko-card h3{font-size:16px;line-height:1.35;margin:0 0 8px;overflow-wrap:anywhere;color:var(--tko-ink)}.tko .tko-card-category{font-size:12px;color:var(--tko-muted);margin:0 0 20px;overflow-wrap:anywhere}.tko .tko-preview{margin-top:auto;background:#fff0e2;color:#95410c;border:0;font-size:12px;width:100%;padding:11px 7px}.tko .tko-caption{margin-top:auto;font-size:12px;color:var(--tko-muted)}.tko .tko-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;font-size:13px}.tko .tko-dialog{max-width:740px;width:calc(100% - 32px);border:0;border-radius:16px;padding:28px;background:#fff;color:var(--tko-ink);box-shadow:0 16px 70px #0005}.tko .tko-dialog::backdrop{background:#091822c9}.tko .tko-dialog h3{font-size:22px;padding-right:35px;margin:0 0 18px}.tko .tko-close{position:absolute;right:14px;top:14px;padding:2px 12px;font-size:26px;border:0}.tko .tko-dialog video{width:100%;aspect-ratio:16/9;background:#091822;border-radius:8px;display:block}.tko .tko-play-status{font-size:14px;min-height:24px;color:var(--tko-muted)}.tko .tko-subscribe{display:inline-block;padding:12px 18px;border-radius:8px;background:var(--tko-accent);color:#fff;text-decoration:none;font-size:14px;font-weight:700}.tko [hidden]{display:none!important}@media(max-width:900px){.tko .tko-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.tko .tko-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tko .tko-tools{grid-template-columns:1fr}.tko .tko-card{padding:14px}.tko .tko-tabs button{flex:1;padding:11px 8px}.tko .tko-pager{gap:8px}.tko .tko-pager button{padding:10px}.tko .tko-dialog{padding:20px}}@media(prefers-reduced-motion:reduce){.tko button{transition:none}}

/* TKO cinema library */
.tko{--tko-ink:#f5f6fa;--tko-muted:#a6afbd;--tko-accent:#4175ff;--tko-line:#ffffff18;max-width:1240px;margin:150px auto 70px;padding:0 30px 32px;background:#0d1017;border:1px solid #ffffff10;border-radius:24px;box-shadow:0 24px 90px #0006;color-scheme:dark}
.tko .tko-hero{position:relative;overflow:hidden;margin:0 -30px 30px;padding:48px 38px 40px;border-radius:24px 24px 0 0;background:radial-gradient(ellipse at 95% 0%,#4175ff2e,transparent 60%),linear-gradient(120deg,#171d29,#11141d);border-bottom:1px solid var(--tko-line)}
.tko .tko-hero:after{content:"";position:absolute;width:230px;height:230px;right:45px;top:-55px;border:1px solid #579bff28;border-radius:50%;box-shadow:0 0 0 35px #579bff08,0 0 0 70px #579bff05;pointer-events:none}
.tko .tko-eyebrow{color:#8fbeff;font-size:11px;letter-spacing:2.5px}.tko .tko-hero h2{position:relative;z-index:1;font-size:clamp(30px,3.2vw,46px);font-weight:750;letter-spacing:-1.5px;line-height:1.12;margin:16px 0 14px;max-width:730px}.tko .tko-hero p{color:#b0b8c7;font-size:15px}
.tko button{background:#191e29;border-color:#ffffff15;color:#e3e7ee;border-radius:10px;transition:background .18s,transform .18s,border-color .18s}.tko button:hover:not(:disabled){background:#252c39;border-color:#ffffff35}.tko button:focus-visible,.tko input:focus-visible,.tko select:focus-visible,.tko a:focus-visible{outline:2px solid #8fbeff;outline-offset:3px}
.tko .tko-tabs{display:inline-flex;gap:4px;padding:5px;background:#070a10;border:1px solid #ffffff12;border-radius:13px;margin-bottom:24px}.tko .tko-tabs button{background:transparent;border:0;font-size:14px;padding:11px 24px;color:#a6afbd}.tko .tko-tabs button[aria-pressed=true]{background:#4175ff;color:#071127;box-shadow:0 3px 15px #4175ff2a}
.tko .tko-tools{gap:20px;grid-template-columns:2fr 1fr}.tko .tko-tools label{color:#b7bfcc;font-size:12px;gap:9px}.tko .tko-tools input,.tko .tko-tools select{background:#151a24;color:#f5f6fa;border-color:#ffffff18;border-radius:11px;height:52px;padding:14px 17px;font-size:14px}.tko .tko-tools input::placeholder{color:#737f92;opacity:1}.tko .tko-tools input:focus,.tko .tko-tools select:focus{border-color:#4175ff}.tko .tko-status{margin:26px 0 18px;color:#9ea9ba;font-size:13px}
.tko .tko-grid{gap:18px}.tko .tko-card{background:linear-gradient(150deg,#191f2b,#131923);border:1px solid #ffffff12;border-radius:15px;padding:16px;box-shadow:0 6px 20px #0002;transition:transform .18s,border-color .18s}.tko .tko-card:hover{transform:translateY(-3px);border-color:#4175ff55}.tko .tko-logo{height:112px;margin-bottom:18px;border-radius:10px;background:#edf0f5}.tko .tko-logo img{max-height:84px;max-width:82%}.tko .tko-logo span{color:#5f6c80}.tko .tko-card h3{font-weight:650;font-size:15px;letter-spacing:-.2px;color:#f5f6fa;margin-bottom:7px}.tko .tko-card-category{font-size:11px;color:#96a2b5;margin-bottom:20px}.tko .tko-preview{background:#4175ff16;border:1px solid #4175ff35;color:#a6c8ff;font-size:11px;border-radius:8px;padding:11px 6px}.tko .tko-preview:hover:not(:disabled){background:#4175ff;color:#071127;border-color:#4175ff}.tko .tko-caption{color:#7f8ba0;font-size:11px}.tko .tko-pager{margin-top:32px;color:#96a2b5}.tko .tko-pager button{font-size:12px}
.tko .tko-dialog{background:#141a24;color:#fff;border:1px solid #ffffff20;border-radius:20px;box-shadow:0 24px 100px #0009;padding:28px}.tko .tko-dialog::backdrop{background:#03060dd9;backdrop-filter:blur(8px)}.tko .tko-dialog h3{color:#fff;font-weight:650}.tko .tko-close{background:#252e3c;color:#c7d1df;border-radius:8px}.tko .tko-play-status{color:#a7b2c3}.tko .tko-subscribe{background:#4175ff;color:#071127;border-radius:10px}
@media(max-width:900px){.tko{margin-top:140px;width:calc(100% - 32px);padding:0 22px 28px}.tko .tko-hero{margin-left:-22px;margin-right:-22px;padding:36px 26px}.tko .tko-hero:after{right:-80px}}
@media(max-width:650px){.tko{margin:120px auto 40px;width:calc(100% - 24px);padding:0 16px 24px;border-radius:18px}.tko .tko-hero{margin:0 -16px 24px;border-radius:18px 18px 0 0;padding:30px 22px}.tko .tko-hero h2{font-size:32px;letter-spacing:-1px}.tko .tko-hero p{font-size:13px;max-width:260px;line-height:1.6}.tko .tko-tabs{display:flex;width:100%}.tko .tko-tools{grid-template-columns:1fr;gap:16px}.tko .tko-grid{gap:12px}.tko .tko-card{padding:12px}.tko .tko-logo{height:90px}.tko .tko-logo img{max-height:68px}.tko .tko-card h3{font-size:13px}.tko .tko-preview{font-size:10px}.tko .tko-dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){.tko .tko-card,.tko button{transition:none}.tko .tko-card:hover{transform:none}}

/* Centered channel-list introduction. */
.tko .tko-hero{text-align:center;background:#0d1423;padding:64px 38px 62px}.tko .tko-hero:after{display:none}.tko .tko-eyebrow{display:block;width:max-content;max-width:100%;margin:0 auto;color:#9eb8e3;font-size:16px;letter-spacing:4px}.tko .tko-eyebrow:after{content:"";display:block;width:180px;max-width:100%;height:2px;background:#4175ff;margin:22px auto 0}.tko .tko-hero h2{max-width:none;margin:20px auto 36px;font-size:clamp(32px,4.2vw,58px);letter-spacing:-1.5px;text-shadow:0 10px 24px #9eb8e324}.tko .tko-hero p{max-width:1000px;margin:0 auto;color:#edf3ff;font-size:18px;line-height:1.9}@media(max-width:650px){.tko .tko-hero{padding:38px 22px}.tko .tko-eyebrow{font-size:12px;letter-spacing:3px}.tko .tko-hero h2{font-size:34px;margin:20px auto 24px}.tko .tko-hero p{max-width:none;font-size:14px;line-height:1.8}}

.tko .tko-hero .tko-rights-notice{font-size:12px;color:#a9b8d0;line-height:1.7;margin:22px auto 0;max-width:850px}

.tko .tko-tab-count{display:block;font-size:11px;font-weight:500;margin-top:4px;opacity:.8}.tko .tko-tabs button{min-width:110px}

/* Compact phone layout; preserve readable inputs and touch targets. */
@media(max-width:650px){
 .tko{margin:32px auto;width:calc(100% - 24px);padding:0 14px 22px}
 .tko .tko-hero{margin:0 -14px 20px;padding:26px 18px}
 .tko .tko-eyebrow{font-size:11px;letter-spacing:2.5px}
 .tko .tko-eyebrow:after{width:120px;margin:14px auto 0}
 .tko .tko-hero h2{font-size:clamp(26px,7vw,32px);line-height:1.15;letter-spacing:-.8px;margin:16px auto 18px}
 .tko .tko-hero p{font-size:13px;line-height:1.6}
 .tko .tko-hero .tko-rights-notice{font-size:11px;line-height:1.5;margin:16px auto 0}
 .tko .tko-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:3px;padding:4px;margin-bottom:18px}
 .tko .tko-tabs button{min-width:0;width:100%;min-height:58px;padding:9px 2px;font-size:14px;line-height:1.25;letter-spacing:0}
 .tko .tko-tab-count{font-size:clamp(9px,2.65vw,11px);white-space:nowrap;margin-top:5px}
 .tko .tko-tools{gap:14px;min-width:0}
 .tko .tko-tools label{min-width:0;font-size:12px;gap:7px}
 .tko .tko-tools input,.tko .tko-tools select{min-width:0;max-width:100%;height:46px;padding:10px 12px;font-size:16px}
 .tko .tko-status{font-size:13px;line-height:1.5;margin:18px 0 0}
 .tko .tko-preview{min-height:44px;font-size:11px}
 .tko .tko-dialog{padding:18px;width:calc(100% - 24px)}
 .tko .tko-dialog h3{font-size:18px;line-height:1.3}
 .tko .tko-play-status{font-size:13px;line-height:1.5}
 .tko .tko-subscribe{display:block;text-align:center;font-size:14px;min-height:44px}
}