@import url("./site-environment.css?v=20260912-1");
@import url("./site-brand.css?v=20260912-3");

/* Ajustes propios del tema Deep Sea sobre el motor compartido de Galería.
   Fondo, océano y tokens generales viven en site-environment.css. */

/* Publicación profunda: la imagen o minicómic abre directamente en el visor.
   El texto opcional continúa hacia abajo dentro de la misma vista. */
.tkg-viewer[data-theme="deep"] .tkg-view-content.tkg-deep-publication:not(.tkg-vertical){
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-width:100%;
  min-height:100%;
  background:var(--tc-deep-page-bg,#030a18);
  overflow-x:hidden;
}
.tkg-viewer[data-theme="deep"] .tkg-view-content.tkg-vertical.tkg-deep-publication{
  background:var(--tc-deep-page-bg,#030a18);
}
.tkg-viewer[data-theme="deep"] .tkg-single-stage{
  position:relative;
  flex:0 0 auto;
  width:100%;
  max-width:100%;
  min-width:100%;
  min-height:100dvh;
  margin:0 auto;
  background:var(--tc-deep-page-bg,#030a18);
  overflow:hidden;
}

.tkg-deep-caption-teaser{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  width:min(680px,calc(100% - 32px));
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:12px;
  padding:13px 15px;
  border:1px solid rgba(135,229,255,.24);
  border-radius:16px;
  color:#f5fbff;
  text-align:left;
  background:linear-gradient(180deg,rgba(6,14,34,.62),rgba(6,14,34,.90));
  box-shadow:0 10px 30px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
  cursor:pointer;
}
.tkg-deep-caption-copy{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  font-size:13px;
  line-height:1.4;
  color:#eefaff;
}
.tkg-deep-caption-more{
  align-self:end;
  white-space:nowrap;
  color:#9beaff;
  font-size:12px;
  font-weight:900;
  text-shadow:0 0 8px rgba(107,228,255,.45);
}

.tkg-deep-publication-text{
  box-sizing:border-box;
  flex:0 0 auto;
  max-width:760px;
  width:min(760px,calc(100% - 32px));
  margin:0 auto 56px;
  padding:22px 24px;
  border:1px solid rgba(128,224,255,.20);
  border-radius:20px;
  color:#edf9ff;
  background:linear-gradient(180deg,rgba(13,28,61,.94),rgba(8,19,46,.96));
  box-shadow:0 18px 42px rgba(0,0,0,.28);
  user-select:text;
  -webkit-user-select:text;
}
.tkg-deep-text-author{
  display:block;
  margin:0 0 9px;
  color:#f6fdff;
  font-size:14px;
  font-weight:900;
}
.tkg-deep-publication-text p{
  margin:0;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-size:15px;
  line-height:1.72;
  color:#edf9ff;
}
.tkg-viewer[data-theme="deep"] .tkg-vertical .tkg-deep-publication-text{
  flex:0 0 auto;
  width:min(900px,100%);
  margin:0 auto 70px;
  border-radius:0 0 18px 18px;
  border-top-color:rgba(127,233,255,.34);
}

/* Salidas oficiales de Deep Sea: mismo estilo neón en barra superior y final. */
.night-ui .surface-btn{
  border:1.5px solid rgba(119,239,255,.96);
  color:#f4fdff;
  background:linear-gradient(180deg,rgba(86,229,255,.30),rgba(19,111,177,.26));
  text-shadow:0 0 9px rgba(149,247,255,.72);
  box-shadow:inset 0 0 0 1px rgba(183,250,255,.10),0 0 15px rgba(83,229,255,.34),0 0 30px rgba(83,229,255,.16);
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;
}
.night-ui .surface-btn:hover,
.night-ui .surface-btn:focus-visible{
  border-color:#b8f8ff;
  background:linear-gradient(180deg,rgba(110,240,255,.38),rgba(31,139,204,.31));
  box-shadow:inset 0 0 0 1px rgba(208,253,255,.16),0 0 19px rgba(95,236,255,.48),0 0 38px rgba(95,236,255,.23);
  outline:none;
}
.night-ui .surface-btn:active{
  transform:translateY(1px);
  background:linear-gradient(180deg,rgba(127,244,255,.42),rgba(38,151,215,.34));
  box-shadow:inset 0 0 0 1px rgba(224,254,255,.18),0 0 22px rgba(105,240,255,.54),0 0 42px rgba(105,240,255,.25);
}
.night-ui .surface-btn-top{
  margin:0 0 0 12px;
  padding:8px 12px;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
  flex:0 0 auto;
}


/* Deep Sea · glass neón tipo city night.
   Cian = controles principales; rosado = filtros secundarios/proyecto. */
.night-ui{
  --tc-deep-neon-cyan:#79efff;
  --tc-deep-neon-cyan-soft:rgba(92,231,255,.48);
  --tc-deep-neon-pink:#ff83d0;
  --tc-deep-neon-pink-soft:rgba(255,101,198,.46);
  --tc-deep-glass-control:rgba(5,15,39,.38);
}

.night-ui .night-title-simple.tc-glass-panel--deep{
  border-color:rgba(112,238,255,.76);
  background:
    radial-gradient(circle at 8% 4%,rgba(84,231,255,.10),transparent 34%),
    radial-gradient(circle at 92% 96%,rgba(255,91,196,.09),transparent 32%),
    rgba(5,9,36,.62);
  box-shadow:
    inset 0 0 0 1px rgba(215,253,255,.05),
    0 0 16px rgba(75,226,255,.18),
    0 0 34px rgba(255,83,191,.08);
}

/* Categorías principales: vidrio cian. */
.night-ui .tkg-system[data-theme="deep"]{
  --tkg-line:rgba(109,232,255,.40);
  --tkg-chip:var(--tc-deep-glass-control);
  --tkg-chip-active:linear-gradient(135deg,rgba(70,222,255,.20),rgba(19,91,151,.24));
}

.night-ui .tkg-category-grid.tkg-system[data-theme="deep"] .tkg-category{
  border-color:rgba(104,232,255,.48);
  background:
    linear-gradient(180deg,rgba(83,229,255,.10),rgba(6,25,58,.28)),
    var(--tc-deep-glass-control);
  -webkit-backdrop-filter:blur(11px) saturate(1.15);
  backdrop-filter:blur(11px) saturate(1.15);
  box-shadow:
    inset 0 0 0 1px rgba(196,251,255,.04),
    0 0 10px rgba(79,223,255,.10);
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .15s ease;
}

.night-ui .tkg-category-grid.tkg-system[data-theme="deep"] .tkg-category:hover,
.night-ui .tkg-category-grid.tkg-system[data-theme="deep"] .tkg-category:focus-visible{
  border-color:rgba(132,244,255,.88);
  background:
    linear-gradient(180deg,rgba(98,236,255,.15),rgba(8,34,72,.30)),
    var(--tc-deep-glass-control);
  box-shadow:
    inset 0 0 0 1px rgba(214,253,255,.08),
    0 0 14px rgba(84,230,255,.25),
    0 0 26px rgba(84,230,255,.10);
  outline:none;
}

.night-ui .tkg-category-grid.tkg-system[data-theme="deep"] .tkg-category.active{
  outline:0;
  border-color:var(--tc-deep-neon-cyan);
  background:
    linear-gradient(180deg,rgba(106,239,255,.18),rgba(9,45,89,.34)),
    rgba(6,19,48,.46);
  box-shadow:
    inset 0 0 0 1px rgba(224,254,255,.10),
    0 0 14px var(--tc-deep-neon-cyan-soft),
    0 0 30px rgba(73,225,255,.18);
}

.night-ui .tkg-category-grid.tkg-system[data-theme="deep"] .tkg-category.active::after{
  background:var(--tc-deep-neon-cyan);
  box-shadow:0 0 8px rgba(121,239,255,.90),0 0 16px rgba(121,239,255,.48);
}


/* Iconos de categorías: brillo bioluminiscente cian. */
.night-ui .tkg-category-grid.tkg-system[data-theme="deep"] .tkg-category-icon{
  color:#9bf5ff;
  text-shadow:
    0 0 4px rgba(196,252,255,.95),
    0 0 9px rgba(91,232,255,.88),
    0 0 18px rgba(62,214,255,.46);
  filter:drop-shadow(0 0 5px rgba(84,229,255,.44));
  transition:color .2s ease,text-shadow .2s ease,filter .2s ease,transform .18s ease;
}

.night-ui .tkg-category-grid.tkg-system[data-theme="deep"] .tkg-category:hover .tkg-category-icon,
.night-ui .tkg-category-grid.tkg-system[data-theme="deep"] .tkg-category:focus-visible .tkg-category-icon{
  color:#d9fcff;
  text-shadow:
    0 0 5px rgba(234,255,255,1),
    0 0 11px rgba(112,241,255,.96),
    0 0 22px rgba(74,224,255,.60);
  filter:drop-shadow(0 0 7px rgba(102,239,255,.58));
}

.night-ui .tkg-category-grid.tkg-system[data-theme="deep"] .tkg-category.active .tkg-category-icon{
  color:#e8feff;
  text-shadow:
    0 0 5px #fff,
    0 0 11px rgba(121,239,255,1),
    0 0 23px rgba(79,226,255,.72);
  filter:drop-shadow(0 0 8px rgba(121,239,255,.68));
  transform:translateY(-1px);
}

/* Hashtags/proyectos: acento rosado para la jerarquía secundaria. */
.night-ui .tkg-filterbar.tkg-system[data-theme="deep"] .tkg-chip,
.night-ui .tkg-filterbar.tkg-system[data-theme="deep"] .tkg-all{
  border-color:rgba(255,112,203,.52);
  color:#ffe9f7;
  background:
    linear-gradient(180deg,rgba(255,102,199,.10),rgba(62,16,72,.24)),
    rgba(15,8,39,.38);
  -webkit-backdrop-filter:blur(10px) saturate(1.12);
  backdrop-filter:blur(10px) saturate(1.12);
  box-shadow:
    inset 0 0 0 1px rgba(255,220,242,.04),
    0 0 10px rgba(255,91,190,.09);
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .15s ease;
}

.night-ui .tkg-filterbar.tkg-system[data-theme="deep"] .tkg-chip:hover,
.night-ui .tkg-filterbar.tkg-system[data-theme="deep"] .tkg-chip:focus-visible,
.night-ui .tkg-filterbar.tkg-system[data-theme="deep"] .tkg-all:hover,
.night-ui .tkg-filterbar.tkg-system[data-theme="deep"] .tkg-all:focus-visible{
  border-color:rgba(255,142,216,.90);
  background:
    linear-gradient(180deg,rgba(255,117,207,.15),rgba(78,19,83,.28)),
    rgba(18,8,43,.42);
  box-shadow:
    inset 0 0 0 1px rgba(255,229,246,.07),
    0 0 14px rgba(255,99,195,.24),
    0 0 26px rgba(255,99,195,.09);
  outline:none;
}

.night-ui .tkg-filterbar.tkg-system[data-theme="deep"] .tkg-chip.active,
.night-ui .tkg-filterbar.tkg-system[data-theme="deep"] .tkg-all.active{
  border-color:var(--tc-deep-neon-pink);
  color:#fff5fb;
  background:
    linear-gradient(180deg,rgba(255,126,211,.18),rgba(92,22,94,.34)),
    rgba(24,8,48,.48);
  box-shadow:
    inset 0 0 0 1px rgba(255,232,247,.09),
    0 0 14px var(--tc-deep-neon-pink-soft),
    0 0 30px rgba(255,94,193,.16);
}

/* Salida oficial: sigue siendo la acción principal, ahora más glass y con borde de neón definido. */
.night-ui .surface-btn{
  border-color:rgba(121,239,255,.96);
  background:
    linear-gradient(180deg,rgba(84,231,255,.13),rgba(8,46,91,.28)),
    rgba(4,18,43,.38);
  -webkit-backdrop-filter:blur(12px) saturate(1.16);
  backdrop-filter:blur(12px) saturate(1.16);
  box-shadow:
    inset 0 0 0 1px rgba(211,253,255,.08),
    0 0 13px rgba(89,231,255,.38),
    0 0 30px rgba(89,231,255,.15);
}

.night-ui .surface-btn:hover,
.night-ui .surface-btn:focus-visible{
  border-color:#b9f9ff;
  background:
    linear-gradient(180deg,rgba(105,240,255,.18),rgba(11,61,111,.31)),
    rgba(5,22,48,.42);
  box-shadow:
    inset 0 0 0 1px rgba(225,254,255,.12),
    0 0 18px rgba(105,239,255,.52),
    0 0 38px rgba(105,239,255,.21);
}

@media(max-width:760px){
  .night-ui .tkg-category-grid.tkg-system[data-theme="deep"]{
    gap:6px!important;
    margin:0 8px 8px!important;
    padding:3px 0 4px;
  }
  .night-ui .tkg-category-grid.tkg-system[data-theme="deep"] .tkg-category{
    min-height:52px!important;
    border-radius:13px!important;
    overflow:hidden!important;
    padding:5px 4px 7px!important;
  }
  .night-ui .tkg-category-grid.tkg-system[data-theme="deep"] .tkg-category.active::after{
    left:10px;
    right:10px;
    bottom:4px;
    height:2px;
  }
}

@media(max-width:950px){
  .night-ui .surface-btn-top{margin-left:auto}
}

@media(max-width:760px){
  .night-ui .night-nav-simple{gap:8px}
  .night-ui .surface-btn-top{padding:7px 8px;font-size:10px}
  .tkg-deep-caption-teaser{
    bottom:12px;
    width:calc(100% - 20px);
    gap:9px;
    padding:11px 12px;
    border-radius:14px;
  }
  .tkg-deep-caption-copy{font-size:12px}
  .tkg-deep-publication-text{
    width:100%;
    margin:0 auto 42px;
    padding:19px 16px;
    border-left:0;
    border-right:0;
    border-radius:0;
  }
  .tkg-deep-publication-text p{font-size:14px;line-height:1.68}
  .tkg-viewer[data-theme="deep"] .tkg-vertical .tkg-deep-publication-text{
    width:100%;
    margin-bottom:48px;
    border-radius:0;
  }
}

/* Inicio Deep Sea · carrusel + Descubre conectados al Series Engine */
.deep-home-dynamic{margin:18px 0 22px}.deep-home-dynamic[data-deep-empty="true"]{display:none!important}.deep-home-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 2px 10px}.deep-home-section-head span{display:block;margin-bottom:4px;color:#86eaff;font:900 9px/1 Inter,system-ui,sans-serif;letter-spacing:.16em}.deep-home-section-head h2{margin:0;color:#fff;font-size:clamp(19px,3vw,27px)}
.deep-home-carousel{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);min-height:310px;overflow:hidden;border:1px solid transparent;border-radius:24px;background:linear-gradient(rgba(5,11,35,.92),rgba(5,11,35,.92)) padding-box,linear-gradient(115deg,#ff72c1,#6cecff,#ff72c1) border-box;background-size:100% 100%,200% 200%;box-shadow:0 18px 50px rgba(0,0,0,.30),0 0 22px rgba(108,236,255,.08),0 0 24px rgba(255,114,193,.07);animation:deepHomeNeon 18s ease-in-out infinite}
.deep-home-carousel-art{position:relative;min-height:310px;overflow:hidden}.deep-home-carousel-art img{width:100%;height:100%;min-height:310px;display:block;object-fit:cover}.deep-home-carousel-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,27,.08),rgba(3,9,30,.18) 55%,rgba(5,11,35,.80))}
.deep-home-carousel-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:32px 34px;color:#f6fdff;background:radial-gradient(circle at 15% 20%,rgba(102,233,255,.08),transparent 36%),radial-gradient(circle at 88% 90%,rgba(255,105,192,.08),transparent 38%)}
.deep-home-kicker{color:#ffb5df;font:900 9px/1 Inter,system-ui,sans-serif;letter-spacing:.16em}.deep-home-carousel-copy h3{margin:9px 0 8px;font-size:clamp(25px,4vw,40px);line-height:1.05}.deep-home-carousel-copy p{margin:0;color:#c9e4f1;font-size:13px;line-height:1.58}.deep-home-carousel-copy small{margin-top:12px;color:#86eaff;font-size:10px;font-weight:800}.deep-home-enter{width:max-content;max-width:100%;margin-top:19px;padding:10px 14px;border:1px solid transparent;border-radius:999px;color:#fff;text-decoration:none;font-size:11px;font-weight:900;background:linear-gradient(rgba(8,20,49,.94),rgba(8,20,49,.94)) padding-box,linear-gradient(105deg,#ff70bf,#67e7ff) border-box;box-shadow:0 0 18px rgba(102,230,255,.10),0 0 16px rgba(255,111,190,.08)}
.deep-home-arrow{position:absolute;z-index:5;top:50%;width:38px;height:38px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(119,239,255,.58);border-radius:50%;background:rgba(4,16,42,.60);color:#f7feff;font-size:27px;line-height:1;backdrop-filter:blur(10px);box-shadow:0 0 15px rgba(94,231,255,.14);cursor:pointer}.deep-home-arrow.left{left:12px}.deep-home-arrow.right{right:12px}.deep-home-arrow[hidden]{display:none}.deep-home-dots{position:absolute;z-index:5;left:50%;bottom:12px;display:flex;gap:6px;transform:translateX(-50%)}.deep-home-dots[hidden]{display:none}.deep-home-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(213,241,251,.36);cursor:pointer}.deep-home-dots button.active{background:#8af1ff;box-shadow:0 0 8px rgba(108,236,255,.92),0 0 14px rgba(255,111,192,.50)}
.deep-discover-rail{display:flex;gap:11px;overflow-x:auto;padding:2px 2px 9px;scroll-snap-type:x proximity;scrollbar-width:thin}.deep-discover-card{flex:0 0 min(285px,76vw);display:grid;grid-template-columns:88px minmax(0,1fr);gap:11px;align-items:center;padding:8px;border:1px solid transparent;border-radius:17px;color:#f4fbff;text-decoration:none;background:linear-gradient(rgba(5,14,40,.80),rgba(5,14,40,.80)) padding-box,linear-gradient(115deg,rgba(255,105,190,.45),rgba(100,230,255,.46)) border-box;box-shadow:0 8px 24px rgba(0,0,0,.18);scroll-snap-align:start;transition:transform .18s ease,box-shadow .18s ease}.deep-discover-card:hover{transform:translateY(-1px);box-shadow:0 11px 28px rgba(0,0,0,.24),0 0 18px rgba(100,230,255,.07)}.deep-discover-thumb{display:block;width:88px;aspect-ratio:4/5;overflow:hidden;border-radius:11px;background:#07142d}.deep-discover-thumb img{width:100%;height:100%;object-fit:cover}.deep-discover-copy{min-width:0}.deep-discover-copy small{display:block;color:#9ed5e8;font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deep-discover-copy strong{display:-webkit-box;margin-top:5px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#fff;font-size:13px;line-height:1.25}.deep-discover-copy span{display:flex;align-items:center;gap:6px;margin-top:8px}.deep-discover-copy em{color:#8eeeff;font-size:9px;font-style:normal;font-weight:850}.deep-discover-copy b{padding:3px 6px;border:1px solid rgba(255,118,193,.32);border-radius:999px;background:rgba(245,70,155,.11);color:#ffc7e2;font-size:8px}
@keyframes deepHomeNeon{0%,100%{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}}
@media(max-width:760px){.deep-home-dynamic{margin:14px 0 18px}.deep-home-carousel{grid-template-columns:1fr;min-height:0;border-radius:19px}.deep-home-carousel-art{min-height:0;aspect-ratio:16/10}.deep-home-carousel-art img{min-height:0}.deep-home-carousel-shade{background:linear-gradient(180deg,rgba(2,8,27,.04),rgba(5,11,35,.76))}.deep-home-carousel-copy{padding:19px 18px 28px}.deep-home-carousel-copy h3{font-size:26px}.deep-home-arrow{top:32%;width:34px;height:34px}.deep-home-arrow.left{left:8px}.deep-home-arrow.right{right:8px}.deep-discover-card{flex-basis:min(270px,82vw);grid-template-columns:76px minmax(0,1fr)}.deep-discover-thumb{width:76px}}
@media(prefers-reduced-motion:reduce){.deep-home-carousel{animation:none}}

/* =========================================================
   DEEP SEA · CONTROLES PÚBLICOS UNIFICADOS
   Galería +18 y navegación siguen el neón del Inicio.
   ========================================================= */
.night-ui{
  --deep-neon-cyan:#6cecff;
  --deep-neon-pink:#ff72c1;
}
.night-ui .surface-btn,
.night-ui .surface-btn-top{
  border:1px solid transparent!important;
  color:#f6fdff!important;
  background:
    linear-gradient(rgba(5,17,47,.88),rgba(5,17,47,.88)) padding-box,
    linear-gradient(105deg,rgba(255,114,193,.76),rgba(108,236,255,.82)) border-box!important;
  box-shadow:0 0 18px rgba(108,236,255,.10),0 0 16px rgba(255,114,193,.07)!important;
  transition:transform .16s ease,box-shadow .16s ease;
}
.night-ui .surface-btn:hover,
.night-ui .surface-btn-top:hover{
  transform:translateY(-1px);
  box-shadow:0 0 23px rgba(108,236,255,.17),0 0 21px rgba(255,114,193,.12)!important;
}
.tkg-system[data-theme="deep"] .tkg-category,
.tkg-system[data-theme="deep"] .tkg-chip,
.tkg-system[data-theme="deep"] .tkg-all{
  border:1px solid transparent!important;
  color:#eefaff!important;
  background:
    linear-gradient(rgba(5,17,47,.84),rgba(5,17,47,.84)) padding-box,
    linear-gradient(110deg,rgba(255,114,193,.28),rgba(108,236,255,.34)) border-box!important;
  box-shadow:0 7px 21px rgba(0,0,0,.15),0 0 14px rgba(108,236,255,.035);
}
.tkg-system[data-theme="deep"] .tkg-category:hover,
.tkg-system[data-theme="deep"] .tkg-chip:hover,
.tkg-system[data-theme="deep"] .tkg-all:hover{
  box-shadow:0 9px 26px rgba(0,0,0,.22),0 0 18px rgba(108,236,255,.10),0 0 15px rgba(255,114,193,.07);
}
.tkg-system[data-theme="deep"] .tkg-category.active,
.tkg-system[data-theme="deep"] .tkg-chip.active,
.tkg-system[data-theme="deep"] .tkg-all.active{
  border-color:transparent!important;
  color:#fff!important;
  background:
    linear-gradient(rgba(7,18,49,.95),rgba(7,18,49,.95)) padding-box,
    linear-gradient(105deg,#ff72c1,#6cecff) border-box!important;
  outline:0!important;
  box-shadow:0 0 21px rgba(108,236,255,.14),0 0 19px rgba(255,114,193,.11)!important;
}
.tkg-viewer[data-theme="deep"] .tkg-viewer-close,
.tkg-viewer[data-theme="deep"] .tkg-zoom-tools button{
  border:1px solid transparent!important;
  color:#fff!important;
  background:
    linear-gradient(rgba(3,13,38,.84),rgba(3,13,38,.84)) padding-box,
    linear-gradient(105deg,rgba(255,114,193,.62),rgba(108,236,255,.70)) border-box!important;
  box-shadow:0 0 16px rgba(108,236,255,.08),0 0 14px rgba(255,114,193,.055);
  backdrop-filter:blur(10px);
}
.tkg-viewer[data-theme="deep"] .tkg-viewer-counter,
.tkg-viewer[data-theme="deep"] .tkg-read-hint{
  border:1px solid rgba(108,236,255,.22);
  color:#effaff;
  background:rgba(3,13,38,.76);
  box-shadow:0 0 16px rgba(108,236,255,.06);
  backdrop-filter:blur(10px);
}
.tkg-viewer[data-theme="deep"] .tkg-step{
  opacity:.82;
  color:#eefdff;
  text-shadow:0 0 12px rgba(108,236,255,.65),0 0 16px rgba(255,114,193,.34);
  background:radial-gradient(circle at center,rgba(3,14,41,.74) 0 24px,rgba(3,14,41,0) 25px);
}
.tkg-viewer[data-theme="deep"] .tkg-step:hover{opacity:1}
.tkg-viewer[data-theme="deep"] .tkg-deep-caption-teaser{
  border:1px solid transparent;
  background:
    linear-gradient(rgba(4,15,42,.88),rgba(4,15,42,.88)) padding-box,
    linear-gradient(105deg,rgba(255,114,193,.65),rgba(108,236,255,.68)) border-box;
  box-shadow:0 0 19px rgba(108,236,255,.09),0 0 16px rgba(255,114,193,.06);
}
.tkg-viewer[data-theme="deep"] .tkg-deep-publication-text{
  border:1px solid transparent;
  background:
    linear-gradient(rgba(5,15,43,.90),rgba(5,15,43,.90)) padding-box,
    linear-gradient(112deg,rgba(255,114,193,.32),rgba(108,236,255,.36)) border-box;
  box-shadow:0 14px 38px rgba(0,0,0,.22),0 0 18px rgba(108,236,255,.04);
}