:root{
  --cv-bg:#050610;
  --cv-panel:rgba(10,12,22,.72);
  --cv-panel-soft:rgba(255,255,255,.065);
  --cv-line:rgba(255,255,255,.13);
  --cv-text:#f8f5ef;
  --cv-soft:#c9c3b8;
  --cv-muted:#8d8895;
  --cv-warm:#f2b660;
  --cv-cyan:#66d9ff;
  --cv-violet:#a78bff;
  --cv-ok:#4ade80;
  --cv-warn:#facc15;
  --cv-red:#fb7185;
}
html[data-cv-runtime="on"] body{scrollbar-width:thin;scrollbar-color:rgba(242,182,96,.35) rgba(255,255,255,.04)}
.cv-runtime-shell{position:fixed;right:12px;top:10px;transform:none;z-index:2147483000;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 20px);padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(4,5,12,.72);box-shadow:0 18px 70px rgba(0,0,0,.48);backdrop-filter:blur(18px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--cv-text)}
.cv-runtime-shell[hidden]{display:none}.cv-runtime-brand,.cv-runtime-chip,.cv-runtime-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);padding:0 10px;color:var(--cv-soft);font-size:12px;font-weight:850;text-decoration:none;white-space:nowrap}.cv-runtime-brand{color:var(--cv-text);background:rgba(255,255,255,.075);letter-spacing:-.03em}.cv-runtime-link:hover,.cv-runtime-link.active{color:#1a1110;background:linear-gradient(90deg,var(--cv-warm),#ffd89a);border-color:transparent}.cv-runtime-status{min-width:8px;width:8px;height:8px;border-radius:999px;background:var(--cv-muted);box-shadow:0 0 0 4px rgba(255,255,255,.06)}.cv-runtime-status.ok{background:var(--cv-ok);box-shadow:0 0 0 4px rgba(74,222,128,.13)}.cv-runtime-status.warn{background:var(--cv-warn);box-shadow:0 0 0 4px rgba(250,204,21,.13)}.cv-runtime-status.bad{background:var(--cv-red);box-shadow:0 0 0 4px rgba(251,113,133,.13)}.cv-runtime-more{position:relative}.cv-runtime-more summary{list-style:none;cursor:pointer}.cv-runtime-more summary::-webkit-details-marker{display:none}.cv-runtime-menu{position:absolute;right:0;top:42px;min-width:210px;padding:8px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(8,9,18,.94);box-shadow:0 20px 90px rgba(0,0,0,.55);display:grid;gap:6px}.cv-runtime-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:12px;padding:9px 10px;color:var(--cv-soft);text-decoration:none;font-size:12px;font-weight:850}.cv-runtime-menu a:hover{background:rgba(255,255,255,.08);color:var(--cv-text)}.cv-runtime-menu small{color:var(--cv-muted);font-weight:800}.cv-route-badge{position:fixed;left:12px;bottom:12px;z-index:2147482999;display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(4,5,12,.58);backdrop-filter:blur(14px);box-shadow:0 12px 55px rgba(0,0,0,.34);color:var(--cv-soft);font:800 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;white-space:nowrap}.cv-route-badge b{color:var(--cv-text)}
.cv-page-polished .card,.cv-page-polished .hero-card,.cv-page-polished .series-card,.cv-page-polished .collection-card{box-shadow:0 16px 80px rgba(0,0,0,.26)}.cv-page-polished img{image-rendering:auto}.cv-page-polished a:focus-visible,.cv-page-polished button:focus-visible,.cv-page-polished select:focus-visible,.cv-page-polished input:focus-visible,.cv-page-polished textarea:focus-visible{outline:2px solid rgba(242,182,96,.75);outline-offset:2px}.cv-page-polished .cv-runtime-shell a{box-shadow:none}
@media(max-width:760px){.cv-runtime-shell{left:8px;right:8px;top:auto;bottom:8px;transform:none;overflow:auto;justify-content:flex-start;border-radius:18px}.cv-runtime-brand{display:none}.cv-route-badge{display:none}.cv-runtime-link{padding:0 9px}.cv-runtime-chip{display:none}.cv-runtime-menu{right:auto;left:0;top:auto;bottom:42px}}
@media print{.cv-runtime-shell,.cv-route-badge{display:none!important}}

/* ComicVision v0.7.5 UX System Polish
   Purpose: one visual language across Netflix-style Library, Reader, Admin, Lab, Import and Playback.
*/
:root{
  --cv-design-system-version:v0-7-5;
  --cv-radius-xs:10px;
  --cv-radius-sm:14px;
  --cv-radius-md:20px;
  --cv-radius-lg:28px;
  --cv-radius-xl:34px;
  --cv-shadow-card:0 18px 70px rgba(0,0,0,.34);
  --cv-shadow-stage:0 34px 120px rgba(0,0,0,.48);
  --cv-btn-h:40px;
}
.cv-page-polished body, body.cv-page-polished{
  color:var(--cv-text);
  background:
    radial-gradient(circle at 14% 0%,rgba(102,217,255,.15),transparent 34%),
    radial-gradient(circle at 88% 10%,rgba(167,139,255,.13),transparent 32%),
    linear-gradient(180deg,#04050a,#10111b 58%,#06070c);
}
.cv-page-polished .wrap,
.cv-page-polished main.wrap{width:min(1480px,100%);}
.cv-page-polished .top,
.cv-page-polished .appbar,
.cv-page-polished header.top{
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(4,5,12,.58);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 70px rgba(0,0,0,.28);
  padding:8px 10px;
}
.cv-page-polished .brand{
  color:var(--cv-text)!important;
  font-weight:950!important;
  letter-spacing:-.055em!important;
}
.cv-page-polished .brand:before{
  content:"";
  display:inline-block;
  width:28px;height:28px;
  border-radius:11px;
  margin-right:8px;
  background:linear-gradient(135deg,var(--cv-cyan),var(--cv-violet));
  box-shadow:0 0 32px rgba(102,217,255,.20);
  vertical-align:middle;
}
.cv-page-polished .hero,
.cv-page-polished .card,
.cv-page-polished .stage-card,
.cv-page-polished .auth-card,
.cv-page-polished .gate-card,
.cv-page-polished .hero-card{
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045))!important;
  box-shadow:var(--cv-shadow-card)!important;
  backdrop-filter:blur(18px);
}
.cv-page-polished .hero{border-radius:var(--cv-radius-xl)!important;}
.cv-page-polished .card,.cv-page-polished .stage-card{border-radius:var(--cv-radius-lg)!important;}
.cv-page-polished .kicker,.cv-page-polished .eyebrow{
  color:var(--cv-warm)!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.cv-page-polished .title,
.cv-page-polished h1,.cv-page-polished h2{
  letter-spacing:-.075em;
}
.cv-page-polished .soft,.cv-page-polished .sub,.cv-page-polished .small,.cv-page-polished .meta-note{color:var(--cv-soft)!important;}
.cv-page-polished .btn,
.cv-page-polished .link,
.cv-page-polished .chrome-link,
.cv-page-polished .navlink,
.cv-page-polished button,
.cv-page-polished .pill,
.cv-page-polished .chip,
.cv-page-polished .status{
  min-height:var(--cv-btn-h);
}
.cv-page-polished .btn,
.cv-page-polished .link,
.cv-page-polished .chrome-link,
.cv-page-polished .navlink{
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.065)!important;
  color:var(--cv-text)!important;
  font-weight:850!important;
  text-decoration:none!important;
  transition:transform .14s ease,border-color .14s ease,background .14s ease,opacity .14s ease;
}
.cv-page-polished .btn:hover,
.cv-page-polished .link:hover,
.cv-page-polished .chrome-link:hover,
.cv-page-polished .navlink:hover{
  transform:translateY(-1px);
  border-color:rgba(242,182,96,.45)!important;
  background:rgba(242,182,96,.13)!important;
}
.cv-page-polished .btn.primary,
.cv-page-polished button.primary,
.cv-page-polished .primary{
  color:#1a1110!important;
  border-color:transparent!important;
  background:linear-gradient(90deg,var(--cv-warm),#ffe0a8)!important;
  box-shadow:0 10px 38px rgba(242,182,96,.18)!important;
}
.cv-page-polished .btn.danger,
.cv-page-polished .btn.stop{
  color:#ffe4e6!important;
  border-color:rgba(251,113,133,.28)!important;
  background:rgba(251,113,133,.14)!important;
}
.cv-page-polished input,.cv-page-polished select,.cv-page-polished textarea,
.cv-page-polished .input,.cv-page-polished .select{
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:var(--cv-radius-sm)!important;
  background:rgba(0,0,0,.26)!important;
  color:var(--cv-text)!important;
  min-height:40px;
}
.cv-page-polished textarea{min-height:94px;padding:10px 12px;resize:vertical;}
.cv-page-polished .console,.cv-page-polished .debug-lines{
  border-radius:var(--cv-radius-md)!important;
  background:rgba(0,0,0,.28)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
/* Netflix-style homepage refinements */
.cv-page-polished .cover{
  border-radius:26px!important;
  transform-origin:center bottom;
}
.cv-page-polished .cover:hover{transform:translateY(-6px) scale(1.018)!important;}
.cv-page-polished .tag{background:rgba(242,182,96,.16)!important;color:#ffe0a8!important;}
/* Reader: keep page stable, controls readable */
.cv-page-polished .reader .stage-card,
.cv-page-polished main.reader .stage-card{
  box-shadow:var(--cv-shadow-stage)!important;
}
.cv-page-polished .reader .side .card{padding:16px!important;}
.cv-page-polished .reader .controls .btn{flex:1 1 auto;}
.cv-page-polished .timeline .line.active,
.cv-page-polished .seg.active,
.cv-page-polished .item.active{
  outline:2px solid rgba(242,182,96,.62)!important;
  background:rgba(242,182,96,.12)!important;
}
.cv-page-polished .bubble-outline.active{border-color:var(--cv-warm)!important;}
/* Admin: evidence in a calm workbench */
.cv-page-polished .score-grid{gap:8px;}
.cv-page-polished .legend span,.cv-page-polished .chip,.cv-page-polished .pill{
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.055)!important;
}
.cv-page-polished .chip.good,.cv-page-polished .pill.ok,.cv-page-polished .status.ok{border-color:rgba(74,222,128,.28)!important;background:rgba(74,222,128,.10)!important;color:#bbf7d0!important;}
.cv-page-polished .chip.warn,.cv-page-polished .status.warn{border-color:rgba(250,204,21,.28)!important;background:rgba(250,204,21,.10)!important;color:#fef3c7!important;}
.cv-page-polished .chip.bad,.cv-page-polished .status.bad{border-color:rgba(251,113,133,.28)!important;background:rgba(251,113,133,.10)!important;color:#fecdd3!important;}
.cv-ux-standard-note{font-size:12px;color:var(--cv-muted);}
@media(max-width:920px){
  .cv-page-polished .top,.cv-page-polished .appbar{border-radius:22px;align-items:flex-start!important;}
  .cv-page-polished .nav,.cv-page-polished .bar-actions,.cv-page-polished .chrome-actions{gap:6px!important;}
  .cv-page-polished .btn,.cv-page-polished .link,.cv-page-polished .chrome-link{min-height:38px;padding-inline:11px!important;}
}
@media(max-width:620px){
  .cv-page-polished .hero{padding:16px!important;}
  .cv-page-polished .title,.cv-page-polished h1{font-size:clamp(30px,12vw,52px)!important;}
  .cv-page-polished .cv-runtime-shell{box-shadow:0 10px 50px rgba(0,0,0,.42);}
}