/* AI ONE VISION V16.0 — five-theme Mat Ryxx UI */
*{box-sizing:border-box}
:root,
html[data-theme="royal"]{
  --bg:#f4f7fb;--bg2:#eef7ff;--surface:rgba(255,255,255,.88);--surface2:#ffffff;--ink:#101725;--muted:#647087;--line:rgba(21,39,75,.10);
  --p:#173b8f;--s:#19bfe5;--a:#7564ff;--warm:#d4a21c;--good:#21b886;--danger:#d8566c;
  --grad:linear-gradient(135deg,#15377e 0%,#1f55c7 35%,#15c3e3 68%,#6d58e7 100%);
  --grad-soft:linear-gradient(135deg,rgba(27,73,171,.13),rgba(24,194,229,.12) 48%,rgba(117,100,255,.10));
  --shadow:0 18px 48px rgba(23,49,96,.11);--shadow2:0 28px 76px rgba(19,43,89,.16);
}
html[data-theme="cyan"]{
  --bg:#f7fbff;--bg2:#eef7fb;--surface:rgba(255,255,255,.90);--surface2:#fff;--ink:#101925;--muted:#657587;--line:rgba(34,74,115,.10);
  --p:#315f93;--s:#7dd7e9;--a:#b8c9df;--warm:#c9aa68;--good:#43bca2;--danger:#ca687a;
  --grad:linear-gradient(135deg,#315f93 0%,#4d86b8 34%,#76c9dd 68%,#c1d3e7 100%);
  --grad-soft:linear-gradient(135deg,rgba(49,95,147,.11),rgba(125,215,233,.12),rgba(193,211,231,.12));
  --shadow:0 18px 48px rgba(50,78,112,.10);--shadow2:0 28px 76px rgba(48,75,108,.14);
}
html[data-theme="crimson"]{
  --bg:#fbf8f1;--bg2:#fffdf8;--surface:rgba(255,255,255,.91);--surface2:#fff;--ink:#191a1f;--muted:#726c61;--line:rgba(109,91,48,.10);
  --p:#254a85;--s:#d9bb73;--a:#8ca8cc;--warm:#c99b3c;--good:#4db78c;--danger:#c86b78;
  --grad:linear-gradient(135deg,#233f72 0%,#315e9e 38%,#caa95e 72%,#ead79f 100%);
  --grad-soft:linear-gradient(135deg,rgba(37,74,133,.10),rgba(217,187,115,.12),rgba(234,215,159,.13));
  --shadow:0 18px 48px rgba(77,66,45,.09);--shadow2:0 28px 76px rgba(68,59,43,.13);
}
html[data-theme="emerald"]{
  --bg:#f5f7f9;--bg2:#eef2f5;--surface:rgba(255,255,255,.90);--surface2:#fff;--ink:#121820;--muted:#66717d;--line:rgba(40,56,73,.10);
  --p:#354a62;--s:#5f9fbe;--a:#99b0c4;--warm:#b89a62;--good:#4aa98e;--danger:#c56774;
  --grad:linear-gradient(135deg,#293a4d 0%,#42647e 38%,#6ca6bf 70%,#b6c7d3 100%);
  --grad-soft:linear-gradient(135deg,rgba(53,74,98,.11),rgba(95,159,190,.11),rgba(182,199,211,.12));
  --shadow:0 18px 48px rgba(47,61,77,.10);--shadow2:0 28px 76px rgba(43,58,74,.14);
}
html[data-theme="ultraviolet"]{
  --bg:#faf8fd;--bg2:#f4f0fb;--surface:rgba(255,255,255,.91);--surface2:#fff;--ink:#171724;--muted:#6e6b7d;--line:rgba(75,67,113,.10);
  --p:#4a4d8d;--s:#7fbfd6;--a:#9b8dcc;--warm:#c6a85e;--good:#4ab195;--danger:#c66780;
  --grad:linear-gradient(135deg,#41477f 0%,#6067ad 36%,#7fbfd6 66%,#a99bd5 100%);
  --grad-soft:linear-gradient(135deg,rgba(74,77,141,.10),rgba(127,191,214,.11),rgba(169,155,213,.11));
  --shadow:0 18px 48px rgba(65,64,103,.09);--shadow2:0 28px 76px rgba(62,61,100,.14);
}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
 radial-gradient(circle at 14% 10%,color-mix(in srgb,var(--s) 10%,transparent),transparent 22%),
 radial-gradient(circle at 82% 4%,color-mix(in srgb,var(--a) 8%,transparent),transparent 24%),
 linear-gradient(180deg,var(--bg2),var(--bg) 35%,#fff 100%);overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img{display:block;max-width:100%}
.top,.theme{display:none!important}

/* backdrop from actual thumbnails */
.photo-world{position:fixed;inset:0;z-index:-4;overflow:hidden;pointer-events:none}
.photo-world::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.72));backdrop-filter:blur(5px)}
.photo-tile{position:absolute;width:26vw;height:28vh;border-radius:30px;overflow:hidden;opacity:.11;filter:saturate(.95);box-shadow:0 24px 70px rgba(23,44,87,.12);animation:drift 16s ease-in-out infinite alternate}
.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-tile:nth-child(1){left:-3vw;top:13vh;transform:rotate(-6deg)}.photo-tile:nth-child(2){right:3vw;top:10vh;transform:rotate(5deg);animation-delay:-4s}.photo-tile:nth-child(3){left:28vw;bottom:1vh;transform:rotate(3deg);animation-delay:-7s}.photo-tile:nth-child(4){right:-3vw;bottom:8vh;transform:rotate(-5deg);animation-delay:-9s}.photo-tile:nth-child(5){left:52vw;top:8vh;transform:rotate(-2deg);animation-delay:-3s}.photo-tile:nth-child(6){left:5vw;bottom:7vh;transform:rotate(4deg);animation-delay:-6s}
@keyframes drift{to{translate:0 16px;scale:1.04}}

/* dock */
body{--dockw:232px}
body.dock-collapsed{--dockw:84px}
.dock{position:fixed;z-index:120;left:14px;top:14px;bottom:14px;width:var(--dockw);display:flex;flex-direction:column;gap:10px;padding:13px;border-radius:28px;background:var(--surface);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow2);backdrop-filter:blur(22px) saturate(1.08);transition:width .26s ease,transform .26s ease}
.dock-brand{display:flex;align-items:center;gap:10px;padding:4px 4px 10px;border-bottom:1px solid var(--line)}
.dock-brand img{width:174px;aspect-ratio:4/1;object-fit:cover;border-radius:13px;background:white;box-shadow:0 8px 18px rgba(35,58,100,.08)}
.dock-collapsed .dock-brand img{display:none}.dock-collapsed .dock-brand{justify-content:center}
.logo-cube{display:none;width:48px;height:48px;border-radius:16px;background:var(--grad);color:#fff;place-items:center;font-weight:1000;letter-spacing:.03em;box-shadow:0 10px 22px color-mix(in srgb,var(--p) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}
.dock-collapsed .logo-cube{display:grid}
.dock-collapse{margin-left:auto;width:34px;height:34px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--s) 7%,#fff));box-shadow:0 6px 14px rgba(26,44,80,.07);cursor:pointer;font-size:15px;font-weight:900;color:var(--p);transition:.18s}
.dock-collapse:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(26,44,80,.11)}
.dock-collapsed .dock-collapse{position:absolute;right:10px;top:9px;width:28px;height:28px;font-size:11px}
.dock nav{display:grid;gap:5px}.dock-link{display:flex;align-items:center;gap:11px;min-height:46px;padding:9px 11px;border-radius:16px;color:#4b566a;font-size:11px;font-weight:900;letter-spacing:.08em;border:1px solid transparent;transition:.18s}
.dock-link .ico{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--s) 7%,#fff));color:var(--p);box-shadow:0 5px 12px rgba(30,48,84,.06)}
.dock-link:hover,.dock-link.active{transform:translateX(2px);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--s) 7%,#fff));border-color:color-mix(in srgb,var(--p) 12%,transparent);color:var(--ink);box-shadow:0 10px 22px rgba(29,49,88,.07)}
.dock-link.active::after{content:"";margin-left:auto;width:5px;height:24px;border-radius:999px;background:var(--grad)}
.dock-collapsed .dock-link{justify-content:center;padding:8px}.dock-collapsed .dock-link span,.dock-collapsed .dock-link.active::after{display:none}
.dock-section-title{padding:7px 10px 1px;font-size:9px;letter-spacing:.18em;font-weight:1000;color:#78849a}.dock-collapsed .dock-section-title,.dock-collapsed .dock-showcase,.dock-collapsed .dock-profile .meta{display:none}
.dock-showcase{display:grid;gap:7px;max-height:235px;overflow:auto;padding-right:2px}.mini-ad{padding:11px 12px;border-radius:16px;color:white;background:var(--grad);box-shadow:0 10px 20px color-mix(in srgb,var(--p) 18%,transparent);position:relative;overflow:hidden}.mini-ad:nth-child(2){background:linear-gradient(145deg,#fff2c2,#efc74f);color:#4a3500}.mini-ad:nth-child(3){background:linear-gradient(145deg,color-mix(in srgb,var(--p) 92%,#1a2130),color-mix(in srgb,var(--s) 78%,#202938))}.mini-ad strong{display:block;font-size:11px;letter-spacing:.07em}.mini-ad small{display:block;margin-top:3px;font-size:9px;line-height:1.35;opacity:.92}.dock-fill{flex:1}.dock-profile{display:flex;align-items:center;gap:10px;padding:9px;border-radius:16px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--s) 6%,#fff));border:1px solid var(--line)}.dock-profile .avatar{width:38px;height:38px;border-radius:12px;background:var(--grad);color:white;display:grid;place-items:center;font-weight:1000;box-shadow:0 8px 18px color-mix(in srgb,var(--p) 18%,transparent)}.dock-profile b{display:block;font-size:11px}.dock-profile small{font-size:9px;color:var(--muted)}

/* top utility, YouTube-like but not YouTube */
.utility{position:sticky;top:0;z-index:90;margin-left:calc(var(--dockw) + 22px);display:grid;grid-template-columns:auto minmax(280px,680px) auto;align-items:center;gap:18px;padding:14px 22px 10px 4px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 93%,transparent),color-mix(in srgb,var(--bg) 76%,transparent),transparent);backdrop-filter:blur(12px);transition:margin-left .26s ease}
.brandmark{width:240px;min-width:200px;height:58px;border-radius:16px;overflow:hidden;background:white;box-shadow:0 8px 22px rgba(25,45,86,.06);border:1px solid rgba(255,255,255,.9)}.brandmark img{width:100%;height:100%;object-fit:cover}
.search-pill{width:100%;display:flex;gap:7px;align-items:center;padding:6px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid var(--line);box-shadow:0 8px 24px rgba(26,44,80,.07)}.search-pill input{flex:1;border:0;background:transparent;outline:0;padding:10px 12px;font-size:13px;color:var(--ink)}.search-pill button{border:0;border-radius:999px;padding:10px 18px;background:var(--grad);color:white;font-size:10px;font-weight:1000;letter-spacing:.12em;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb,var(--p) 18%,transparent);transition:.18s}.search-pill button:hover{transform:translateY(-2px);box-shadow:0 12px 25px color-mix(in srgb,var(--p) 24%,transparent)}
.theme-picker{display:flex;align-items:center;gap:6px;padding:8px 9px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid var(--line);box-shadow:0 8px 22px rgba(27,44,81,.06)}.theme-picker span{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:1000;margin-right:2px}.theme-dot{width:23px;height:23px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px rgba(31,48,84,.10),0 5px 11px rgba(31,48,84,.09);cursor:pointer;transition:.18s}.theme-dot:hover{transform:translateY(-2px) scale(1.06)}.theme-dot.active{transform:scale(1.12);box-shadow:0 0 0 2px var(--surface2),0 0 0 4px var(--p),0 8px 16px rgba(31,48,84,.12)}.theme-dot[data-theme="royal"]{background:linear-gradient(135deg,#173b8f,#19bfe5 60%,#7564ff)}.theme-dot[data-theme="cyan"]{background:linear-gradient(135deg,#315f93,#7dd7e9,#c1d3e7)}.theme-dot[data-theme="crimson"]{background:linear-gradient(135deg,#254a85,#d9bb73,#f0dfae)}.theme-dot[data-theme="emerald"]{background:linear-gradient(135deg,#354a62,#5f9fbe,#b6c7d3)}.theme-dot[data-theme="ultraviolet"]{background:linear-gradient(135deg,#4a4d8d,#7fbfd6,#a99bd5)}

.dock-toggle{display:none;position:fixed;left:14px;top:15px;z-index:150;width:48px;height:48px;border-radius:15px;border:1px solid var(--line);background:var(--surface2);box-shadow:var(--shadow);color:var(--p);font-size:19px;font-weight:1000}

/* page shell */
.shell{width:min(1540px,calc(100vw - var(--dockw) - 52px));margin:0 0 0 calc(var(--dockw) + 26px);padding:8px 22px 62px 0;transition:margin-left .26s ease,width .26s ease}
.footer{margin-left:calc(var(--dockw) + 26px);padding:12px 22px 90px 0;display:flex;justify-content:space-between;gap:14px;color:#708097;font-size:10px;letter-spacing:.12em;font-weight:900;transition:margin-left .26s ease}
.eyebrow{font-size:9px;letter-spacing:.20em;color:var(--s);font-weight:1000;text-transform:uppercase}
.page-title{padding:14px 2px 8px}.page-title h1{font-size:clamp(34px,3.8vw,52px);line-height:.96;letter-spacing:-.045em;margin:7px 0 10px;color:var(--ink)}.page-title h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.page-title p{margin:0;max-width:880px;font-size:15px;line-height:1.55;color:var(--muted)}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:24px 0 12px;padding:0 2px}.section-title h2{margin:0;font-size:26px;letter-spacing:-.025em}.section-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.section-title a{font-size:10px;letter-spacing:.12em;font-weight:1000;color:var(--p)}

/* hero */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:18px;margin-top:6px}.feature-stage,.side-stream,.signal-card,.creator-card,.stream-card,.tool-card,.page-panel,.playerbox,.watch-meta,.recommend,.modal-card,.account-panel,.transmit-panel,.authbox{background:var(--surface);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(1.04)}
.feature-stage{position:relative;min-height:510px;border-radius:28px;overflow:hidden;display:grid;align-items:end;transform-style:preserve-3d}.feature-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,34,.02),rgba(7,18,39,.2) 45%,rgba(7,17,35,.78));z-index:1}.feature-badge{position:absolute;left:20px;top:18px;z-index:3;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.86);color:var(--p);font-size:9px;font-weight:1000;letter-spacing:.15em;box-shadow:0 8px 18px rgba(18,35,68,.09)}.feature-copy{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;padding:24px;color:white}.vision-title{font-size:clamp(32px,3.6vw,48px);line-height:.94;letter-spacing:-.045em;margin:5px 0 7px;text-shadow:0 8px 24px rgba(0,0,0,.24)}.now-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:9px}.now-line span{font-size:9px;letter-spacing:.16em;font-weight:1000;color:#a4efff}.now-line b{font-size:16px;max-width:560px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-copy p{margin:0;max-width:760px;font-size:14px;line-height:1.52;color:rgba(255,255,255,.9)}.feature-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.side-stream{border-radius:26px;padding:17px;display:grid;align-content:start;gap:12px}.stream-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.stream-head h2{margin:4px 0 0;font-size:23px}.stream-head span{font-size:9px;letter-spacing:.15em;font-weight:1000;color:var(--p)}.upnext{display:grid;gap:8px}

/* controls */
.bubble-btn,.smart-btn,.reaction-btn,.close,.chip,.tabbar a,.like-mini{position:relative;overflow:hidden;border-radius:15px;padding:11px 15px;border:1px solid var(--line);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--s) 5%,#fff));box-shadow:0 8px 18px rgba(26,45,84,.07),inset 0 1px 0 rgba(255,255,255,.95);font-size:10px;font-weight:1000;letter-spacing:.08em;color:var(--p);cursor:pointer;transition:.18s}.bubble-btn::before,.smart-btn::before,.reaction-btn::before,.chip::before,.tabbar a::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.38),transparent 55%);pointer-events:none}.bubble-btn:hover,.smart-btn:hover,.reaction-btn:hover,.close:hover,.chip:hover,.tabbar a:hover,.like-mini:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 14px 28px rgba(26,45,84,.11),inset 0 1px 0 rgba(255,255,255,.95)}.bubble-btn:active,.smart-btn:active,.reaction-btn:active,.chip:active,.tabbar a:active{transform:translateY(0) scale(.99)}.bubble-btn.primary,.smart-btn.primary,.chip.active,.tabbar a.active,.like-mini.liked,.reaction-btn.liked{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 12px 25px color-mix(in srgb,var(--p) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.25)}
.category-strip,.tabbar{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0 4px}.chip{padding:10px 14px}

/* promo + tool cards */
.promo-marquee{margin:16px 0 4px;border-radius:18px;overflow:hidden;background:var(--grad);color:white;box-shadow:0 14px 30px color-mix(in srgb,var(--p) 17%,transparent)}.promo-track{display:flex;min-width:max-content;animation:promo 34s linear infinite}.promo-marquee:hover .promo-track{animation-play-state:paused}.promo-item{display:flex;align-items:center;gap:10px;padding:12px 20px;border-right:1px solid rgba(255,255,255,.14);white-space:nowrap;font-size:11px}.promo-item b{letter-spacing:.06em}.promo-item span{font-size:10px;opacity:.9}.promo-item .spark{width:24px;height:24px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.15)}@keyframes promo{to{transform:translateX(-50%)}}
.deck-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px}.tool-card{min-height:122px;border-radius:20px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.tool-card::after{content:"";position:absolute;right:-20px;top:-20px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--s) 15%,transparent),transparent 70%)}.tool-card .icon{font-size:29px}.tool-card b{display:block;font-size:13px}.tool-card small{display:block;margin-top:3px;font-size:11px;line-height:1.35;color:var(--muted)}

/* cards */
.mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.signal-card{grid-column:span 4;border-radius:22px;overflow:hidden;transform-style:preserve-3d;transition:.2s}.signal-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(26,45,84,.14)}.signal-card:nth-child(7n+1){grid-column:span 5}.signal-card:nth-child(7n+2){grid-column:span 3}.signal-card:nth-child(7n+5){grid-column:span 5}.signal-card .thumb{height:210px;position:relative;overflow:hidden;background:var(--grad-soft)}.signal-card:nth-child(7n+1) .thumb{height:250px}.signal-card:nth-child(7n+2) .thumb{height:300px}.signal-card .thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}.signal-card:hover .thumb img{transform:scale(1.045)}.signal-card .copy{padding:14px}.signal-card .copy b{display:block;font-size:15px;line-height:1.12;margin-bottom:5px}.signal-card .copy small{font-size:11px;line-height:1.42;color:var(--muted)}.badge,.duration,.card-pill{position:absolute;z-index:2;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:1000;letter-spacing:.10em;background:rgba(255,255,255,.85);backdrop-filter:blur(8px)}.badge{left:10px;top:10px;color:var(--p)}.duration{right:10px;bottom:10px;color:white;background:rgba(8,14,26,.82)}.card-pill{right:10px;top:10px;color:var(--p)}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.like-mini{padding:8px 10px;color:#a53d61}.card-open{font-size:9px;letter-spacing:.12em;font-weight:1000;color:var(--p)}.signal-card.placeholder{border-style:dashed}.thumbart{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:var(--grad-soft)}.thumbart .glyph{font-size:54px;filter:drop-shadow(0 9px 14px rgba(25,43,79,.12))}.thumbart .caption{position:absolute;left:12px;right:12px;bottom:12px;font-size:9px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase;color:var(--p)}
.stream-card,.recommend{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:9px;border-radius:17px;cursor:pointer;transition:.18s}.stream-card:hover,.recommend:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(26,45,84,.09)}.stream-thumb,.rthumb{position:relative;overflow:hidden;border-radius:11px;aspect-ratio:16/10;background:var(--grad-soft)}.stream-thumb img,.rthumb img{width:100%;height:100%;object-fit:cover}.dur{position:absolute;right:6px;bottom:6px;padding:3px 6px;border-radius:999px;background:rgba(8,14,26,.8);color:white;font-size:8px;font-weight:900}.stream-copy b,.recommend b{display:block;font-size:12px;line-height:1.13}.stream-copy small,.recommend small{font-size:10px;line-height:1.35;color:var(--muted)}.heart{display:inline-block;margin-top:3px;font-size:9px;color:#a83e65;font-weight:1000}
.creator-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.creator-card{display:grid;grid-template-columns:58px 1fr;gap:11px;align-items:center;padding:13px;border-radius:19px;cursor:pointer;transition:.18s}.creator-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(26,45,84,.11)}.creator-card .avatar{width:58px;height:58px;border-radius:17px;overflow:hidden;display:grid;place-items:center;background:var(--grad);color:white;font-weight:1000}.creator-card .avatar img{width:100%;height:100%;object-fit:cover}.creator-card b{font-size:13px}.creator-card small{font-size:10px;color:var(--muted)}

/* forms/pages */
.page-panel,.account-panel,.transmit-panel,.authbox{border-radius:24px;padding:18px}.profile{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:start}.profile .avatar{width:104px;height:104px;border-radius:26px;display:grid;place-items:center;background:var(--grad);color:white;font-size:28px;font-weight:1000;overflow:hidden}.profile .avatar img{width:100%;height:100%;object-fit:cover}.muted{color:var(--muted)}.mt0{margin-top:0}.mb0{margin-bottom:0}.grow{flex:1}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.full{grid-column:1/-1}label{font-size:9px;letter-spacing:.12em;font-weight:1000;color:var(--p);text-transform:uppercase}input[type="text"],input[type="email"],input[type="password"],textarea,select{width:100%;padding:12px 13px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.9);outline:0;color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}textarea{min-height:100px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--s) 55%,var(--p));box-shadow:0 0 0 3px color-mix(in srgb,var(--s) 12%,transparent)}.checks{display:grid;gap:8px;margin-top:14px}.check{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.68);font-size:11px;line-height:1.4}.check input{margin-top:2px;accent-color:var(--p)}.actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:15px}.note{margin-top:10px;font-size:11px}.status-pill{display:inline-flex;padding:8px 11px;border-radius:999px;background:var(--grad);color:white;font-size:9px;font-weight:1000;letter-spacing:.12em}.upload-zone{min-height:205px;border:2px dashed color-mix(in srgb,var(--p) 18%,transparent);border-radius:22px;display:grid;place-items:center;text-align:center;padding:20px;background:var(--grad-soft);cursor:pointer}.upload-zone .orb{width:66px;height:66px;border-radius:20px;background:var(--grad);display:grid;place-items:center;margin:0 auto 10px;color:white;font-size:29px;box-shadow:0 12px 26px color-mix(in srgb,var(--p) 20%,transparent)}.filebox{display:none;margin-top:11px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.7);border:1px solid var(--line)}
.inline-banner{margin:10px 0;padding:10px 12px;border-radius:14px;font-size:10px;font-weight:800;border:1px solid var(--line)}.inline-banner.warn{background:#fff8e8;color:#765d17}.inline-banner.info{background:color-mix(in srgb,var(--s) 8%,#fff);color:var(--p)}.inline-banner.error{background:#fff1f4;color:#8a2744}
.loading,.empty,.error{padding:18px;border-radius:16px;background:rgba(255,255,255,.72);border:1px dashed var(--line);color:var(--muted);font-size:11px;line-height:1.45}.error{color:#922b49;background:#fff3f6}.mosaic>.loading,.mosaic>.empty,.mosaic>.error{grid-column:1/-1}
.toast{position:fixed;right:18px;bottom:18px;z-index:180;padding:12px 14px;border-radius:14px;background:var(--grad);color:white;box-shadow:0 18px 36px color-mix(in srgb,var(--p) 24%,transparent);opacity:0;transform:translateY(10px);pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:none}

/* watch / 3D player */
.watch-backdrop{position:fixed;inset:0;z-index:-3;background-size:cover;background-position:center;filter:blur(28px) saturate(.9);opacity:.11;transform:scale(1.08)}.watch-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(290px,.72fr);gap:18px;align-items:start}.playerbox{position:relative;border-radius:28px;padding:18px;transform-style:preserve-3d}.playerbox::before{content:"";position:absolute;inset:18px -8px -13px 16px;border-radius:28px;background:var(--grad);opacity:.16;filter:blur(14px);transform:translateZ(-1px) rotateX(7deg) rotateY(-5deg);z-index:-1}.playerbox::after{content:"";position:absolute;left:12%;right:12%;bottom:-21px;height:28px;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--p) 27%,transparent),transparent 70%);filter:blur(12px)}.videoWrap{height:520px;border-radius:19px;overflow:hidden;background:linear-gradient(160deg,#071221,#0d2345 60%,color-mix(in srgb,var(--p) 68%,#091424));padding:7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 40px rgba(12,26,52,.18)}.videoWrap video{width:100%;height:100%;display:block;border-radius:14px;background:black}.watch-meta{margin-top:18px;border-radius:22px;padding:17px;display:grid;gap:11px}.watch-meta h1{margin:0;font-size:clamp(24px,2.6vw,38px);line-height:1;letter-spacing:-.03em}.stats,.desc{font-size:11px;line-height:1.5;color:var(--muted)}.reaction-bar{display:flex;gap:8px;flex-wrap:wrap}.creator{display:grid;grid-template-columns:50px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:16px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--s) 5%,#fff));border:1px solid var(--line);cursor:pointer}.creator .avatar{width:50px;height:50px;border-radius:14px;background:var(--grad);display:grid;place-items:center;color:white;font-weight:1000}.creator b{font-size:11px}.creator small{font-size:9px;color:var(--muted)}.side{display:grid;gap:9px}.side h3{margin:0 0 2px;font-size:11px;letter-spacing:.16em;color:var(--p)}
.modal{position:fixed;inset:0;z-index:170;display:none;place-items:center;padding:20px;background:rgba(10,16,28,.34);backdrop-filter:blur(12px)}.modal.show{display:grid}.modal-card{width:min(900px,94vw);border-radius:24px;padding:18px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.reaction-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reaction-list{padding:12px;border-radius:16px;background:rgba(255,255,255,.55);border:1px solid var(--line)}.person{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.person:first-child{border-top:0}

.tilt{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .16s ease,box-shadow .2s ease}

@media(max-width:1220px){body{--dockw:205px}.hero-grid{grid-template-columns:1fr}.side-stream{grid-template-columns:1fr 1fr}.stream-head{grid-column:1/-1}.deck-tools{grid-template-columns:repeat(2,1fr)}.creator-row{grid-template-columns:repeat(3,1fr)}.utility{grid-template-columns:200px 1fr auto}.brandmark{width:200px}.mosaic{grid-template-columns:repeat(6,1fr)}.signal-card,.signal-card:nth-child(n){grid-column:span 3}.watch-layout{grid-template-columns:1fr}}
@media(max-width:900px){body{--dockw:82px}.dock{width:82px}.dock-brand img,.dock-link span,.dock-section-title,.dock-showcase,.dock-profile .meta{display:none}.logo-cube{display:grid}.dock-brand{justify-content:center}.dock-link{justify-content:center;padding:8px}.dock-link.active::after{display:none}.utility{margin-left:100px;grid-template-columns:1fr auto;gap:10px}.brandmark{display:none}.search-pill{grid-column:1}.theme-picker{grid-column:2;grid-row:1}.shell{margin-left:100px;width:calc(100vw - 118px)}.footer{margin-left:100px}.creator-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{--dockw:0px}.dock-toggle{display:block}.dock{width:min(290px,84vw);transform:translateX(calc(-100% - 24px));z-index:145}.dock-brand img,.dock-link span,.dock-section-title,.dock-showcase,.dock-profile .meta{display:block}.dock-brand img{width:170px}.logo-cube{display:none}.dock-link{justify-content:flex-start}.dock-link.active::after{display:block}.dock-collapse{display:none}body.dock-open .dock{transform:none}body.dock-open::after{content:"";position:fixed;inset:0;z-index:140;background:rgba(8,14,24,.24);backdrop-filter:blur(3px)}.utility{margin-left:0;padding-left:74px;padding-right:12px;grid-template-columns:1fr}.theme-picker{grid-column:1;grid-row:auto;justify-self:start}.search-pill{grid-column:1}.shell{margin-left:0;width:100%;padding:8px 12px 58px}.footer{margin-left:0;padding:12px 14px 80px;flex-direction:column}.feature-stage{min-height:500px}.feature-copy{grid-template-columns:1fr}.feature-actions{justify-content:flex-start}.side-stream{grid-template-columns:1fr}.deck-tools{grid-template-columns:1fr 1fr}.mosaic{grid-template-columns:1fr}.signal-card,.signal-card:nth-child(n){grid-column:1}.signal-card .thumb,.signal-card:nth-child(n) .thumb{height:225px}.creator-row{grid-template-columns:1fr}.section-title{flex-direction:column;align-items:flex-start}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.reaction-cols{grid-template-columns:1fr}.page-title h1{font-size:38px}.videoWrap{height:380px}}
@media(max-width:480px){.utility{padding-top:10px}.theme-picker span{display:none}.theme-dot{width:21px;height:21px}.feature-stage{min-height:470px}.vision-title{font-size:34px}.deck-tools{grid-template-columns:1fr}.videoWrap{height:300px}.search-pill input{font-size:12px}.page-title h1{font-size:34px}.page-title p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* V16.1 — TOP 100 right rail + subscriber advertising inventory */
body{--toprailw:196px}
.utility{margin-right:calc(var(--toprailw) + 18px)}
.shell{width:min(1500px,calc(100vw - var(--dockw) - var(--toprailw) - 70px))}
.footer{margin-right:calc(var(--toprailw) + 18px)}
.top100-rail{position:fixed;right:14px;top:14px;bottom:14px;width:var(--toprailw);z-index:112;border-radius:26px;background:var(--surface);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow2);backdrop-filter:blur(22px) saturate(1.08);display:flex;flex-direction:column;overflow:hidden}
.top100-head{padding:14px 14px 10px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--s) 5%,#fff))}
.top100-head strong{display:block;font-size:12px;letter-spacing:.16em;color:var(--p)}
.top100-head small{display:block;margin-top:3px;font-size:9px;line-height:1.35;color:var(--muted)}
.top100-list{flex:1;overflow:auto;padding:8px 8px 10px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--p) 28%,transparent) transparent}
.top100-item{display:grid;grid-template-columns:24px 68px 1fr;gap:7px;align-items:center;padding:7px 5px;border-radius:13px;cursor:pointer;transition:.18s;border:1px solid transparent}
.top100-item:hover{transform:translateX(-2px);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--s) 6%,#fff));border-color:color-mix(in srgb,var(--p) 10%,transparent);box-shadow:0 8px 18px rgba(28,48,85,.06)}
.top100-rank{font-size:10px;font-weight:1000;color:var(--p);text-align:center}
.top100-thumb{aspect-ratio:16/10;border-radius:9px;overflow:hidden;background:var(--grad-soft);box-shadow:0 5px 12px rgba(30,48,84,.07)}
.top100-thumb img{width:100%;height:100%;object-fit:cover}.top100-thumb .thumbart{position:relative;inset:auto;width:100%;height:100%;padding:4px}.top100-thumb .thumbart .glyph{font-size:20px}.top100-thumb .thumbart .caption{display:none}
.top100-copy{min-width:0}.top100-copy b{display:block;font-size:9px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top100-copy small{display:block;margin-top:2px;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top100-copy em{font-style:normal;color:#a53d61;font-size:8px;font-weight:900}
.top100-ad{margin:8px;border-radius:16px;padding:12px 10px;text-align:center;border:1px dashed color-mix(in srgb,var(--p) 24%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--s) 7%,#fff),#fff);color:var(--muted)}
.top100-ad b{display:block;font-size:10px;letter-spacing:.13em;color:var(--p)}.top100-ad small{display:block;margin-top:4px;font-size:8px;line-height:1.35}
.subscriber-ad-banner{margin:2px calc(var(--toprailw) + 18px) 8px calc(var(--dockw) + 22px);min-height:92px;border-radius:20px;border:1px dashed color-mix(in srgb,var(--p) 22%,transparent);background:linear-gradient(105deg,rgba(255,255,255,.82),color-mix(in srgb,var(--s) 7%,#fff),rgba(255,255,255,.86));box-shadow:0 10px 28px rgba(28,48,85,.05);display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 18px;transition:margin-left .26s ease}
.subscriber-ad-banner .ad-icon{width:48px;height:48px;border-radius:16px;background:var(--grad);color:white;display:grid;place-items:center;font-size:21px;box-shadow:0 8px 18px color-mix(in srgb,var(--p) 20%,transparent)}
.subscriber-ad-banner b{display:block;font-size:12px;letter-spacing:.10em;color:var(--p)}.subscriber-ad-banner span{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.subscriber-ad-banner .ad-size{font-size:9px;letter-spacing:.11em;color:var(--muted);text-align:right}
.dock-collapsed .subscriber-ad-banner{margin-left:calc(var(--dockw) + 22px)}
@media(max-width:1280px){body{--toprailw:170px}.top100-item{grid-template-columns:20px 58px 1fr}.top100-head small{display:none}.subscriber-ad-banner{min-height:78px}}
@media(max-width:1080px){body{--toprailw:0px}.top100-rail{display:none}.utility{margin-right:0}.shell{width:min(1500px,calc(100vw - var(--dockw) - 48px))}.footer{margin-right:0}.subscriber-ad-banner{margin-right:18px}.top100-mobile{display:flex!important}}
.top100-mobile{display:none;margin:0 18px 8px calc(var(--dockw) + 22px);gap:8px;overflow-x:auto;padding:7px 4px 10px;transition:margin-left .26s ease}.top100-mobile a{flex:0 0 116px;border-radius:14px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 16px rgba(28,48,85,.06)}.top100-mobile img{width:100%;aspect-ratio:16/9;object-fit:cover}.top100-mobile b{display:block;padding:7px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.subscriber-ad-banner{margin-left:100px}.top100-mobile{margin-left:100px}}
@media(max-width:720px){.subscriber-ad-banner{margin:0 12px 8px;grid-template-columns:auto 1fr;min-height:72px}.subscriber-ad-banner .ad-size{display:none}.top100-mobile{margin:0 12px 8px}.subscriber-ad-banner span{font-size:9px}}


/* V16.2 — image integrity + DIGIX YouTube bridge */
.signal-card .thumb,.stream-thumb,.rthumb,.top100-thumb,.top100-mobile-thumb{isolation:isolate;background:var(--grad-soft)}
.thumbart{z-index:0}
.media-bg{position:absolute!important;inset:-10%!important;width:120%!important;height:120%!important;object-fit:cover!important;filter:blur(18px) saturate(1.18)!important;opacity:.28!important;transform:scale(1.06)!important;z-index:0!important}
.media-main{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;z-index:1!important;transition:transform .32s ease!important;background:transparent!important}
.signal-card:hover .media-main{transform:scale(1.018)!important}
.badge,.duration,.card-pill,.dur{z-index:3!important}
.stream-thumb .thumbart,.rthumb .thumbart,.top100-thumb .thumbart,.top100-mobile-thumb .thumbart{position:absolute;inset:0}
.top100-mobile-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--grad-soft)}
.top100-mobile a>img{display:none}
.videoWrap iframe{width:100%;height:100%;border:0;border-radius:14px;display:block;background:#000}
.youtube-source{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:linear-gradient(145deg,color-mix(in srgb,var(--p) 10%,#fff),#fff);border:1px solid var(--line);font-size:9px;font-weight:1000;letter-spacing:.1em;color:var(--p)}

/* ============================================================
   AI ONE VISION V16.3 — CINEMA DECK / MAT RYXX BLUE FIRST
   ============================================================ */
:root,html[data-theme="royal"]{
  --bg:#f4f7fb;--bg2:#eaf5ff;--surface:rgba(255,255,255,.92);--surface2:#fff;--ink:#101725;--muted:#647087;--line:rgba(21,39,75,.10);
  --p:#163b8f;--s:#19c5e7;--a:#7764f4;--warm:#d4a21c;--good:#21b886;--danger:#d8566c;
  --grad:linear-gradient(135deg,#123476 0%,#1f57c8 37%,#18c8e4 70%,#745de5 100%);
  --grad-soft:linear-gradient(135deg,rgba(24,80,190,.13),rgba(28,199,229,.11),rgba(117,93,229,.08));
  --shadow:0 18px 44px rgba(23,49,96,.10);--shadow2:0 28px 72px rgba(19,43,89,.15);
}
html[data-theme="cyan"]{
  --bg:#f5faff;--bg2:#eaf6fb;--surface:rgba(255,255,255,.93);--surface2:#fff;--ink:#122033;--muted:#66788c;--line:rgba(30,78,122,.10);
  --p:#245d9b;--s:#59d4e8;--a:#7aa6d8;--warm:#ccb56f;--good:#38b99d;--danger:#c9667d;
  --grad:linear-gradient(135deg,#214f86,#357ab4 38%,#59cfe3 72%,#abc7e7);--grad-soft:linear-gradient(135deg,rgba(36,93,155,.10),rgba(89,212,232,.11),rgba(171,199,231,.10));
  --shadow:0 18px 44px rgba(36,79,118,.10);--shadow2:0 28px 72px rgba(35,74,108,.14);
}
html[data-theme="crimson"]{
  --bg:#f8f8f7;--bg2:#f5f2e9;--surface:rgba(255,255,255,.94);--surface2:#fff;--ink:#141922;--muted:#6b6c72;--line:rgba(63,65,77,.10);
  --p:#153d7e;--s:#3b83c8;--a:#d2ab49;--warm:#d6aa3c;--good:#46af91;--danger:#c96e75;
  --grad:linear-gradient(135deg,#163769,#20549a 40%,#c8a04c 76%,#efd88a);--grad-soft:linear-gradient(135deg,rgba(24,65,128,.10),rgba(213,173,77,.11),rgba(239,216,138,.10));
  --shadow:0 18px 44px rgba(72,67,54,.09);--shadow2:0 28px 72px rgba(63,59,50,.13);
}
html[data-theme="emerald"]{
  --bg:#f4f8f9;--bg2:#eaf2f4;--surface:rgba(255,255,255,.93);--surface2:#fff;--ink:#11202a;--muted:#63757d;--line:rgba(34,77,88,.10);
  --p:#204a78;--s:#35aebb;--a:#5597aa;--warm:#c4a45d;--good:#2fa78d;--danger:#c66c76;
  --grad:linear-gradient(135deg,#1d466f,#26749a 42%,#39aebb 76%,#9acbd0);--grad-soft:linear-gradient(135deg,rgba(32,74,120,.10),rgba(53,174,187,.11),rgba(154,203,208,.10));
  --shadow:0 18px 44px rgba(38,75,87,.09);--shadow2:0 28px 72px rgba(35,70,83,.13);
}
html[data-theme="ultraviolet"]{
  --bg:#f8f7fb;--bg2:#f1eff9;--surface:rgba(255,255,255,.93);--surface2:#fff;--ink:#171724;--muted:#6d6b7d;--line:rgba(77,67,116,.10);
  --p:#31478e;--s:#55bfd7;--a:#806fe5;--warm:#c7a856;--good:#43ad93;--danger:#c7657e;
  --grad:linear-gradient(135deg,#2c4384,#435fb7 38%,#56bfd7 67%,#826de5);--grad-soft:linear-gradient(135deg,rgba(49,71,142,.10),rgba(85,191,215,.10),rgba(130,109,229,.10));
  --shadow:0 18px 44px rgba(62,61,103,.09);--shadow2:0 28px 72px rgba(60,58,101,.13);
}
body{--toprailw:0px!important;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--s) 7%,transparent),transparent 25%),radial-gradient(circle at 88% 6%,color-mix(in srgb,var(--a) 6%,transparent),transparent 28%),var(--bg)!important}
.top100-rail,.top100-mobile{display:none!important}
.utility{margin-right:0!important}
.shell{width:min(1640px,calc(100vw - var(--dockw) - 52px))!important;padding-right:18px!important}
.footer{margin-right:0!important}
.subscriber-ad-banner{margin:6px 22px 14px calc(var(--dockw) + 22px)!important;min-height:78px!important;border-style:solid!important;border-color:color-mix(in srgb,var(--p) 10%,transparent)!important;background:linear-gradient(100deg,#fff,color-mix(in srgb,var(--s) 5%,#fff),#fff)!important}
.dock-collapsed .subscriber-ad-banner{margin-left:calc(var(--dockw) + 22px)!important}
.hero-grid{grid-template-columns:minmax(0,1.62fr) minmax(320px,.72fr)!important;gap:18px!important;align-items:stretch!important}
.feature-stage{min-height:470px!important;border-radius:28px!important}
.feature-stage::before{background:linear-gradient(180deg,rgba(5,12,26,.02),rgba(5,14,30,.24) 44%,rgba(5,12,26,.88) 100%)!important}
.feature-copy{padding:24px!important}.vision-title{font-size:clamp(34px,3.3vw,52px)!important}.feature-copy p{font-size:14px!important}.feature-badge{font-size:9px!important;letter-spacing:.13em!important}
.side-stream{padding:16px!important;border-radius:28px!important}.upnext{gap:8px!important}.stream-card{grid-template-columns:106px 1fr!important;padding:8px!important;border-radius:18px!important}.stream-thumb{border-radius:13px!important}
.deck-tools{display:none!important}
.category-strip{margin-top:18px!important}
.section-title{margin-top:24px!important}.section-title h2{font-size:30px!important}
.mosaic{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.signal-card,.signal-card:nth-child(n){grid-column:span 1!important;border-radius:20px!important}
.signal-card .thumb,.signal-card:nth-child(n) .thumb{height:auto!important;aspect-ratio:16/9!important}
.signal-card .copy{padding:13px 13px 12px!important}.signal-card .copy b{font-size:14px!important;line-height:1.2!important}.signal-card .copy small{font-size:10px!important}.card-actions{margin-top:9px!important}
.creator-row{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}.creator-card{padding:12px!important;border-radius:18px!important;grid-template-columns:54px 1fr!important}.creator-card .avatar{width:54px!important;height:54px!important;border-radius:15px!important}

/* TOP 100 = horizontal, never a fixed right wall */
.top100-stage{margin:18px 0 8px;border-radius:24px;padding:14px 14px 12px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--s) 4%,var(--surface2)));border:1px solid var(--line);box-shadow:0 12px 32px rgba(23,49,96,.07);overflow:hidden}
.top100-stage-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:0 4px 10px}.top100-stage-head>div{display:flex;align-items:center;gap:10px}.top100-stage-head span{display:inline-grid;place-items:center;min-width:62px;height:28px;padding:0 10px;border-radius:999px;background:var(--grad);color:#fff;font-size:9px;font-weight:1000;letter-spacing:.14em}.top100-stage-head b{font-size:15px}.top100-stage-head small{font-size:9px;color:var(--muted);letter-spacing:.08em}
.top100-strip{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:3px 2px 8px;scrollbar-width:thin;scroll-snap-type:x proximity;cursor:grab}.top100-strip.dragging{cursor:grabbing;scroll-snap-type:none}.top100-card{flex:0 0 176px;scroll-snap-align:start;border-radius:16px;overflow:hidden;background:var(--surface2);border:1px solid var(--line);box-shadow:0 8px 18px rgba(31,49,84,.06);cursor:pointer;transform-style:preserve-3d}.top100-card:hover{box-shadow:0 16px 28px rgba(31,49,84,.11)}
.top100-card-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--grad-soft)}.top100-number{position:absolute;left:7px;top:7px;z-index:4;padding:5px 7px;border-radius:999px;background:rgba(9,18,36,.78);color:#fff;font-size:9px;font-weight:1000}.top100-card-copy{padding:8px}.top100-card-copy b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top100-card-copy small{display:block;margin-top:3px;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top100-card-thumb .thumbart{position:absolute;inset:0}.top100-card-thumb .media-bg,.top100-card-thumb .media-main{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.top100-card-thumb .media-main{object-fit:contain!important;z-index:2!important}.top100-card-thumb .media-bg{object-fit:cover!important;filter:blur(14px) saturate(1.1)!important;opacity:.25!important;transform:scale(1.08)!important;z-index:1!important}

/* Paid ad inventory that looks intentional, not bolted on */
.paid-ad-inventory{margin:26px 0 4px;padding:16px;border-radius:24px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--warm) 4%,var(--surface2)));border:1px solid var(--line);box-shadow:0 12px 30px rgba(31,49,84,.06)}
.paid-ad-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.paid-ad-title span{font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:1000}.paid-ad-title b{font-size:15px;color:var(--p)}
.paid-ad-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:12px}.paid-ad-card{min-height:120px;border-radius:18px;padding:16px;display:flex;align-items:center;gap:14px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--s) 4%,#fff));border:1px dashed color-mix(in srgb,var(--p) 22%,transparent);color:var(--muted)}.paid-ad-card.hero-ad{background:linear-gradient(115deg,color-mix(in srgb,var(--p) 7%,#fff),color-mix(in srgb,var(--s) 7%,#fff),#fff)}.paid-ad-card .ad-icon{width:52px;height:52px;border-radius:16px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:1000;box-shadow:0 9px 20px color-mix(in srgb,var(--p) 18%,transparent)}.paid-ad-card b{display:block;color:var(--p);font-size:12px;letter-spacing:.08em}.paid-ad-card small{display:block;margin-top:4px;font-size:9px;line-height:1.4}

/* Watch player: cleaner 3D, sticky/floating and native PIP */
.playerbox{border-radius:26px!important;padding:14px!important;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--s) 3%,#fff))!important;box-shadow:0 22px 54px rgba(20,42,85,.14),0 3px 0 rgba(255,255,255,.8) inset!important;transition:width .2s ease,transform .22s ease,box-shadow .22s ease!important}
.playerbox::before{inset:12px -8px -12px 12px!important;opacity:.42!important}.videoWrap{border-radius:18px!important;padding:5px!important;background:linear-gradient(150deg,#071222,#102b55 58%,#154978)!important}.videoWrap video,.videoWrap iframe{border-radius:14px!important}
.playerbox.is-floating{position:fixed!important;right:22px!important;bottom:22px!important;z-index:190!important;width:min(420px,calc(100vw - 44px))!important;max-width:none!important;margin:0!important;padding:9px!important;box-shadow:0 28px 80px rgba(7,19,43,.34)!important;animation:pipIn .22s ease both}.playerbox.is-floating .videoWrap{height:auto!important;aspect-ratio:16/9!important}.playerbox.is-floating::after{display:none!important}@keyframes pipIn{from{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}
.pip-hud{display:none;position:absolute;right:13px;top:13px;z-index:8;gap:6px}.playerbox.is-floating .pip-hud{display:flex}.pip-mini-btn{width:32px;height:32px;border:0;border-radius:10px;background:rgba(255,255,255,.9);color:#153b82;box-shadow:0 6px 16px rgba(8,20,43,.18);cursor:pointer;font-weight:1000}.pip-mini-btn:hover{transform:translateY(-1px)}

@media(max-width:1450px){.mosaic{grid-template-columns:repeat(3,minmax(0,1fr))!important}.creator-row{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1120px){.hero-grid{grid-template-columns:1fr!important}.mosaic{grid-template-columns:repeat(2,minmax(0,1fr))!important}.creator-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.paid-ad-grid{grid-template-columns:1fr 1fr}.paid-ad-card.hero-ad{grid-column:1/-1}.shell{width:min(1500px,calc(100vw - var(--dockw) - 36px))!important}}
@media(max-width:900px){.subscriber-ad-banner{margin-left:100px!important}.creator-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.top100-card{flex-basis:154px}}
@media(max-width:720px){.subscriber-ad-banner{margin:4px 12px 10px!important}.shell{width:100%!important}.mosaic{grid-template-columns:1fr!important}.creator-row{grid-template-columns:1fr!important}.paid-ad-grid{grid-template-columns:1fr}.paid-ad-card.hero-ad{grid-column:auto}.top100-stage-head{align-items:flex-start;flex-direction:column}.top100-card{flex-basis:142px}.feature-stage{min-height:420px!important}.playerbox.is-floating{right:10px!important;bottom:10px!important;width:calc(100vw - 20px)!important}}

/* === V16.4 SOCIAL PLAYER / MR PLAY IDENTITY === */
.signal-card .thumb,.stream-thumb,.top100-card-thumb,.videoWrap,.feature-stage{position:relative}
.mr-watermark{position:absolute!important;right:10px;bottom:10px;width:58px!important;height:auto!important;max-height:34px;object-fit:contain!important;z-index:8;opacity:.82;filter:drop-shadow(0 5px 10px rgba(9,20,48,.28));pointer-events:none;transition:.2s ease}
.signal-card:hover .mr-watermark,.stream-card:hover .mr-watermark,.top100-card:hover .mr-watermark{opacity:1;transform:translateY(-1px) scale(1.04)}
.stream-thumb .mr-watermark{width:38px!important;right:7px;bottom:7px;max-height:24px}.top100-card-thumb .mr-watermark{width:34px!important;right:7px;bottom:7px;max-height:22px}
.duration{left:12px!important;right:auto!important;bottom:12px!important}
.dur{left:7px!important;right:auto!important}

.card-play-overlay{position:absolute;inset:0;z-index:7;display:grid;place-items:center;pointer-events:none;opacity:.88;transition:.22s ease;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.04),transparent 38%)}
.signal-card:hover .card-play-overlay{opacity:1;transform:scale(1.035)}
.mr-play-disc{width:92px;height:72px;border-radius:24px;display:grid;place-items:center;padding:10px 13px 8px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(223,241,255,.75));border:1px solid rgba(255,255,255,.84);box-shadow:0 16px 34px rgba(17,45,103,.22),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(14px) saturate(1.18);transition:.2s ease}
.mr-play-disc img{width:72px;height:38px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(15,50,120,.2))}.mr-play-disc span{font-size:8px;letter-spacing:.22em;font-weight:1000;color:#214b9d;margin-top:-2px}
.signal-card:hover .mr-play-disc{transform:translateY(-3px) scale(1.06);box-shadow:0 22px 44px rgba(16,57,133,.28),0 0 0 5px rgba(28,190,230,.08)}

.thumb-quick-actions{position:absolute;left:12px;right:12px;bottom:12px;z-index:11;display:flex;gap:7px;justify-content:center;opacity:0;transform:translateY(8px);transition:.2s ease;pointer-events:none}
.signal-card:hover .thumb-quick-actions{opacity:1;transform:none;pointer-events:auto}.thumb-quick-actions button{width:38px;height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.88);box-shadow:0 10px 22px rgba(15,31,70,.13);backdrop-filter:blur(12px);cursor:pointer;font-size:14px;transition:.16s ease;color:#214b8e}.thumb-quick-actions button:hover{transform:translateY(-2px) scale(1.06);background:linear-gradient(145deg,#fff,#e7f6ff)}.thumb-quick-actions button.liked{background:linear-gradient(145deg,#183d95,#20c4e8);color:white}.thumb-quick-actions button.unliked{background:linear-gradient(145deg,#6b6f7f,#282d3a);color:white}.thumb-quick-actions button.saved{background:linear-gradient(145deg,#ffe28b,#d4a21c);color:#3a2b00}
.signal-card:hover .duration,.signal-card:hover .mr-watermark{opacity:.3}
.signal-card:hover .thumb-quick-actions~.duration{opacity:0}

.subscribe-mini{border:1px solid rgba(33,77,157,.13);border-radius:999px;padding:8px 11px;background:linear-gradient(145deg,#eef7ff,#fff);color:#23499d;font-size:9px;font-weight:1000;letter-spacing:.09em;cursor:pointer;box-shadow:0 7px 15px rgba(32,64,130,.08);transition:.16s ease}.subscribe-mini:hover{transform:translateY(-2px)}.subscribe-mini.subscribed{background:linear-gradient(145deg,#1f4ba7,#1cc1e4);color:white;border-color:transparent}

.hero-center-play{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:6;width:124px;height:98px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(220,241,255,.75));border:1px solid rgba(255,255,255,.86);box-shadow:0 24px 54px rgba(10,28,71,.24),0 0 0 8px rgba(29,190,230,.06);backdrop-filter:blur(16px);transition:.22s ease}.hero-center-play img{width:96px;max-height:58px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(10,48,116,.24))}.hero-center-play:hover{transform:translate(-50%,-54%) scale(1.07);box-shadow:0 30px 66px rgba(10,35,87,.28),0 0 0 12px rgba(29,190,230,.08)}

.player-center-play{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,rgba(8,18,39,.12),rgba(8,18,39,.03) 32%,transparent 57%);transition:.22s ease}.player-center-play.hidden{opacity:0;visibility:hidden;pointer-events:none}.player-center-play button{width:142px;height:108px;border:1px solid rgba(255,255,255,.78);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(216,239,255,.72));box-shadow:0 28px 65px rgba(6,18,49,.28),0 0 0 9px rgba(25,194,230,.06);backdrop-filter:blur(16px);display:grid;place-items:center;cursor:pointer;transition:.2s ease}.player-center-play button:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 34px 78px rgba(8,28,70,.32),0 0 0 13px rgba(25,194,230,.08)}.player-center-play img{width:112px;max-height:64px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(11,48,115,.25))}.player-center-play small{display:block;margin-top:-10px;font-size:9px;letter-spacing:.24em;font-weight:1000;color:#20458d}
.player-watermark{position:absolute;right:18px;bottom:18px;z-index:19;width:84px;padding:5px 7px;border-radius:14px;background:rgba(255,255,255,.13);backdrop-filter:blur(8px);opacity:.82;transition:.18s ease}.player-watermark:hover{opacity:1;transform:scale(1.04)}.player-watermark img{width:100%;height:auto;display:block;filter:drop-shadow(0 7px 12px rgba(0,0,0,.22))}
.videoWrap iframe{width:100%;height:100%;border:0;border-radius:18px;display:block;background:#000}
.yt-preview{position:absolute;inset:8px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:#071221}.yt-preview>.media-bg,.yt-preview>.media-main{position:absolute;inset:0;width:100%;height:100%}.yt-preview>.media-bg{object-fit:cover;filter:blur(16px) saturate(1.05);transform:scale(1.08);opacity:.6}.yt-preview>.media-main{object-fit:contain;z-index:2}.yt-preview .mr-watermark{z-index:7}

.social-action-bar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:4px 0}.social-action{border:1px solid rgba(33,77,157,.12);border-radius:16px;padding:11px 14px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(234,244,255,.94));color:#21498f;font-size:10px;font-weight:1000;letter-spacing:.08em;cursor:pointer;box-shadow:0 8px 18px rgba(30,61,122,.08);transition:.17s ease}.social-action:hover{transform:translateY(-2px);box-shadow:0 13px 25px rgba(31,63,126,.12)}.social-action.liked,.social-action.subscribed{background:linear-gradient(145deg,#1f4ba7,#1cc1e4);color:white;border-color:transparent}.social-action.unliked{background:linear-gradient(145deg,#767b8a,#2f3441);color:white}.social-action.saved{background:linear-gradient(145deg,#ffe390,#d7aa22);color:#392b00}.social-action.secondary{background:linear-gradient(145deg,#fff,#f1f5fb);color:#566582}
.aov-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:300;padding:12px 18px;border-radius:999px;background:linear-gradient(145deg,#173a89,#18bde3);color:white;font-size:12px;font-weight:900;letter-spacing:.06em;box-shadow:0 18px 38px rgba(15,56,132,.26);opacity:0;pointer-events:none;transition:.2s ease}.aov-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:760px){.card-play-overlay{opacity:1}.mr-play-disc{width:74px;height:60px}.mr-play-disc img{width:58px;height:31px}.thumb-quick-actions{opacity:1;transform:none;justify-content:flex-end;left:auto;right:10px;bottom:10px}.thumb-quick-actions button{width:34px;height:34px;border-radius:12px}.mr-watermark{width:46px!important;right:9px;bottom:54px}.hero-center-play{width:96px;height:76px;border-radius:24px}.hero-center-play img{width:74px}.player-center-play button{width:112px;height:88px;border-radius:26px}.player-center-play img{width:88px}.player-watermark{width:66px;right:12px;bottom:12px}.social-action-bar{gap:7px}.social-action{padding:10px 11px;font-size:9px}}

.stream-thumb::after,.top100-card-thumb::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);width:54px;height:38px;border-radius:14px;background:rgba(255,255,255,.82) url('/mr-infinity.png') center/44px auto no-repeat;box-shadow:0 10px 24px rgba(14,35,82,.18);border:1px solid rgba(255,255,255,.78);backdrop-filter:blur(9px);z-index:6;opacity:.72;transition:.18s ease;pointer-events:none}.stream-card:hover .stream-thumb::after,.top100-card:hover .top100-card-thumb::after{opacity:1;transform:translate(-50%,-54%) scale(1.03)}

/* === V16.5 ANIMATED 3D MR INFINITY === */
@keyframes mrAlive {
  0%,100% { transform:translate3d(0,0,0) rotateZ(-.35deg) scale(1); filter:drop-shadow(0 9px 15px rgba(10,60,170,.24)) drop-shadow(0 0 10px rgba(28,205,235,.16)); }
  50% { transform:translate3d(0,-4px,0) rotateZ(.35deg) scale(1.025); filter:drop-shadow(0 14px 22px rgba(10,60,170,.32)) drop-shadow(0 0 20px rgba(28,205,235,.28)); }
}
@keyframes mrSpark {
  0%,100% { opacity:.45; transform:scale(.88); }
  50% { opacity:.82; transform:scale(1.08); }
}
.mr-animated,
.mr-play-disc img,
.hero-center-play img,
.player-center-play img,
.player-watermark img,
.stream-thumb::after,
.top100-card-thumb::after{
  animation:mrAlive 3.8s ease-in-out infinite;
  transform-origin:center;
  will-change:transform,filter;
}

/* transparent play controls: the logo itself is the button */
.mr-play-disc,
.hero-center-play,
.player-center-play button{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.mr-play-disc{width:122px!important;height:92px!important;padding:0!important;border-radius:0!important}
.mr-play-disc img{width:118px!important;height:76px!important;max-height:none!important;object-fit:contain!important}
.mr-play-disc span{margin-top:-6px!important;padding:3px 8px;border-radius:999px;background:rgba(7,22,53,.72);color:#fff!important;text-shadow:0 1px 5px rgba(0,0,0,.32);backdrop-filter:blur(7px)}
.card-play-overlay{background:radial-gradient(circle at 50% 50%,rgba(17,185,226,.07),transparent 35%)!important}
.signal-card:hover .mr-play-disc{transform:translateY(-3px) scale(1.08)!important;box-shadow:none!important}

.hero-center-play{width:148px!important;height:112px!important;border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.hero-center-play img{width:142px!important;max-height:94px!important;filter:drop-shadow(0 14px 24px rgba(8,42,118,.30))!important}
.hero-center-play:hover{transform:translate(-50%,-54%) scale(1.08)!important;box-shadow:none!important}

.player-center-play{background:radial-gradient(circle at 50% 48%,rgba(11,65,143,.11),rgba(8,18,39,.025) 33%,transparent 57%)!important}
.player-center-play button{width:172px!important;height:132px!important;border-radius:0!important;padding:0!important}
.player-center-play img{width:164px!important;max-height:108px!important;filter:drop-shadow(0 15px 26px rgba(5,35,104,.34))!important}
.player-center-play button:hover{transform:translateY(-4px) scale(1.08)!important;box-shadow:none!important}
.player-center-play small{margin-top:-10px!important;background:rgba(5,22,55,.72);color:#fff!important;padding:4px 10px;border-radius:999px;text-shadow:0 1px 5px rgba(0,0,0,.3);backdrop-filter:blur(8px)}

/* watermark: no white tile, keep it clear of native controls */
.player-watermark{
  right:18px!important;
  bottom:58px!important;
  width:94px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  opacity:.74!important;
  filter:none!important;
}
.player-watermark img{width:100%!important;height:auto!important;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))!important}
.player-watermark:hover{opacity:1!important;transform:translateY(-2px) scale(1.05)!important}
/* YouTube bridge: keep MR away from YouTube's own branding/control corner */
.videoWrap.youtube-mode .player-watermark{top:16px!important;right:16px!important;bottom:auto!important;width:86px!important;opacity:.70!important}
.videoWrap.youtube-mode .player-watermark:hover{opacity:1!important}

/* thumbnail watermark: cleaner, smaller, animated */
.mr-watermark{width:64px!important;max-height:42px!important;background:transparent!important;filter:drop-shadow(0 6px 10px rgba(8,35,92,.25))!important;opacity:.72!important}
.stream-thumb .mr-watermark{width:42px!important;max-height:28px!important}.top100-card-thumb .mr-watermark{width:38px!important;max-height:25px!important}

/* animated MR in compact cards without opaque disc */
.stream-thumb::after,.top100-card-thumb::after{
  width:58px!important;height:44px!important;border:0!important;border-radius:0!important;
  background:transparent url('/mr-infinity.png') center/58px auto no-repeat!important;
  box-shadow:none!important;backdrop-filter:none!important;opacity:.78!important;
  filter:drop-shadow(0 8px 14px rgba(9,44,110,.25));
}
.stream-card:hover .stream-thumb::after,.top100-card:hover .top100-card-thumb::after{opacity:1!important;transform:translate(-50%,-54%) scale(1.09)!important}

/* high-DPI logo stays crisp */
.mr-play-logo,.mr-hero-logo,.mr-watermark,.player-watermark img{image-rendering:auto}

@media(max-width:760px){
  .mr-play-disc{width:92px!important;height:72px!important}.mr-play-disc img{width:90px!important;height:60px!important}
  .hero-center-play{width:112px!important;height:88px!important}.hero-center-play img{width:108px!important;max-height:76px!important}
  .player-center-play button{width:126px!important;height:100px!important}.player-center-play img{width:122px!important;max-height:82px!important}
  .player-watermark{width:70px!important;right:12px!important;bottom:54px!important}
  .videoWrap.youtube-mode .player-watermark{width:64px!important;top:12px!important;right:12px!important;bottom:auto!important}
}
@media(prefers-reduced-motion:reduce){.mr-animated,.mr-play-disc img,.hero-center-play img,.player-center-play img,.player-watermark img,.stream-thumb::after,.top100-card-thumb::after{animation:none!important}}


/* ==========================================================
   V16.6 — CLEAN VIDEO SURFACES / ANIMATED MAIN LOGO / SPARKS
   ========================================================== */
/* Never place the MR logo over video content. */
.mr-watermark,.player-watermark{display:none!important}
.stream-thumb::after,.top100-card-thumb::after{display:none!important;content:none!important;background:none!important}
.card-play-overlay{background:radial-gradient(circle at 50% 50%,rgba(8,51,122,.12),transparent 38%)!important}

/* Clean play control: familiar function, Mat Ryxx metallic-blue execution. */
.plain-play-disc{
  width:72px;height:72px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,color-mix(in srgb,var(--p) 94%,white),color-mix(in srgb,var(--s) 82%,var(--p)));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 16px 34px color-mix(in srgb,var(--p) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.62),inset 0 -8px 16px rgba(1,28,80,.12);
  color:white;transition:transform .2s ease,box-shadow .2s ease;position:relative
}
.plain-play-disc .play-triangle{font-size:24px;margin-left:4px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.18))}
.plain-play-disc .play-word{position:absolute;top:calc(100% + 7px);font-size:8px;letter-spacing:.18em;font-weight:1000;color:white;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.signal-card:hover .plain-play-disc{transform:translateY(-3px) scale(1.09);box-shadow:0 22px 44px color-mix(in srgb,var(--p) 40%,transparent),inset 0 1px 0 rgba(255,255,255,.7)}

.hero-center-play.clean-play{
  width:78px!important;height:78px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--p) 94%,white),color-mix(in srgb,var(--s) 82%,var(--p)))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 18px 42px rgba(0,24,72,.28),inset 0 1px 0 rgba(255,255,255,.7)!important;
  color:#fff!important;font-size:27px!important;text-shadow:0 2px 7px rgba(0,0,0,.25)!important
}
.hero-center-play.clean-play span{margin-left:5px}
.hero-center-play.clean-play:hover{transform:translate(-50%,-54%) scale(1.09)!important;box-shadow:0 25px 52px color-mix(in srgb,var(--p) 40%,transparent)!important}

.player-center-play{background:radial-gradient(circle at 50% 48%,rgba(11,65,143,.10),rgba(8,18,39,.02) 35%,transparent 58%)!important}
.player-center-play .clean-center-play{
  width:94px!important;height:94px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;padding:0!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--p) 95%,white),color-mix(in srgb,var(--s) 84%,var(--p)))!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:0 22px 52px rgba(4,30,91,.32),inset 0 1px 0 rgba(255,255,255,.72),inset 0 -10px 20px rgba(0,19,65,.13)!important;
  color:#fff!important;position:relative!important
}
.player-center-play .clean-center-play>span{font-size:31px;margin-left:5px;filter:drop-shadow(0 2px 7px rgba(0,0,0,.2))}
.player-center-play .clean-center-play small{position:absolute;top:calc(100% + 8px);margin:0!important;background:rgba(5,22,55,.76);color:white!important;padding:4px 10px;border-radius:999px;font-size:9px;letter-spacing:.16em}
.player-center-play .clean-center-play:hover{transform:translateY(-4px) scale(1.08)!important;box-shadow:0 28px 62px color-mix(in srgb,var(--p) 42%,transparent)!important}

/* Main site logo only: soft premium movement; no clip branding. */
.brandmark{position:relative;overflow:visible!important}
.brandmark .main-logo-animated{
  transform-origin:42% 52%;
  animation:aovMainLogoFloat 4.8s ease-in-out infinite,aovMainLogoGlow 3.6s ease-in-out infinite;
  will-change:transform,filter
}
.brandmark:hover .main-logo-animated{animation-play-state:paused;transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 10px 18px color-mix(in srgb,var(--s) 26%,transparent))}
@keyframes aovMainLogoFloat{0%,100%{transform:translateY(0) rotate(.0deg)}50%{transform:translateY(-3px) rotate(-.35deg)}}
@keyframes aovMainLogoGlow{0%,100%{filter:drop-shadow(0 5px 10px rgba(30,76,146,.10))}50%{filter:drop-shadow(0 10px 20px color-mix(in srgb,var(--s) 28%,transparent))}}

/* One-shot launch sparks, emitted from the main header logo. */
.aov-spark-layer{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}
.aov-load-spark{
  position:absolute;width:var(--sz);height:var(--sz);border-radius:50%;background:var(--spark);
  box-shadow:0 0 9px var(--spark),0 0 18px color-mix(in srgb,var(--spark) 55%,transparent);
  opacity:0;transform:translate(-50%,-50%) scale(.15);
  animation:aovSparkBurst var(--dur) cubic-bezier(.18,.72,.2,1) var(--delay) forwards
}
.aov-load-spark.star{border-radius:1px;transform:translate(-50%,-50%) rotate(45deg) scale(.15)}
.aov-load-spark.star::after{content:"";position:absolute;left:50%;top:50%;width:1px;height:250%;background:var(--spark);transform:translate(-50%,-50%) rotate(45deg);opacity:.7}
@keyframes aovSparkBurst{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}
  12%{opacity:1}
  70%{opacity:.82}
  100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.18)}
}

@media(max-width:760px){
  .plain-play-disc{width:58px;height:58px}.plain-play-disc .play-triangle{font-size:20px}
  .hero-center-play.clean-play{width:66px!important;height:66px!important;font-size:23px!important}
  .player-center-play .clean-center-play{width:76px!important;height:76px!important}.player-center-play .clean-center-play>span{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.brandmark .main-logo-animated,.aov-load-spark{animation:none!important}}

/* =============================================================
   V16.7 STABILIZATION — themes that actually LOOK different
   ============================================================= */
:root,html[data-theme="royal"]{
  --canvas-top:#eaf5ff;--canvas-mid:#f6f9ff;--canvas-bottom:#ffffff;
  --utility-wash:rgba(237,247,255,.92);--dock-wash:rgba(255,255,255,.91);
  --panel-tint:#f7fbff;--player-ring:#1a55bd;--theme-glow:rgba(25,191,229,.16);
}
html[data-theme="cyan"]{
  --bg:#eefcff;--bg2:#f9feff;--surface:rgba(249,254,255,.93);--surface2:#ffffff;--ink:#0b2631;--muted:#56717b;--line:rgba(0,117,143,.12);
  --p:#0f7694;--s:#20d8e8;--a:#9edfea;--warm:#9aa8b0;--good:#1fb69b;--danger:#c5546b;
  --grad:linear-gradient(135deg,#0a6d8b 0%,#11a7c4 40%,#2cdae7 72%,#b5eef5 100%);
  --grad-soft:linear-gradient(135deg,rgba(10,109,139,.12),rgba(44,218,231,.15),rgba(210,248,252,.44));
  --canvas-top:#dffaff;--canvas-mid:#f5fdff;--canvas-bottom:#edf9fb;--utility-wash:rgba(230,252,255,.94);--dock-wash:rgba(249,254,255,.93);--panel-tint:#ecfbff;--player-ring:#0a88a8;--theme-glow:rgba(32,216,232,.22);
  --shadow:0 18px 48px rgba(16,115,135,.10);--shadow2:0 28px 76px rgba(12,105,126,.15);
}
html[data-theme="crimson"]{
  --bg:#fbf6e8;--bg2:#fffdf6;--surface:rgba(255,253,246,.94);--surface2:#fffdf9;--ink:#1d2230;--muted:#756d5c;--line:rgba(142,108,32,.14);
  --p:#173b75;--s:#d8aa35;--a:#f0d98c;--warm:#b47f14;--good:#3ca77d;--danger:#b95765;
  --grad:linear-gradient(135deg,#173b75 0%,#285c9c 37%,#d6a62d 72%,#f4de92 100%);
  --grad-soft:linear-gradient(135deg,rgba(23,59,117,.10),rgba(214,166,45,.18),rgba(255,244,204,.52));
  --canvas-top:#fff2c8;--canvas-mid:#fffaf0;--canvas-bottom:#f6efe1;--utility-wash:rgba(255,249,232,.95);--dock-wash:rgba(255,253,247,.94);--panel-tint:#fff9e8;--player-ring:#b8891f;--theme-glow:rgba(214,166,45,.22);
  --shadow:0 18px 48px rgba(93,72,28,.10);--shadow2:0 28px 76px rgba(86,67,27,.15);
}
html[data-theme="emerald"]{
  --bg:#eaf0f4;--bg2:#f8fbfd;--surface:rgba(248,251,253,.93);--surface2:#ffffff;--ink:#121c28;--muted:#5a6a77;--line:rgba(43,82,105,.13);
  --p:#29465e;--s:#3a9dbd;--a:#6fd5d1;--warm:#ae9566;--good:#37a58b;--danger:#bc6070;
  --grad:linear-gradient(135deg,#263f54 0%,#3b6d88 38%,#43a5bd 70%,#7cd8d1 100%);
  --grad-soft:linear-gradient(135deg,rgba(38,63,84,.13),rgba(67,165,189,.14),rgba(124,216,209,.17));
  --canvas-top:#dfe9ef;--canvas-mid:#f4f8fa;--canvas-bottom:#e8eff3;--utility-wash:rgba(232,240,245,.95);--dock-wash:rgba(248,251,253,.94);--panel-tint:#edf5f7;--player-ring:#386f88;--theme-glow:rgba(67,165,189,.18);
  --shadow:0 18px 48px rgba(43,66,80,.11);--shadow2:0 28px 76px rgba(39,61,75,.16);
}
html[data-theme="ultraviolet"]{
  --bg:#f3efff;--bg2:#fcfaff;--surface:rgba(252,250,255,.94);--surface2:#ffffff;--ink:#19162a;--muted:#6b647c;--line:rgba(91,68,154,.13);
  --p:#504099;--s:#35bed7;--a:#9e72e8;--warm:#c7a255;--good:#42ad92;--danger:#c15c7f;
  --grad:linear-gradient(135deg,#493b90 0%,#7260c8 38%,#9b70e5 66%,#38c1d9 100%);
  --grad-soft:linear-gradient(135deg,rgba(73,59,144,.13),rgba(155,112,229,.16),rgba(56,193,217,.13));
  --canvas-top:#e8ddff;--canvas-mid:#faf7ff;--canvas-bottom:#f0eaff;--utility-wash:rgba(243,237,255,.95);--dock-wash:rgba(252,250,255,.94);--panel-tint:#f6f0ff;--player-ring:#755bc1;--theme-glow:rgba(155,112,229,.20);
  --shadow:0 18px 48px rgba(75,55,127,.10);--shadow2:0 28px 76px rgba(69,51,119,.15);
}
body{
  background:
    radial-gradient(circle at 13% 9%,var(--theme-glow),transparent 23%),
    radial-gradient(circle at 84% 4%,color-mix(in srgb,var(--a) 14%,transparent),transparent 25%),
    linear-gradient(180deg,var(--canvas-top),var(--canvas-mid) 40%,var(--canvas-bottom) 100%)!important;
}
.photo-world::after{background:linear-gradient(180deg,color-mix(in srgb,var(--canvas-top) 58%,transparent),color-mix(in srgb,var(--canvas-bottom) 80%,transparent))!important}
.dock{background:var(--dock-wash)!important;border-color:color-mix(in srgb,var(--p) 8%,#fff)!important}
.utility{background:linear-gradient(180deg,var(--utility-wash),color-mix(in srgb,var(--utility-wash) 64%,transparent),transparent)!important}
.feature-stage,.side-stream,.signal-card,.creator-card,.stream-card,.page-panel,.playerbox,.watch-meta,.recommend,.modal-card,.account-panel,.transmit-panel,.authbox{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--panel-tint) 76%,var(--surface2)))!important}
.playerbox{box-shadow:0 20px 58px color-mix(in srgb,var(--player-ring) 15%,transparent),var(--shadow)!important}

/* Theme controls: five clearly different swatches rather than mystery dots. */
.theme-picker{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:8px!important;padding:7px 9px!important;border-radius:18px!important;min-width:314px;background:color-mix(in srgb,var(--surface) 90%,transparent)!important}
.theme-current{font-size:9px!important;min-width:82px;max-width:82px;line-height:1.15;color:var(--p)!important}
.theme-swatches{display:flex;gap:5px;align-items:center}
.theme-dot{width:38px!important;height:28px!important;border-radius:10px!important;padding:0!important;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.95)!important}
.theme-dot i{position:absolute;inset:0;background:inherit;display:block}
.theme-dot small{display:none}
.theme-dot.active{transform:translateY(-1px) scale(1.05)!important;box-shadow:0 0 0 2px var(--surface2),0 0 0 4px var(--p),0 8px 18px color-mix(in srgb,var(--p) 18%,transparent)!important}
.theme-dot[data-theme="royal"]{background:linear-gradient(135deg,#173b8f,#19bfe5 58%,#7564ff)!important}
.theme-dot[data-theme="cyan"]{background:linear-gradient(135deg,#087694,#28dce8 58%,#d9fbff)!important}
.theme-dot[data-theme="crimson"]{background:linear-gradient(135deg,#173b75,#d7a62f 62%,#ffedb2)!important}
.theme-dot[data-theme="emerald"]{background:linear-gradient(135deg,#253e53,#469fb9 56%,#77d7d1)!important}
.theme-dot[data-theme="ultraviolet"]{background:linear-gradient(135deg,#4b3a93,#986de3 58%,#39c1d8)!important}

/* Activated subscriber ad inventory: clean slots, never over playback. */
.subscriber-ad-banner{position:relative;overflow:hidden}
.subscriber-ad-banner::after{content:none}.subscriber-paid-label{position:absolute;right:16px;bottom:8px;font-size:8px;letter-spacing:.16em;font-weight:1000;color:color-mix(in srgb,var(--p) 56%,var(--muted));pointer-events:none;white-space:nowrap}
.paid-ad-card{transition:.18s ease}.paid-ad-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px color-mix(in srgb,var(--p) 10%,transparent)}

/* Transmit studio improvements. */
.file-input-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.upload-zone{position:relative;transition:.18s ease}.upload-zone:hover,.upload-zone.drag{border-color:color-mix(in srgb,var(--s) 70%,var(--p));box-shadow:0 15px 34px color-mix(in srgb,var(--p) 10%,transparent);transform:translateY(-1px)}
.upload-zone-inner{display:grid;justify-items:center;gap:5px}.upload-choose{display:inline-flex;margin-top:6px;pointer-events:none}
.transmit-filebox{display:none!important;grid-template-columns:minmax(170px,260px) 1fr;gap:14px;align-items:center;padding:12px!important}.transmit-filebox.show{display:grid!important}
.transmit-preview{aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#06101e;box-shadow:0 10px 25px rgba(17,34,64,.12)}.transmit-preview video{width:100%;height:100%;object-fit:contain;background:#06101e}
.transmit-filemeta{display:grid;gap:7px}.transmit-filemeta b{font-size:13px;color:var(--ink)}.transmit-filemeta span{font-size:10px;color:var(--muted)}
.upload-progress-wrap{display:none;margin-top:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(145deg,var(--surface),var(--panel-tint));border:1px solid var(--line)}.upload-progress-wrap.show{display:block}
.upload-stage-row{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.11em;color:var(--p);font-weight:1000}.upload-progress{height:8px;margin-top:8px;border-radius:999px;background:color-mix(in srgb,var(--p) 8%,#fff);overflow:hidden}.upload-progress i{display:block;width:0;height:100%;border-radius:inherit;background:var(--grad);transition:width .24s ease;box-shadow:0 0 14px color-mix(in srgb,var(--s) 38%,transparent)}
.upload-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px}.upload-steps span{padding:6px 7px;border-radius:9px;background:color-mix(in srgb,var(--p) 4%,#fff);font-size:8px;text-align:center;color:var(--muted);font-weight:900;letter-spacing:.06em}.upload-steps span.active{background:var(--grad);color:white}

/* Better responsive theme controls and transmit preview. */
@media(max-width:1040px){.theme-picker{min-width:230px}.theme-current{display:none}.theme-picker{grid-template-columns:1fr}.theme-swatches{justify-content:flex-end}}
@media(max-width:720px){.theme-picker{min-width:0;width:100%;overflow-x:auto}.theme-swatches{justify-content:flex-start}.theme-dot{flex:0 0 38px}.transmit-filebox.show{grid-template-columns:1fr}.transmit-preview{max-width:430px}.upload-steps{grid-template-columns:1fr 1fr}}


/* =========================================================
   V16.8 — GLOBAL TEXT SCALE / CLAMP PASS
   Goal: no giant AI-template typography. Videos stay dominant.
   ========================================================= */

:root{
  --aov-h1-max:38px;
  --aov-h1-min:28px;
  --aov-h2-max:24px;
  --aov-body:13px;
}

/* Page headings: compact, platform-like */
.page-title{
  padding:12px 2px 8px !important;
}
.page-title h1{
  font-size:clamp(var(--aov-h1-min),2.45vw,var(--aov-h1-max)) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
  margin:6px 0 8px !important;
  max-width:980px !important;
  text-wrap:balance;
}
.page-title p{
  max-width:820px !important;
  font-size:13px !important;
  line-height:1.48 !important;
}

/* Hero */
.vision-title{
  font-size:clamp(27px,2.55vw,39px) !important;
  line-height:1 !important;
  max-width:720px !important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.feature-copy p{
  font-size:13px !important;
  line-height:1.48 !important;
  max-width:680px !important;
}
.feature-badge{
  font-size:8px !important;
  letter-spacing:.12em !important;
}
.now-line b{
  font-size:14px !important;
  max-width:520px !important;
}

/* Section / side headings */
.section-title h2{
  font-size:22px !important;
  line-height:1.05 !important;
  letter-spacing:-.02em !important;
}
.section-title p{
  font-size:12px !important;
  line-height:1.45 !important;
}
.stream-head h2{
  font-size:19px !important;
  line-height:1.05 !important;
}

/* Cards: never allow titles/descriptions to take over the card */
.signal-card .copy{
  padding:12px 12px 11px !important;
}
.signal-card .copy b,
.stream-copy b,
.recommend b,
.creator-card b,
.news-panel b{
  font-size:13px !important;
  line-height:1.18 !important;
}
.signal-card .copy b,
.stream-copy b,
.recommend b{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
}
.signal-card .copy small,
.stream-copy small,
.recommend small,
.creator-card small,
.news-panel small{
  font-size:10px !important;
  line-height:1.35 !important;
}
.signal-card .copy small{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
}

/* Watch page */
.watch-meta h1{
  font-size:clamp(24px,2.35vw,34px) !important;
  line-height:1.05 !important;
  letter-spacing:-.025em !important;
  max-width:980px !important;
}
.watch-meta .desc,
.desc{
  font-size:13px !important;
  line-height:1.52 !important;
}

/* Form pages / account / auth */
.authbox .page-title h1,
.account-panel .page-title h1,
.transmit-panel .page-title h1,
.page-panel .page-title h1{
  font-size:clamp(27px,2.3vw,36px) !important;
}
label{
  font-size:9px !important;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select{
  font-size:13px !important;
}

/* Buttons/chips remain compact */
.bubble-btn,
.smart-btn,
.reaction-btn,
.close,
.chip,
.tabbar a,
.like-mini,
.social-action{
  font-size:9px !important;
  letter-spacing:.075em !important;
}

/* Promo / ad typography */
.promo-item{
  font-size:10px !important;
}
.promo-item span{
  font-size:9px !important;
}
.paid-ad-card b{
  font-size:11px !important;
}
.paid-ad-card small{
  font-size:9px !important;
}

/* Stronger truncation for TOP 100 */
.top100-card-copy b{
  font-size:10px !important;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.top100-card-copy small{
  font-size:8px !important;
}

/* Mobile: no "poster headline" effect */
@media(max-width:760px){
  .page-title h1{
    font-size:clamp(26px,7.5vw,34px) !important;
    line-height:1.04 !important;
  }
  .page-title p{
    font-size:12px !important;
  }
  .vision-title{
    font-size:clamp(25px,7.2vw,33px) !important;
  }
  .section-title h2{
    font-size:20px !important;
  }
  .watch-meta h1{
    font-size:clamp(22px,6.5vw,30px) !important;
  }
  .feature-copy p{
    font-size:12px !important;
  }
}

/* Very small phones */
@media(max-width:420px){
  .page-title h1{
    font-size:28px !important;
  }
  .vision-title{
    font-size:27px !important;
  }
  .section-title h2{
    font-size:19px !important;
  }
}


/* =========================================================
   V16.9 — THEME TEXT CONTRAST PASS
   Every theme now carries its own strong/secondary/on-accent
   text tokens so text never disappears into the background.
   ========================================================= */

/* Default / MAT RYXX BLUE */
:root,
html[data-theme="royal"]{
  --text-strong:#0a1220;
  --text-body:#202c40;
  --text-muted:#53627a;
  --text-soft:#68778d;
  --text-accent:#123f93;
  --text-on-accent:#ffffff;
  --text-on-soft-accent:#0e2447;
  --input-text:#101725;
  --placeholder-text:#7a8598;
}

/* POLAR / CYAN */
html[data-theme="cyan"]{
  --text-strong:#071f29;
  --text-body:#173642;
  --text-muted:#486874;
  --text-soft:#607984;
  --text-accent:#075f78;
  --text-on-accent:#ffffff;
  --text-on-soft-accent:#073746;
  --input-text:#0b2631;
  --placeholder-text:#708995;
}

/* GOLD CIRCUIT */
html[data-theme="crimson"]{
  --text-strong:#171b24;
  --text-body:#2f302f;
  --text-muted:#665f50;
  --text-soft:#776f60;
  --text-accent:#173b75;
  --text-on-accent:#ffffff;
  --text-on-soft-accent:#4b3400;
  --input-text:#1d2230;
  --placeholder-text:#8b8375;
}

/* OCEAN STEEL */
html[data-theme="emerald"]{
  --text-strong:#0c1720;
  --text-body:#263743;
  --text-muted:#526672;
  --text-soft:#667985;
  --text-accent:#25455b;
  --text-on-accent:#ffffff;
  --text-on-soft-accent:#173746;
  --input-text:#121c28;
  --placeholder-text:#7a8992;
}

/* VIOLET SIGNAL */
html[data-theme="ultraviolet"]{
  --text-strong:#151122;
  --text-body:#302a42;
  --text-muted:#625b73;
  --text-soft:#756e86;
  --text-accent:#4d398f;
  --text-on-accent:#ffffff;
  --text-on-soft-accent:#2d2356;
  --input-text:#19162a;
  --placeholder-text:#817a90;
}

/* Global text mapping */
body,
.shell,
.page-panel,
.account-panel,
.transmit-panel,
.authbox,
.watch-meta,
.signal-card,
.stream-card,
.recommend,
.creator-card,
.tool-card{
  color:var(--text-body)!important;
}
h1,h2,h3,h4,h5,h6,
.page-title h1,
.section-title h2,
.stream-head h2,
.watch-meta h1,
.signal-card .copy b,
.stream-copy b,
.recommend b,
.creator-card b,
.transmit-filemeta b{
  color:var(--text-strong)!important;
}

/* Secondary copy — darker than before for readability */
.page-title p,
.section-title p,
.signal-card .copy small,
.stream-copy small,
.recommend small,
.creator-card small,
.tool-card small,
.stats,
.desc,
.muted,
.dock-profile small,
.top100-stage-head small,
.top100-card-copy small,
.paid-ad-card,
.paid-ad-card small,
.subscriber-ad-banner span,
.transmit-filemeta span,
.loading,
.empty{
  color:var(--text-muted)!important;
}

/* Accent labels */
.eyebrow,
.section-title a,
.card-open,
.badge,
.card-pill,
.theme-current,
.paid-ad-title b,
.paid-ad-card b,
.upload-stage-row,
.dock-link.active,
.dock-link:hover{
  color:var(--text-accent)!important;
}

/* Navigation and ordinary links */
.dock-link{
  color:var(--text-body)!important;
}
.brandcopy small,
.brandmark small,
.dock-section-title,
.paid-ad-title span{
  color:var(--text-soft)!important;
}

/* Inputs and placeholders */
input,
textarea,
select{
  color:var(--input-text)!important;
}
input::placeholder,
textarea::placeholder{
  color:var(--placeholder-text)!important;
  opacity:1!important;
}

/* Buttons and gradient surfaces: force high contrast */
.search-pill button,
.bubble-btn.primary,
.smart-btn.primary,
.reaction-btn.liked,
.like-mini.liked,
.status-pill,
.upload-steps span.active,
.top100-stage-head span,
.dock-profile .avatar,
.creator-card .avatar{
  color:var(--text-on-accent)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.16);
}

/* Gold theme needed a darker gradient for white text to remain readable */
html[data-theme="crimson"] .search-pill button,
html[data-theme="crimson"] .bubble-btn.primary,
html[data-theme="crimson"] .smart-btn.primary,
html[data-theme="crimson"] .reaction-btn.liked,
html[data-theme="crimson"] .like-mini.liked,
html[data-theme="crimson"] .status-pill,
html[data-theme="crimson"] .upload-steps span.active,
html[data-theme="crimson"] .top100-stage-head span{
  background:linear-gradient(135deg,#15366d 0%,#24538e 46%,#b8891f 100%)!important;
  color:#fff!important;
}

/* Pale theme surfaces: accent text stays dark enough */
html[data-theme="cyan"] .badge,
html[data-theme="cyan"] .card-pill,
html[data-theme="cyan"] .thumbart .caption{
  color:#07566d!important;
}
html[data-theme="crimson"] .badge,
html[data-theme="crimson"] .card-pill,
html[data-theme="crimson"] .thumbart .caption{
  color:#17365f!important;
}
html[data-theme="emerald"] .badge,
html[data-theme="emerald"] .card-pill,
html[data-theme="emerald"] .thumbart .caption{
  color:#25455b!important;
}
html[data-theme="ultraviolet"] .badge,
html[data-theme="ultraviolet"] .card-pill,
html[data-theme="ultraviolet"] .thumbart .caption{
  color:#4b378a!important;
}

/* Theme picker itself must remain readable */
.theme-picker{
  color:var(--text-body)!important;
  border-color:color-mix(in srgb,var(--text-accent) 18%,transparent)!important;
}
.theme-current{
  font-weight:1000!important;
  color:var(--text-accent)!important;
}
.theme-dot{
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--text-strong) 13%,transparent),
    0 5px 11px rgba(31,48,84,.09)!important;
}
.theme-dot.active{
  box-shadow:
    0 0 0 2px var(--surface2),
    0 0 0 4px var(--text-accent),
    0 8px 18px color-mix(in srgb,var(--text-accent) 20%,transparent)!important;
}

/* Error/warning banners retain contrast in every light theme */
.inline-banner.warn{
  color:#684a00!important;
  background:linear-gradient(145deg,#fff4cc,#fffaf0)!important;
  border-color:rgba(126,89,0,.18)!important;
}
.inline-banner.error,
.error{
  color:#8d2347!important;
  background:linear-gradient(145deg,#fff0f4,#fff9fb)!important;
  border-color:rgba(141,35,71,.16)!important;
}

/* Video image overlays remain readable no matter the theme */
.feature-stage .eyebrow,
.feature-stage .vision-title,
.feature-stage .now-line b,
.feature-stage .feature-copy p{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
}
.feature-stage .now-line span{
  color:#a8efff!important;
  text-shadow:0 1px 8px rgba(0,0,0,.5)!important;
}
.duration,
.dur,
.top100-number{
  color:#fff!important;
}

/* Plain controls on light surfaces */
.bubble-btn:not(.primary),
.smart-btn:not(.primary),
.reaction-btn:not(.liked),
.chip,
.tabbar a,
.close,
.like-mini:not(.liked){
  color:var(--text-accent)!important;
}

/* Ensure footer remains visible but discreet */
.footer{
  color:var(--text-soft)!important;
}

/* Slightly stronger focus contrast by theme */
input:focus,
textarea:focus,
select:focus{
  border-color:color-mix(in srgb,var(--text-accent) 64%,transparent)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--text-accent) 13%,transparent)!important;
}


/* =========================================================
   V16.10 — MEDIA CLEANUP
   Remove ugly pastel / placeholder backgrounds behind video
   thumbnails and make media frames look intentional.
   ========================================================= */

/* Generic media frame reset */
.thumb,
.thumbimg,
.thumbart,
.card-thumb,
.card-media,
.video-thumb,
.queue-thumb,
.top100-card .thumb,
.top100-card .thumbimg,
.top100-card .thumbart,
.signal-card .thumb,
.signal-card .thumbimg,
.signal-card .thumbart,
.recommend .thumb,
.recommend .thumbimg,
.recommend .thumbart,
.upnext-card .thumb,
.upnext-card .thumbimg,
.upnext-card .thumbart{
  background:#0c1018!important;
  background-image:none!important;
  overflow:hidden!important;
  border-radius:18px!important;
  position:relative!important;
}

/* Remove decorative pseudo-layers that were bleeding through */
.thumb::before,
.thumb::after,
.thumbimg::before,
.thumbimg::after,
.thumbart::before,
.thumbart::after,
.card-thumb::before,
.card-thumb::after,
.card-media::before,
.card-media::after,
.video-thumb::before,
.video-thumb::after,
.queue-thumb::before,
.queue-thumb::after,
.top100-card .thumb::before,
.top100-card .thumb::after,
.top100-card .thumbimg::before,
.top100-card .thumbimg::after,
.top100-card .thumbart::before,
.top100-card .thumbart::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}

/* Any actual images/video previews should fill cleanly */
.thumb img,
.thumb video,
.thumbimg img,
.thumbimg video,
.thumbart img,
.thumbart video,
.card-thumb img,
.card-thumb video,
.card-media img,
.card-media video,
.video-thumb img,
.video-thumb video,
.queue-thumb img,
.queue-thumb video,
.top100-card img,
.signal-card img,
.recommend img,
.upnext-card img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#0c1018!important;
  border-radius:inherit!important;
}

/* Fallback thumbnail-art blocks become full-bleed, not tiny floating art */
.thumbart{
  min-height:100%!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
.thumbart .caption,
.thumbart b,
.thumbart span{
  position:absolute!important;
  left:10px!important;
  bottom:10px!important;
  z-index:2!important;
  max-width:78%!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#fff!important;
  background:rgba(10,16,28,.72)!important;
  backdrop-filter:blur(6px)!important;
}

/* Top 100 cards: make media top area clean and balanced */
.top100-card{
  overflow:hidden!important;
}
.top100-card .thumb,
.top100-card .thumbimg,
.top100-card .thumbart{
  width:100%!important;
  aspect-ratio:16/9!important;
  min-height:auto!important;
  margin:0!important;
  border-radius:14px 14px 0 0!important;
  box-shadow:none!important;
}
.top100-card .copy,
.top100-card .meta,
.top100-card .body{
  background:transparent!important;
}

/* Up next / queue list: thumbnails should be black-framed, not pastel */
.signal-card .thumb,
.recommend .thumb,
.upnext-card .thumb,
.queue-thumb,
.card-thumb{
  flex:0 0 108px!important;
  width:108px!important;
  height:64px!important;
  border-radius:14px!important;
  box-shadow:0 6px 18px rgba(19,33,60,.10)!important;
}

/* Watch page hero video frame cleanup */
.player-shell,
.watch-stage,
.video-frame,
.embed-shell,
.hero-player{
  background:#0a0f17!important;
}

/* Kill stray pastel blocks caused by empty wrappers */
.media-ghost,
.thumb-bg,
.art-bg,
.poster-bg{
  display:none!important;
}

/* If a card has no real image, use an intentional dark branded fallback */
.thumbart,
.no-thumb,
.fallback-thumb{
  background:
    radial-gradient(circle at 78% 22%, rgba(89,189,255,.18), transparent 30%),
    radial-gradient(circle at 22% 78%, rgba(152,111,255,.14), transparent 34%),
    linear-gradient(160deg, #0b1220 0%, #111a2b 52%, #0d1422 100%)!important;
  color:#dce9ff!important;
}

/* Small ranking bubble remains visible */
.top100-number,
.rank-pill{
  z-index:3!important;
}

/* Prevent inner images from sitting tiny inside transparent containers */
.top100-card picture,
.top100-card figure,
.top100-card a.thumb,
.top100-card .thumbimg,
.top100-card .thumbart,
.signal-card picture,
.recommend picture{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

/* Stronger card border for clean finish */
.top100-card,
.signal-card,
.recommend,
.upnext-card{
  border-color:rgba(30,58,108,.10)!important;
}

/* =========================================================
   V16.11 — VISION PLAYER CORE
   Custom HLS controls, captions, transcript, chapters,
   timeline preview, still capture, theater, PiP, stats.
   ========================================================= */
.videoWrap{position:relative!important;background:#05070c!important;overflow:hidden!important;user-select:none!important;touch-action:manipulation}
.aov-media{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;background:#000!important;border-radius:18px!important}
.vp-center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:13;width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:linear-gradient(145deg,rgba(18,59,139,.93),rgba(19,186,224,.88));color:white;display:grid;place-items:center;box-shadow:0 18px 42px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.3);backdrop-filter:blur(12px);cursor:pointer;transition:.2s ease}
.vp-center-play span{font-size:29px;margin-left:5px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.vp-center-play:hover{transform:translate(-50%,-50%) scale(1.07);box-shadow:0 22px 52px rgba(0,0,0,.38),0 0 32px rgba(28,198,236,.26)}
.vp-center-play.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.92)}
.vp-controls{position:absolute;left:0;right:0;bottom:0;z-index:15;padding:48px 14px 12px;background:linear-gradient(180deg,transparent,rgba(1,4,9,.76) 45%,rgba(1,4,9,.94));opacity:0;transition:.2s ease}
.videoWrap:hover .vp-controls,.videoWrap:focus-within .vp-controls,.vp-controls:hover{opacity:1}
.vp-progress-zone{position:relative;height:26px;display:flex;align-items:center;margin-bottom:2px}
.vp-progress{width:100%;height:4px;appearance:none;background:rgba(255,255,255,.28);border-radius:999px;cursor:pointer;accent-color:#32c6ef;position:relative;z-index:3}
.vp-progress::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#56d7f6;border:2px solid white;box-shadow:0 0 0 3px rgba(55,204,242,.2)}
.vp-progress::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#56d7f6;border:2px solid white}
.vp-chapter-marks{position:absolute;left:0;right:0;top:10px;height:6px;pointer-events:none;z-index:4}
.vp-chapter-marks i{position:absolute;top:0;width:2px;height:6px;background:rgba(255,255,255,.78);box-shadow:0 0 4px rgba(0,0,0,.5)}
.vp-preview{position:absolute;bottom:24px;width:176px;padding:7px;border-radius:12px;background:rgba(5,9,15,.94);color:white;box-shadow:0 14px 38px rgba(0,0,0,.4);pointer-events:none;z-index:20}
.vp-preview-img{width:162px;aspect-ratio:16/9;border-radius:8px;background-size:cover;background-position:center;background-color:#0e1523;margin-bottom:5px}
.vp-preview b{font-size:10px}.vp-preview span{font-size:9px;color:#b8cae2;margin-left:6px}
.vp-main-row{display:flex;align-items:center;gap:7px;min-width:0}
.vp-btn{height:34px;min-width:34px;border:0;border-radius:10px;background:transparent;color:white;font-size:13px;font-weight:900;cursor:pointer;transition:.16s ease;padding:0 9px}
.vp-btn:hover,.vp-btn.active{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.vp-btn:disabled{opacity:.34;cursor:not-allowed;transform:none}
.vp-volume{width:82px;accent-color:#3bc6ef}.vp-time{color:white;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.vp-spacer{flex:1}
.vp-settings-panel{position:absolute;right:12px;bottom:60px;width:280px;padding:14px;border-radius:18px;background:rgba(7,12,22,.96);color:white;box-shadow:0 22px 58px rgba(0,0,0,.45);backdrop-filter:blur(16px);z-index:30}
.vp-setting-row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center;padding:6px 0}.vp-setting-row label,.vp-toggle-row span{font-size:9px;font-weight:1000;letter-spacing:.12em;color:#a8bdd7}.vp-setting-row select{min-width:0;padding:8px 9px;border-radius:10px;background:#131d2c!important;color:white!important;border:1px solid rgba(255,255,255,.1)!important;font-size:11px!important}
.vp-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid rgba(255,255,255,.07)}.vp-toggle-row input{accent-color:#3ac8ef}
.vp-stats-open{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.07);color:white;padding:10px;font-size:9px;font-weight:1000;letter-spacing:.1em;cursor:pointer}
.vp-skip-flash{position:absolute;top:50%;transform:translateY(-50%);left:50%;z-index:25;padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-weight:1000;opacity:0;pointer-events:none;transition:.18s ease}.vp-skip-flash.show{opacity:1}
.vp-next-countdown{position:absolute;inset:0;z-index:35;display:grid;place-content:center;justify-items:center;gap:12px;background:rgba(3,6,12,.76);color:white;backdrop-filter:blur(7px)}.vp-next-countdown b{font-size:18px;letter-spacing:.08em}.vp-next-countdown button{border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);color:white;padding:10px 18px;cursor:pointer}
.player-drawer{max-height:0;overflow:hidden;opacity:0;transition:max-height .28s ease,opacity .2s ease;margin:0 auto;width:min(100%,980px)}.player-drawer.open{max-height:440px;opacity:1;margin-top:12px}.player-drawer>section{display:none;max-height:420px;overflow:auto;border-radius:20px;background:var(--surface2,rgba(255,255,255,.9));border:1px solid var(--line,rgba(16,19,26,.1));box-shadow:var(--shadow);padding:10px}.player-drawer>section.active{display:block}
.vp-transcript-row,.vp-chapter-row{width:100%;display:grid;grid-template-columns:62px 1fr;gap:10px;text-align:left;border:0;background:transparent;border-radius:12px;padding:9px 10px;cursor:pointer;color:var(--text-body,#263142)}.vp-transcript-row:hover,.vp-chapter-row:hover,.vp-transcript-row.active,.vp-chapter-row.active{background:color-mix(in srgb,var(--accent,#2f69d8) 10%,transparent)}.vp-transcript-row span,.vp-chapter-row span{font-size:10px;color:var(--text-accent,#2348a4);font-weight:900}.vp-transcript-row p{margin:0;font-size:12px;line-height:1.42}.vp-chapter-row b{font-size:12px}.vp-empty{padding:18px;color:var(--text-muted,#687588);font-size:12px}
.frame-lab{max-width:900px!important}.frame-lab [data-frame-preview]{width:100%;max-height:62vh;object-fit:contain;background:#05070b;border-radius:18px;box-shadow:0 16px 38px rgba(10,18,36,.18)}.frame-meta{margin:10px 0;color:var(--text-muted);font-size:11px}.frame-actions{display:flex;gap:10px;flex-wrap:wrap}.frame-note{font-size:11px;color:var(--text-muted);line-height:1.45}
.stats-lab{max-width:760px!important}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stats-grid>div{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.58);border:1px solid rgba(20,35,66,.06)}.stats-grid span{font-size:9px;color:var(--text-muted);font-weight:1000;letter-spacing:.08em}.stats-grid b{font-size:10px;overflow-wrap:anywhere}
.player-shortcuts{margin-top:12px;padding:9px 11px;border-radius:12px;background:color-mix(in srgb,var(--accent,#2f69d8) 6%,transparent);color:var(--text-muted);font-size:9px;line-height:1.45}.player-shortcuts b{color:var(--text-accent)}
body.aov-theater .watch-layout{display:block!important}body.aov-theater .watch-layout>section{width:100%!important}body.aov-theater .watch-layout>.side{display:none!important}body.aov-theater .playerbox{width:min(96vw,1600px)!important;max-width:none!important}body.aov-theater .videoWrap{height:min(78vh,900px)!important}
body.aov-no-ambient .watch-backdrop{opacity:0!important}
.playerbox.is-floating{position:fixed!important;right:18px!important;bottom:18px!important;top:auto!important;left:auto!important;width:min(430px,calc(100vw - 28px))!important;max-width:none!important;margin:0!important;z-index:220!important;box-shadow:0 30px 80px rgba(0,0,0,.35)!important;border-radius:22px!important}.playerbox.is-floating .videoWrap{height:auto!important;aspect-ratio:16/9}.playerbox.is-floating .pip-hud{display:flex!important}.pip-hud{position:absolute;right:10px;top:10px;z-index:240;display:none;gap:6px}.pip-mini-btn{width:30px;height:30px;border:0;border-radius:10px;background:rgba(4,8,14,.72);color:white;cursor:pointer}
.youtube-mode iframe{width:100%;height:100%;border:0;border-radius:18px}.yt-preview{width:100%;height:100%;position:relative}.yt-center-play{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}

@media(max-width:760px){
  .vp-controls{opacity:1;padding:34px 8px 8px}.vp-main-row{gap:3px}.vp-btn{min-width:30px;height:32px;padding:0 6px;font-size:11px}.vp-volume{display:none}.vp-time{font-size:9px}.vp-btn.vp-transcript,.vp-btn.vp-chapters{display:none}.vp-settings-panel{right:6px;bottom:52px;width:min(285px,calc(100vw - 28px))}.vp-preview{width:132px}.vp-preview-img{width:118px}.player-shortcuts{display:none}.stats-grid{grid-template-columns:1fr}.stats-grid>div{grid-template-columns:110px 1fr}.vp-center-play{width:66px;height:66px}.vp-center-play span{font-size:24px}
}
@media(max-width:480px){.vp-time{display:none}.vp-btn.vp-still{display:none}.vp-btn{min-width:29px;padding:0 5px}.vp-settings-panel{width:calc(100vw - 22px)}.playerbox.is-floating{right:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important}}


/* V16.12 — PLAYER CORE CONTROL HARDENING */
.vp-btn.vp-skip-back,.vp-btn.vp-skip-forward{font-size:10px;font-weight:1000;letter-spacing:-.04em;min-width:38px}
.vp-btn.active{background:rgba(61,204,242,.22)!important;border-color:rgba(83,220,248,.72)!important;color:#fff!important;box-shadow:0 0 0 1px rgba(83,220,248,.14) inset,0 0 18px rgba(45,194,238,.14)}
.vp-volume{min-width:72px}
@media(max-width:620px){.vp-btn.vp-skip-back,.vp-btn.vp-skip-forward{min-width:33px;padding:0 4px;font-size:9px}}
@media(max-width:420px){.vp-btn.vp-skip-back,.vp-btn.vp-skip-forward{display:none}}

.external-mini{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid color-mix(in srgb,var(--line,#b9c8ee) 75%,transparent);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;opacity:.72}
.social-action[hidden]{display:none!important}

/* V16.15 — account-backed resume progress */
.resume-card .stream-thumb{position:relative}.resume-track{position:absolute;left:8px;right:8px;bottom:7px;height:4px;background:rgba(255,255,255,.35);border-radius:999px;overflow:hidden;backdrop-filter:blur(4px)}.resume-track i{display:block;height:100%;background:linear-gradient(90deg,var(--p),var(--a));border-radius:inherit}.resume-card .stream-copy small{line-height:1.45}


/* === V16.17 COMMENTS === */
.comments-panel{margin:18px 0 8px;padding:22px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:24px;background:color-mix(in srgb,var(--panel) 91%,transparent);box-shadow:0 18px 45px rgba(44,24,95,.08)}
.comments-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.comments-head h2{margin:2px 0 0;font-size:21px}.comments-head h2 span{font-size:.75em;opacity:.62}.comments-head>small{opacity:.62;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.comment-composer{padding:14px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 82%,white 18%);margin-bottom:18px}.comment-composer textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:78px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;line-height:1.45}.comment-composer textarea::placeholder{color:color-mix(in srgb,var(--ink) 45%,transparent)}.comment-composer textarea:disabled{cursor:not-allowed;opacity:.62}.comment-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.comment-compose-foot span{font-size:11px;opacity:.58}
.comments-list{display:grid;gap:10px}.comment-item{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:14px 4px;border-top:1px solid color-mix(in srgb,var(--line) 68%,transparent)}.comment-item:first-child{border-top:0}.comment-avatar{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--p),var(--s));box-shadow:0 8px 18px color-mix(in srgb,var(--p) 22%,transparent)}.comment-body{min-width:0}.comment-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.comment-meta b{font-size:13px}.comment-meta small{font-size:10px;opacity:.58}.comment-body p{margin:7px 0 0;line-height:1.5;font-size:13px;white-space:normal;overflow-wrap:anywhere}.comment-delete{border:0;background:transparent;color:var(--ink);font:800 9px/1 inherit;letter-spacing:.08em;opacity:.5;cursor:pointer;padding:3px 0 3px 7px}.comment-delete:hover{opacity:1;text-decoration:underline}.comment-delete:disabled{opacity:.25;cursor:wait}
@media(max-width:720px){.comments-panel{padding:16px;border-radius:18px}.comments-head{align-items:flex-start}.comments-head>small{display:none}.comment-compose-foot{align-items:flex-end}.comment-compose-foot span{max-width:46%}.comment-item{grid-template-columns:36px 1fr}.comment-avatar{width:34px;height:34px;border-radius:11px}.comment-meta{gap:6px}.comment-meta>div:last-child{white-space:nowrap}}


/* V16.18 — account activity notification badge */
.activity-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:linear-gradient(145deg,var(--p),var(--a));color:#fff;font:1000 9px/1 system-ui,sans-serif;letter-spacing:0;box-shadow:0 6px 14px color-mix(in srgb,var(--p) 22%,transparent)}
.activity-badge[hidden]{display:none!important}.dock-link.active .activity-badge{margin-left:0}.dock-collapsed .activity-badge{position:absolute;right:3px;top:4px;min-width:17px;height:17px;padding:0 4px;font-size:8px}.dock-link{position:relative}


/* V16.19.5 PLAYBACK PERFORMANCE MODE
   While native video is playing, pause decorative GPU work so decode/render gets priority. */
body.aov-video-playing .photo-world,
body.aov-video-playing .watch-backdrop,
body.aov-video-playing .aov-spark-layer{display:none!important}
body.aov-video-playing .main-logo-animated,
body.aov-video-playing .promo-track,
body.aov-video-playing .mr-animated,
body.aov-video-playing .mr-play-disc img,
body.aov-video-playing .player-watermark img,
body.aov-video-playing .stream-thumb::after,
body.aov-video-playing .top100-card-thumb::after{animation:none!important}
body.aov-video-playing .dock,
body.aov-video-playing .utility,
body.aov-video-playing .playerbox,
body.aov-video-playing .watch-meta,
body.aov-video-playing .recommend,
body.aov-video-playing .vp-center-play,
body.aov-video-playing .vp-settings-panel{backdrop-filter:none!important}
body.aov-video-playing .playerbox{transform-style:flat!important}
body.aov-video-playing .playerbox::before,
body.aov-video-playing .playerbox::after{filter:none!important}



/* V16.19.8 — LIVE D1 SPONSOR BANNER */
.subscriber-ad-banner.sponsor-live{
  border-style:solid;
  border-color:color-mix(in srgb,var(--p) 18%,transparent);
  overflow:hidden;
}
.sponsor-banner-link{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  width:100%;
  color:inherit;
  text-decoration:none;
}
.sponsor-banner-link:hover .sponsor-copy b{text-decoration:underline;text-underline-offset:3px}
.sponsor-media{
  width:48px;height:48px;border-radius:16px;overflow:hidden;
  display:grid;place-items:center;background:var(--grad);color:#fff;font-weight:1000;
  box-shadow:0 8px 18px color-mix(in srgb,var(--p) 20%,transparent)
}
.sponsor-media img{width:100%;height:100%;object-fit:cover}
.sponsor-copy{min-width:0}
.subscriber-ad-banner .sponsor-copy .sponsor-label{
  display:block;margin:0 0 3px;font-size:8px;line-height:1.2;
  font-weight:1000;letter-spacing:.13em;color:var(--muted)
}
.subscriber-ad-banner .sponsor-copy b{
  display:block;font-size:13px;letter-spacing:.07em;color:var(--p);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.subscriber-ad-banner .sponsor-copy span{
  display:block;margin-top:4px;font-size:10px;color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.subscriber-ad-banner.sponsor-empty{opacity:.84}
@media(max-width:720px){
  .sponsor-banner-link{grid-template-columns:auto 1fr}
  .sponsor-banner-link .ad-size{display:none}
  .subscriber-ad-banner .sponsor-copy b,
  .subscriber-ad-banner .sponsor-copy span{white-space:normal}
}



/* =========================================================
   V16.19.9 — THEME DRAWER + LOCAL TIME / TEMPERATURE
   ========================================================= */

/* Right side of top utility: compact theme drawer + always-visible local status */
.utility-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  min-width:max-content;
}

.theme-drawer{
  position:relative;
  z-index:125;
}

.theme-trigger{
  height:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px 6px 7px;
  border:1px solid var(--line);
  border-radius:15px;
  background:color-mix(in srgb,var(--surface) 93%,transparent);
  color:var(--ink);
  box-shadow:0 8px 22px rgba(27,44,81,.07);
  cursor:pointer;
  font:inherit;
  transition:.18s ease;
}
.theme-trigger:hover,
.theme-drawer.open .theme-trigger{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--p) 32%,var(--line));
  box-shadow:0 10px 24px color-mix(in srgb,var(--p) 12%,transparent);
}
.theme-trigger span{
  font-size:9px;
  font-weight:1000;
  letter-spacing:.12em;
  color:var(--p);
}
.theme-trigger b{
  font-size:12px;
  color:var(--muted);
  transition:transform .18s ease;
}
.theme-drawer.open .theme-trigger b{transform:rotate(180deg)}

.theme-trigger-swatch{
  width:29px;
  height:27px;
  border-radius:9px;
  border:2px solid rgba(255,255,255,.95);
  box-shadow:0 0 0 1px rgba(31,48,84,.10),0 5px 11px rgba(31,48,84,.09);
}
.theme-trigger[data-theme="royal"] .theme-trigger-swatch{background:linear-gradient(135deg,#173b8f,#19bfe5 58%,#7564ff)}
.theme-trigger[data-theme="cyan"] .theme-trigger-swatch{background:linear-gradient(135deg,#087694,#28dce8 58%,#d9fbff)}
.theme-trigger[data-theme="crimson"] .theme-trigger-swatch{background:linear-gradient(135deg,#173b75,#d7a62f 62%,#ffedb2)}
.theme-trigger[data-theme="emerald"] .theme-trigger-swatch{background:linear-gradient(135deg,#253e53,#469fb9 56%,#77d7d1)}
.theme-trigger[data-theme="ultraviolet"] .theme-trigger-swatch{background:linear-gradient(135deg,#4b3a93,#986de3 58%,#39c1d8)}

.theme-panel{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:285px;
  padding:11px;
  border:1px solid var(--line);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface) 96%,transparent);
  box-shadow:0 18px 45px rgba(21,39,74,.16);
  backdrop-filter:blur(16px);
}
.theme-panel[hidden]{display:none!important}
.theme-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:9px;
}
.theme-panel-head span{
  font-size:8px;
  letter-spacing:.14em;
  color:var(--muted);
  font-weight:1000;
}
.theme-panel-head strong{
  font-size:10px;
  color:var(--p);
  white-space:nowrap;
}
.theme-panel .theme-swatches{
  display:grid!important;
  grid-template-columns:repeat(5,1fr);
  gap:7px!important;
}
.theme-panel .theme-dot{
  width:100%!important;
  height:36px!important;
  border-radius:11px!important;
  margin:0!important;
}
.theme-panel .theme-dot small{display:none!important}

/* Local status is always visible on the far right */
.local-status{
  min-width:132px;
  height:42px;
  display:grid;
  align-content:center;
  justify-items:end;
  padding:5px 11px;
  border:1px solid var(--line);
  border-radius:15px;
  background:color-mix(in srgb,var(--surface) 93%,transparent);
  box-shadow:0 8px 22px rgba(27,44,81,.07);
}
.local-reading{
  display:flex;
  align-items:center;
  gap:6px;
  line-height:1;
}
.local-reading strong{
  font-size:13px;
  letter-spacing:.02em;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
}
.local-reading i{
  font-style:normal;
  color:var(--p);
  opacity:.72;
}
.local-status small{
  display:block;
  max-width:150px;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:7.5px;
  font-weight:900;
  letter-spacing:.08em;
  color:var(--muted);
  text-transform:uppercase;
}

/* Retire the old always-open theme picker layout if any older page markup survives */
.utility > .theme-picker{display:none!important}

@media(max-width:1100px){
  .utility-actions{gap:6px}
  .theme-trigger span{display:none}
  .theme-trigger{padding-right:7px}
  .local-status{min-width:116px}
}
@media(max-width:900px){
  .utility-actions{grid-column:2;grid-row:1;justify-self:end}
}
@media(max-width:720px){
  .utility{
    grid-template-columns:1fr auto!important;
  }
  .search-pill{
    grid-column:1 / -1!important;
    grid-row:2!important;
  }
  .utility-actions{
    grid-column:2!important;
    grid-row:1!important;
  }
  .local-status{
    min-width:104px;
    padding-left:8px;
    padding-right:8px;
  }
  .local-reading strong{font-size:12px}
  .local-status small{max-width:104px}
  .theme-panel{
    position:fixed;
    top:68px;
    right:12px;
    width:min(285px,calc(100vw - 24px));
  }
}
@media(max-width:480px){
  .local-status small{display:none}
  .local-status{min-width:96px}
  .local-reading{gap:4px}
}



/* =========================================================
   V16.19.10 — LANGUAGE DRAWER (LEFT OF THEME)
   EN / FR / ES / RO / AR / IT
   ========================================================= */
.language-drawer{
  position:relative;
  z-index:126;
}
.language-trigger{
  height:42px;
  min-width:57px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:6px 9px;
  border:1px solid var(--line);
  border-radius:15px;
  background:color-mix(in srgb,var(--surface) 93%,transparent);
  color:var(--ink);
  box-shadow:0 8px 22px rgba(27,44,81,.07);
  cursor:pointer;
  font:inherit;
  transition:.18s ease;
}
.language-trigger:hover,
.language-drawer.open .language-trigger{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--p) 32%,var(--line));
  box-shadow:0 10px 24px color-mix(in srgb,var(--p) 12%,transparent);
}
.language-code{
  font-size:10px;
  font-weight:1000;
  letter-spacing:.11em;
  color:var(--p);
}
.language-trigger b{
  font-size:11px;
  color:var(--muted);
  transition:transform .18s ease;
}
.language-drawer.open .language-trigger b{transform:rotate(180deg)}

.language-panel{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:245px;
  padding:11px;
  border:1px solid var(--line);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface) 97%,transparent);
  box-shadow:0 18px 45px rgba(21,39,74,.16);
  backdrop-filter:blur(16px);
}
.language-panel[hidden]{display:none!important}
.language-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:9px;
}
.language-panel-head span{
  font-size:8px;
  letter-spacing:.14em;
  color:var(--muted);
  font-weight:1000;
}
.language-panel-head strong{
  font-size:10px;
  color:var(--p);
}
.language-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.language-option{
  min-height:43px;
  display:grid;
  grid-template-columns:29px 1fr;
  align-items:center;
  gap:7px;
  padding:6px 8px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  color:var(--ink);
  text-align:left;
  cursor:pointer;
  transition:.16s ease;
}
.language-option:hover,
.language-option.active{
  border-color:color-mix(in srgb,var(--p) 35%,var(--line));
  background:color-mix(in srgb,var(--p) 7%,var(--surface));
}
.language-option b{
  display:grid;
  place-items:center;
  height:27px;
  border-radius:8px;
  background:var(--grad);
  color:#fff;
  font-size:9px;
  letter-spacing:.08em;
}
.language-option span{
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
html[data-aov-lang="ar"] [data-i18n],
html[data-aov-lang="ar"] [data-i18n-placeholder],
html[data-aov-lang="ar"] .language-option[data-language="ar"] span{
  direction:rtl;
  unicode-bidi:plaintext;
}

@media(max-width:720px){
  .language-panel{
    position:fixed;
    top:68px;
    right:12px;
    width:min(245px,calc(100vw - 24px));
  }
}
@media(max-width:480px){
  .language-trigger{min-width:50px;padding-left:7px;padding-right:7px}
}



/* =========================================================
   V16.19.11 — SLEEK TOP CONTROL RAIL
   One compact glass rail: [LANG] [PALETTE] [TIME · TEMP / PLACE]
   ========================================================= */
.utility-actions{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  min-width:max-content;
  height:44px;
  padding:4px 6px;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface) 88%,transparent);
  box-shadow:
    0 8px 22px rgba(26,44,76,.07),
    inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(14px);
}

.language-drawer,
.theme-drawer{
  position:relative;
  display:flex;
  align-items:center;
}

.language-trigger,
.theme-trigger{
  height:34px!important;
  min-height:34px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  padding:0 9px!important;
}

.language-trigger{
  min-width:54px!important;
  gap:5px!important;
}

.language-code{
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  color:var(--ink)!important;
}

.language-trigger b,
.theme-trigger b{
  font-size:9px!important;
  color:var(--muted)!important;
  opacity:.76;
}

.theme-trigger{
  min-width:46px!important;
  width:46px!important;
  gap:5px!important;
  justify-content:center!important;
  border-left:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;
  border-radius:0!important;
  padding:0 7px!important;
}

.theme-trigger-swatch{
  width:23px!important;
  height:23px!important;
  border-radius:8px!important;
  border:1.5px solid rgba(255,255,255,.96)!important;
  box-shadow:
    0 0 0 1px rgba(27,46,82,.10),
    0 3px 8px rgba(27,46,82,.10)!important;
}

.language-trigger:hover,
.theme-trigger:hover,
.language-drawer.open .language-trigger,
.theme-drawer.open .theme-trigger{
  background:color-mix(in srgb,var(--p) 7%,transparent)!important;
}

.local-status{
  min-width:128px!important;
  height:34px!important;
  display:grid!important;
  align-content:center!important;
  justify-items:end!important;
  padding:1px 7px 1px 11px!important;
  margin-left:1px;
  border:0!important;
  border-left:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.local-reading{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  line-height:1!important;
}

.local-reading strong{
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  color:var(--ink)!important;
}

.local-reading i{
  font-size:8px!important;
  opacity:.45!important;
}

.local-status small{
  max-width:138px!important;
  margin-top:3px!important;
  font-size:7px!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
  color:var(--muted)!important;
  text-transform:none!important;
}

/* Dropdowns remain rich, but feel attached to the slim rail */
.language-panel,
.theme-panel{
  top:calc(100% + 10px)!important;
  border-radius:16px!important;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
  background:color-mix(in srgb,var(--surface) 97%,transparent)!important;
  box-shadow:0 18px 42px rgba(22,39,70,.15)!important;
}

/* Keep the rail elegant on narrower screens */
@media(max-width:1100px){
  .utility-actions{height:42px}
  .local-status{min-width:116px!important}
}
@media(max-width:720px){
  .utility-actions{
    height:40px;
    padding:3px 5px;
    border-radius:16px;
  }
  .language-trigger,
  .theme-trigger,
  .local-status{height:32px!important}
  .language-trigger{min-width:48px!important;padding:0 7px!important}
  .theme-trigger{width:42px!important;min-width:42px!important}
  .theme-trigger-swatch{width:21px!important;height:21px!important}
  .local-status{min-width:105px!important;padding-left:8px!important;padding-right:5px!important}
  .local-reading strong{font-size:11px!important}
  .local-status small{max-width:105px!important;font-size:6.6px!important}
}
@media(max-width:480px){
  .local-status small{display:none!important}
  .local-status{min-width:82px!important}
}



/* =========================================================
   V16.19.12 — FIXED + USER-COMPACTABLE CHROME
   Side dock stays fixed. Top utility is now fixed too.
   Both sizes persist independently in localStorage.
   ========================================================= */

body{
  --utility-h:86px;
  padding-top:var(--utility-h)!important;
  transition:padding-top .22s ease;
}
body.top-compact{--utility-h:58px}

/* TOP BAR: pinned to viewport */
.utility{
  position:fixed!important;
  top:0!important;
  left:calc(var(--dockw) + 22px)!important;
  right:10px!important;
  width:auto!important;
  margin:0!important;
  z-index:135!important;
  min-height:var(--utility-h);
  box-sizing:border-box;
  padding:10px 12px 8px 4px!important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--bg) 96%,transparent),
      color-mix(in srgb,var(--bg) 88%,transparent))!important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);
  backdrop-filter:blur(18px) saturate(1.05)!important;
  transition:left .26s ease,min-height .22s ease,padding .22s ease!important;
}

/* Full-height top rail */
.utility .brandmark{
  height:54px!important;
  width:230px!important;
  min-width:190px!important;
  transition:width .22s ease,height .22s ease,opacity .18s ease;
}
.utility .search-pill{
  min-height:42px;
}

/* Compact top rail:
   hide the duplicate large header logo, keep search + controls. */
body.top-compact .utility{
  grid-template-columns:minmax(260px,760px) auto!important;
  justify-content:end;
  gap:10px!important;
  padding:5px 8px 5px 4px!important;
}
body.top-compact .utility .brandmark{
  display:none!important;
}
body.top-compact .utility .search-pill{
  min-height:38px;
  padding:4px!important;
}
body.top-compact .utility .search-pill input{
  padding:7px 10px!important;
}
body.top-compact .utility .search-pill button{
  padding:8px 15px!important;
}
body.top-compact .utility-actions{
  height:38px!important;
}
body.top-compact .language-trigger,
body.top-compact .theme-trigger,
body.top-compact .local-status{
  height:30px!important;
}

/* Tiny top compact/expand handle */
.utility-collapse{
  width:28px;
  height:30px;
  flex:none;
  display:grid;
  place-items:center;
  border:0;
  border-left:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  background:transparent;
  color:var(--muted);
  font-size:12px;
  font-weight:1000;
  cursor:pointer;
  border-radius:0 9px 9px 0;
  transition:.16s ease;
}
.utility-collapse:hover{
  color:var(--p);
  background:color-mix(in srgb,var(--p) 7%,transparent);
}

/* SIDE BAR: it was already fixed; make compact mode genuinely compact. */
@media(min-width:901px){
  body.dock-collapsed{--dockw:70px!important}
  body.dock-collapsed .dock{
    width:70px!important;
    left:10px!important;
    top:10px!important;
    bottom:10px!important;
    padding:8px!important;
    gap:6px!important;
    border-radius:22px!important;
  }
  body.dock-collapsed .dock-brand{
    min-height:42px;
    padding:2px 0 7px!important;
  }
  body.dock-collapsed .logo-cube{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    font-size:11px!important;
  }
  body.dock-collapsed .dock-collapse{
    right:4px!important;
    top:4px!important;
    width:22px!important;
    height:22px!important;
    border-radius:8px!important;
    font-size:10px!important;
  }
  body.dock-collapsed .dock nav{gap:3px!important}
  body.dock-collapsed .dock-link{
    min-height:39px!important;
    padding:4px!important;
    border-radius:12px!important;
  }
  body.dock-collapsed .dock-link .ico{
    width:26px!important;
    height:26px!important;
    border-radius:9px!important;
  }
  body.dock-collapsed .dock-profile{
    justify-content:center!important;
    padding:5px!important;
  }
  body.dock-collapsed .dock-profile .avatar{
    width:31px!important;
    height:31px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }
}

/* Because the top rail is fixed, normal content starts below it automatically
   via body padding. Do not add duplicate spacing around the ad banner. */
.subscriber-ad-banner{
  margin-top:6px!important;
}

/* Tablet */
@media(max-width:900px){
  .utility{
    left:100px!important;
    right:8px!important;
  }
  body{
    --utility-h:72px;
  }
  body.top-compact{
    --utility-h:54px;
  }
  body.top-compact .utility{
    grid-template-columns:1fr auto!important;
  }
}

/* Mobile: still fixed, but allows the search row underneath controls. */
@media(max-width:720px){
  body{
    --utility-h:116px;
  }
  body.top-compact{
    --utility-h:96px;
  }
  .utility{
    left:0!important;
    right:0!important;
    min-height:var(--utility-h)!important;
    padding:8px 10px 7px 66px!important;
  }
  body.top-compact .utility{
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  .utility-collapse{
    width:25px;
  }
}



/* =====================================================================
   AI ONE VISION V17.0 — GLOBAL SHELL
   Fixed, compactable chrome + 5 genuinely different visual systems.
   ===================================================================== */

/* ---------- THEME 1: VISION SIGNATURE ---------- */
:root,
html[data-theme="royal"]{
  --bg:#f5f8fc;
  --bg2:#edf6ff;
  --surface:rgba(255,255,255,.91);
  --surface2:#ffffff;
  --ink:#111827;
  --muted:#68758a;
  --line:rgba(28,52,91,.095);
  --p:#17449a;
  --s:#12bddc;
  --a:#7462ef;
  --warm:#d5a329;
  --good:#26a981;
  --danger:#d65d73;
  --grad:linear-gradient(135deg,#153985 0%,#2360cb 38%,#14bfdc 70%,#7961ed 100%);
  --grad-soft:linear-gradient(135deg,rgba(26,78,181,.11),rgba(18,189,220,.10),rgba(116,98,239,.08));
  --shadow:0 12px 34px rgba(28,51,91,.085);
  --shadow2:0 24px 58px rgba(24,45,83,.13);
  --radius:20px;
  --panel-blur:18px;
}

/* ---------- THEME 2: GLASS / macOS-inspired ---------- */
html[data-theme="cyan"]{
  --bg:#f3f3f5;
  --bg2:#fbfbfc;
  --surface:rgba(255,255,255,.68);
  --surface2:rgba(255,255,255,.90);
  --ink:#1b1b1d;
  --muted:#74747b;
  --line:rgba(26,26,31,.09);
  --p:#3a73c9;
  --s:#62bfd2;
  --a:#ae8dd6;
  --warm:#c49b5f;
  --good:#4b9e86;
  --danger:#bf6673;
  --grad:linear-gradient(135deg,#6a94d4,#7cc7d7 48%,#bca0dd);
  --grad-soft:linear-gradient(135deg,rgba(106,148,212,.10),rgba(124,199,215,.08),rgba(188,160,221,.09));
  --shadow:0 12px 34px rgba(25,28,34,.08);
  --shadow2:0 24px 58px rgba(25,28,34,.12);
  --radius:24px;
  --panel-blur:28px;
}

/* ---------- THEME 3: FLUENT / Windows 11-inspired ---------- */
html[data-theme="crimson"]{
  --bg:#f3f7fb;
  --bg2:#e9f2fb;
  --surface:rgba(252,253,255,.88);
  --surface2:#fbfdff;
  --ink:#172033;
  --muted:#68758b;
  --line:rgba(29,70,120,.10);
  --p:#1768b4;
  --s:#43b4df;
  --a:#6f82df;
  --warm:#c69a4b;
  --good:#2fa07e;
  --danger:#ce6475;
  --grad:linear-gradient(135deg,#1769b6,#3b8fd3 50%,#67bce0);
  --grad-soft:linear-gradient(135deg,rgba(23,105,182,.11),rgba(67,180,223,.09),rgba(111,130,223,.07));
  --shadow:0 10px 30px rgba(31,68,110,.09);
  --shadow2:0 22px 52px rgba(28,60,100,.13);
  --radius:14px;
  --panel-blur:20px;
}

/* ---------- THEME 4: LINUX SLATE ---------- */
html[data-theme="emerald"]{
  --bg:#e9eceb;
  --bg2:#f0f2f1;
  --surface:rgba(247,249,248,.91);
  --surface2:#f8faf9;
  --ink:#1e2423;
  --muted:#66706d;
  --line:rgba(41,52,49,.12);
  --p:#3d5650;
  --s:#d87932;
  --a:#738a45;
  --warm:#d87932;
  --good:#648d58;
  --danger:#bd625f;
  --grad:linear-gradient(135deg,#354c48,#526b63 48%,#d97c36);
  --grad-soft:linear-gradient(135deg,rgba(61,86,80,.10),rgba(115,138,69,.08),rgba(216,121,50,.09));
  --shadow:0 10px 30px rgba(35,43,41,.09);
  --shadow2:0 22px 50px rgba(31,39,37,.13);
  --radius:12px;
  --panel-blur:14px;
}

/* ---------- THEME 5: STUDIO DARK ---------- */
html[data-theme="ultraviolet"]{
  --bg:#0e1117;
  --bg2:#151923;
  --surface:rgba(23,28,39,.88);
  --surface2:#181d27;
  --ink:#f3f5fa;
  --muted:#9da7b8;
  --line:rgba(225,232,248,.105);
  --p:#8d8ff7;
  --s:#39c6db;
  --a:#b36de5;
  --warm:#d8ab55;
  --good:#47b995;
  --danger:#df718a;
  --grad:linear-gradient(135deg,#4c55bc,#725ed7 50%,#30bed2);
  --grad-soft:linear-gradient(135deg,rgba(91,99,211,.17),rgba(179,109,229,.12),rgba(48,190,210,.12));
  --shadow:0 14px 38px rgba(0,0,0,.28);
  --shadow2:0 28px 68px rgba(0,0,0,.38);
  --radius:18px;
  --panel-blur:20px;
}

/* ---------- GLOBAL BODY / SURFACES ---------- */
body{
  --dockw:204px;
  --utility-h:64px;
  color:var(--ink)!important;
  background:
    radial-gradient(circle at 14% -8%,color-mix(in srgb,var(--s) 8%,transparent),transparent 28%),
    radial-gradient(circle at 88% -4%,color-mix(in srgb,var(--a) 7%,transparent),transparent 30%),
    var(--bg)!important;
  padding-top:var(--utility-h)!important;
}
body.dock-collapsed{--dockw:68px!important}
body.top-compact{--utility-h:50px!important}

.feature-stage,.side-stream,.signal-card,.creator-card,.stream-card,.tool-card,.page-panel,
.playerbox,.watch-meta,.recommend,.modal-card,.account-panel,.transmit-panel,.authbox,
.subscriber-ad-banner,.top100-stage{
  background:var(--surface)!important;
  border-color:var(--line)!important;
  box-shadow:var(--shadow)!important;
  backdrop-filter:blur(var(--panel-blur)) saturate(1.04);
}

/* Dark theme: remove legacy hard-white gradients. */
html[data-theme="ultraviolet"] body{
  background:
    radial-gradient(circle at 10% -5%,rgba(62,87,180,.17),transparent 30%),
    radial-gradient(circle at 92% 0%,rgba(137,76,189,.13),transparent 28%),
    var(--bg)!important;
}
html[data-theme="ultraviolet"] .dock,
html[data-theme="ultraviolet"] .utility,
html[data-theme="ultraviolet"] .search-pill,
html[data-theme="ultraviolet"] .subscriber-ad-banner,
html[data-theme="ultraviolet"] .language-panel,
html[data-theme="ultraviolet"] .theme-panel,
html[data-theme="ultraviolet"] .language-option,
html[data-theme="ultraviolet"] .bubble-btn,
html[data-theme="ultraviolet"] .smart-btn,
html[data-theme="ultraviolet"] .reaction-btn,
html[data-theme="ultraviolet"] .chip{
  background:color-mix(in srgb,var(--surface2) 94%,transparent)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-theme="ultraviolet"] .search-pill input{color:var(--ink)!important}
html[data-theme="ultraviolet"] .search-pill input::placeholder{color:#8791a3!important}
html[data-theme="ultraviolet"] .photo-world::after{
  background:linear-gradient(180deg,rgba(12,15,21,.64),rgba(14,17,23,.82))!important;
}

/* ---------- FIXED LEFT DOCK ---------- */
.dock{
  left:10px!important;
  top:10px!important;
  bottom:10px!important;
  width:var(--dockw)!important;
  gap:6px!important;
  padding:10px!important;
  border-radius:24px!important;
  background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow2)!important;
  backdrop-filter:blur(var(--panel-blur)) saturate(1.08)!important;
  transition:width .24s ease!important;
}
.dock-brand{
  min-height:48px!important;
  padding:3px 2px 8px!important;
  gap:6px!important;
}
.dock-brand img{
  width:145px!important;
  height:40px!important;
  object-fit:cover!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
.dock-collapse{
  width:27px!important;
  height:27px!important;
  border-radius:9px!important;
  box-shadow:none!important;
  background:color-mix(in srgb,var(--surface2) 88%,transparent)!important;
  border-color:var(--line)!important;
}
.dock nav{gap:2px!important}
.dock-link{
  min-height:39px!important;
  gap:8px!important;
  padding:5px 7px!important;
  border-radius:11px!important;
  font-size:10px!important;
  letter-spacing:.065em!important;
  color:var(--muted)!important;
}
.dock-link .ico{
  width:27px!important;
  height:27px!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--p)!important;
}
.dock-link:hover{
  transform:none!important;
  background:color-mix(in srgb,var(--p) 6%,transparent)!important;
  box-shadow:none!important;
}
.dock-link.active{
  transform:none!important;
  background:color-mix(in srgb,var(--p) 9%,var(--surface2))!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
.dock-link.active::after{
  width:3px!important;
  height:18px!important;
}
.dock-separator{
  height:1px;
  margin:4px 8px;
  background:var(--line);
}
.dock-section-title{
  padding:5px 7px 1px!important;
  font-size:7.5px!important;
  letter-spacing:.16em!important;
}
.dock-showcase{
  gap:3px!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
}
.mini-ad{
  min-height:34px!important;
  display:grid!important;
  grid-template-columns:24px 1fr!important;
  align-items:center!important;
  gap:5px!important;
  padding:4px 6px!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--p) 5%,var(--surface2))!important;
  color:var(--ink)!important;
  box-shadow:none!important;
  border:1px solid var(--line)!important;
}
.mini-ad i{
  display:grid;
  place-items:center;
  width:24px;height:24px;
  border-radius:8px;
  background:var(--grad);
  color:white;
  font-style:normal;
  font-size:9px;
}
.mini-ad strong{
  font-size:8px!important;
  letter-spacing:.055em!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mini-ad small{display:none!important}
.dock-profile{
  min-height:43px!important;
  padding:5px!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--p) 4%,var(--surface2))!important;
  border:1px solid var(--line)!important;
}
.dock-profile .avatar{
  width:31px!important;height:31px!important;border-radius:9px!important;
}
.dock-profile .meta b{font-size:9px!important}
.dock-profile .meta small{font-size:7px!important}

/* Truly useful compact dock */
body.dock-collapsed .dock{
  width:68px!important;
  padding:7px!important;
  border-radius:20px!important;
}
body.dock-collapsed .dock-brand{min-height:38px!important;padding-bottom:5px!important}
body.dock-collapsed .logo-cube{
  width:35px!important;height:35px!important;border-radius:10px!important;font-size:9px!important;
}
body.dock-collapsed .dock-link{
  min-height:35px!important;padding:3px!important;border-radius:10px!important;
}
body.dock-collapsed .dock-link .ico{width:27px!important;height:27px!important}
body.dock-collapsed .dock-separator{margin:3px 10px!important}
body.dock-collapsed .dock-showcase,
body.dock-collapsed .dock-section-title{display:none!important}

/* ---------- FIXED TOP BAR: ONE LOGO TOTAL ---------- */
.utility{
  position:fixed!important;
  top:0!important;
  left:calc(var(--dockw) + 20px)!important;
  right:8px!important;
  width:auto!important;
  min-height:var(--utility-h)!important;
  display:grid!important;
  grid-template-columns:minmax(320px,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:7px 8px!important;
  z-index:135!important;
  border-bottom:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--bg) 89%,transparent)!important;
  backdrop-filter:blur(22px) saturate(1.1)!important;
  transition:left .24s ease,min-height .20s ease,padding .20s ease!important;
}
.utility .brandmark{display:none!important}
.search-pill{
  max-width:780px!important;
  justify-self:center!important;
  min-height:40px!important;
  padding:4px!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--surface2) 88%,transparent)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
.search-pill input{
  padding:7px 10px!important;
  color:var(--ink)!important;
}
.search-pill button{
  border-radius:10px!important;
  padding:8px 14px!important;
  box-shadow:none!important;
}
.utility-actions{
  height:40px!important;
  padding:3px 5px!important;
  gap:0!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--surface2) 78%,transparent)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
.language-trigger,.theme-trigger{
  height:32px!important;
}
.local-status{
  min-width:92px!important;
  height:32px!important;
  padding:0 8px!important;
}
.local-reading strong{font-size:11px!important}
.local-status small{display:none!important}
.utility-collapse{
  width:24px!important;height:28px!important;font-size:10px!important;
}
body.top-compact .utility{
  padding-top:4px!important;
  padding-bottom:4px!important;
}
body.top-compact .search-pill{min-height:34px!important}
body.top-compact .utility-actions{height:34px!important}

/* Theme swatch previews now reflect genuinely different systems. */
.theme-trigger[data-theme="royal"] .theme-trigger-swatch,
.theme-dot[data-theme="royal"] i{background:linear-gradient(135deg,#17449a,#12bddc 58%,#7462ef)!important}
.theme-trigger[data-theme="cyan"] .theme-trigger-swatch,
.theme-dot[data-theme="cyan"] i{background:linear-gradient(135deg,#e7edf8,#79bfd3 55%,#b79bd8)!important}
.theme-trigger[data-theme="crimson"] .theme-trigger-swatch,
.theme-dot[data-theme="crimson"] i{background:linear-gradient(135deg,#1768b4,#43b4df 62%,#dbeeff)!important}
.theme-trigger[data-theme="emerald"] .theme-trigger-swatch,
.theme-dot[data-theme="emerald"] i{background:linear-gradient(135deg,#344b46,#70884d 56%,#d87932)!important}
.theme-trigger[data-theme="ultraviolet"] .theme-trigger-swatch,
.theme-dot[data-theme="ultraviolet"] i{background:linear-gradient(135deg,#161b26,#725ed7 55%,#39c6db)!important}

/* ---------- CONTENT GEOMETRY ---------- */
.shell{
  width:min(1680px,calc(100vw - var(--dockw) - 38px))!important;
  margin-left:calc(var(--dockw) + 20px)!important;
  padding:10px 10px 60px 0!important;
}
.footer{
  margin-left:calc(var(--dockw) + 20px)!important;
  padding-right:12px!important;
}
.section-title{
  margin-top:20px!important;
}
.section-title h2{font-size:clamp(22px,2.1vw,29px)!important}

/* ---------- SPONSOR: CLEAN, QUIET, NO GEO DISPLAY ---------- */
.subscriber-ad-banner{
  min-height:58px!important;
  margin:6px 10px 10px calc(var(--dockw) + 20px)!important;
  padding:7px 12px!important;
  border-radius:16px!important;
  border:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--surface) 92%,transparent)!important;
  box-shadow:none!important;
}
.sponsor-banner-link{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:10px!important;
}
.subscriber-ad-banner .ad-icon,
.sponsor-media{
  width:38px!important;height:38px!important;border-radius:11px!important;font-size:14px!important;
}
.subscriber-ad-banner .sponsor-copy .sponsor-label{
  font-size:7px!important;letter-spacing:.12em!important;margin-bottom:2px!important;
}
.subscriber-ad-banner .sponsor-copy b{
  font-size:11px!important;letter-spacing:.035em!important;
}
.subscriber-ad-banner .sponsor-copy span{
  margin-top:2px!important;font-size:8.5px!important;
}
.subscriber-ad-banner .ad-size{
  min-width:64px;
  text-align:right;
  font-size:7.5px!important;
  letter-spacing:.08em!important;
  color:var(--muted)!important;
}
.subscriber-ad-banner .ad-size span{
  display:inline!important;
  margin:0!important;
  font-size:7px!important;
  color:var(--p)!important;
  font-weight:1000;
}

/* ---------- THEME-SPECIFIC SHAPE LANGUAGE ---------- */
html[data-theme="cyan"] .dock,
html[data-theme="cyan"] .utility,
html[data-theme="cyan"] .signal-card,
html[data-theme="cyan"] .feature-stage,
html[data-theme="cyan"] .side-stream{
  border-radius:24px!important;
}
html[data-theme="crimson"] .dock,
html[data-theme="crimson"] .utility,
html[data-theme="crimson"] .signal-card,
html[data-theme="crimson"] .feature-stage,
html[data-theme="crimson"] .side-stream{
  border-radius:14px!important;
}
html[data-theme="emerald"] .dock,
html[data-theme="emerald"] .utility,
html[data-theme="emerald"] .signal-card,
html[data-theme="emerald"] .feature-stage,
html[data-theme="emerald"] .side-stream{
  border-radius:10px!important;
}
html[data-theme="ultraviolet"] .dock,
html[data-theme="ultraviolet"] .utility{
  border-color:rgba(226,232,248,.09)!important;
}

/* ---------- RESPONSIVE FOUNDATION ---------- */
@media(max-width:1100px){
  body{--dockw:76px}
  .dock{
    width:76px!important;
  }
  .dock-brand img,.dock-link span,.dock-section-title,.dock-showcase,.dock-profile .meta{display:none!important}
  .logo-cube{display:grid!important}
  .dock-link{justify-content:center!important}
  .dock-separator{margin:3px 12px!important}
  .shell{width:calc(100vw - 104px)!important;margin-left:96px!important}
  .utility{left:94px!important}
  .subscriber-ad-banner{margin-left:94px!important}
}
@media(max-width:720px){
  body{--dockw:0px;--utility-h:98px!important}
  body.top-compact{--utility-h:82px!important}
  .utility{
    left:0!important;right:0!important;
    grid-template-columns:1fr auto!important;
    grid-template-rows:auto auto!important;
    padding:6px 8px 6px 64px!important;
  }
  .utility .brandmark{display:none!important}
  .utility-actions{grid-column:2!important;grid-row:1!important}
  .search-pill{grid-column:1/-1!important;grid-row:2!important;max-width:none!important;width:100%!important}
  .shell{width:100%!important;margin-left:0!important;padding:8px 10px 60px!important}
  .subscriber-ad-banner{margin:5px 10px 8px!important}
  .footer{margin-left:0!important;padding:10px!important}
}



/* =========================================================
   AI ONE VISION V17.1 — THEME PALETTE FIX
   Requested palettes: Signature / macOS / Windows 11 / Ubuntu / Morocco x Romania
   ========================================================= */

/* 1) SIGNATURE (MatRyxx spirit without naming it) */
html[data-theme="royal"]{
  --bg:#eef5ff!important;
  --bg2:#f7fbff!important;
  --surface:rgba(255,255,255,.90)!important;
  --surface2:#ffffff!important;
  --ink:#122038!important;
  --muted:#60708b!important;
  --line:rgba(22,44,86,.11)!important;
  --p:#1848a8!important;
  --s:#19bed9!important;
  --a:#8457e6!important;
  --warm:#d7a642!important;
  --good:#28a983!important;
  --danger:#d86578!important;
  --grad:linear-gradient(135deg,#173f9f 0%,#19bed9 55%,#8758e8 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(23,63,159,.10),rgba(25,190,217,.10),rgba(135,88,232,.08))!important;
  --shadow:0 12px 34px rgba(26,48,92,.09)!important;
  --shadow2:0 24px 58px rgba(20,40,81,.14)!important;
}

/* 2) macOS */
html[data-theme="cyan"]{
  --bg:#f4f5f7!important;
  --bg2:#fbfbfc!important;
  --surface:rgba(255,255,255,.72)!important;
  --surface2:rgba(255,255,255,.92)!important;
  --ink:#1f2430!important;
  --muted:#70788a!important;
  --line:rgba(42,51,69,.10)!important;
  --p:#4f82ff!important;
  --s:#6ed1f3!important;
  --a:#ba8cff!important;
  --warm:#ffb35c!important;
  --good:#49c083!important;
  --danger:#ff7088!important;
  --grad:linear-gradient(135deg,#5e8cff 0%,#71d7f5 55%,#c292ff 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(94,140,255,.10),rgba(113,215,245,.08),rgba(194,146,255,.09))!important;
  --shadow:0 12px 34px rgba(34,38,50,.08)!important;
  --shadow2:0 24px 58px rgba(31,36,48,.12)!important;
  --radius:24px!important;
}
html[data-theme="cyan"] body{
  background:radial-gradient(circle at 14% -8%,rgba(110,209,243,.10),transparent 28%),radial-gradient(circle at 88% -4%,rgba(186,140,255,.08),transparent 30%),linear-gradient(180deg,#f6f7f9 0%,#eef2f7 100%)!important;
}

/* 3) Windows 11 */
html[data-theme="crimson"]{
  --bg:#eff5fb!important;
  --bg2:#f7fbff!important;
  --surface:rgba(255,255,255,.86)!important;
  --surface2:#ffffff!important;
  --ink:#12253b!important;
  --muted:#64758a!important;
  --line:rgba(28,74,132,.10)!important;
  --p:#0f6cdd!important;
  --s:#5cbdf8!important;
  --a:#7aa8ff!important;
  --warm:#f3b558!important;
  --good:#2fa46e!important;
  --danger:#db667d!important;
  --grad:linear-gradient(135deg,#0f6cdd 0%,#2899f5 56%,#88c6ff 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(15,108,221,.10),rgba(40,153,245,.08),rgba(136,198,255,.08))!important;
  --shadow:0 12px 34px rgba(24,62,110,.09)!important;
  --shadow2:0 24px 58px rgba(20,54,98,.13)!important;
  --radius:16px!important;
}
html[data-theme="crimson"] body{
  background:radial-gradient(circle at 12% -10%,rgba(92,189,248,.12),transparent 30%),radial-gradient(circle at 85% -8%,rgba(15,108,221,.08),transparent 32%),linear-gradient(180deg,#f6fbff 0%,#edf4fb 100%)!important;
}

/* 4) Ubuntu */
html[data-theme="emerald"]{
  --bg:#f6efe8!important;
  --bg2:#fff8f4!important;
  --surface:rgba(255,248,244,.90)!important;
  --surface2:#fffaf7!important;
  --ink:#2c2230!important;
  --muted:#756774!important;
  --line:rgba(92,52,74,.12)!important;
  --p:#77216f!important;
  --s:#e95420!important;
  --a:#aea79e!important;
  --warm:#e95420!important;
  --good:#5c8a58!important;
  --danger:#c0433e!important;
  --grad:linear-gradient(135deg,#77216f 0%,#a73f83 38%,#e95420 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(119,33,111,.10),rgba(167,63,131,.08),rgba(233,84,32,.08))!important;
  --shadow:0 12px 34px rgba(66,35,61,.09)!important;
  --shadow2:0 24px 58px rgba(60,31,56,.13)!important;
  --radius:16px!important;
}
html[data-theme="emerald"] body{
  background:radial-gradient(circle at 10% -6%,rgba(233,84,32,.09),transparent 26%),radial-gradient(circle at 88% -5%,rgba(119,33,111,.09),transparent 28%),linear-gradient(180deg,#fff8f3 0%,#f6eee6 100%)!important;
}

/* 5) Morocco × Romania */
html[data-theme="ultraviolet"]{
  --bg:#fbf8ef!important;
  --bg2:#fffdf7!important;
  --surface:rgba(255,255,250,.92)!important;
  --surface2:#ffffff!important;
  --ink:#1e2636!important;
  --muted:#6f7685!important;
  --line:rgba(33,56,103,.11)!important;
  --p:#1f54b8!important;    /* Romania blue */
  --s:#cc2436!important;    /* shared red energy */
  --a:#0d8b57!important;    /* Morocco green */
  --warm:#f0c53f!important; /* Romania yellow */
  --good:#1c9b69!important;
  --danger:#c92f40!important;
  --grad:linear-gradient(135deg,#1f54b8 0%,#f0c53f 50%,#cc2436 78%,#0d8b57 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(31,84,184,.10),rgba(240,197,63,.09),rgba(204,36,54,.07),rgba(13,139,87,.07))!important;
  --shadow:0 12px 34px rgba(33,53,90,.09)!important;
  --shadow2:0 24px 58px rgba(26,44,78,.14)!important;
  --radius:18px!important;
}
html[data-theme="ultraviolet"] body{
  background:radial-gradient(circle at 10% -6%,rgba(31,84,184,.10),transparent 28%),radial-gradient(circle at 82% -4%,rgba(204,36,54,.10),transparent 28%),linear-gradient(180deg,#fffef8 0%,#f7f2e6 100%)!important;
}
html[data-theme="ultraviolet"] .dock,
html[data-theme="ultraviolet"] .utility,
html[data-theme="ultraviolet"] .search-pill,
html[data-theme="ultraviolet"] .subscriber-ad-banner,
html[data-theme="ultraviolet"] .language-panel,
html[data-theme="ultraviolet"] .theme-panel,
html[data-theme="ultraviolet"] .language-option,
html[data-theme="ultraviolet"] .bubble-btn,
html[data-theme="ultraviolet"] .smart-btn,
html[data-theme="ultraviolet"] .reaction-btn,
html[data-theme="ultraviolet"] .chip{
  background:color-mix(in srgb,var(--surface2) 96%,transparent)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-theme="ultraviolet"] .search-pill input{color:var(--ink)!important}
html[data-theme="ultraviolet"] .search-pill input::placeholder{color:#798196!important}

/* Swatches / labels */
.theme-dot[data-theme="royal"] i,.theme-trigger[data-theme="royal"] .theme-trigger-swatch{background:linear-gradient(135deg,#173f9f,#19bed9 58%,#8758e8)!important}
.theme-dot[data-theme="cyan"] i,.theme-trigger[data-theme="cyan"] .theme-trigger-swatch{background:linear-gradient(135deg,#5e8cff,#71d7f5 58%,#c292ff)!important}
.theme-dot[data-theme="crimson"] i,.theme-trigger[data-theme="crimson"] .theme-trigger-swatch{background:linear-gradient(135deg,#0f6cdd,#2899f5 58%,#88c6ff)!important}
.theme-dot[data-theme="emerald"] i,.theme-trigger[data-theme="emerald"] .theme-trigger-swatch{background:linear-gradient(135deg,#77216f,#a73f83 48%,#e95420)!important}
.theme-dot[data-theme="ultraviolet"] i,.theme-trigger[data-theme="ultraviolet"] .theme-trigger-swatch{background:linear-gradient(135deg,#1f54b8,#f0c53f 48%,#cc2436 72%,#0d8b57)!important}

/* Slight readability polish across cards with lighter themes */
html[data-theme="cyan"] .signal-card,html[data-theme="crimson"] .signal-card,html[data-theme="emerald"] .signal-card,html[data-theme="ultraviolet"] .signal-card,
html[data-theme="cyan"] .stream-card,html[data-theme="crimson"] .stream-card,html[data-theme="emerald"] .stream-card,html[data-theme="ultraviolet"] .stream-card{
  border-color:var(--line)!important;
  background:color-mix(in srgb,var(--surface2) 94%,transparent)!important;
}

/* Accent buttons per theme */
html[data-theme="cyan"] .search-pill button,html[data-theme="cyan"] .bubble-btn.primary,html[data-theme="cyan"] .smart-btn.primary{background:linear-gradient(135deg,#5e8cff,#71d7f5)!important;color:#fff!important}
html[data-theme="crimson"] .search-pill button,html[data-theme="crimson"] .bubble-btn.primary,html[data-theme="crimson"] .smart-btn.primary{background:linear-gradient(135deg,#0f6cdd,#2899f5)!important;color:#fff!important}
html[data-theme="emerald"] .search-pill button,html[data-theme="emerald"] .bubble-btn.primary,html[data-theme="emerald"] .smart-btn.primary{background:linear-gradient(135deg,#77216f,#e95420)!important;color:#fff!important}
html[data-theme="ultraviolet"] .search-pill button,html[data-theme="ultraviolet"] .bubble-btn.primary,html[data-theme="ultraviolet"] .smart-btn.primary{background:linear-gradient(135deg,#1f54b8,#cc2436)!important;color:#fff!important}


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Manrope:wght@500;700;800&family=Space+Grotesk:wght@500;700;700&display=swap');

/* === AOV V17.2 VISUAL HOTFIX — paste at end of vision-live-v17.1.css === */
:root{
  --font-ui:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-display:'Space Grotesk','Inter',system-ui,sans-serif;
  --font-mono-ui:'Manrope','Inter',system-ui,sans-serif;
}
html,body,
button,input,select,textarea{font-family:var(--font-ui)!important}
h1,h2,h3,.vision-title,.page-title h1,.section-title h2,.dock-link span,.stream-card b,.signal-card .copy b,.top100-card-copy b{font-family:var(--font-display)!important}
.local-reading,.vp-time,.vp-chip,.vp-chip-mini,.status-pill,.badge,.chip,.sponsor-label,.eyebrow,.duration,.dur{font-family:var(--font-mono-ui)!important}

/* THE 5 REAL THEMES */
html[data-theme="royal"]{
  --bg:#09111f!important;--bg2:#0d1830!important;--surface:rgba(14,23,42,.90)!important;--surface2:#101a30!important;
  --ink:#eff6ff!important;--muted:#9db1ca!important;--line:rgba(113,159,222,.18)!important;
  --p:#22c7f2!important;--s:#7567ff!important;--warm:#14b8d4!important;
  --grad:linear-gradient(135deg,#1fd5ff 0%,#4285ff 42%,#7a5cff 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(31,213,255,.18),rgba(122,92,255,.16))!important;
  --shadow:0 18px 40px rgba(0,0,0,.28)!important;--shadow2:0 26px 60px rgba(0,0,0,.34)!important;
}
html[data-theme="cyan"]{
  --bg:#eef2f7!important;--bg2:#fbfdff!important;--surface:rgba(255,255,255,.78)!important;--surface2:rgba(255,255,255,.92)!important;
  --ink:#1b2430!important;--muted:#66758a!important;--line:rgba(76,101,136,.14)!important;
  --p:#6f7cff!important;--s:#6ec5ff!important;--warm:#c9a8ff!important;
  --grad:linear-gradient(135deg,#e8edf8 0%,#c4d3e6 36%,#9ccff3 68%,#c9b3ff 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(185,205,231,.28),rgba(201,179,255,.22))!important;
  --shadow:0 20px 44px rgba(86,109,146,.14)!important;--shadow2:0 28px 64px rgba(86,109,146,.18)!important;
}
html[data-theme="crimson"]{
  --bg:#edf4ff!important;--bg2:#fbfdff!important;--surface:rgba(255,255,255,.88)!important;--surface2:#ffffff!important;
  --ink:#172133!important;--muted:#5c6b82!important;--line:rgba(58,109,181,.13)!important;
  --p:#0f6cbd!important;--s:#3bb6f2!important;--warm:#8fd8ff!important;
  --grad:linear-gradient(135deg,#0f6cbd 0%,#2a8de0 44%,#48c4f6 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(15,108,189,.12),rgba(72,196,246,.13))!important;
  --shadow:0 16px 36px rgba(41,99,179,.13)!important;--shadow2:0 24px 58px rgba(41,99,179,.16)!important;
}
html[data-theme="emerald"]{
  --bg:#2b0f1c!important;--bg2:#43122d!important;--surface:rgba(56,18,37,.90)!important;--surface2:#52223b!important;
  --ink:#fff5ef!important;--muted:#d6b4b0!important;--line:rgba(255,179,117,.16)!important;
  --p:#e95420!important;--s:#ffb154!important;--warm:#77216f!important;
  --grad:linear-gradient(135deg,#77216f 0%,#a63d4b 30%,#e95420 72%,#ffb154 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(233,84,32,.18),rgba(255,177,84,.15))!important;
  --shadow:0 18px 44px rgba(0,0,0,.32)!important;--shadow2:0 28px 62px rgba(0,0,0,.38)!important;
}
html[data-theme="ultraviolet"]{
  --bg:#faf7f1!important;--bg2:#fffdf9!important;--surface:rgba(255,251,244,.90)!important;--surface2:#fffdf9!important;
  --ink:#1a2235!important;--muted:#696c78!important;--line:rgba(25,62,127,.12)!important;
  --p:#0b5fb8!important;--s:#c1272d!important;--warm:#c8a038!important;
  --grad:linear-gradient(135deg,#0b5fb8 0%,#0d7d6e 26%,#c1272d 66%,#f0c541 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(11,95,184,.10),rgba(193,39,45,.11))!important;
  --shadow:0 18px 40px rgba(55,67,96,.10)!important;--shadow2:0 24px 60px rgba(55,67,96,.13)!important;
}

html[data-theme] body{
  background:
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--p) 16%,transparent),transparent 28%),
    radial-gradient(circle at 92% 6%,color-mix(in srgb,var(--s) 16%,transparent),transparent 24%),
    linear-gradient(180deg,var(--bg),var(--bg2))!important;
  color:var(--ink)!important;
}

/* Global readability */
body,.shell,.page-panel,.account-panel,.watch-meta,.recommend,.modal-card,.authbox,.transmit-panel,
.signal-card,.stream-card,.creator-card,.feature-stage,.side-stream,.top100-stage,.paid-ad-inventory,.dock,.utility,.search-pill,
.theme-panel,.language-panel,.subscriber-ad-banner,.tool-card,.top100-card,.playerbox{
  color:var(--ink)!important;
}
.muted,.page-title p,.signal-card .copy small,.stream-card small,.top100-card-copy small,.dock-section-title,.footer,.feature-copy p{color:var(--muted)!important}
.page-title h1,.vision-title{font-size:clamp(2.05rem,3vw,3.25rem)!important;line-height:1.03!important;letter-spacing:-.03em!important;font-weight:800!important}
.section-title h2{font-size:clamp(1.32rem,1.8vw,1.7rem)!important;line-height:1.08!important;font-weight:800!important}
.signal-card .copy b,.stream-card b,.creator-card b,.top100-card-copy b{font-size:15px!important;line-height:1.2!important;color:var(--ink)!important}
.signal-card .copy small,.stream-card small,.creator-card small,.top100-card-copy small{font-size:12px!important;line-height:1.4!important;opacity:1!important}
.dock-link span{font-size:14px!important;font-weight:700!important;letter-spacing:.04em!important}
.footer, .eyebrow, .sponsor-label{letter-spacing:.11em!important}

/* Panels */
.dock,.utility,.search-pill,.feature-stage,.side-stream,.signal-card,.creator-card,.stream-card,.page-panel,.playerbox,
.watch-meta,.recommend,.modal-card,.account-panel,.transmit-panel,.authbox,.theme-panel,.language-panel,.top100-card,.subscriber-ad-banner{
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow)!important;
  backdrop-filter:blur(18px) saturate(1.1)!important;
}
.search-pill input{color:var(--ink)!important;font-size:15px!important;font-weight:600!important}
.search-pill input::placeholder{color:color-mix(in srgb,var(--muted) 92%,white)!important}
.dock-link:hover,.dock-link.active,.chip:hover,.language-option:hover,.theme-dot:hover,.stream-card:hover,.signal-card:hover,.creator-card:hover,.top100-card:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 16px 34px color-mix(in srgb,var(--p) 14%,transparent)!important;
}

/* One local status only; nothing weather-ish inside ads */
.subscriber-ad-banner .local-status,
.subscriber-ad-banner [data-local-time],
.subscriber-ad-banner [data-local-temp],
.subscriber-ad-banner [data-local-place],
.subscriber-ad-banner .weather,
.subscriber-ad-banner .local-reading{display:none!important}
.local-status{
  min-width:132px!important;justify-self:end!important;padding:10px 14px!important;border-radius:16px!important;
  background:color-mix(in srgb,var(--surface2) 92%,transparent)!important;border:1px solid var(--line)!important;
}
.local-reading{display:flex!important;align-items:center!important;gap:8px!important;font-size:13px!important;font-weight:800!important;color:var(--ink)!important}
.local-reading i{opacity:.45!important}

/* Better theme/language controls */
.language-trigger,.theme-trigger{
  min-height:44px!important;border-radius:14px!important;background:color-mix(in srgb,var(--surface2) 92%,transparent)!important;
  border:1px solid var(--line)!important;color:var(--ink)!important;box-shadow:none!important
}
.theme-trigger-swatch,.theme-dot{box-shadow:none!important}
.theme-panel,.language-panel{padding:14px!important;border-radius:20px!important}
.theme-panel-head strong,.language-panel-head strong,.language-option span,.language-code{color:var(--ink)!important}
.theme-panel-head span,.language-panel-head span{color:var(--muted)!important}

/* Sponsor banner clean */
.subscriber-ad-banner{min-height:76px!important;padding:14px 16px!important;border-radius:20px!important}
.subscriber-ad-banner b{font-size:21px!important;color:var(--ink)!important}
.subscriber-ad-banner span{font-size:14px!important;color:var(--muted)!important}
.subscriber-ad-banner .ad-size,
.subscriber-ad-banner .sponsor-copy small{font-size:11px!important;font-weight:800!important;color:var(--muted)!important}

/* Feed cards easier to read */
.stream-card{grid-template-columns:118px 1fr!important;gap:12px!important;padding:11px!important}
.stream-thumb{border-radius:14px!important}
.signal-card .copy,.stream-card .copy,.top100-card-copy{padding:14px!important}
.reaction-btn,.bubble-btn,.smart-btn,.chip,.status-pill,.card-pill,.badge{font-weight:800!important;letter-spacing:.04em!important}

/* New player look */
.playerbox{
  border-radius:28px!important;padding:14px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 92%,transparent),color-mix(in srgb,var(--surface) 98%,transparent))!important;
  box-shadow:0 24px 60px color-mix(in srgb,var(--p) 14%,transparent)!important;
}
.videoWrap{
  border-radius:22px!important;padding:6px!important;
  background:linear-gradient(145deg,#08111f,#12203a 58%,#182f58 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 18px 50px rgba(0,0,0,.25)!important;
}
.videoWrap video,.videoWrap iframe,.aov-media{border-radius:18px!important}
.vp-controls{
  display:grid!important;gap:10px!important;margin-top:12px!important;padding:14px!important;border-radius:20px!important;
  background:color-mix(in srgb,var(--surface2) 84%,transparent)!important;border:1px solid var(--line)!important
}
.vp-progress{width:100%!important;height:7px!important;accent-color:var(--p)!important;cursor:pointer!important}
.vp-controls button,
.vp-controls select,
.vp-controls input[type="range"],
.vp-controls .vp-settings-toggle,
.vp-controls .vp-play,
.vp-controls .vp-mute,
.vp-controls .vp-full,
.vp-controls .vp-pip,
.vp-controls .vp-cc,
.vp-controls .vp-transcript,
.vp-controls .vp-chapters{
  border-radius:14px!important;border:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--surface2) 90%,transparent)!important;color:var(--ink)!important;
  min-height:40px!important;font-size:14px!important;font-weight:800!important
}
.vp-controls button:hover,.vp-controls select:hover{box-shadow:0 10px 24px color-mix(in srgb,var(--p) 14%,transparent)!important;transform:translateY(-1px)!important}
.vp-time{font-size:14px!important;font-weight:800!important;color:var(--ink)!important}
.vp-settings-panel,.player-drawer>section{
  background:color-mix(in srgb,var(--surface2) 94%,transparent)!important;border:1px solid var(--line)!important;border-radius:18px!important;color:var(--ink)!important
}
.vp-setting-row label,.player-drawer h3,.player-drawer strong{color:var(--ink)!important;font-weight:800!important}
.vp-setting-row select,.player-drawer button,.player-drawer a{background:color-mix(in srgb,var(--surface) 92%,transparent)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:12px!important}

/* Dark themes contrast fix */
html[data-theme="royal"] .dock-link,
html[data-theme="royal"] .chip,
html[data-theme="royal"] .stream-card,
html[data-theme="royal"] .signal-card,
html[data-theme="royal"] .playerbox,
html[data-theme="emerald"] .dock-link,
html[data-theme="emerald"] .chip,
html[data-theme="emerald"] .stream-card,
html[data-theme="emerald"] .signal-card,
html[data-theme="emerald"] .playerbox{
  color:var(--ink)!important
}
html[data-theme="royal"] .muted,
html[data-theme="royal"] .page-title p,
html[data-theme="royal"] .signal-card .copy small,
html[data-theme="royal"] .stream-card small,
html[data-theme="emerald"] .muted,
html[data-theme="emerald"] .page-title p,
html[data-theme="emerald"] .signal-card .copy small,
html[data-theme="emerald"] .stream-card small{color:var(--muted)!important}

/* Fixed + compact */
.dock{width:186px!important}.dock-collapsed .dock{width:88px!important}
.utility{min-height:74px!important;padding:12px 16px!important;grid-template-columns:minmax(160px,240px) 1fr auto!important;gap:16px!important}
.brandmark img{height:42px!important;width:auto!important}
body.top-compact .utility{min-height:62px!important}

@media (max-width: 900px){
  .utility{grid-template-columns:1fr auto!important;gap:10px!important}
  .local-status{min-width:auto!important;padding:10px 12px!important}
  .subscriber-ad-banner b{font-size:17px!important}
}
@media (max-width: 720px){
  .dock{width:min(286px,84vw)!important}
  .page-title h1{font-size:clamp(1.7rem,7vw,2.4rem)!important}
  .stream-card{grid-template-columns:96px 1fr!important}
  .local-status{font-size:12px!important}
}



/* =========================================================
   AOV V17.3 — PALETTE + HOVER CLEANUP
   ========================================================= */

/* COLOR 1 — signature cool */
html[data-theme="royal"]{
  --bg:#0c1424!important;
  --bg2:#111d33!important;
  --surface:rgba(17,28,48,.92)!important;
  --surface2:#16233d!important;
  --ink:#f3f8ff!important;
  --muted:#adc0d8!important;
  --line:rgba(112,172,229,.18)!important;
  --p:#37c8ea!important;
  --s:#597cf8!important;
  --a:#8068e8!important;
  --warm:#6bd8dc!important;
  --grad:linear-gradient(135deg,#2bc6e9 0%,#4f7af5 50%,#7c68e8 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(43,198,233,.16),rgba(79,122,245,.12),rgba(124,104,232,.12))!important;
}

/* COLOR 2 — soft glass */
html[data-theme="cyan"]{
  --bg:#f2f4f7!important;
  --bg2:#fbfcfd!important;
  --surface:rgba(255,255,255,.80)!important;
  --surface2:#ffffff!important;
  --ink:#1b2432!important;
  --muted:#667387!important;
  --line:rgba(67,86,112,.12)!important;
  --p:#6f7de8!important;
  --s:#7ac7e8!important;
  --a:#ad98d8!important;
  --warm:#d5b56f!important;
  --grad:linear-gradient(135deg,#7cc9e9 0%,#7f8eed 48%,#b39bda 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(124,201,233,.12),rgba(127,142,237,.09),rgba(179,155,218,.10))!important;
}

/* COLOR 3 — crisp cool */
html[data-theme="crimson"]{
  --bg:#edf4fb!important;
  --bg2:#f9fbfd!important;
  --surface:rgba(255,255,255,.90)!important;
  --surface2:#ffffff!important;
  --ink:#172338!important;
  --muted:#5d6d82!important;
  --line:rgba(48,95,150,.12)!important;
  --p:#216fbd!important;
  --s:#4da8e6!important;
  --a:#85b9ef!important;
  --warm:#d0aa64!important;
  --grad:linear-gradient(135deg,#216fbd 0%,#3e95d9 52%,#86bee9 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(33,111,189,.11),rgba(62,149,217,.09),rgba(134,190,233,.08))!important;
}

/* COLOR 4 — aubergine + copper */
html[data-theme="emerald"]{
  --bg:#21131d!important;
  --bg2:#2d1827!important;
  --surface:rgba(49,27,43,.93)!important;
  --surface2:#3a2033!important;
  --ink:#fff7ef!important;
  --muted:#d9beb0!important;
  --line:rgba(229,152,95,.16)!important;
  --p:#dc7a3d!important;
  --s:#b95f69!important;
  --a:#744866!important;
  --warm:#e6a35d!important;
  --grad:linear-gradient(135deg,#6e365e 0%,#b25d66 42%,#dc7a3d 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(110,54,94,.16),rgba(178,93,102,.12),rgba(220,122,61,.13))!important;
}

/* COLOR 5 — Morocco × Romania, restrained and premium */
html[data-theme="ultraviolet"]{
  --bg:#f8f3e8!important;
  --bg2:#fffaf1!important;
  --surface:rgba(255,251,243,.94)!important;
  --surface2:#fffdf8!important;
  --ink:#19243a!important;
  --muted:#6d6a68!important;
  --line:rgba(31,73,135,.12)!important;
  --p:#174b9f!important;      /* Romanian blue */
  --s:#ad2430!important;      /* Moroccan red */
  --a:#d2a638!important;      /* warm gold */
  --warm:#d2a638!important;
  --good:#5a8d76!important;
  --grad:linear-gradient(135deg,#174b9f 0%,#355fa5 36%,#d2a638 58%,#ad2430 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(23,75,159,.10),rgba(210,166,56,.09),rgba(173,36,48,.08))!important;
}
html[data-theme="ultraviolet"] body{
  background:
    radial-gradient(circle at 8% -4%,rgba(23,75,159,.10),transparent 28%),
    radial-gradient(circle at 92% 2%,rgba(173,36,48,.08),transparent 25%),
    linear-gradient(180deg,#fffdf7 0%,#f7f0e4 100%)!important;
}

/* Keep dark palettes readable */
html[data-theme="royal"] .dock,
html[data-theme="royal"] .utility,
html[data-theme="royal"] .signal-card,
html[data-theme="royal"] .stream-card,
html[data-theme="royal"] .page-panel,
html[data-theme="royal"] .playerbox,
html[data-theme="emerald"] .dock,
html[data-theme="emerald"] .utility,
html[data-theme="emerald"] .signal-card,
html[data-theme="emerald"] .stream-card,
html[data-theme="emerald"] .page-panel,
html[data-theme="emerald"] .playerbox{
  color:var(--ink)!important;
}
html[data-theme="royal"] .muted,
html[data-theme="royal"] .signal-card small,
html[data-theme="royal"] .stream-card small,
html[data-theme="emerald"] .muted,
html[data-theme="emerald"] .signal-card small,
html[data-theme="emerald"] .stream-card small{
  color:var(--muted)!important;
}

/* Theme swatches only — no platform names */
.theme-trigger[data-theme="royal"] .theme-trigger-swatch,.theme-dot[data-theme="royal"] i{background:linear-gradient(135deg,#2bc6e9,#4f7af5 52%,#7c68e8)!important}
.theme-trigger[data-theme="cyan"] .theme-trigger-swatch,.theme-dot[data-theme="cyan"] i{background:linear-gradient(135deg,#dfe6ee,#7cc9e9 52%,#b39bda)!important}
.theme-trigger[data-theme="crimson"] .theme-trigger-swatch,.theme-dot[data-theme="crimson"] i{background:linear-gradient(135deg,#216fbd,#4da8e6 58%,#d9efff)!important}
.theme-trigger[data-theme="emerald"] .theme-trigger-swatch,.theme-dot[data-theme="emerald"] i{background:linear-gradient(135deg,#6e365e,#b25d66 48%,#dc7a3d)!important}
.theme-trigger[data-theme="ultraviolet"] .theme-trigger-swatch,.theme-dot[data-theme="ultraviolet"] i{background:linear-gradient(135deg,#174b9f 0%,#d2a638 55%,#ad2430 100%)!important}

/* CLEAN CARD HOVER — kill the giant white bubbles */
.thumb-quick-actions{
  left:auto!important;
  right:10px!important;
  bottom:10px!important;
  width:auto!important;
  display:flex!important;
  gap:3px!important;
  justify-content:flex-end!important;
  padding:4px!important;
  border-radius:12px!important;
  background:rgba(9,16,28,.68)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(10px) saturate(1.1)!important;
  opacity:0!important;
  transform:translateY(5px)!important;
  pointer-events:none!important;
}
.signal-card:hover .thumb-quick-actions{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
.thumb-quick-actions button{
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  min-height:29px!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  font-size:13px!important;
  line-height:1!important;
}
.thumb-quick-actions button:hover{
  transform:none!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.thumb-quick-actions button.liked{background:rgba(50,132,235,.82)!important;color:#fff!important}
.thumb-quick-actions button.unliked{background:rgba(202,76,90,.78)!important;color:#fff!important}
.thumb-quick-actions button.saved{background:rgba(205,159,45,.82)!important;color:#fff!important}
.signal-card:hover .duration{opacity:1!important}
.signal-card:hover .mr-watermark{opacity:.72!important}
.signal-card:hover .thumb img{transform:scale(1.022)!important}
.signal-card:hover{transform:translateY(-2px)!important}

/* Make the play treatment less bulky on cards */
.mr-play-disc,.plain-play-disc{
  width:62px!important;
  height:50px!important;
  border-radius:16px!important;
  padding:6px 9px!important;
  background:rgba(8,15,27,.58)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(8px)!important;
}
.mr-play-disc img{width:48px!important;height:26px!important}
.mr-play-disc span{display:none!important}
.signal-card:hover .mr-play-disc,.signal-card:hover .plain-play-disc{
  transform:translateY(-1px) scale(1.03)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
}

@media(max-width:760px){
  .thumb-quick-actions{
    opacity:1!important;
    transform:none!important;
    right:8px!important;
    bottom:8px!important;
  }
  .thumb-quick-actions button{width:28px!important;height:28px!important}
}


/* =========================================================
   AOV V17.4 — NORD + DRACULA + SEARCH BAR FIX
   ========================================================= */

/* THEME 1 = NORD */
html[data-theme="royal"]{
  --bg:#2e3440!important;
  --bg2:#3b4252!important;
  --surface:rgba(59,66,82,.94)!important;
  --surface2:#434c5e!important;
  --ink:#eceff4!important;
  --muted:#d8dee9!important;
  --line:rgba(216,222,233,.16)!important;
  --p:#88c0d0!important;
  --s:#81a1c1!important;
  --a:#8fbcbb!important;
  --warm:#ebcb8b!important;
  --good:#a3be8c!important;
  --danger:#bf616a!important;
  --grad:linear-gradient(135deg,#8fbcbb 0%,#88c0d0 34%,#81a1c1 68%,#5e81ac 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(143,188,187,.16),rgba(94,129,172,.15))!important;
  --shadow:0 18px 42px rgba(12,16,24,.28)!important;
  --shadow2:0 28px 64px rgba(12,16,24,.34)!important;
}
html[data-theme="royal"] body{
  background:
    radial-gradient(circle at 10% -4%,rgba(136,192,208,.12),transparent 28%),
    radial-gradient(circle at 92% 2%,rgba(94,129,172,.12),transparent 26%),
    linear-gradient(180deg,#2e3440 0%,#343b49 100%)!important;
}

/* THEME 5 = DRACULA */
html[data-theme="ultraviolet"]{
  --bg:#282a36!important;
  --bg2:#21222c!important;
  --surface:rgba(68,71,90,.92)!important;
  --surface2:#343746!important;
  --ink:#f8f8f2!important;
  --muted:#c8cad3!important;
  --line:rgba(248,248,242,.13)!important;
  --p:#bd93f9!important;
  --s:#8be9fd!important;
  --a:#ff79c6!important;
  --warm:#ffb86c!important;
  --good:#50fa7b!important;
  --danger:#ff5555!important;
  --grad:linear-gradient(135deg,#8be9fd 0%,#bd93f9 42%,#ff79c6 75%,#ffb86c 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(139,233,253,.13),rgba(189,147,249,.16),rgba(255,121,198,.11))!important;
  --shadow:0 18px 44px rgba(8,9,14,.34)!important;
  --shadow2:0 30px 68px rgba(8,9,14,.40)!important;
}
html[data-theme="ultraviolet"] body{
  background:
    radial-gradient(circle at 9% -2%,rgba(139,233,253,.09),transparent 25%),
    radial-gradient(circle at 91% 0%,rgba(255,121,198,.08),transparent 24%),
    linear-gradient(180deg,#282a36 0%,#21222c 100%)!important;
}
html[data-theme="ultraviolet"] .dock,
html[data-theme="ultraviolet"] .utility,
html[data-theme="ultraviolet"] .search-pill,
html[data-theme="ultraviolet"] .subscriber-ad-banner,
html[data-theme="ultraviolet"] .language-panel,
html[data-theme="ultraviolet"] .theme-panel,
html[data-theme="ultraviolet"] .language-option,
html[data-theme="ultraviolet"] .signal-card,
html[data-theme="ultraviolet"] .stream-card,
html[data-theme="ultraviolet"] .page-panel,
html[data-theme="ultraviolet"] .playerbox{
  color:var(--ink)!important;
  background:var(--surface)!important;
  border-color:var(--line)!important;
}
html[data-theme="ultraviolet"] .muted,
html[data-theme="ultraviolet"] .signal-card small,
html[data-theme="ultraviolet"] .stream-card small,
html[data-theme="ultraviolet"] .page-title p{color:var(--muted)!important}
html[data-theme="ultraviolet"] .search-pill input{color:var(--ink)!important}
html[data-theme="ultraviolet"] .search-pill input::placeholder{color:#aeb1bd!important}

/* Slight tune to middle 3 palettes */
html[data-theme="cyan"]{
  --bg:#f4f6f9!important;--bg2:#fbfcfe!important;--surface:rgba(255,255,255,.86)!important;--surface2:#ffffff!important;
  --ink:#202938!important;--muted:#66748a!important;--line:rgba(71,91,119,.13)!important;
  --p:#6681e8!important;--s:#75c3de!important;--a:#a58fd0!important;
  --grad:linear-gradient(135deg,#84cfe5 0%,#7c91e9 52%,#ae98d6 100%)!important;
}
html[data-theme="crimson"]{
  --bg:#eef5fc!important;--bg2:#fbfdff!important;--surface:rgba(255,255,255,.91)!important;--surface2:#ffffff!important;
  --ink:#18253a!important;--muted:#5f6f85!important;--line:rgba(48,98,156,.13)!important;
  --p:#176fbf!important;--s:#50a9df!important;--a:#8ab8e6!important;
  --grad:linear-gradient(135deg,#176fbf 0%,#3f97d4 54%,#87bddf 100%)!important;
}
html[data-theme="emerald"]{
  --bg:#22141f!important;--bg2:#2e1928!important;--surface:rgba(50,28,44,.94)!important;--surface2:#3b2134!important;
  --ink:#fff8f2!important;--muted:#ddc5b8!important;--line:rgba(226,151,98,.17)!important;
  --p:#d97b45!important;--s:#b76571!important;--a:#7d4f70!important;
  --grad:linear-gradient(135deg,#784a6e 0%,#b66370 46%,#d97b45 100%)!important;
}

/* Theme swatches */
.theme-trigger[data-theme="royal"] .theme-trigger-swatch,.theme-dot[data-theme="royal"] i{background:linear-gradient(135deg,#8fbcbb,#88c0d0 36%,#81a1c1 68%,#5e81ac)!important}
.theme-trigger[data-theme="cyan"] .theme-trigger-swatch,.theme-dot[data-theme="cyan"] i{background:linear-gradient(135deg,#e6ebf1,#84cfe5 50%,#ae98d6)!important}
.theme-trigger[data-theme="crimson"] .theme-trigger-swatch,.theme-dot[data-theme="crimson"] i{background:linear-gradient(135deg,#176fbf,#50a9df 58%,#dff2ff)!important}
.theme-trigger[data-theme="emerald"] .theme-trigger-swatch,.theme-dot[data-theme="emerald"] i{background:linear-gradient(135deg,#784a6e,#b66370 50%,#d97b45)!important}
.theme-trigger[data-theme="ultraviolet"] .theme-trigger-swatch,.theme-dot[data-theme="ultraviolet"] i{background:linear-gradient(135deg,#8be9fd,#bd93f9 45%,#ff79c6 72%,#ffb86c)!important}

/* SEARCH BAR FIX: one real search field, centered, no giant blank pill */
.utility{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  padding:10px 14px!important;
  min-height:64px!important;
  background:color-mix(in srgb,var(--bg) 82%,transparent)!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.utility .brandmark{display:none!important}
.search-pill{
  width:min(760px,100%)!important;
  max-width:760px!important;
  min-width:0!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:var(--surface2)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 10px 28px rgba(17,35,67,.09)!important;
}
.search-pill input{
  flex:1 1 auto!important;
  min-width:0!important;
  height:46px!important;
  padding:0 16px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  font-size:15px!important;
  color:var(--ink)!important;
}
.search-pill button{
  flex:0 0 auto!important;
  height:46px!important;
  min-width:78px!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-left:1px solid var(--line)!important;
  border-radius:0!important;
  background:var(--grad)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  box-shadow:none!important;
}
.search-pill button:hover{filter:brightness(1.04)!important;transform:none!important}
.utility-actions{
  width:auto!important;
  min-width:max-content!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-self:end!important;
  gap:4px!important;
  padding:3px 5px!important;
  border-radius:17px!important;
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 8px 24px rgba(17,35,67,.07)!important;
}
.language-trigger,.theme-trigger,.local-status{height:38px!important;min-height:38px!important}
.local-status{min-width:100px!important;padding:0 10px!important;background:transparent!important;border:0!important}
.utility-collapse{height:34px!important}
body.top-compact .utility{min-height:54px!important;padding-top:6px!important;padding-bottom:6px!important}
body.top-compact .search-pill input,body.top-compact .search-pill button{height:40px!important}
body.top-compact .utility-actions{height:40px!important}

@media(max-width:980px){
  .search-pill{max-width:none!important}
  .utility{grid-template-columns:minmax(220px,1fr) auto!important;gap:8px!important}
  .search-pill button{min-width:64px!important;padding:0 12px!important}
}
@media(max-width:720px){
  .utility{grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;padding:7px 8px 7px 64px!important}
  .utility-actions{grid-column:2!important;grid-row:1!important}
  .search-pill{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:none!important}
  .search-pill input,.search-pill button{height:42px!important}
}


/* =========================================================
   AOV V17.5 — NAMED THEMES + TOKYO NIGHT
   Nord / Pearl Glass / Azure Flow / Aubergine Ember / Tokyo Night
   ========================================================= */

/* Nord — slightly cleaner and brighter */
html[data-theme="royal"]{
  --bg:#2e3440!important;--bg2:#353c4a!important;--surface:rgba(60,68,84,.94)!important;--surface2:#434c5e!important;
  --ink:#f2f4f8!important;--muted:#d2d9e5!important;--line:rgba(216,222,233,.17)!important;
  --p:#88c0d0!important;--s:#81a1c1!important;--a:#8fbcbb!important;--warm:#ebcb8b!important;
  --grad:linear-gradient(135deg,#8fbcbb 0%,#88c0d0 38%,#81a1c1 70%,#5e81ac 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(143,188,187,.17),rgba(94,129,172,.16))!important;
}
html[data-theme="royal"] body{
  background:radial-gradient(circle at 10% -5%,rgba(136,192,208,.13),transparent 27%),radial-gradient(circle at 92% 0%,rgba(94,129,172,.13),transparent 25%),linear-gradient(180deg,#2e3440 0%,#343b48 100%)!important;
}

/* Pearl Glass — soft pearl / ice / lilac */
html[data-theme="cyan"]{
  --bg:#f3f6fa!important;--bg2:#fbfcfe!important;--surface:rgba(255,255,255,.84)!important;--surface2:#ffffff!important;
  --ink:#202837!important;--muted:#69778a!important;--line:rgba(76,95,122,.12)!important;
  --p:#6b83e8!important;--s:#78cbe3!important;--a:#b69bd7!important;--warm:#d8b36a!important;
  --grad:linear-gradient(135deg,#dce5ef 0%,#8fd2e6 44%,#8197ea 70%,#baa3dc 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(143,210,230,.12),rgba(186,163,220,.10))!important;
}
html[data-theme="cyan"] body{
  background:radial-gradient(circle at 9% -4%,rgba(120,203,227,.13),transparent 28%),radial-gradient(circle at 91% 1%,rgba(182,155,215,.11),transparent 25%),linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%)!important;
}

/* Azure Flow — clean sky blue */
html[data-theme="crimson"]{
  --bg:#eef5fc!important;--bg2:#fbfdff!important;--surface:rgba(255,255,255,.92)!important;--surface2:#ffffff!important;
  --ink:#18263a!important;--muted:#607188!important;--line:rgba(49,99,157,.12)!important;
  --p:#176fbe!important;--s:#4aa8df!important;--a:#90bee8!important;--warm:#d7a64f!important;
  --grad:linear-gradient(135deg,#176fbe 0%,#3e97d4 52%,#79b8e5 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(23,111,190,.10),rgba(121,184,229,.10))!important;
}
html[data-theme="crimson"] body{
  background:radial-gradient(circle at 12% -5%,rgba(74,168,223,.11),transparent 30%),linear-gradient(180deg,#f7fbff 0%,#edf4fb 100%)!important;
}

/* Aubergine Ember — warm dark aubergine with restrained copper */
html[data-theme="emerald"]{
  --bg:#21141f!important;--bg2:#2c1928!important;--surface:rgba(49,28,43,.94)!important;--surface2:#3a2133!important;
  --ink:#fff8f2!important;--muted:#dbc4b8!important;--line:rgba(222,146,98,.16)!important;
  --p:#d77843!important;--s:#bd6870!important;--a:#7d516f!important;--warm:#eba05b!important;
  --grad:linear-gradient(135deg,#754a6d 0%,#a95e70 46%,#d77843 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(117,74,109,.17),rgba(215,120,67,.14))!important;
}
html[data-theme="emerald"] body{
  background:radial-gradient(circle at 8% -3%,rgba(215,120,67,.10),transparent 27%),radial-gradient(circle at 92% 0%,rgba(125,81,111,.13),transparent 25%),linear-gradient(180deg,#21141f 0%,#2b1827 100%)!important;
}

/* Tokyo Night — replaces Dracula entirely */
html[data-theme="ultraviolet"]{
  --bg:#1a1b26!important;--bg2:#202235!important;--surface:rgba(36,40,59,.94)!important;--surface2:#292e42!important;
  --ink:#c0caf5!important;--muted:#9aa5ce!important;--line:rgba(122,162,247,.17)!important;
  --p:#7aa2f7!important;--s:#7dcfff!important;--a:#bb9af7!important;--warm:#e0af68!important;
  --good:#9ece6a!important;--danger:#f7768e!important;
  --grad:linear-gradient(135deg,#7aa2f7 0%,#7dcfff 36%,#bb9af7 72%,#e0af68 100%)!important;
  --grad-soft:linear-gradient(135deg,rgba(122,162,247,.17),rgba(187,154,247,.14))!important;
  --shadow:0 18px 44px rgba(7,8,15,.34)!important;--shadow2:0 30px 68px rgba(7,8,15,.40)!important;
}
html[data-theme="ultraviolet"] body{
  background:radial-gradient(circle at 10% -3%,rgba(122,162,247,.13),transparent 26%),radial-gradient(circle at 91% 0%,rgba(187,154,247,.10),transparent 24%),linear-gradient(180deg,#1a1b26 0%,#202235 100%)!important;
}
html[data-theme="ultraviolet"] .dock,
html[data-theme="ultraviolet"] .utility,
html[data-theme="ultraviolet"] .search-pill,
html[data-theme="ultraviolet"] .subscriber-ad-banner,
html[data-theme="ultraviolet"] .language-panel,
html[data-theme="ultraviolet"] .theme-panel,
html[data-theme="ultraviolet"] .language-option,
html[data-theme="ultraviolet"] .signal-card,
html[data-theme="ultraviolet"] .stream-card,
html[data-theme="ultraviolet"] .page-panel,
html[data-theme="ultraviolet"] .playerbox{
  color:var(--ink)!important;background:var(--surface)!important;border-color:var(--line)!important;
}
html[data-theme="ultraviolet"] .muted,
html[data-theme="ultraviolet"] .signal-card small,
html[data-theme="ultraviolet"] .stream-card small,
html[data-theme="ultraviolet"] .page-title p{color:var(--muted)!important}
html[data-theme="ultraviolet"] .search-pill input{color:var(--ink)!important}
html[data-theme="ultraviolet"] .search-pill input::placeholder{color:#7f8bb8!important}

/* Swatches */
.theme-trigger[data-theme="royal"] .theme-trigger-swatch,.theme-dot[data-theme="royal"] i{background:linear-gradient(135deg,#8fbcbb,#88c0d0 38%,#81a1c1 70%,#5e81ac)!important}
.theme-trigger[data-theme="cyan"] .theme-trigger-swatch,.theme-dot[data-theme="cyan"] i{background:linear-gradient(135deg,#dce5ef,#8fd2e6 42%,#8197ea 68%,#baa3dc)!important}
.theme-trigger[data-theme="crimson"] .theme-trigger-swatch,.theme-dot[data-theme="crimson"] i{background:linear-gradient(135deg,#176fbe,#3e97d4 55%,#79b8e5)!important}
.theme-trigger[data-theme="emerald"] .theme-trigger-swatch,.theme-dot[data-theme="emerald"] i{background:linear-gradient(135deg,#754a6d,#a95e70 50%,#d77843)!important}
.theme-trigger[data-theme="ultraviolet"] .theme-trigger-swatch,.theme-dot[data-theme="ultraviolet"] i{background:linear-gradient(135deg,#7aa2f7,#7dcfff 38%,#bb9af7 72%,#e0af68)!important}


/* === SPONSOR STUDIO V17.22 === */
.sponsor-studio{display:grid;gap:18px}.sponsor-hero{position:relative;overflow:hidden;padding:28px;border-radius:30px;border:1px solid var(--line);background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--a) 20%,transparent),transparent 30%),linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:0 20px 44px rgba(24,52,93,.08)}.sponsor-hero h1{margin:4px 0 8px;font-size:clamp(32px,5vw,62px);letter-spacing:-.04em}.sponsor-hero p{max-width:760px;margin:0;color:var(--muted);font-size:14px;line-height:1.55}.sponsor-hero .sponsor-kicker{font-size:10px;font-weight:1000;letter-spacing:.18em;color:var(--p)}.sponsor-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.sponsor-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:11px 16px;font:900 10px/1 system-ui,sans-serif;letter-spacing:.07em;cursor:pointer;text-decoration:none}.sponsor-btn.primary{border:0;background:var(--grad);color:white}.sponsor-btn:disabled{opacity:.5;cursor:not-allowed}.sponsor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sponsor-plan{position:relative;padding:20px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:0 12px 30px rgba(23,49,96,.06);display:grid;gap:12px}.sponsor-plan.featured{outline:2px solid color-mix(in srgb,var(--p) 28%,transparent);box-shadow:0 18px 40px color-mix(in srgb,var(--p) 12%,transparent)}.sponsor-plan .plan-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.sponsor-plan h3{margin:0;font-size:23px}.sponsor-plan .price{font-size:30px;font-weight:1000;letter-spacing:-.04em}.sponsor-plan .price small{font-size:10px;font-weight:900;color:var(--muted);letter-spacing:.04em}.sponsor-plan p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.sponsor-plan ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}.sponsor-plan li{font-size:10px;color:var(--ink)}.sponsor-plan li::before{content:'✓';margin-right:7px;color:var(--p);font-weight:1000}.sponsor-pill{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:7px 9px;border-radius:999px;background:color-mix(in srgb,var(--p) 8%,var(--surface));border:1px solid var(--line);font-size:9px;font-weight:1000;letter-spacing:.06em}.sponsor-dashboard{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px}.sponsor-panel{padding:18px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:0 12px 30px rgba(23,49,96,.06)}.sponsor-panel h2{margin:0 0 3px;font-size:20px}.sponsor-panel .sub{margin:0 0 14px;color:var(--muted);font-size:10px}.sponsor-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sponsor-form .full{grid-column:1/-1}.sponsor-form label{display:grid;gap:5px;font-size:9px;font-weight:1000;letter-spacing:.08em;color:var(--muted)}.sponsor-form input,.sponsor-form select,.sponsor-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,white);color:var(--ink);border-radius:14px;padding:11px 12px;font:700 11px/1.35 system-ui,sans-serif;outline:none}.sponsor-form input:focus,.sponsor-form select:focus,.sponsor-form textarea:focus{border-color:color-mix(in srgb,var(--p) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 10%,transparent)}.sponsor-form textarea{min-height:86px;resize:vertical}.sponsor-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sponsor-metric{padding:14px;border-radius:18px;background:color-mix(in srgb,var(--p) 5%,var(--surface));border:1px solid var(--line)}.sponsor-metric span{display:block;font-size:8px;font-weight:1000;letter-spacing:.1em;color:var(--muted)}.sponsor-metric b{display:block;margin-top:5px;font-size:25px}.sponsor-campaigns{display:grid;gap:9px;margin-top:12px}.sponsor-campaign{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px;border-radius:17px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,var(--p))}.sponsor-campaign h4{margin:0;font-size:12px}.sponsor-campaign p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.4}.sponsor-campaign .right{text-align:right}.sponsor-campaign .right b{display:block;font-size:12px}.sponsor-empty{padding:24px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted);font-size:11px}.sponsor-notice{padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--a) 9%,var(--surface));border:1px solid var(--line);font-size:10px;line-height:1.45}.sponsor-notice.warn{background:color-mix(in srgb,#e9a23b 12%,var(--surface))}.sponsor-notice.good{background:color-mix(in srgb,#39b879 10%,var(--surface))}@media(max-width:1050px){.sponsor-grid{grid-template-columns:1fr}.sponsor-dashboard{grid-template-columns:1fr}}@media(max-width:650px){.sponsor-hero{padding:21px}.sponsor-form{grid-template-columns:1fr}.sponsor-form .full{grid-column:auto}.sponsor-metrics{grid-template-columns:1fr}.sponsor-campaign{grid-template-columns:1fr}.sponsor-campaign .right{text-align:left}}

/* V17.29 — TRANSMIT live pipeline status */
.upload-steps span.done{background:color-mix(in srgb,var(--good) 18%,#fff);color:color-mix(in srgb,var(--good) 70%,var(--ink));border:1px solid color-mix(in srgb,var(--good) 28%,transparent)}
.upload-progress-wrap.show .upload-progress i{position:relative;overflow:hidden}
.upload-progress-wrap.show .upload-progress i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:aovTransmitSweep 1.45s linear infinite}
@keyframes aovTransmitSweep{to{transform:translateX(100%)}}


/* === V17.30 ONE PULSE / WORLD PULSE === */
.pulse-launch{appearance:none;border:0;font:inherit;cursor:pointer;color:inherit}
.aov-pulse-fab{position:fixed!important;right:30px!important;left:auto!important;top:132px!important;bottom:auto!important;z-index:1180;width:122px;height:58px;padding:0 18px;border:1px solid color-mix(in srgb,var(--s) 32%,rgba(255,255,255,.55));border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--s) 26%,#fff) 0%,color-mix(in srgb,var(--v) 22%,#fff) 52%,color-mix(in srgb,var(--p) 22%,#fff) 100%);color:#0b1b34;font-size:12px;font-weight:1000;letter-spacing:.22em;text-indent:.22em;box-shadow:0 22px 48px rgba(29,78,130,.22),0 8px 18px rgba(29,78,130,.12),0 0 0 8px color-mix(in srgb,var(--s) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -8px 18px rgba(72,132,214,.14);cursor:pointer;isolation:isolate;overflow:visible;animation:aovPulseFloat 4.6s ease-in-out infinite,aovPulseGlow 2.6s ease-in-out infinite;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.aov-pulse-fab::before,.aov-pulse-fab::after{content:"";position:absolute;inset:-4px;border-radius:999px;border:1px solid color-mix(in srgb,var(--s) 28%,transparent);z-index:-2;pointer-events:none;animation:aovPulseRing 2.8s ease-out infinite}
.aov-pulse-fab::after{animation-delay:1.4s}
.aov-pulse-fab > span{position:relative}
.aov-pulse-fab::marker{content:""}
.aov-pulse-fab::selection{background:transparent}
.aov-pulse-fab:hover{transform:translateY(-7px) scale(1.035);box-shadow:0 28px 60px rgba(29,78,130,.28),0 12px 24px rgba(29,78,130,.16),0 0 0 10px color-mix(in srgb,var(--s) 12%,transparent),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -10px 20px rgba(72,132,214,.16)}
.aov-pulse-fab:focus-visible{outline:3px solid color-mix(in srgb,var(--s) 55%,#fff);outline-offset:5px}
.aov-pulse-fab .pulse-mini-orb{position:absolute;left:14px;top:50%;translate:0 -50%;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.98) 0 12%,color-mix(in srgb,var(--s) 60%,#fff) 34%,color-mix(in srgb,var(--v) 48%,#fff) 64%,color-mix(in srgb,var(--p) 42%,#fff) 100%);box-shadow:0 0 0 4px color-mix(in srgb,var(--s) 10%,transparent),0 8px 18px rgba(35,86,144,.24),inset 0 1px 0 rgba(255,255,255,.98)}
.aov-pulse-fab .pulse-mini-orb::after{content:"";position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.98),rgba(255,255,255,.12) 60%,transparent 68%)}
.aov-pulse-fab .pulse-text{padding-left:30px;display:block;line-height:1}
@keyframes aovPulseFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes aovPulseGlow{0%,100%{filter:saturate(1) brightness(1)}50%{filter:saturate(1.16) brightness(1.05)}}
@keyframes aovPulseRing{0%{transform:scale(.96);opacity:.68}72%,100%{transform:scale(1.16);opacity:0}}
@media(prefers-reduced-motion:reduce){.aov-pulse-fab,.aov-pulse-fab::before,.aov-pulse-fab::after{animation:none!important}}
.aov-pulse-shade{position:fixed;inset:0;z-index:1600;background:rgba(20,34,56,.24);backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:center;padding:72px 18px 18px}
.aov-pulse-shade.open{display:flex}
.aov-pulse-panel{width:min(980px,96vw);max-height:min(690px,82vh);overflow:hidden;border-radius:26px;border:1px solid color-mix(in srgb,var(--s) 28%,transparent);background:linear-gradient(145deg,rgba(249,253,255,.98),rgba(238,246,255,.97));box-shadow:0 30px 80px rgba(26,60,104,.26);color:#14243a;display:flex;flex-direction:column}
.aov-pulse-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(46,87,135,.12)}
.aov-pulse-brand{display:flex;align-items:center;gap:10px}.aov-pulse-orb{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 12%,#70e8ff 34%,#6c79ff 68%,#334d91 100%);box-shadow:0 0 20px rgba(64,160,230,.28)}
.aov-pulse-brand b{font-size:13px;letter-spacing:.12em}.aov-pulse-brand small{display:block;font-size:9px;letter-spacing:.12em;color:#63728a;margin-top:2px}.aov-pulse-spacer{flex:1}
.aov-pulse-tabs{display:flex;gap:6px}.aov-pulse-tab{border:1px solid rgba(60,100,150,.16);background:rgba(255,255,255,.72);color:#53647c;border-radius:999px;padding:8px 11px;font-weight:900;font-size:9px;letter-spacing:.10em;cursor:pointer}.aov-pulse-tab.active{background:linear-gradient(135deg,#5fdcff,#7d83ff);color:#fff;border-color:transparent;box-shadow:0 6px 18px rgba(76,132,214,.18)}
.aov-pulse-close{width:32px;height:32px;border-radius:50%;border:1px solid rgba(60,100,150,.16);background:white;color:#54657d;cursor:pointer;font-size:16px}
.aov-pulse-body{padding:16px 18px 12px;overflow:auto}.aov-pulse-kicker{font-size:9px;letter-spacing:.15em;color:#6a7a91;font-weight:900;text-transform:uppercase;margin-bottom:10px}
.aov-pulse-list{display:grid;gap:10px}.aov-pulse-item{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:start;text-decoration:none;color:inherit;border:1px solid rgba(58,94,137,.10);background:rgba(255,255,255,.76);border-radius:16px;padding:12px 13px;transition:.18s ease}.aov-pulse-item:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(60,102,157,.10);border-color:rgba(73,147,218,.24)}
.aov-pulse-num{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#e9faff,#eef0ff);font-size:10px;font-weight:1000;color:#4f6c9b}.aov-pulse-copy b{display:block;font-size:13px;line-height:1.25;margin-bottom:4px}.aov-pulse-copy p{margin:0;color:#68768b;font-size:11px;line-height:1.38}.aov-pulse-src{font-size:9px;font-weight:900;letter-spacing:.08em;color:#6680a7;white-space:nowrap;padding-top:2px}
.aov-pulse-foot{display:flex;align-items:center;gap:12px;padding:10px 18px 14px;color:#708096;font-size:9px;letter-spacing:.08em}.aov-pulse-timer{height:3px;flex:1;background:rgba(80,112,155,.10);border-radius:99px;overflow:hidden}.aov-pulse-timer i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#63dff4,#7b7dff);transform-origin:left;animation:aovPulseTimer 15s linear forwards}@keyframes aovPulseTimer{to{transform:scaleX(0)}}
@media(max-width:760px){.aov-pulse-shade{padding:58px 8px 8px}.aov-pulse-panel{max-height:88vh;border-radius:20px}.aov-pulse-head{align-items:flex-start;flex-wrap:wrap}.aov-pulse-spacer{display:none}.aov-pulse-tabs{order:3;width:100%}.aov-pulse-tab{flex:1}.aov-pulse-item{grid-template-columns:30px 1fr}.aov-pulse-src{grid-column:2}.aov-pulse-fab{right:14px;top:auto;bottom:86px;width:86px;height:86px;padding:0;border-radius:50%;font-size:9px;letter-spacing:.14em;text-indent:.14em}.aov-pulse-fab .pulse-mini-orb{left:50%;top:24px;translate:-50% 0;width:26px;height:26px}.aov-pulse-fab .pulse-text{padding-left:0;padding-top:34px}.dock .pulse-launch{display:flex;width:100%}}


/* V17.58 — visible-but-discreet owner/admin gesture */
.aov-secret-admin-mark{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  width:30px!important;
  height:30px!important;
  padding:0!important;
  border:1px solid rgba(86,112,148,.22)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.72)!important;
  color:#74839a!important;
  box-shadow:0 5px 16px rgba(40,72,115,.12), inset 0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font:700 17px/30px Georgia,serif!important;
  text-align:center!important;
  cursor:default!important;
  opacity:.78!important;
  user-select:none!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
.aov-secret-admin-mark:hover{opacity:1!important;transform:scale(1.06)!important}
.aov-secret-admin-mark:focus{outline:none!important}
.aov-secret-admin-mark:focus-visible{outline:2px solid rgba(104,132,170,.35)!important;outline-offset:2px!important}

/* =========================================================
   V17.62 — TRUE FULLSCREEN PLAYER
   Fullscreen must be the VIDEO, not a giant page/card.
   Scoped only to the fullscreen playerbox so normal layout is untouched.
   ========================================================= */
.playerbox:fullscreen,
.playerbox:-webkit-full-screen{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#000!important;
  box-shadow:none!important;
  display:block!important;
}
.playerbox:fullscreen::before,
.playerbox:fullscreen::after,
.playerbox:-webkit-full-screen::before,
.playerbox:-webkit-full-screen::after{display:none!important}

.playerbox:fullscreen .videoWrap,
.playerbox:-webkit-full-screen .videoWrap{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:100vh!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#000!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.playerbox:fullscreen .aov-media,
.playerbox:fullscreen .videoWrap>video,
.playerbox:fullscreen .videoWrap>iframe,
.playerbox:-webkit-full-screen .aov-media,
.playerbox:-webkit-full-screen .videoWrap>video,
.playerbox:-webkit-full-screen .videoWrap>iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  background:#000!important;
}
.playerbox:fullscreen .vp-controls,
.playerbox:-webkit-full-screen .vp-controls{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:80!important;
  display:block!important;
  margin:0!important;
  padding:62px 18px 16px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 25%,rgba(0,0,0,.88) 100%)!important;
  box-shadow:none!important;
  opacity:0!important;
  transition:opacity .18s ease!important;
  color:#fff!important;
}
.playerbox:fullscreen .videoWrap:hover .vp-controls,
.playerbox:fullscreen .vp-controls:hover,
.playerbox:fullscreen .videoWrap:focus-within .vp-controls,
.playerbox:-webkit-full-screen .videoWrap:hover .vp-controls,
.playerbox:-webkit-full-screen .vp-controls:hover,
.playerbox:-webkit-full-screen .videoWrap:focus-within .vp-controls{
  opacity:1!important;
}
.playerbox:fullscreen .vp-main-row,
.playerbox:-webkit-full-screen .vp-main-row{display:flex!important;align-items:center!important;gap:7px!important}
.playerbox:fullscreen .vp-progress-zone,
.playerbox:-webkit-full-screen .vp-progress-zone{height:26px!important;margin:0 0 2px!important}
.playerbox:fullscreen .vp-controls button,
.playerbox:fullscreen .vp-controls select,
.playerbox:fullscreen .vp-controls input[type="range"],
.playerbox:-webkit-full-screen .vp-controls button,
.playerbox:-webkit-full-screen .vp-controls select,
.playerbox:-webkit-full-screen .vp-controls input[type="range"]{
  color:#fff!important;
}
.playerbox:fullscreen .vp-btn,
.playerbox:-webkit-full-screen .vp-btn{
  min-height:34px!important;
  height:34px!important;
  min-width:34px!important;
  border:0!important;
  background:rgba(0,0,0,.28)!important;
  color:#fff!important;
  backdrop-filter:blur(8px)!important;
}
.playerbox:fullscreen .vp-btn:hover,
.playerbox:fullscreen .vp-btn.active,
.playerbox:-webkit-full-screen .vp-btn:hover,
.playerbox:-webkit-full-screen .vp-btn.active{background:rgba(255,255,255,.18)!important}
.playerbox:fullscreen .vp-time,
.playerbox:-webkit-full-screen .vp-time{color:#fff!important;font-size:11px!important}
.playerbox:fullscreen .vp-settings-panel,
.playerbox:-webkit-full-screen .vp-settings-panel{
  position:absolute!important;
  right:18px!important;
  bottom:70px!important;
  background:rgba(7,12,22,.96)!important;
  color:#fff!important;
}


/* =========================================================
   V17.63 — FULLSCREEN CONTROLS AUTO-HIDE
   Controls wake on interaction and fade after 2s while playing.
   ========================================================= */
.playerbox:fullscreen.vp-controls-hidden .vp-controls,
.playerbox:-webkit-full-screen.vp-controls-hidden .vp-controls{
  opacity:0!important;
  pointer-events:none!important;
}
.playerbox:fullscreen:not(.vp-controls-hidden) .vp-controls,
.playerbox:-webkit-full-screen:not(.vp-controls-hidden) .vp-controls{
  opacity:1!important;
  pointer-events:auto!important;
}
.playerbox:fullscreen.vp-controls-hidden,
.playerbox:-webkit-full-screen.vp-controls-hidden{cursor:none!important}

/* =========================================================
   V17.64 — FULLSCREEN AUTO-HIDE SPECIFICITY FIX
   Hidden state must beat legacy :hover/:focus fullscreen rules.
   ========================================================= */
.playerbox:fullscreen.vp-controls-hidden .videoWrap:hover .vp-controls,
.playerbox:fullscreen.vp-controls-hidden .videoWrap:focus-within .vp-controls,
.playerbox:fullscreen.vp-controls-hidden .vp-controls:hover,
.playerbox:-webkit-full-screen.vp-controls-hidden .videoWrap:hover .vp-controls,
.playerbox:-webkit-full-screen.vp-controls-hidden .videoWrap:focus-within .vp-controls,
.playerbox:-webkit-full-screen.vp-controls-hidden .vp-controls:hover,
.playerbox:fullscreen.vp-controls-hidden .vp-controls,
.playerbox:-webkit-full-screen.vp-controls-hidden .vp-controls{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(10px)!important;
}
.playerbox:fullscreen:not(.vp-controls-hidden) .vp-controls,
.playerbox:-webkit-full-screen:not(.vp-controls-hidden) .vp-controls{
  visibility:visible!important;
  transform:translateY(0)!important;
}