:root{
  --ink:#16153f;
  --muted:#6d6a91;
  --purple:#7b2cff;
  --purple2:#a542ff;
  --pink:#f42ca6;
  --blue:#2d8cff;
  --green:#16b67a;
  --red:#ff3d5f;
  --lav:#f7f2ff;
  --lav2:#efe6ff;
  --line:#e5daf9;
  --card:#ffffff;
  --shadow:0 18px 50px rgba(73,38,132,.13);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0%,#fbf8ff 70%,#f7f0ff 100%);min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{max-width:100%}
.shell{width:min(1420px,calc(100% - 36px));margin:auto}
.nav{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid #eee7fa}
.navin{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:12px;font-weight:1000;font-size:24px;letter-spacing:-.035em;white-space:nowrap}
.brandMark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;box-shadow:0 8px 22px rgba(123,44,255,.25);font-size:22px}
.brand .kohou{color:var(--purple)}
.links{display:flex;align-items:center;gap:30px;font-weight:800;font-size:14px;color:#333053}
.links a{padding:9px 0;position:relative}
.links a.active,.links a:hover{color:var(--purple)}
.links a.active:after{content:"";position:absolute;height:3px;border-radius:99px;left:0;right:0;bottom:1px;background:linear-gradient(90deg,var(--purple),var(--pink))}
.langs{display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#fff}
.langs button{border:0;background:transparent;color:#49456d;font-weight:900;font-size:12px;padding:7px 10px;border-radius:10px;cursor:pointer}
.langs button.active{color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple2))}
.mobileMenu{display:none}

.heroTv{padding:18px 0 8px}
.tvFrame{display:grid;grid-template-columns:minmax(0,1fr) 330px;background:#160a36;border-radius:27px;overflow:hidden;box-shadow:0 24px 70px rgba(48,20,90,.24);border:1px solid rgba(104,54,190,.25)}
.playerWrap{position:relative;min-height:570px;background:#0d0721;overflow:hidden}
.playerWrap video{width:100%;height:570px;object-fit:cover;display:block;background:#0c071d}
.tvOverlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,3,29,.86) 0%,rgba(10,3,29,.55) 25%,rgba(10,3,29,.08) 56%,rgba(10,3,29,.1) 100%)}
.tvCopy{position:absolute;left:42px;top:50%;transform:translateY(-50%);width:min(430px,47%);color:#fff;z-index:3}
.tvCopy .script{font-size:58px;line-height:.9;font-weight:900;font-style:italic;background:linear-gradient(90deg,#ff5ac8,#bc64ff);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.06em}
.tvCopy h1{font-size:38px;margin:10px 0 6px;letter-spacing:-.03em}
.tvCopy p{font-size:16px;line-height:1.55;color:#eee6ff;margin:0 0 18px}
.livePill{display:inline-flex;align-items:center;gap:7px;background:#ff274f;color:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:1000;box-shadow:0 8px 18px rgba(255,39,79,.3)}
.liveDot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.14);animation:pulse 1.6s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
.btn{border:0;cursor:pointer;border-radius:14px;min-height:48px;padding:0 22px;font-weight:1000;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.2s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}
.btnPrimary{color:#fff;background:linear-gradient(90deg,var(--purple),var(--pink));box-shadow:0 12px 28px rgba(180,48,224,.25)}
.btnSoft{color:var(--purple);background:#fff;border:1px solid var(--line)}
.btnDark{color:#fff;background:#21164b}
.tvCopyActions{display:flex;gap:10px;flex-wrap:wrap}
.demoNote{margin-top:12px;color:#d9cffa;font-size:12px;font-weight:700}
.queue{background:linear-gradient(180deg,#211149,#190d3b);padding:21px 16px;color:#fff;min-width:0}
.queue h3{margin:0 8px 15px;font-size:18px}
.queueList{display:grid;gap:9px}
.queueItem{width:100%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.055);color:#fff;border-radius:15px;padding:8px;display:grid;grid-template-columns:98px minmax(0,1fr) 34px;gap:9px;align-items:center;text-align:left;cursor:pointer}
.queueItem:hover,.queueItem.active{background:rgba(159,82,255,.23);border-color:rgba(213,166,255,.33)}
.queueThumb{height:62px;border-radius:10px;object-fit:cover;width:98px;background:#40276c}
.queueMeta{min-width:0}.queueMeta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.queueMeta span{display:block;color:#bfb5da;font-size:11px;margin-top:4px}.queuePlay{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--purple);font-size:12px;font-weight:1000}
.queueFoot{margin:14px 8px 0;color:#cfc3ed;font-size:12px;line-height:1.5}

.quickGrid{display:grid;grid-template-columns:1fr 1fr 1.18fr;gap:14px;margin:14px 0 8px}
.quickCard{background:#fff;border:1px solid var(--line);border-radius:22px;min-height:112px;padding:20px 22px;box-shadow:0 10px 28px rgba(76,41,137,.07);display:flex;align-items:center;justify-content:space-between;gap:15px}
.quickCard.ai{background:linear-gradient(135deg,#fff0fa,#f7ebff)}
.quickCard.dl{background:linear-gradient(135deg,#eff7ff,#f6f0ff)}
.quickIcon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:26px;background:#fff;box-shadow:0 8px 18px rgba(67,34,126,.09);flex:0 0 auto}
.quickText{flex:1}.quickText small{display:block;color:var(--muted);font-weight:800}.quickText b{display:block;font-size:23px;margin:2px 0}.quickText span{font-size:13px;color:var(--muted)}
.quickArrow{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink));font-size:20px}
.mission{text-align:center;display:grid;place-items:center}.mission b{font-size:20px}.mission strong{color:var(--pink)}.mission .tiny{margin-top:9px;display:flex;gap:18px;color:var(--muted);font-size:12px;font-weight:800;flex-wrap:wrap;justify-content:center}

.section{padding:38px 0}.sectionHead{text-align:center;margin-bottom:22px}.sectionHead h2{margin:0;font-size:34px;letter-spacing:-.035em}.sectionHead p{color:var(--muted);margin:7px auto 0;max-width:720px;line-height:1.55}
.productGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.productCard{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.productImage{height:240px;position:relative;background:#ede3ff;overflow:hidden}.productImage img{width:100%;height:100%;object-fit:cover}.productImage:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(33,7,78,.66),transparent 55%)}
.productBody{padding:20px}.productBody h3{margin:0 0 8px;font-size:24px}.productBody p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 15px}
.tagRow{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:7px 10px;border-radius:999px;background:#f7f2ff;color:#67578b;border:1px solid #eadff9;font-size:11px;font-weight:900}

.programStrip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.programCard{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 9px 24px rgba(70,37,126,.07);cursor:pointer}
.programCard img{width:100%;height:130px;object-fit:cover;display:block}.programCard div{padding:11px 12px}.programCard b{display:block;font-size:13px}.programCard span{color:var(--muted);font-size:11px}

.pageHero{padding:42px 0 18px}.pageHeroGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.pageHero h1{font-size:clamp(44px,6vw,74px);line-height:.98;letter-spacing:-.055em;margin:10px 0 16px}.gradientText{background:linear-gradient(90deg,var(--purple),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.pageHero p{font-size:18px;line-height:1.65;color:var(--muted);max-width:670px}.heroPhoto{border-radius:30px;height:390px;width:100%;object-fit:cover;box-shadow:var(--shadow);border:1px solid var(--line)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f7f0ff;color:var(--purple);border:1px solid #e9dbfb;font-size:12px;font-weight:1000}

.workspace{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}
.aiGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:900;color:#514b72}.field input,.field select,.field textarea{width:100%;border:1px solid #ded3f2;background:#fff;border-radius:13px;padding:12px 13px;outline:none;color:var(--ink)}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b58aff;box-shadow:0 0 0 3px rgba(123,44,255,.1)}
.field.full{grid-column:1/-1}.statusBox{margin-top:16px;padding:13px 14px;border-radius:14px;background:#f8f4ff;border:1px solid #e9dff9;color:#665d85;font-size:13px;line-height:1.5}.statusBox.good{background:#effbf6;border-color:#c9f0df;color:#137953}.statusBox.err{background:#fff2f5;border-color:#ffd1db;color:#b02848}
.aiActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.lyricsBox{margin-top:18px;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:none}.lyricsBox.on{display:block}.lyricsTop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#faf7ff;border-bottom:1px solid var(--line)}.lyricsTop b{font-size:15px}.lyricsText{white-space:pre-wrap;padding:20px;line-height:1.75;font-size:15px;min-height:220px}.audioResult{display:none;margin-top:14px;padding:16px;border:1px solid #c9f0df;background:#effbf6;border-radius:16px}.audioResult.on{display:block}.audioResult audio{width:100%;margin-top:10px}

.downloaderGrid{display:grid;grid-template-columns:minmax(0,1.4fr) .75fr;gap:18px}.urlRow{display:grid;grid-template-columns:1fr auto;gap:10px}.urlBox{display:flex;align-items:center;gap:10px;border:1px solid #ded3f2;border-radius:15px;padding:0 14px;background:#fff}.urlBox input{width:100%;border:0;outline:0;padding:15px 0;color:var(--ink)}
.platforms{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:16px}.platform{border:1px solid var(--line);border-radius:14px;padding:12px 8px;text-align:center;background:#fff;font-size:11px;font-weight:900}.platform .pIcon{display:block;font-size:23px;margin-bottom:5px}
.settingsCard{background:#faf7ff;border:1px solid var(--line);border-radius:20px;padding:18px}.setting{display:grid;gap:7px;margin-bottom:15px}.setting label{font-size:12px;font-weight:900;color:#514b72}.setting select{border:1px solid #ded3f2;background:#fff;border-radius:12px;padding:11px}.switchRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #e9dff9}.switchRow:first-of-type{border-top:0}.toggle{appearance:none;width:48px;height:28px;border-radius:999px;background:#d8d0e8;position:relative;cursor:pointer;transition:.2s;flex:0 0 auto}.toggle:before{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}.toggle:checked{background:linear-gradient(90deg,var(--purple),var(--pink))}.toggle:checked:before{left:23px}.toggle.locked{opacity:.8;pointer-events:none}
.preview{display:none;grid-template-columns:150px 1fr;gap:15px;margin-top:16px;padding:15px;border:1px solid var(--line);border-radius:18px;background:#fbf9ff}.preview.on{display:grid}.preview img{width:150px;height:96px;object-fit:cover;border-radius:13px;background:#eee}.preview h3{margin:3px 0 7px;font-size:17px}.preview p{margin:0;color:var(--muted);font-size:12px}
.formats{display:none;margin-top:16px}.formats.on{display:block}.formatGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.formatBtn{border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px;cursor:pointer;font-weight:900;color:var(--ink)}.formatBtn.active{color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink));border-color:transparent}.formatBtn small{display:block;font-weight:700;opacity:.75;margin-top:3px;font-size:10px}
.progressWrap{display:none;margin-top:16px}.progressWrap.on{display:block}.progressBar{height:11px;border-radius:999px;background:#eee8f7;overflow:hidden}.progressBar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple),var(--pink),#ff8a38);transition:.25s}.progressMeta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:7px}
.message{display:none;margin-top:14px;padding:12px 13px;border-radius:13px;font-size:13px;line-height:1.5}.message.on{display:block}.message.ok{background:#effbf6;border:1px solid #c9f0df;color:#137953}.message.err{background:#fff2f5;border:1px solid #ffd1db;color:#b02848}

.footer{margin-top:44px;border-top:1px solid #e9e1f5;background:#fff}.footerIn{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footerTag{font-weight:900}.footerTag strong{color:var(--pink)}.footerLinks{display:flex;gap:18px;color:var(--muted);font-size:12px}

@media(max-width:1040px){
  .links{display:none}.mobileMenu{display:block}
  .tvFrame{grid-template-columns:1fr}.queue{display:none}.playerWrap,.playerWrap video{height:500px;min-height:500px}.quickGrid{grid-template-columns:1fr 1fr}.mission{grid-column:1/-1}.productGrid{grid-template-columns:1fr 1fr}.programStrip{grid-template-columns:repeat(3,1fr)}.downloaderGrid{grid-template-columns:1fr}.platforms{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
  .shell{width:min(100% - 22px,1420px)}.navin{height:68px}.brand{font-size:19px}.brandMark{width:36px;height:36px}.langs button{padding:6px 7px}.tvFrame{border-radius:20px}.playerWrap,.playerWrap video{height:480px;min-height:480px}.tvCopy{left:22px;width:78%;top:auto;bottom:35px;transform:none}.tvCopy .script{font-size:46px}.tvCopy h1{font-size:29px}.tvCopy p{font-size:14px}.quickGrid,.productGrid,.aiGrid,.pageHeroGrid{grid-template-columns:1fr}.productImage{height:210px}.programStrip{grid-template-columns:1fr 1fr}.pageHero{padding-top:24px}.heroPhoto{height:310px}.workspace{padding:16px}.urlRow{grid-template-columns:1fr}.urlRow .btn{width:100%}.platforms{grid-template-columns:repeat(3,1fr)}.formatGrid{grid-template-columns:1fr 1fr}.preview{grid-template-columns:1fr}.preview img{width:100%;height:180px}.footerIn{padding:24px 0;display:grid}.footerLinks{flex-wrap:wrap}
}

/* v5.2 — YouTube provider + cinematic 5-second overlay */
.youtubeFrame{position:absolute;inset:0;width:100%;height:100%;min-height:570px;border:0;background:#000;display:none;z-index:1}
.playerWrap.youtube-mode #tvPlayer{visibility:hidden;pointer-events:none}
.tvOverlay,.tvCopy{transition:opacity .45s ease,visibility .45s ease}
.playerWrap.overlay-hidden .tvOverlay,.playerWrap.overlay-hidden .tvCopy{opacity:0;visibility:hidden;pointer-events:none}
.persistentLiveBadge{position:absolute;left:18px;top:18px;z-index:5;padding:7px 10px;border-radius:999px;background:rgba(235,26,65,.92);color:#fff;font-size:11px;font-weight:1000;letter-spacing:.02em;box-shadow:0 8px 20px rgba(0,0,0,.22);pointer-events:none}
.persistentLiveBadge[hidden]{display:none!important}
@media(max-width:1040px){.youtubeFrame{min-height:500px}}
@media(max-width:720px){.youtubeFrame{min-height:480px}.persistentLiveBadge{left:12px;top:12px;font-size:10px}}

/* =========================================================
   v5.3 — Neon / colorful Kohou Media theme
   ========================================================= */
:root{
  --ink:#f8f6ff;
  --muted:#b9b3d6;
  --purple:#8b3dff;
  --purple2:#b23cff;
  --pink:#ff2aa7;
  --blue:#2388ff;
  --cyan:#22d6ff;
  --green:#20d89a;
  --red:#ff496a;
  --lav:#111039;
  --lav2:#18134a;
  --line:rgba(157,105,255,.28);
  --card:rgba(16,17,58,.86);
  --shadow:0 22px 65px rgba(0,0,0,.38);
}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 8% 12%,rgba(77,36,212,.28),transparent 33%),
    radial-gradient(circle at 87% 22%,rgba(255,35,168,.18),transparent 32%),
    radial-gradient(circle at 55% 75%,rgba(17,107,255,.16),transparent 38%),
    linear-gradient(145deg,#04051c 0%,#071137 45%,#10052f 100%);
  background-attachment:fixed;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 82%)}
.nav{background:rgba(3,4,24,.94);border-bottom:1px solid rgba(170,106,255,.24);box-shadow:0 10px 35px rgba(0,0,0,.18)}
.brandImage{display:flex;align-items:center;min-width:200px}.brandImage img{height:51px;width:200px;object-fit:contain;display:block}.brandImage:hover{filter:brightness(1.08)}
.links{color:#e7e4f7}.links a.active,.links a:hover{color:#fff;text-shadow:0 0 18px rgba(212,89,255,.55)}
.links a.active:after{background:linear-gradient(90deg,#6e4cff,#ff2aa7,#ff8d3d);box-shadow:0 0 14px rgba(255,42,167,.55)}
.langs{background:rgba(18,15,57,.8);border-color:rgba(154,103,255,.3)}.langs button{color:#cfc9e8}.langs button.active{background:linear-gradient(135deg,#7138ff,#ff2aa7);box-shadow:0 0 20px rgba(160,66,255,.35)}

.tvFrame{background:linear-gradient(145deg,rgba(12,8,43,.97),rgba(8,22,67,.95));border:1px solid rgba(143,78,255,.45);box-shadow:0 25px 80px rgba(0,0,0,.48),0 0 42px rgba(95,42,255,.11)}
.playerWrap{background:#020412}.queue{background:linear-gradient(180deg,rgba(13,10,47,.98),rgba(9,22,65,.98));border-left:1px solid rgba(140,86,255,.22)}
.queueItem{background:linear-gradient(135deg,rgba(73,44,135,.22),rgba(32,62,142,.15));border-color:rgba(167,118,255,.18)}.queueItem:hover,.queueItem.active{background:linear-gradient(135deg,rgba(132,58,255,.34),rgba(243,42,166,.17));border-color:rgba(236,99,255,.42)}
.queueMeta span,.queueFoot{color:#bdb5db}.queuePlay{background:linear-gradient(135deg,#8c3eff,#ff2aa7);color:#fff}
.quickCard,.productCard,.programCard,.workspace,.settingsCard{background:linear-gradient(145deg,rgba(17,19,63,.9),rgba(11,18,55,.88));border-color:rgba(151,91,255,.3);box-shadow:0 18px 45px rgba(0,0,0,.26)}
.quickCard.ai{background:linear-gradient(135deg,rgba(115,34,143,.45),rgba(32,24,92,.87))}.quickCard.dl{background:linear-gradient(135deg,rgba(22,69,147,.52),rgba(30,21,86,.88))}.quickIcon{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.22)}
.quickText small,.quickText span,.mission .tiny,.sectionHead p,.productBody p,.programCard span,.pageHero p{color:var(--muted)}
.mission strong,.footerTag strong{color:#ff4cb4}
.productImage{background:#171047}.productImage:after{background:linear-gradient(to top,rgba(4,5,28,.8),transparent 60%)}
.tag{background:rgba(133,66,255,.15);color:#e2d5ff;border-color:rgba(176,119,255,.27)}
.programCard{overflow:hidden}.programCard:hover{transform:translateY(-2px);border-color:rgba(255,70,188,.45);box-shadow:0 16px 42px rgba(0,0,0,.35),0 0 22px rgba(138,58,255,.12)}

.pageHero{background:radial-gradient(circle at 80% 35%,rgba(255,42,167,.16),transparent 28%),radial-gradient(circle at 20% 25%,rgba(85,72,255,.2),transparent 34%)}
.gradientText{background:linear-gradient(90deg,#8f62ff,#ff36aa,#ff9b48);-webkit-background-clip:text;background-clip:text;color:transparent}
.heroPhoto{border-color:rgba(163,97,255,.44);box-shadow:0 26px 70px rgba(0,0,0,.42),0 0 45px rgba(128,46,255,.18);object-position:center top}
.eyebrow{background:rgba(122,55,255,.16);color:#e7d9ff;border-color:rgba(187,124,255,.31)}
.workspace{position:relative;overflow:hidden}.workspace:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-210px;top:-230px;background:radial-gradient(circle,rgba(37,139,255,.22),transparent 65%);pointer-events:none}.workspace:after{content:"";position:absolute;width:370px;height:370px;border-radius:50%;left:-250px;bottom:-250px;background:radial-gradient(circle,rgba(255,40,169,.18),transparent 65%);pointer-events:none}.workspace>*{position:relative;z-index:1}
.field label,.setting label{color:#ddd7f1}.field input,.field select,.field textarea,.setting select,.urlBox{background:rgba(7,11,38,.75);border-color:rgba(161,101,255,.32);color:#f8f6ff}.field input::placeholder,.field textarea::placeholder,.urlBox input::placeholder{color:#8f89ab}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a056ff;box-shadow:0 0 0 3px rgba(139,61,255,.18),0 0 25px rgba(139,61,255,.09)}
.field select option,.setting select option{background:#0b0d31;color:#fff}.btnSoft{color:#f5efff;background:rgba(255,255,255,.055);border-color:rgba(168,109,255,.34)}.btnSoft:hover{background:rgba(154,72,255,.16)}
.statusBox{background:rgba(116,65,193,.12);border-color:rgba(163,102,255,.27);color:#c7c0df}.statusBox.good{background:rgba(20,177,121,.12);border-color:rgba(35,218,153,.3);color:#8cf0c8}.statusBox.err{background:rgba(255,52,98,.12);border-color:rgba(255,80,121,.32);color:#ff9caf}
.promptHint{margin-top:16px;padding:13px 15px;border-radius:15px;background:linear-gradient(90deg,rgba(121,53,255,.16),rgba(255,42,167,.10));border:1px solid rgba(178,100,255,.28);color:#d8d1eb;font-size:13px;line-height:1.5}
.lyricsBox{border-color:rgba(154,92,255,.28);background:rgba(5,9,34,.55)}.lyricsTop{background:rgba(116,58,186,.13);border-bottom-color:rgba(154,92,255,.22)}.lyricsText{color:#f2edff}.audioResult{background:rgba(19,158,112,.13);border-color:rgba(49,220,163,.27);color:#c6ffe8}
.urlBox input{color:#fff}.platform{background:rgba(8,12,40,.72);border-color:rgba(151,91,255,.25);color:#f4efff}.settingsCard{background:linear-gradient(145deg,rgba(18,23,72,.94),rgba(20,12,60,.91))}.switchRow{border-top-color:rgba(155,102,255,.16)}
.preview{background:rgba(7,10,35,.7);border-color:rgba(156,94,255,.28)}.formatBtn{background:rgba(6,10,36,.82);border-color:rgba(153,96,255,.3);color:#f5f2ff}.progressBar{background:rgba(255,255,255,.09)}

.footer{background:rgba(3,4,23,.9);border-top-color:rgba(151,91,255,.22)}.footerLinks{color:#b9b2d1}
.footer .brandImage img{height:42px;width:auto}

/* Live behavior: no Kohou overlay while a source is marked LIVE. */
.playerWrap.tv-init .tvOverlay,.playerWrap.tv-init .tvCopy,.playerWrap.live-active .tvOverlay,.playerWrap.live-active .tvCopy{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.playerWrap.live-active .youtubeFrame{background:#000}
.persistentLiveBadge{background:linear-gradient(90deg,#ff264d,#ff2aa7);box-shadow:0 8px 24px rgba(255,38,100,.34)}

/* Keep the real Lillie photos un-stylized: only framing/glow is applied. */
.productImage img,.heroPhoto{filter:none}

@media(max-width:720px){
  .brandImage{min-width:150px}.brandImage img{width:165px;height:auto}.navin{gap:10px}
  .pageHeroGrid{gap:18px}.heroPhoto{height:330px}
}
.genreProfileHint{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 2px;padding:12px 14px;border:1px solid rgba(88,191,255,.28);border-radius:14px;background:linear-gradient(90deg,rgba(20,35,84,.86),rgba(92,27,126,.48));color:#dfe9ff;font-size:12px;line-height:1.35}
.genreProfileHint b{font-size:13px;color:#fff;margin-right:4px}.genreProfileHint span{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);color:#d9d7ff}

/* v5.8 — YouTube IFrame API host for continuous playlist fallback */
.youtubeFrame > #youtubePlayer,
.youtubeFrame iframe{width:100%!important;height:100%!important;min-height:inherit;border:0;display:block;background:#000}

/* v5.8.1 — owner-controlled broadcast mode */
.queueItem.locked,
.programCard.locked {
  cursor: default !important;
  pointer-events: none;
}
.queueItem.locked .queuePlay {
  opacity: .45;
  font-size: 18px;
}
.tvSoundToggle {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 15;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(5,8,30,.78);
  color: #fff;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 800;
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 26px rgba(0,0,0,.28);
  cursor: pointer;
}
.tvSoundToggle:hover { background: rgba(67,31,132,.9); }
@media (max-width: 720px) {
  .tvSoundToggle { right: 10px; bottom: 10px; padding: 8px 11px; font-size: 12px; }
}

/* Kohou Creator v6.0 */
.creatorPromo{padding-top:12px}.creatorPromoGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch;background:linear-gradient(125deg,rgba(115,50,255,.22),rgba(255,40,156,.13) 50%,rgba(18,166,255,.14));border:1px solid rgba(177,119,255,.3);border-radius:26px;padding:30px}.creatorPromo h2{font-size:clamp(1.7rem,3vw,2.8rem);margin:.45rem 0}.creatorPromo p{color:var(--muted,#b8b1d3);max-width:700px;line-height:1.65}.creatorPromoActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.creatorPromoStats{display:grid;grid-template-columns:1fr;gap:12px}.creatorPromoStats>div{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;align-items:center;background:rgba(8,11,40,.7);border:1px solid rgba(128,108,220,.35);border-radius:18px;padding:16px}.creatorPromoStats b{grid-row:1/3;font-size:1.7rem}.creatorPromoStats strong{font-size:1.05rem}.creatorPromoStats span{font-size:.84rem;color:#aaa4c8}@media(max-width:820px){.creatorPromoGrid{grid-template-columns:1fr;padding:20px}.links{gap:12px}}

/* =========================================================
   v6.1 — Dual View: editorial light + restrained studio dark
   The preference is stored per browser in localStorage.
   ========================================================= */
.viewModeToggle{display:flex;align-items:center;gap:4px;border:1px solid rgba(145,126,196,.3);border-radius:12px;padding:4px;background:rgba(255,255,255,.045);white-space:nowrap}
.viewModeLabel{font-size:11px;font-weight:800;opacity:.68;padding:0 5px 0 7px}
.viewModeToggle button{border:0;background:transparent;color:inherit;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:900;cursor:pointer;min-height:32px}
.viewModeToggle button.active{background:#fff;color:#171526;box-shadow:0 2px 8px rgba(0,0,0,.12)}

/* Studio is intentionally simpler than the earlier neon skin: fewer glows,
   flatter surfaces and stronger editorial spacing. */
html[data-view-mode="studio"] body{background:#070914;color:#f7f7fb}
html[data-view-mode="studio"] body:before{display:none}
html[data-view-mode="studio"] .nav{background:rgba(7,9,20,.96);border-bottom:1px solid #22263a;box-shadow:none}
html[data-view-mode="studio"] .links{color:#d8d9e3}
html[data-view-mode="studio"] .links a.active,html[data-view-mode="studio"] .links a:hover{color:#fff;text-shadow:none}
html[data-view-mode="studio"] .links a.active:after{background:#ff3c96;box-shadow:none}
html[data-view-mode="studio"] .langs,html[data-view-mode="studio"] .viewModeToggle{background:#0e1220;border-color:#2b3044}
html[data-view-mode="studio"] .langs button{color:#c9ccda}
html[data-view-mode="studio"] .langs button.active{background:#7e3ff2;box-shadow:none}
html[data-view-mode="studio"] .viewModeToggle button.active{background:#252a3a;color:#fff}
html[data-view-mode="studio"] .tvFrame{background:#0d111d;border:1px solid #252b3b;box-shadow:none;border-radius:18px}
html[data-view-mode="studio"] .playerWrap{background:#05070d;min-height:540px}
html[data-view-mode="studio"] .playerWrap video{height:540px}
html[data-view-mode="studio"] .queue{background:#0d111d;border-left:1px solid #252b3b}
html[data-view-mode="studio"] .queueItem{background:#121726;border-color:#242b40;border-radius:12px}
html[data-view-mode="studio"] .queueItem:hover,html[data-view-mode="studio"] .queueItem.active{background:#171d2f;border-color:#38405b}
html[data-view-mode="studio"] .queuePlay{background:#f23c8c;color:#fff}
html[data-view-mode="studio"] .quickCard,html[data-view-mode="studio"] .productCard,html[data-view-mode="studio"] .programCard,html[data-view-mode="studio"] .workspace,html[data-view-mode="studio"] .settingsCard{background:#0f1422;border-color:#272e42;box-shadow:none}
html[data-view-mode="studio"] .quickCard.ai,html[data-view-mode="studio"] .quickCard.dl{background:#0f1422}
html[data-view-mode="studio"] .quickIcon{background:#171d2c;box-shadow:none}
html[data-view-mode="studio"] .tag{background:#171d2c;border-color:#2c3449;color:#dce1f0}
html[data-view-mode="studio"] .pageHero{background:transparent}
html[data-view-mode="studio"] .heroPhoto{box-shadow:none;border-color:#2b3246}
html[data-view-mode="studio"] .workspace:before,html[data-view-mode="studio"] .workspace:after{display:none}
html[data-view-mode="studio"] .field input,html[data-view-mode="studio"] .field select,html[data-view-mode="studio"] .field textarea,html[data-view-mode="studio"] .setting select,html[data-view-mode="studio"] .urlBox{background:#090d18;border-color:#30374b;color:#f7f8fb}
html[data-view-mode="studio"] .field select option,html[data-view-mode="studio"] .setting select option{background:#090d18}
html[data-view-mode="studio"] .btnPrimary{background:#ed3b91;box-shadow:none}
html[data-view-mode="studio"] .btnSoft{background:#151a29;border-color:#30374b;color:#f4f5fa}
html[data-view-mode="studio"] .creatorPromoGrid{background:#0f1422;border-color:#272e42}
html[data-view-mode="studio"] .creatorPromoStats>div{background:#121726;border-color:#272e42}
html[data-view-mode="studio"] .footer{background:#070914;border-top-color:#242a3c}

/* Light / editorial view. Deliberately quiet: white canvas, neutral cards,
   small radii and almost no gradients. */
html[data-view-mode="light"]{--ink:#15151a;--muted:#666975;--line:#e3e5ea;--card:#fff;--shadow:0 8px 28px rgba(20,24,35,.07)}
html[data-view-mode="light"] body{background:#f5f6f8;color:#15151a}
html[data-view-mode="light"] body:before{display:none}
html[data-view-mode="light"] .nav{background:rgba(255,255,255,.97);border-bottom:1px solid #e5e7eb;box-shadow:none}
html[data-view-mode="light"] .links{color:#343640}
html[data-view-mode="light"] .links a.active,html[data-view-mode="light"] .links a:hover{color:#d92779;text-shadow:none}
html[data-view-mode="light"] .links a.active:after{background:#ee3a8f;box-shadow:none}
html[data-view-mode="light"] .langs,html[data-view-mode="light"] .viewModeToggle{background:#fff;border-color:#dfe2e8;color:#343640}
html[data-view-mode="light"] .langs button{color:#5b5f6d}
html[data-view-mode="light"] .langs button.active{background:#171923;color:#fff;box-shadow:none}
html[data-view-mode="light"] .viewModeToggle button.active{background:#171923;color:#fff;box-shadow:none}
html[data-view-mode="light"] .heroTv{padding-top:22px}
html[data-view-mode="light"] .tvFrame{grid-template-columns:minmax(0,1fr) 300px;background:#fff;border:1px solid #dfe2e8;border-radius:16px;box-shadow:0 10px 32px rgba(22,28,45,.06)}
html[data-view-mode="light"] .playerWrap{background:#05070a;min-height:520px}
html[data-view-mode="light"] .playerWrap video{height:520px}
html[data-view-mode="light"] .queue{background:#fff;color:#171923;border-left:1px solid #e1e4e9;padding:18px 14px}
html[data-view-mode="light"] .queueItem{background:#fff;color:#171923;border-color:#e2e5ea;border-radius:10px}
html[data-view-mode="light"] .queueItem:hover,html[data-view-mode="light"] .queueItem.active{background:#f7f8fa;border-color:#cdd2da}
html[data-view-mode="light"] .queueMeta span,html[data-view-mode="light"] .queueFoot{color:#737785}
html[data-view-mode="light"] .queuePlay{background:#171923;color:#fff}
html[data-view-mode="light"] .quickGrid{gap:12px}
html[data-view-mode="light"] .quickCard,html[data-view-mode="light"] .productCard,html[data-view-mode="light"] .programCard,html[data-view-mode="light"] .workspace,html[data-view-mode="light"] .settingsCard{background:#fff;border-color:#e1e4e9;box-shadow:0 6px 22px rgba(22,28,45,.05);border-radius:14px}
html[data-view-mode="light"] .quickCard.ai,html[data-view-mode="light"] .quickCard.dl{background:#fff}
html[data-view-mode="light"] .quickIcon{background:#f1f3f6;box-shadow:none;border-radius:12px}
html[data-view-mode="light"] .quickArrow{background:#171923;border-radius:10px}
html[data-view-mode="light"] .quickText small,html[data-view-mode="light"] .quickText span,html[data-view-mode="light"] .mission .tiny,html[data-view-mode="light"] .sectionHead p,html[data-view-mode="light"] .productBody p,html[data-view-mode="light"] .programCard span,html[data-view-mode="light"] .pageHero p{color:#6a6e79}
html[data-view-mode="light"] .sectionHead h2,html[data-view-mode="light"] .productBody h3,html[data-view-mode="light"] .pageHero h1{color:#171923}
html[data-view-mode="light"] .tag{background:#f3f4f7;color:#4f5360;border-color:#e1e4e9}
html[data-view-mode="light"] .pageHero{background:transparent}
html[data-view-mode="light"] .heroPhoto{border-color:#e1e4e9;box-shadow:none;border-radius:16px}
html[data-view-mode="light"] .eyebrow{background:#f3f4f7;color:#333743;border-color:#e2e5ea}
html[data-view-mode="light"] .workspace:before,html[data-view-mode="light"] .workspace:after{display:none}
html[data-view-mode="light"] .field label,html[data-view-mode="light"] .setting label{color:#444854}
html[data-view-mode="light"] .field input,html[data-view-mode="light"] .field select,html[data-view-mode="light"] .field textarea,html[data-view-mode="light"] .setting select,html[data-view-mode="light"] .urlBox{background:#fff;border-color:#d8dce3;color:#171923}
html[data-view-mode="light"] .field input::placeholder,html[data-view-mode="light"] .field textarea::placeholder,html[data-view-mode="light"] .urlBox input::placeholder{color:#9296a1}
html[data-view-mode="light"] .field select option,html[data-view-mode="light"] .setting select option{background:#fff;color:#171923}
html[data-view-mode="light"] .btnPrimary{background:#ee3a8f;box-shadow:none}
html[data-view-mode="light"] .btnSoft{background:#fff;border-color:#d8dce3;color:#252832}
html[data-view-mode="light"] .statusBox{background:#f6f7f9;border-color:#e1e4e9;color:#5f6470}
html[data-view-mode="light"] .promptHint{background:#f6f7f9;border-color:#e1e4e9;color:#555a66}
html[data-view-mode="light"] .lyricsBox{background:#fff;border-color:#e1e4e9}
html[data-view-mode="light"] .lyricsTop{background:#f7f8fa;border-bottom-color:#e1e4e9}
html[data-view-mode="light"] .lyricsText{color:#1e2028}
html[data-view-mode="light"] .genreProfileHint{background:#f6f7f9;border-color:#dfe2e8;color:#353943}
html[data-view-mode="light"] .genreProfileHint b{color:#171923}
html[data-view-mode="light"] .genreProfileHint span{background:#fff;border-color:#dfe2e8;color:#555a66}
html[data-view-mode="light"] .creatorPromoGrid{background:#fff;border-color:#e1e4e9;border-radius:14px}
html[data-view-mode="light"] .creatorPromo p{color:#666b76}
html[data-view-mode="light"] .creatorPromoStats>div{background:#f7f8fa;border-color:#e1e4e9;border-radius:12px}
html[data-view-mode="light"] .creatorPromoStats span{color:#6f7480}
html[data-view-mode="light"] .footer{background:#fff;border-top-color:#e1e4e9;color:#30333d}
html[data-view-mode="light"] .footerLinks{color:#656a76}

@media(max-width:1050px){.viewModeLabel{display:none}.viewModeToggle{margin-left:auto}.links{gap:16px}}
@media(max-width:820px){.viewModeToggle{order:3}.langs{order:4}.navin{flex-wrap:wrap;height:auto;min-height:76px;padding:10px 0}.links{order:5;width:100%;overflow:auto;padding-bottom:5px}.links a{white-space:nowrap}html[data-view-mode="light"] .tvFrame,html[data-view-mode="studio"] .tvFrame{grid-template-columns:1fr}.queue{border-left:0!important;border-top:1px solid currentColor}.playerWrap,.playerWrap video{min-height:390px!important;height:390px!important}}

/* v6.2 Cloudflare Stream live player */
.cloudflareFrame{position:absolute;inset:0;z-index:2;background:#000}
.cloudflareFrame[hidden]{display:none!important}
.cloudflareFrame iframe{display:block;width:100%;height:100%;border:0;background:#000}
.playerWrap.cloudflare-mode #tvPlayer,.playerWrap.cloudflare-mode #youtubePlayerHost{display:none!important}

/* ================================================================
   v6.4 Modern Media UI — restrained, editorial, professional
   ================================================================ */
.modernHome{background:#080b14}
.modernHome .heroTv{padding:24px 0 8px}
.modernHome .modernTvFrame{grid-template-columns:minmax(0,1fr) 330px;gap:0;border-radius:16px;overflow:hidden;background:#0d111b;border:1px solid #242a3a;box-shadow:none}
.modernHome .playerColumn{min-width:0;background:#090c14}
.modernHome .playerWrap{min-height:0;aspect-ratio:16/9;background:#05070c;border-radius:0}
.modernHome .playerWrap video,.modernHome .youtubeFrame,.modernHome .cloudflareFrame{height:100%;min-height:0}
.modernHome .tvCopy{left:28px;bottom:26px;max-width:540px}
.modernHome .tvCopy .script{display:none}
.modernHome .tvCopy h1{font-size:clamp(28px,3vw,46px);line-height:1.05;letter-spacing:-.035em;margin:8px 0 8px}
.modernHome .tvCopy p{font-size:15px;line-height:1.55;max-width:500px;margin:0 0 16px;color:#e5e7ee}
.modernHome .livePill{font-size:12px;padding:7px 10px;border-radius:7px;background:#ed2e70;border:0;box-shadow:none}
.modernHome .persistentLiveBadge{top:16px;left:16px;background:#ec2f70;color:white;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:850;box-shadow:none}
.modernHome .tvSoundToggle{right:16px;bottom:16px;border-radius:9px;background:rgba(12,15,24,.88);border:1px solid rgba(255,255,255,.14);box-shadow:none;font-size:13px}
.modernHome .btn{border-radius:9px;min-height:42px;padding:10px 16px;font-weight:760}
.modernHome .btnPrimary{background:#ec2f70;box-shadow:none}
.modernHome .btnPrimary:hover{background:#f04480;transform:none}
.modernHome .btnSoft{background:#151a26;border:1px solid #313747;color:#f6f7fb;box-shadow:none}
.modernHome .modernQueue{padding:18px 14px;background:#0d111b;border-left:1px solid #242a3a}
.modernHome .queueHeader{display:flex;align-items:center;justify-content:space-between;margin:0 4px 12px}
.modernHome .queueHeader h3{margin:0;font-size:18px;letter-spacing:-.02em}
.modernHome .queueHeader span{font-size:12px;color:#7e8495}
.modernHome .queueList{display:grid;gap:10px}
.modernHome .queueItem{background:#111622;border:1px solid #252b3b;border-radius:10px;padding:8px;min-height:84px;box-shadow:none}
.modernHome .queueItem:hover,.modernHome .queueItem.active{background:#151b29;border-color:#343c50;transform:none}
.modernHome .queueThumb{width:116px;height:68px;border-radius:7px;object-fit:cover}
.modernHome .queueMeta b{font-size:14px;line-height:1.3}
.modernHome .queueMeta span{font-size:12px;color:#858b9b}
.modernHome .queuePlay{width:30px;height:30px;font-size:12px;background:#202638;color:#dce0ea}
.modernHome .queueFoot{margin-top:14px;padding:12px 4px 0;color:#777e90;font-size:12px;border-top:1px solid #222839}
.modernHome .nowPlayingBar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;background:#0d111b;border-top:1px solid #242a3a;min-height:68px}
.modernHome .nowPlayingMeta{display:flex;align-items:center;gap:16px;min-width:0}
.modernHome .nowPlayingMeta>div{display:grid;min-width:0}
.modernHome .nowPlayingMeta strong{font-size:15px;color:#f6f7fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modernHome .nowPlayingMeta span:not(.nowStatus){font-size:12px;color:#7e8495;margin-top:3px}
.modernHome .nowStatus{display:inline-flex;align-items:center;gap:7px;color:#f4a4c2;font-size:11px;font-weight:850;letter-spacing:.06em;white-space:nowrap}
.modernHome .nowStatus i{width:7px;height:7px;background:#f13d79;border-radius:50%;display:inline-block}
.modernHome .viewerCounter{display:flex;align-items:baseline;gap:6px;padding:8px 10px;border-radius:9px;background:#141925;border:1px solid #252b3b;color:#d9dce5;white-space:nowrap}
.modernHome .viewerCounter .eyeIcon{font-size:12px;color:#ec2f70}
.modernHome .viewerCounter strong{font-size:15px;color:#fff;font-variant-numeric:tabular-nums}
.modernHome .viewerCounter>span:last-child{font-size:11px;color:#7f8697}
.modernHome .modernServiceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.modernHome .serviceCard{display:flex;gap:14px;padding:18px;border:1px solid #242a3a;border-radius:14px;background:#0d111b;color:#f4f6fb;min-height:132px;transition:border-color .18s ease,background .18s ease}
.modernHome .serviceCard:hover{background:#111724;border-color:#343d52}
.modernHome .serviceIcon{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;font-size:21px;font-weight:900;background:#171d2b}
.modernHome .serviceIcon.ai{color:#b983ff}.modernHome .serviceIcon.creators{color:#ff7cad}.modernHome .serviceIcon.dl{color:#72a7ff}
.modernHome .serviceCard strong{font-size:17px;display:block;margin-bottom:5px}
.modernHome .serviceCard p{font-size:13px;line-height:1.45;color:#9096a7;margin:0 0 10px}
.modernHome .serviceCard div>span{font-size:12px;font-weight:800;color:#f1699b}
.modernHome .modernSection{padding:38px 0 10px}
.modernHome .modernSectionHead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}
.modernHome .modernSectionHead h2{margin:3px 0 0;font-size:28px;letter-spacing:-.03em;color:#f5f6fa}
.modernHome .modernSectionHead p{margin:0;max-width:520px;text-align:right;color:#858c9e;font-size:13px}
.modernHome .sectionKicker{font-size:11px;font-weight:900;letter-spacing:.12em;color:#ec4b84}
.modernHome .programStrip{gap:12px}
.modernHome .programCard{background:#0d111b;border:1px solid #242a3a;border-radius:12px;box-shadow:none;color:#f4f6fb;overflow:hidden}
.modernHome .programCard img{height:132px}
.modernHome .programCard span{color:#82899b}
.modernHome .modernCreatorPromo{padding-top:34px}
.modernHome .creatorPromoGrid{background:#0d111b;border:1px solid #242a3a;border-radius:16px;box-shadow:none}
.modernHome .creatorPromoGrid h2{color:#f7f8fb;letter-spacing:-.035em}
.modernHome .creatorPromoGrid p{color:#9399aa}
.modernHome .creatorPromoStats>div{background:#111622;border:1px solid #242a3a;border-radius:12px}
.modernHome .creatorPromoStats strong{color:#f3f5f8}.modernHome .creatorPromoStats span{color:#808798}
.modernHome .modernFooter{background:#070a12;border-top:1px solid #202636;margin-top:44px}
.modernHome .footerIn{min-height:92px}
.modernHome .footerTag{color:#8f96a6}.modernHome .footerLinks{color:#8f96a6}
.modernHome .pwaInstallBtn{border:1px solid #2d3446;background:#111623;color:#eef1f7;border-radius:9px;min-height:36px;padding:0 12px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.modernHome .pwaInstallBtn:hover{border-color:#ec2f70;color:#fff}
.modernHome .pwaInstallBtn[hidden]{display:none!important}

/* Keep both user-selectable views but with one coherent product system. */
html[data-view-mode="light"] .modernHome{background:#f6f7f9;color:#171923}
html[data-view-mode="light"] .modernHome .modernTvFrame,html[data-view-mode="light"] .modernHome .modernQueue,html[data-view-mode="light"] .modernHome .nowPlayingBar,html[data-view-mode="light"] .modernHome .serviceCard,html[data-view-mode="light"] .modernHome .programCard,html[data-view-mode="light"] .modernHome .creatorPromoGrid{background:#fff;border-color:#e1e4e9}
html[data-view-mode="light"] .modernHome .modernQueue{border-left-color:#e1e4e9}
html[data-view-mode="light"] .modernHome .queueItem,html[data-view-mode="light"] .modernHome .creatorPromoStats>div{background:#f8f9fb;border-color:#e1e4e9;color:#181a20}
html[data-view-mode="light"] .modernHome .queueMeta span,html[data-view-mode="light"] .modernHome .queueFoot,html[data-view-mode="light"] .modernHome .serviceCard p,html[data-view-mode="light"] .modernHome .modernSectionHead p,html[data-view-mode="light"] .modernHome .creatorPromoGrid p{color:#686e7a}
html[data-view-mode="light"] .modernHome .serviceCard,html[data-view-mode="light"] .modernHome .programCard{color:#171923}
html[data-view-mode="light"] .modernHome .nowPlayingMeta strong,html[data-view-mode="light"] .modernHome .modernSectionHead h2,html[data-view-mode="light"] .modernHome .creatorPromoGrid h2,html[data-view-mode="light"] .modernHome .creatorPromoStats strong{color:#171923}
html[data-view-mode="light"] .modernHome .viewerCounter{background:#f4f5f7;border-color:#e0e3e8;color:#30343d}
html[data-view-mode="light"] .modernHome .viewerCounter strong{color:#171923}
html[data-view-mode="light"] .modernHome .pwaInstallBtn{background:#fff;color:#242731;border-color:#dfe3e9}

@media(max-width:980px){
  .modernHome .modernTvFrame{grid-template-columns:1fr}
  .modernHome .modernQueue{border-left:0;border-top:1px solid #242a3a}
  .modernHome .modernServiceGrid{grid-template-columns:1fr}
  .modernHome .modernSectionHead{align-items:start;flex-direction:column}.modernHome .modernSectionHead p{text-align:left}
}
@media(max-width:640px){
  .modernHome .heroTv{padding-top:10px}.modernHome .shell{width:min(100% - 20px,1420px)}
  .modernHome .modernTvFrame{border-radius:12px}.modernHome .tvCopy{left:18px;right:18px;bottom:18px}.modernHome .tvCopy h1{font-size:27px}.modernHome .tvCopy p{font-size:13px}
  .modernHome .nowPlayingBar{align-items:flex-start;flex-direction:column}.modernHome .viewerCounter{align-self:flex-start}
  .modernHome .queueThumb{width:96px;height:58px}.modernHome .modernQueue{padding:14px 10px}.modernHome .serviceCard{min-height:auto}
}

/* Install button is shared by every Kohou Media page. */
.pwaInstallBtn{border:1px solid var(--line,#dfe2e8);background:var(--card,#fff);color:var(--ink,#171923);border-radius:10px;min-height:36px;padding:0 12px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
html[data-view-mode="studio"] .pwaInstallBtn{background:#111623;color:#f2f4f8;border-color:#2d3446}
.pwaInstallBtn[hidden]{display:none!important}

/* v6.6.1: broadcast-first home, full-width player and compact programming. */
.modernHome .shell{width:min(1600px,calc(100% - 48px))}
.modernHome .modernTvFrame,
html[data-view-mode="light"] .modernHome .modernTvFrame,
html[data-view-mode="studio"] .modernHome .modernTvFrame{grid-template-columns:minmax(0,1fr)}
.modernHome .playerWrap{aspect-ratio:16/9;min-height:0!important;height:auto!important}
.modernHome .playerWrap video{width:100%;height:100%!important;min-height:0!important;object-fit:contain}
.modernHome .playerBarActions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.modernHome .screenExpand{display:inline-flex;align-items:center;gap:7px;border:1px solid #30384b;border-radius:9px;background:#141925;color:#eef1f7;padding:9px 12px;cursor:pointer;font-size:13px}
.modernHome .screenExpand:hover{border-color:#ec2f70}
.modernHome .screenExpand:focus-visible{outline:2px solid #ec2f70;outline-offset:3px}
html[data-view-mode="light"] .modernHome .screenExpand{background:#f4f5f7;color:#202532;border-color:#dfe3e9}
.modernHome .programStrip{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px}
.modernHome .programCard{display:flex;align-items:center;min-width:0}
.modernHome .programCard img{width:144px;height:88px;object-fit:cover;flex-shrink:0}
.modernHome .programCard div{min-width:0}
.modernHome .programCard b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modernHome .nowStatus:not(.isLive){color:#a6b0c5}
.modernHome .nowStatus:not(.isLive) i{background:#8d9bb7}
.modernHome .playerWrap:fullscreen{width:100vw;height:100vh!important;aspect-ratio:auto;border-radius:0;background:#000}
.modernHome .playerWrap:fullscreen video{object-fit:contain}
@media(max-width:820px){
 .modernHome .shell{width:calc(100% - 24px)}
 .modernHome .playerWrap,.modernHome .playerWrap video{min-height:0!important}
 .modernHome .nowPlayingBar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}
 .modernHome .nowPlayingMeta{flex:1;gap:10px}
 .modernHome .nowPlayingMeta strong{max-width:48vw}
 .modernHome .programStrip{grid-template-columns:1fr}
}
@media(max-width:480px){
 .modernHome .shell{width:calc(100% - 16px)}
 .modernHome .nowStatus{display:none}
 .modernHome .playerBarActions{gap:6px}
 .modernHome .screenExpand span{display:none}
 .modernHome .viewerCounter>span:last-child{display:none}
 .modernHome .nowPlayingBar{padding:12px}
}

@media(max-width:820px){.modernHome .navin .links{display:flex;order:5;width:100%;overflow-x:auto;padding:6px 0;gap:20px;min-width:0}.modernHome .navin .links a{flex-shrink:0}.modernHome .screenExpand svg{flex-shrink:0}}

/* Keep typed/pasted links readable inside the themed URL field. */
.urlBox input{background:transparent;color:inherit;caret-color:currentColor;-webkit-text-fill-color:currentColor;min-width:0}
.urlBox:focus-within{border-color:#a056ff;box-shadow:0 0 0 3px rgba(139,61,255,.16)}
html[data-view-mode="studio"] .urlBox input{color:#f7f8fb;color-scheme:dark}
html[data-view-mode="light"] .urlBox input{color:#171923;color-scheme:light}
html[data-view-mode="studio"] .urlBox input:-webkit-autofill{-webkit-text-fill-color:#f7f8fb;box-shadow:0 0 0 1000px #090d18 inset}
html[data-view-mode="light"] .urlBox input:-webkit-autofill{-webkit-text-fill-color:#171923;box-shadow:0 0 0 1000px #fff inset}