/* CiegoLink – Handbuch-Seiten (z. B. PlyCast 3NX). Baut auf style.css auf. */
.docs [id]{scroll-margin-top:96px}
.docs .scr{min-height:0;display:block;scroll-snap-align:none}
.docs code,.docs kbd,.docs pre{font-family:var(--mono)}

/* Hero */
.dhero{background:var(--ink);padding-top:130px;padding-bottom:70px}
/* Broadcast-Hintergrund: Tally-Glow + Scanlines statt Gitter */
.dhero{background:radial-gradient(60% 55% at 82% 28%,#E5484D1f,transparent 70%),radial-gradient(50% 60% at 8% 95%,#1985801c,transparent 70%),var(--ink)}
.dhero::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,#EAEAE206 0 1px,transparent 1px 3px);-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent)}
.dhero::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#E5484D 30%,#E5484D 70%,transparent);opacity:.7}

/* Timecode-Leiste mit Playhead */
.tc{position:relative;height:46px;margin-top:clamp(40px,5vw,64px);border-top:1px solid #EAEAE226;border-bottom:1px solid #EAEAE226;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tc-rl{position:absolute;top:0;bottom:0;left:0;width:calc(100% + 240px);background:linear-gradient(90deg,#EAEAE2aa 1px,transparent 1px) 0 0/120px 20px repeat-x,linear-gradient(90deg,#EAEAE240 1px,transparent 1px) 0 0/12px 9px repeat-x,linear-gradient(90deg,#19858077 0 60px,transparent 60px 64px,#5985B166 64px 100px,transparent 100px 104px,#19858077 104px 196px,transparent 196px 200px,#8B1E2D99 200px 236px,transparent 236px) 0 30px/240px 8px repeat-x;animation:tcRun 12s linear infinite}
@keyframes tcRun{to{transform:translateX(-240px)}}
.tc-ph{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#E5484D;box-shadow:0 0 12px #E5484D}
.tc-ph b{position:absolute;top:50%;left:10px;transform:translateY(-50%);font:700 12px var(--mono);letter-spacing:.06em;color:#fff;background:#E5484D;padding:3px 8px;border-radius:3px;white-space:nowrap}
.tc-ph::before{content:"";position:absolute;top:0;left:-5px;border:6px solid transparent;border-top-color:#E5484D}

/* PlyCast-Konsole (Nachbau der Oberfläche) */
.pc{--pr:#E5484D;--gr:#30A46C;--am:#F5A524;--bl:#3B82F6;background:#16181c;border:1px solid #EAEAE21f;border-radius:14px;padding:10px;font-size:12px;box-shadow:0 40px 80px #0007,0 0 0 1px #0004;max-width:600px;width:100%;justify-self:end}
.pc-top{display:grid;grid-template-columns:96px 1fr;gap:8px}
.pc-tr{display:grid;gap:5px}
.pc-b{font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:7px 9px;border-radius:6px;border:1px solid;white-space:nowrap}
.pc-b.pl{color:#30A46C77;border-color:#30A46C33;background:#30A46C0d}
.pc-b.sp{color:var(--pr);border-color:#E5484D66;background:#E5484D1a}
.pc-b.nx{color:var(--am);border-color:#F5A52466;background:#F5A52414}
.pc-b.tk{color:#7aa7ff;border-color:#3B82F666;background:#3B82F614}
.pc-air{background:#1F2126;border:1px solid #EAEAE21a;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.pc-ah{display:flex;align-items:center;gap:8px;min-width:0}
.pc-ah b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-oa{flex:none;font:700 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--pr);color:#fff;padding:3px 7px;border-radius:20px;animation:bl 1.2s infinite}
.pc-cd{font:700 clamp(26px,3vw,38px)/1.1 var(--mono);color:var(--pr);margin:6px 0 8px;letter-spacing:-.01em;text-shadow:0 0 24px #E5484D55}
.pc-pr{height:3px;background:#EAEAE21a;border-radius:3px;overflow:hidden}
.pc-pr i{display:block;height:100%;width:52%;background:var(--pr)}
.pc-mid{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;margin:8px 0}
.pc-nx,.pc-end{background:#1F2126;border:1px solid #EAEAE21a;border-radius:10px;padding:10px 12px;min-width:0}
.pc-tag{display:inline-block;font:700 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gr);border:1px solid #30A46C66;border-radius:20px;padding:2px 7px;margin-bottom:5px}
.pc-nx b{display:block;color:#5FD0A8;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-nx small,.pc-end small{display:block;font:500 10px var(--mono);opacity:.6;letter-spacing:.04em}
.pc-end small:first-child{text-transform:uppercase;letter-spacing:.12em;opacity:.45;font-weight:700}
.pc-end b{display:block;font:700 18px var(--mono);margin:3px 0 2px}
.pc-pl{display:grid;gap:4px}
.pc-row{display:grid;grid-template-columns:62px 82px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 10px;border-radius:6px;background:#1F2126;border:1px solid transparent}
.pc-row .t,.pc-row .d{font:500 10.5px var(--mono);opacity:.7}
.pc-row .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.pc-row .lo{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:10.5px;background:#30A46C;color:#fff;padding:2px 7px;border-radius:3px;white-space:nowrap}.pc-row .lo small{font:700 8px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#0c2a1c55;padding:1px 4px;border-radius:2px}
.pc-row.done{opacity:.35}
.pc-row.air{border-color:#E5484D99;background:linear-gradient(90deg,#E5484D26,#1F2126 60%);box-shadow:inset 3px 0 0 var(--pr)}
.pc-row.nxt{border-color:#30A46C55;box-shadow:inset 3px 0 0 var(--gr)}
.pc-row.cue .n{color:#7aa7ff}
.pc-row .wg{font:700 9px Manrope,sans-serif;font-style:normal;background:#6B3FA0;color:#fff;padding:2px 6px;border-radius:3px;margin-right:8px}
.pc-st{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding:8px 4px 0;border-top:1px solid #EAEAE21a;font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.pc-st i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gr);box-shadow:0 0 8px var(--gr);margin-right:7px}
.pc-st b{color:#5FD0A8}.pc-clk b{color:var(--sand)}
@media(max-width:560px){.pc-top{grid-template-columns:1fr}.pc-tr{grid-template-columns:repeat(4,1fr)}.pc-b{text-align:center;padding:6px 4px;font-size:9px}.pc-row{grid-template-columns:58px minmax(0,1fr) auto}.pc-row .d{display:none}.pc-mid{grid-template-columns:1fr}.pc-end{display:none}}
.dh{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
.dhero h1{font-size:clamp(44px,6vw,96px);line-height:.95}
.dbtn{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.dnote{margin-top:clamp(40px,5vw,60px);padding:14px 18px;border-left:3px solid var(--teal);background:#EAEAE20a;border-radius:0 10px 10px 0;font-size:15px;max-width:820px}
.dnote b{color:var(--sand)}
.qs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,20px);margin-top:28px}
.qs .tile{aspect-ratio:1.35/1}
.qs .tile .sym{font-size:clamp(54px,5.4vw,92px)}
.dhero .bh-pl li .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dhero .bh-pl ul{min-height:0}
@media(max-width:1000px){.dh{grid-template-columns:1fr}.qs{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.qs .tile{aspect-ratio:auto}}

/* Download & Neuerungen */
.dnew{background:var(--navy);padding-top:80px;padding-bottom:90px}
.dl{display:grid;grid-template-columns:1.4fr auto;gap:30px;align-items:center;padding:clamp(22px,3vw,36px);border:1px solid #EAEAE233;border-radius:20px;background:#1F212640}
.dl h2{font-size:clamp(32px,3.4vw,52px);line-height:1}
.dl p{margin-top:14px;max-width:680px;opacity:.85;font-size:15px}
.dl a:not(.btn){color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.dla{display:grid;gap:10px;justify-items:start}
.dla .mono{opacity:.6}
.btn.dis{opacity:.55;cursor:not-allowed}
.wn{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px);margin-top:clamp(30px,4vw,50px)}
.wn article{background:#1F212666;border:1px solid #EAEAE21f;border-radius:16px;padding:22px 22px 18px}
.wn .vn{font-family:var(--serif);font-size:44px;line-height:1;color:var(--teal);margin-right:12px}
.wn .mono{opacity:.6}
.wn ul{list-style:none;margin-top:16px;border-top:1px solid #EAEAE233}
.wn li{padding:10px 0 10px 22px;border-bottom:1px solid #EAEAE21f;font-size:14px;line-height:1.5;position:relative}
.wn li::before{content:"→";position:absolute;left:0;color:var(--teal);font-weight:800}
.wn li:last-child{border-bottom:0}
.wn li a{color:var(--teal);font-weight:700}
.wn code{font-size:12px}
@media(max-width:1000px){.dl{grid-template-columns:1fr}.wn{grid-template-columns:1fr}}

/* Handbuch */
.dbody{background:var(--sand);color:var(--navy);padding-top:90px;padding-bottom:100px;overflow:visible}
.dg{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:start}
.toc{position:sticky;top:96px}
.toc summary{list-style:none;cursor:default;color:var(--teal);margin-bottom:12px}
.toc summary::-webkit-details-marker{display:none}
.toc ol{list-style:none;counter-reset:t;border-top:2px solid var(--ink)}
.toc li{counter-increment:t}
.toc a{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--sage);font-size:14px;font-weight:600;transition:color .2s,padding .2s}
.toc a::before{content:counter(t,decimal-leading-zero);font-family:var(--mono);font-size:11px;color:var(--blue2);padding-top:2px}
.toc a:hover{color:var(--teal);padding-left:6px}
.toc a.on{color:var(--teal)}
.toc a.on::before{color:var(--teal)}
.doc{max-width:860px;min-width:0}
.ch{padding-bottom:clamp(50px,6vw,80px);margin-bottom:clamp(50px,6vw,80px);border-bottom:1px solid var(--sage)}
.ch:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.ch h2{color:var(--ink);font-size:clamp(36px,4vw,60px);line-height:1;margin-bottom:22px}
.ch h3{font-size:clamp(24px,2.2vw,32px);color:var(--ink);line-height:1.1;margin:44px 0 14px}
.ch h4{font-family:Manrope,sans-serif;font-weight:800;font-size:17px;color:var(--ink);margin:26px 0 10px}
.ch p{margin-bottom:14px;line-height:1.7}
.ch p.sm{font-size:14px;opacity:.85}
.ch b{color:var(--ink)}
.ch a{color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.ch code{font-size:.84em;background:#fff;border:1px solid #C1C8BE99;border-radius:4px;padding:1px 5px;color:var(--ink);white-space:nowrap}
.ch td code,.ch li code,.note code,.warn code{white-space:normal;overflow-wrap:anywhere}
kbd{display:inline-block;min-width:22px;text-align:center;font-size:11px;font-weight:700;padding:2px 6px;border-radius:5px;background:#fff;border:1px solid var(--sage);box-shadow:0 2px 0 var(--sage);color:var(--ink);line-height:1.4}
.new{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;vertical-align:middle;background:var(--teal);color:var(--sand);padding:3px 8px;border-radius:3px}

/* Listen */
.ar{list-style:none;margin:0 0 18px;border-top:1px solid var(--sage)}
.ar li{position:relative;padding:10px 0 10px 24px;border-bottom:1px solid #C1C8BE99;line-height:1.6}
.ar li::before{content:"→";position:absolute;left:0;color:var(--teal);font-weight:800}
.st{list-style:none;counter-reset:s;margin:0 0 18px;display:grid;gap:8px}
.st li{counter-increment:s;position:relative;padding:14px 16px 14px 58px;background:#fff;border-radius:12px;line-height:1.6}
.st li::before{content:counter(s,decimal-leading-zero);position:absolute;left:16px;top:14px;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--teal)}
.ck{list-style:none;counter-reset:s;margin:0 0 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ck li{counter-increment:s;position:relative;padding:16px 16px 16px 50px;background:#fff;border-radius:12px;line-height:1.55;font-size:15px}
.ck li::before{content:"✓";position:absolute;left:16px;top:15px;width:22px;height:22px;border-radius:50%;background:var(--teal);color:var(--sand);display:grid;place-items:center;font-size:12px;font-weight:800}
@media(max-width:700px){.ck{grid-template-columns:minmax(0,1fr)}}

/* Hinweise */
.note,.warn{margin:6px 0 20px;padding:14px 18px;border-radius:12px;font-size:15px;line-height:1.6;border-left:4px solid var(--teal);background:#19858014}
.warn{border-left-color:#D52B1E;background:#D52B1E0f}
.note b,.warn b{color:var(--ink)}

/* Kacheln */
.ui3,.ctl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 20px}
.ctl{grid-template-columns:repeat(4,1fr)}
.ui3>div,.ctl>div,.two>div,.fn>div{background:#fff;border-radius:14px;padding:16px 18px}
.ui3 .mono,.two .mono,.fn .mono{display:block;color:var(--teal);margin-bottom:6px;font-weight:700}
.ui3 b{display:block;font-size:17px;margin-bottom:2px}
.ui3 p,.ctl p,.two p,.fn p{font-size:14px;line-height:1.55;margin:0}
.ctl b{display:block;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1;margin-bottom:8px}
.ctl>div{border-top:3px solid var(--teal)}
.ctl>div:nth-child(2){border-top-color:#D52B1E}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 20px}
.fn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 20px}
.fn>div:last-child:nth-child(odd){grid-column:1/-1}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.tabs span{background:var(--ink);color:var(--sand);padding:6px 10px;border-radius:4px;font-size:10px}
.chips2{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px}
.chips2 span{font-size:13px;font-weight:700;border:1px solid var(--sage);background:#fff;border-radius:40px;padding:5px 12px;color:var(--ink)}
@media(max-width:760px){.ui3,.two,.fn{grid-template-columns:1fr}.ctl{grid-template-columns:1fr 1fr}}

/* Tabellen */
.tw{overflow-x:auto;margin:6px 0 18px;background:#fff;border-radius:14px;box-shadow:0 10px 30px #1F21260a}
.tw table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55}
.tw th{text-align:left;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-weight:700;padding:14px 16px;border-bottom:2px solid var(--ink);white-space:nowrap}
.tw th small{text-transform:none;letter-spacing:0;color:var(--navy);opacity:.6}
.tw td{padding:11px 16px;border-bottom:1px solid #C1C8BE88;vertical-align:top}
.tw tr:last-child td{border-bottom:0}
.tw td:first-child{font-weight:700;color:var(--ink)}
.tw tbody tr:hover{background:#EAEAE266}
.ts td:first-child{width:38%}
.kb td:first-child{white-space:nowrap;width:1%}

/* Code */
.docs pre{margin:6px 0 20px;background:var(--ink);color:#EAEAE2dd;border-radius:12px;padding:16px 18px;overflow-x:auto;font-size:12.5px;line-height:1.75;position:relative}
.docs pre code{background:none;border:0;padding:0;color:inherit;white-space:pre;font-size:inherit}
.docs pre .k{color:var(--teal)}.docs pre .s{color:#8FB4DA}.docs pre .c{opacity:.45}
.cp{position:absolute;top:8px;right:8px;background:#EAEAE214;border:1px solid #EAEAE233;color:var(--sand);border-radius:6px;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;cursor:pointer;opacity:0;transition:opacity .2s,background .2s}
.docs pre:hover .cp,.cp:focus-visible{opacity:1}
.cp:hover{background:var(--teal);border-color:var(--teal)}

/* Abschluss */
.dend{background:var(--ink);padding-top:100px;padding-bottom:0}
.dcta{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,5vw,80px);align-items:end;padding-bottom:70px}
.dcta h2{font-size:clamp(42px,5vw,80px)}
.dcta .lead{margin-bottom:0}
.dend .emg{margin:0}
@media(max-width:900px){.dcta{grid-template-columns:1fr;align-items:start}}

/* Mobil: Inhaltsverzeichnis aufklappbar oben */
@media(max-width:1000px){
  .dg{grid-template-columns:minmax(0,1fr);gap:30px}
  .toc{position:static}
  .toc details{background:#fff;border-radius:14px;padding:14px 18px}
  .toc summary{cursor:pointer;margin:0;display:flex;justify-content:space-between}
  .toc summary::after{content:"+";font-size:16px;line-height:1}
  .toc details[open] summary::after{content:"–"}
  .toc details[open] summary{margin-bottom:12px}
  .toc ol{columns:2;column-gap:24px;border-top:0}
  .toc li{break-inside:avoid}
}
@media(max-width:560px){.toc ol{columns:1}.ctl{grid-template-columns:1fr}.st li{padding-left:50px}.st li::before{left:14px}}

/* PlyCast-Logo */
.hlogo{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.hlogo img{width:64px;height:64px;filter:drop-shadow(0 10px 24px #0008);transform:rotate(-4deg);transition:transform .5s var(--e)}
.hlogo:hover img{transform:rotate(0) scale(1.05)}
.hlogo .num{margin:0}
.vlink{background:transparent;color:var(--sand);transition:border-color .2s,color .2s}.vlink:hover{border-color:var(--teal);color:var(--teal)}
.dnew{padding-top:60px;padding-bottom:60px}

/* 14 – Versionsverlauf (helle Variante der Karten) */
.vh{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.vh img{width:72px;height:72px;filter:drop-shadow(0 10px 20px #1F212633);transform:rotate(-4deg)}
.vh h2{margin:0}
.ch .wn{grid-template-columns:1fr;gap:12px;margin-top:10px}
.ch .wn article{background:#fff;border:0;border-radius:14px;padding:20px 22px 12px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 24px;align-items:start}
.ch .wn .vn{grid-row:1/3}
.ch .wn .mono{color:var(--teal);opacity:1;align-self:end}
.ch .wn ul{margin-top:6px;border-top:1px solid var(--sage);grid-column:2}
.ch .wn li{border-bottom-color:#C1C8BE88}
.ch .wn article:first-child{box-shadow:inset 4px 0 0 var(--teal)}
@media(max-width:700px){.ch .wn article{grid-template-columns:1fr}.ch .wn .vn{grid-row:auto}.ch .wn ul{grid-column:auto}}
@media(max-width:560px){.hlogo{gap:12px}.hlogo img{width:52px;height:52px}.hlogo .num::after{display:none}}
/* PlyCast Desktop – Seite (plycast.php) */
.pdh{grid-template-columns:1fr 1.1fr}
.pdh .lead{max-width:560px}
.two b{display:block;font-size:17px;margin-bottom:2px}
/* Desktop-Nachbau kompakt rechts vom Haupttext */
.pdh .pd{margin-top:0;font-size:11px}
.pdh .pd-body{grid-template-columns:1fr}.pdh .pd-side{display:none}
.pdh .pd-top{padding:12px 16px 14px;gap:10px}
.pdh .pd-clk b,.pdh .pd-nx b,.pdh .pd-tm b{font-size:clamp(18px,1.8vw,26px)}
.pdh .pd-clk small,.pdh .pd-nx small,.pdh .pd-tm small{font-size:10px}
.pdh .pd-tr{font-size:14px;padding:4px 12px;gap:12px}
.pdh .pd-row{grid-template-columns:96px minmax(0,1fr) auto 58px;padding:4px 8px}
.pdh .pd-row .ptm:nth-child(2),.pdh .pd-row .phide{display:none}
.pdh .pd-row:nth-child(n+9){display:none}
/* Werbung PlyCast 3NX */
.p3{background:radial-gradient(55% 60% at 85% 40%,#1985802e,transparent 70%),var(--ink);padding-top:clamp(70px,8vw,110px);padding-bottom:clamp(70px,8vw,110px)}
.p3 h2{font-size:clamp(38px,4.4vw,68px);line-height:1}
.eos-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;border:1px solid #E5484D55;border-radius:14px;background:#E5484D14;margin-bottom:clamp(40px,5vw,70px)}
.eos-bar p{font-size:15px;opacity:.9;margin:0}.eos-bar b{color:#FF8A8D}
.p3f{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 6px}
.p3f li{padding:12px 14px;border:1px solid #EAEAE21f;border-radius:12px;background:#EAEAE208}
.p3f b{display:block;color:var(--teal);font-size:15px;margin-bottom:2px}
.p3f span{font-size:13px;opacity:.75;line-height:1.45}
.p3 .pc{justify-self:end}
@media(max-width:1000px){.pdh{grid-template-columns:1fr}.p3 .pc{justify-self:stretch;max-width:none}}
@media(max-width:560px){.p3f{grid-template-columns:1fr}}
.pdoc{margin:0 auto}

/* Desktop-Oberfläche (Nachbau) */
.pd{--tl:#1FB5A8;margin-top:clamp(40px,5vw,64px);background:#141820;border:1px solid #EAEAE21f;border-radius:12px;overflow:hidden;font-size:12px;box-shadow:0 40px 90px #000a;color:#E8ECF2}
.pd-win{display:flex;justify-content:space-between;align-items:center;background:#fff;color:#222;padding:5px 10px;font-size:12px}
.pd-ti{display:flex;align-items:center;gap:7px}.pd-ti img{width:14px;height:14px;border-radius:3px}
.pd-wc{opacity:.6;font-size:11px}
.pd-menu{display:flex;gap:16px;background:#fff;color:#222;padding:0 10px 5px;font-size:12px;border-bottom:1px solid #ddd}
.pd-pr{height:5px;background:#0d1016}.pd-pr i{display:block;height:100%;width:75%;background:var(--tl)}
.pd-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 26px 18px;background:#0d1016}
.pd-clk small,.pd-nx small{display:block;font-weight:700;font-size:12px;letter-spacing:.02em}
.pd-clk b,.pd-nx b{display:block;font:800 clamp(24px,2.6vw,38px)/1.1 Manrope,sans-serif;font-variant-numeric:tabular-nums}
.pd-nx{text-align:right}.pd-nx small,.pd-nx b{opacity:.55}
.pd-mid{text-align:center}
.pd-ttl{font-weight:800;font-size:14px;margin-bottom:10px}
.pd-tm{display:flex;gap:clamp(18px,3vw,42px);justify-content:center}
.pd-tm small{display:block;font-size:12px;opacity:.85}
.pd-tm b{display:block;font:800 clamp(24px,2.6vw,38px)/1.1 Manrope,sans-serif;font-variant-numeric:tabular-nums}
.pd-tr{display:inline-flex;gap:14px;margin-top:10px;padding:6px 14px;border:2px solid #2E6FE0;border-radius:6px;color:#3B82F6;font-size:17px;font-weight:800}
.pd-body{display:grid;grid-template-columns:190px minmax(0,1fr);background:#0d1016}
.pd-side{display:flex;flex-direction:column;gap:7px;padding:10px 12px 14px;border-right:1px solid #ffffff10;font-size:11.5px;overflow:hidden}
.pd-side u{font-weight:800;margin:4px 0 2px}
.pd-side .pf{padding-left:14px}.pd-side .pf::before{content:"▮ ";color:#fff;font-size:9px}
.pd-side .pdd::before{content:"▬ ";color:#F5B32A}
.pd-side .ptp::before{content:"▤ ";color:#4C8DF6}
.pd-list{display:grid;gap:4px;padding:6px 10px 10px;min-width:0}
.pd-lh{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;padding:4px 2px 6px}
.pd-lh i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#30A46C;margin-right:7px}
.pd-row{display:grid;grid-template-columns:110px 84px minmax(0,1fr) auto 84px 84px 64px;gap:10px;align-items:center;padding:5px 10px;border-radius:3px;background:#1B2029}
.pd-row .ptm{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.pd-row .pfn{display:grid;gap:2px;min-width:0;padding:3px 10px;margin:-5px 0;align-self:stretch;align-content:center}
.pd-row .pfn>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.pd-row .pfn small{font-size:9.5px;opacity:.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-row.w .pfn{background:linear-gradient(90deg,#1F6B5E,#1B2029)}
.pd-row.wo .pfn,.pd-row.wi .pfn{background:linear-gradient(90deg,#5B3A6E,#1B2029)}
.pd-row.pr .pfn,.pd-row.id .pfn{background:linear-gradient(90deg,#4F5B34,#1B2029)}
.ptg{font-style:normal;font-size:9.5px;font-weight:700;padding:1px 4px;border-radius:2px;margin-right:6px}
.ptg.w{background:#4CD3A5;color:#0b2a20}.ptg.wo{background:#F06BC8;color:#fff}.ptg.wi{background:#B58CF0;color:#fff}.ptg.pr{background:#7FB52E;color:#fff}.ptg.id{background:#C9C25A;color:#2b2a10}
.pd-row .pfl{display:flex;gap:4px}
.pd-row .pfl em{font-style:normal;font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:2px}
.pd-row .plg{background:#1FC8E0;color:#05333a}.pd-row .pmu{background:#F2E33A;color:#3a3505}
.pd-row .pfw{font-size:10.5px;font-weight:800;background:#0d1016;padding:2px 10px;text-align:center}
@media(max-width:1100px){.pd-row{grid-template-columns:100px minmax(0,1fr) auto 64px}.pd-row .ptm:nth-child(2),.pd-row .phide{display:none}}
@media(max-width:760px){.pd-body{grid-template-columns:1fr}.pd-side{display:none}.pd-top{grid-template-columns:1fr;gap:10px;text-align:center}.pd-nx,.pd-clk{display:none}.pd-row{grid-template-columns:minmax(0,1fr) auto}.pd-row .ptm,.pd-row .pfw{display:none}.pd-lh span:last-child{display:none}}

/* Broadcast Hub – Login (hublogin.php) */
.lg-s{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:120px clamp(16px,3vw,40px) 0;background:radial-gradient(50% 45% at 50% 38%,#19858033,transparent 70%),radial-gradient(40% 40% at 85% 90%,#E5484D14,transparent 70%),var(--ink)}
.lg-s::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,#EAEAE205 0 1px,transparent 1px 3px)}
.docs .lg-s{display:flex;min-height:100vh;min-height:100svh}
.lg-s>.in{flex:1;display:grid;place-items:center;padding-bottom:50px}
.lg-c{width:100%;max-width:480px;padding:clamp(26px,4vw,40px);border-radius:24px;background:#1F2126e6;border:1px solid #EAEAE21f;box-shadow:0 40px 100px #000a,0 0 0 1px #0004;backdrop-filter:blur(8px)}
.lg-h{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.lg-h .num{margin:0}
.lg-ic{width:48px;height:48px;flex:none;border-radius:14px;display:grid;place-items:center;background:var(--teal);color:var(--sand);font:700 18px var(--mono);box-shadow:0 0 0 6px #1985801f,0 10px 30px #19858055}
.lg-c h1{font-size:clamp(32px,3.4vw,42px);line-height:1.05}
.lg-sub{margin:10px 0 26px;opacity:.75;font-size:15px}
.lg-c .lg-f{display:grid;gap:16px;background:none;border:0;border-radius:0;padding:0}
.lg-f label{display:grid;gap:7px}
.lg-f label>span:first-child{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.lg-f input[type=text],.lg-f input[type=password]{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #EAEAE233;background:#14161a;color:var(--sand);font:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}
.lg-f input:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 4px #19858033}
.lg-pw{position:relative;display:block}
.lg-pw input{padding-right:96px!important}
.lg-pw button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#EAEAE214;color:var(--sand);font:700 12px Manrope,sans-serif;padding:7px 11px;border-radius:8px;cursor:pointer}
.lg-row a{white-space:nowrap}
.lg-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.lg-row a,.lg-ft a{color:var(--teal);font-weight:700}
.lg-f .lg-ck{display:flex;align-items:center;gap:9px;cursor:pointer}
.lg-ck input{width:18px;height:18px;accent-color:var(--teal)}
.lg-ck span{font:400 14px Manrope,sans-serif!important;letter-spacing:0!important;text-transform:none!important;opacity:.85!important}
.lg-f .lg-b{justify-self:stretch;justify-content:center;margin-top:6px;padding:15px 22px;font-size:15px}
.lg-soon{padding:12px 14px;border-radius:12px;border-left:3px solid var(--teal);background:#19858018;font-size:14px;line-height:1.5}
.lg-soon[hidden]{display:none}
.lg-ft{display:grid;gap:6px;margin-top:24px;padding-top:20px;border-top:1px solid #EAEAE21a;font-size:14px;opacity:.85}
.lg-sec{display:flex;align-items:center;gap:8px;margin-top:18px;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.5}
.lg-sec i{width:7px;height:7px;border-radius:50%;background:#30A46C;box-shadow:0 0 8px #30A46C}
.lg-foot{margin-top:auto}