/* ═══════════════════════════════════════════════════════════

   Vid Sense — Premium Dark UI

   Design: category-first dashboard, glassmorphism, per-hue theming

   ═══════════════════════════════════════════════════════════ */

/* ── Reset & Base ─────────────────────────────────────────── */
/* Scoped reset: only apply inside extension containers.
   When loaded in Shadow DOM, :host boundary already isolates these.
   When loaded via @import into the page (Shorts, Spotlight),
   we must NOT use bare * or it will strip YouTube's own margins/padding. */

:host *,
:host *::before,
:host *::after,
.ytc-discovery-overlay *,
.ytc-discovery-overlay *::before,
.ytc-discovery-overlay *::after,
.si-float-panel *,
.si-float-panel *::before,
.si-float-panel *::after,
#spotlight-modal *,
#spotlight-modal *::before,
#spotlight-modal *::after,
.shorts-ctx-menu *,
.shorts-ctx-menu *::before,
.shorts-ctx-menu *::after,
.ktree-overlay *,
.ktree-overlay *::before,
.ktree-overlay *::after,
.gt-overlay *,
.gt-overlay *::before,
.gt-overlay *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:host {
  display: block;
  width: 100%;
  font-family: 'Inter', 'Noto Sans TC', system-ui, sans-serif;
  contain: layout style;
  /* ── Dark Theme (default) ──────────────────────────── */
  --bg-primary: rgba(20, 20, 20, 0.95);
  --bg-card: rgba(30, 30, 30, 0.6);
  --bg-glass: rgba(255, 255, 255, 0.04);
  --bg-hover: hsla(var(--cat-hue), 10%, 50%, 0.08);
  --text-primary: rgba(255, 255, 255, 0.92);
  --text-secondary: rgba(255, 255, 255, 0.5);
  --text-muted: rgba(255, 255, 255, 0.3);
  --text-insight: rgba(255, 255, 255, 0.28);
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-faint: rgba(255, 255, 255, 0.03);
  --shadow-card: 0 12px 32px rgba(0, 0, 0, 0.4);
  --shadow-hover: 0 16px 40px rgba(0, 0, 0, 0.5);
  --shadow-pill: none;
  --arc-track: rgba(255, 255, 255, 0.06);
  --cat-hue-sat: 50%;
  --cat-hue-lit: 65%;
  --badge-alpha: 0.65;
  --rainbow-section-opacity: 0.045;
  --rainbow-header-opacity: 0.06;
}

/* ── Light Theme ──────────────────────────────────── */

:host([data-theme="light"]) {
  --bg-primary: rgba(255, 255, 255, 0.9);
  --bg-card: rgba(255, 255, 255, 0.85);
  --bg-glass: rgba(0, 0, 0, 0.03);
  --bg-hover: hsla(var(--cat-hue), 40%, 50%, 0.06);
  --text-primary: rgba(15, 15, 20, 0.88);
  --text-secondary: rgba(15, 15, 20, 0.5);
  --text-muted: rgba(15, 15, 20, 0.35);
  --text-insight: rgba(15, 15, 20, 0.3);
  --border-subtle: rgba(0, 0, 0, 0.08);
  --border-faint: rgba(0, 0, 0, 0.04);
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-pill: 0 1px 4px rgba(0, 0, 0, 0.06);
  --arc-track: rgba(0, 0, 0, 0.06);
  --cat-hue-sat: 55%;
  --cat-hue-lit: 45%;
  --badge-alpha: 0.75;
  --rainbow-section-opacity: 0.025;
  --rainbow-header-opacity: 0.035;
}

/* Light mode overrides — using .theme-light class on .curator-root */

.theme-light {
  --bg-primary: rgba(255, 255, 255, 0.9);
  --bg-card: rgba(255, 255, 255, 0.85);
  --bg-glass: rgba(0, 0, 0, 0.03);
  --bg-hover: hsla(0, 0%, 0%, 0.04);
  --text-primary: rgba(15, 15, 20, 0.88);
  --text-secondary: rgba(15, 15, 20, 0.5);
  --text-muted: rgba(15, 15, 20, 0.35);
  --text-insight: rgba(15, 15, 20, 0.3);
  --border-subtle: rgba(0, 0, 0, 0.08);
  --border-faint: rgba(0, 0, 0, 0.04);
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.1);
  --arc-track: rgba(0, 0, 0, 0.06);
}

.theme-light .badge-subtopic {
  color: hsl(var(--cat-hue), 55%, 35%);
  background: hsla(var(--cat-hue), 50%, 50%, 0.08);
  border-color: hsla(var(--cat-hue), 50%, 50%, 0.12);
}

.theme-light .cat-count-chip {
  color: hsl(var(--cat-hue), 55%, 35%);
  background: hsla(var(--cat-hue), 50%, 50%, 0.08);
  border-color: hsla(var(--cat-hue), 50%, 50%, 0.12);
}

.theme-light .cat-tab-btn {
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6);
  padding: 6px 14px;
  font-size: 12px;
  border-radius: 999px;
  pointer-events: auto;
  cursor: pointer;
  white-space: nowrap;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Noto Sans TC', sans-serif;
  font-weight: 500;
}

.theme-light .cat-tab-btn:hover {
  background: rgba(255, 255, 255, 0.7);
  color: rgba(0, 0, 0, 0.9);
  border-color: rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

.theme-light .cat-tab-btn.active {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.25);
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  font-weight: 600;
}

.theme-light .vrow:hover .vrow-title {
  color: hsl(var(--cat-hue), 55%, 35%);
}

.theme-light .pulse-pill {
  color: rgba(15, 15, 20, 0.8);
}

.theme-light .cat-pct-badge {
  color: rgba(15, 15, 20, 0.5);
}

/* ── Root Container ───────────────────────────────────────── */

.curator-root {
  background: rgba(18, 18, 22, 0.75);
  backdrop-filter: blur(48px) saturate(140%);
  -webkit-backdrop-filter: blur(48px) saturate(140%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  min-height: 100vh;
  padding-bottom: 48px;
  color: var(--text-primary);
  position: relative;
}

.curator-root::before {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 40% at 20% 0%, hsla(0, 0%, 100%, 0.02) 0%, transparent 60%),
    radial-gradient(ellipse 60% 50% at 80% 100%, hsla(0, 0%, 100%, 0.01) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}

/* ── Dashboard Hero Card (Merged Header & Stats) ───────────────── */
/* ── Eco-Modern Bento Foundations: Hero ── */
.dash-hero-card {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 40px 48px;
  margin-bottom: 0;
  z-index: 100;
}

.dash-hero-glass {
  position: absolute;
  inset: 0;
  background: rgba(18, 22, 28, 0.40);
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  pointer-events: none;
  z-index: 0;
}
/* TODO: Light theme is partial — only covers hero + vcard. Need to add
   .theme-light rules for .dash-stat, .cat-more-btn, .badge-subtopic, etc. */
.theme-light .dash-hero-glass {
  background: rgba(255, 255, 255, 0.40);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.dash-hero-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.dash-hero-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.dash-hero-brand-group {
  display: flex;
  align-items: center;
  gap: 24px;
}

.dash-hero-logo {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

.dash-eyebrow {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 8px;
}
.theme-light .dash-eyebrow {
  color: rgba(0, 0, 0, 0.5);
}

.dash-title {
  font-size: clamp(20px, 3vw, 30px);
  font-weight: 800;
  letter-spacing: -0.5px;
  line-height: 1.25;
  color: #ffffff;
  margin: 0;
  padding-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 800px;
}
.theme-light .dash-title {
  color: #111111;
}

.dash-hero-tools {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

/* ── Refresh Button ────────────────────────────── */
.curator-refresh-btn {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--text-secondary);
  font-size: 14px;
  width: 32px;
  height: 32px;
  border-radius: 8px; /* SaaS rounded square */
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.curator-refresh-btn svg {
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  opacity: 0.8;
}

.curator-refresh-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  transform: translateY(-1px);
}

.curator-refresh-btn:hover svg {
  transform: rotate(180deg);
  opacity: 1;
}

.curator-refresh-btn:active {
  transform: translateY(0);
}

.curator-refresh-btn:active svg {
  transform: rotate(360deg);
  transition: transform 0.1s linear;
}

/* ── Hero Big Stats (Eco KPIs) ────────────────────────────── */
.dash-kpi-row {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 24px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* ── Eco-Modern Bento Matrix ──────────────────────────────── */
.dash-grid {
  display: grid;
  grid-template-columns: repeat(var(--cols, 4), 1fr);
  gap: 16px;
  width: 100%;
}

.dash-vcard {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s;
  background: rgba(18, 22, 28, 0.40);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.theme-light .dash-vcard {
  background: rgba(255, 255, 255, 0.50);
  border-color: rgba(0, 0, 0, 0.08);
}

.dash-vcard:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.2);
}
.theme-light .dash-vcard:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.15);
}

.box-white { background: #fdfdfc; color: #111; }
.box-green { background: #a3e635; color: #111; border-color: #a3e635; }
.box-black { background: #0f1014; color: #E5E5DD; }

.bento-span-1 { grid-column: span 1; }
.bento-span-2 { grid-column: span 2; }
.bento-span-3 { grid-column: span 3; }
.bento-span-4 { grid-column: span 4; }

@media (max-width: 1200px) {
  .dash-grid { --cols: 3; }
  .bento-span-4 { grid-column: span 3; }
}
@media (max-width: 800px) {
  .dash-grid { --cols: 2; }
  .bento-span-3, .bento-span-4 { grid-column: span 2; }
}
@media (max-width: 500px) {
  .dash-grid { --cols: 1; }
  .bento-span-2, .bento-span-3, .bento-span-4 { grid-column: span 1; }
}

.dash-stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Headline stat (Total Views) — Spotify monthly-listeners pattern. ~2× the
   surrounding numbers so the eye lands on the channel's "real" size first. */
.dash-stat--hero .dash-stat-num {
  font-size: clamp(40px, 5vw, 64px);
  color: #ffffff;
}
.theme-light .dash-stat--hero .dash-stat-num {
  color: #111111;
}
.dash-stat--hero .dash-stat-lbl {
  font-size: 12px;
  letter-spacing: 1.5px;
}

.dash-stat-num {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1;
}

.dash-stat-lbl {
  font-size: 10px;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.dash-stat-sep {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.08);
}

/* ── Channel "Soul" — editorial blurb + similar-channel chips ─── */
.dash-soul {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 24px 0 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  animation: soulFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.dash-soul[hidden] { display: none; }
.theme-light .dash-soul {
  border-top-color: rgba(0, 0, 0, 0.08);
}

.dash-soul-eyebrow {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: rgba(255, 255, 255, 0.45);
}
.theme-light .dash-soul-eyebrow {
  color: rgba(0, 0, 0, 0.5);
}

/* Pull-quote treatment (PR #338 review feedback): the blurb was rendering
   as flat body text. Add a slim left accent bar + airier line-height +
   slightly larger font so it reads as editorial content, not paragraph
   filler. The bar is purposely thin (2px) and top-down faded so it signals
   "this is a quote" without screaming. */
.dash-soul-text {
  position: relative;
  margin: 0;
  padding-left: 16px;
  font-size: clamp(16px, 1.5vw, 18px);
  font-weight: 400;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.92);
  text-wrap: balance;
  letter-spacing: 0.1px;
  max-width: 920px;
}
.dash-soul-text::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.3em;
  bottom: 0.3em;
  width: 2px;
  background: linear-gradient(180deg, hsl(265, 70%, 65%), hsla(265, 70%, 65%, 0));
  border-radius: 1px;
}
.theme-light .dash-soul-text {
  color: rgba(0, 0, 0, 0.85);
}
.theme-light .dash-soul-text::before {
  background: linear-gradient(180deg, hsl(265, 60%, 55%), hsla(265, 60%, 55%, 0));
}

/* "If you're hooked" section — block layout (was inline flex) so the chips
   below get their own row + a real grid. Short hairline separator above
   gives a subtle visual break from the blurb without a heavy line across
   the whole hero. */
.dash-soul-similar {
  display: block;
  position: relative;
  margin-top: 16px;
  padding-top: 20px;
}
.dash-soul-similar[hidden] { display: none; }
.dash-soul-similar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 1px;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0.18), transparent);
}
.theme-light .dash-soul-similar::before {
  background: linear-gradient(90deg, hsla(0, 0%, 0%, 0.18), transparent);
}

.dash-soul-similar-label {
  display: block;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.4px;
}
.dash-soul-similar-label::before {
  content: '→ ';
  color: rgba(255, 255, 255, 0.35);
  margin-right: 2px;
}
.theme-light .dash-soul-similar-label {
  color: rgba(0, 0, 0, 0.6);
}
.theme-light .dash-soul-similar-label::before {
  color: rgba(0, 0, 0, 0.35);
}

/* 2x2 (or auto-fit) grid of mini-cards. Was inline-wrap of 4 unequal-width
   pills which orphaned the 4th to its own line. Grid keeps the visual
   weights even and lets each chip's reason wrap onto its own line cleanly. */
.dash-soul-chips {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
}

/* Card layout: real channel avatar (36px) + text stack (name / @handle /
   hook). Avatar comes from YouTube's channelRenderer thumbnail (same
   source as the Discover feature) — its presence visually grounds the
   chip as a verified-real channel, not LLM-text. */
.dash-soul-chip {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.88);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}
.dash-soul-chip:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}
.dash-soul-chip:focus-visible {
  outline: 2px solid hsl(265, 80%, 65%);
  outline-offset: 2px;
}
.theme-light .dash-soul-chip {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.85);
}
.theme-light .dash-soul-chip:hover {
  background: rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.15);
}

.dash-soul-chip-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  flex-shrink: 0;
  object-fit: cover;
  background: rgba(255, 255, 255, 0.06);
}
.theme-light .dash-soul-chip-avatar {
  background: rgba(0, 0, 0, 0.06);
}

.dash-soul-chip-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.dash-soul-chip-name {
  font-size: 13px;
  font-weight: 700;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.3;
}

.dash-soul-chip-handle {
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 0.2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.3;
}
.theme-light .dash-soul-chip-handle {
  color: rgba(0, 0, 0, 0.4);
}

.dash-soul-chip-hook {
  display: block;
  font-size: 11.5px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.45;
  margin-top: 2px;
}
.theme-light .dash-soul-chip-hook {
  color: rgba(0, 0, 0, 0.55);
}
.dash-soul-chip-hook:empty { display: none; }

@keyframes soulFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Creator Big Bang entry point */
.dash-cosmos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 20px 0 8px;
  padding: 16px 18px;
  border: 1px solid rgba(125, 211, 252, 0.24);
  border-radius: 8px;
  background:
    radial-gradient(circle at 8% 50%, rgba(248, 250, 252, 0.2), transparent 18%),
    radial-gradient(circle at 72% 20%, rgba(251, 191, 36, 0.18), transparent 22%),
    linear-gradient(100deg, rgba(2, 6, 23, 0.92), rgba(12, 18, 35, 0.78) 48%, rgba(28, 37, 58, 0.72));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 18px 42px rgba(2, 6, 23, 0.18);
  animation: soulFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.dash-cosmos[hidden] { display: none; }
.theme-light .dash-cosmos {
  border-color: rgba(14, 116, 144, 0.24);
  background:
    radial-gradient(circle at 8% 50%, rgba(14, 116, 144, 0.14), transparent 18%),
    radial-gradient(circle at 72% 20%, rgba(217, 119, 6, 0.14), transparent 22%),
    linear-gradient(100deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.96) 52%, rgba(226, 232, 240, 0.9));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 16px 34px rgba(15, 23, 42, 0.08);
}
.dash-cosmos-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.dash-cosmos-eyebrow {
  color: rgba(125, 211, 252, 0.9);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}
.theme-light .dash-cosmos-eyebrow { color: rgba(14, 116, 144, 0.92); }
.dash-cosmos-title {
  color: rgba(248, 250, 252, 0.94);
  font-size: 15px;
  font-weight: 680;
  line-height: 1.38;
}
.theme-light .dash-cosmos-title { color: rgba(15, 23, 42, 0.9); }
.dash-cosmos-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  min-width: 220px;
  padding: 0 18px;
  border: 1px solid rgba(251, 191, 36, 0.45);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.94), rgba(56, 189, 248, 0.88));
  color: #08111f;
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(56, 189, 248, 0.2);
  transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}
.dash-cosmos-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.04);
  box-shadow: 0 14px 30px rgba(56, 189, 248, 0.28);
}
.dash-cosmos-btn:focus-visible {
  outline: 2px solid rgba(125, 211, 252, 0.95);
  outline-offset: 3px;
}
.dash-cosmos-btn:disabled {
  cursor: progress;
  opacity: 0.78;
  transform: none;
}
.dash-cosmos-btn-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #020617;
  box-shadow: 0 0 0 5px rgba(2, 6, 23, 0.14), 0 0 18px rgba(2, 6, 23, 0.4);
  flex: 0 0 auto;
}
.dash-cosmos-btn[data-loading="1"] .dash-cosmos-btn-dot {
  animation: cosmosPulse 0.9s ease-in-out infinite alternate;
}
.dash-cosmos-tool-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(251, 191, 36, 0.42);
  border-radius: 999px;
  background:
    radial-gradient(circle at 18% 50%, rgba(255, 240, 170, 0.26), transparent 34%),
    linear-gradient(135deg, rgba(8, 13, 28, 0.88), rgba(22, 91, 96, 0.74));
  color: #fff4c7;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(20, 184, 166, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.16);
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}
.dash-cosmos-tool-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 230, 140, 0.72);
  box-shadow: 0 12px 26px rgba(20, 184, 166, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
.dash-cosmos-tool-btn:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  transform: none;
}
.dash-cosmos-tool-orbit {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 238, 172, 0.86);
  border-left-color: rgba(45, 212, 191, 0.88);
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(255, 218, 92, 0.28);
}
.dash-cosmos-tool-btn[data-loading="1"] .dash-cosmos-tool-orbit {
  animation: creator-bang-orbit 1.15s linear infinite;
}
.theme-light .dash-cosmos-tool-btn {
  background:
    radial-gradient(circle at 18% 50%, rgba(251, 191, 36, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(255, 251, 235, 0.96), rgba(204, 251, 241, 0.92));
  color: #134e4a;
  border-color: rgba(14, 116, 144, 0.28);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
@keyframes cosmosPulse {
  from { transform: scale(0.82); opacity: 0.65; }
  to { transform: scale(1.14); opacity: 1; }
}
@media (max-width: 720px) {
  .dash-cosmos {
    align-items: stretch;
    flex-direction: column;
  }
  .dash-cosmos-btn {
    width: 100%;
    min-width: 0;
  }
}

/* ── Category Percentage Bars (Grid) ───────── */
.dash-cat-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px 48px;
  margin-top: 8px;
}

.dash-cat-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
  background: transparent;
  transition: all 0.2s ease;
  animation: catRowFadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.dash-cat-row:hover {
  background: rgba(255, 255, 255, 0.04);
  transform: translateX(4px);
}

.dash-cat-row-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dash-cat-name {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  transition: color 0.2s ease;
}

.dash-cat-row:hover .dash-cat-name {
  color: #fff;
}

.dash-cat-pct {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
}

.dash-cat-count-sub {
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.3);
  margin-left: 2px;
}

.dash-cat-bar-bg {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 4px;
  overflow: hidden;
}

.dash-cat-bar {
  height: 100%;
  background: linear-gradient(
    90deg,
    hsla(var(--bar-hue), 80%, 65%, 0.8),
    hsla(var(--bar-hue), 90%, 75%, 1)
  );
  border-radius: 4px;
  box-shadow: 0 0 10px hsla(var(--bar-hue), 80%, 60%, 0.4);
  width: 0%; /* Initial state for animation */
  animation: barGrow 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes barGrow {
  from { width: 0%; opacity: 0; }
  to { opacity: 1; } /* width is set inline via JS */
}

@keyframes catRowFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ── Scan Depth Selector ──────────────────────── */
.curator-depth-wrap {
  position: relative;
  flex-shrink: 0;
}

.curator-depth-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px; /* Matched 8px format */
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: inherit;
  height: 32px; /* Matched 32px height format */
}

.curator-depth-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  transform: translateY(-1px);
}

.curator-depth-btn:active {
  transform: translateY(0);
}

.curator-depth-btn svg {
  opacity: 0.8;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
}

.curator-depth-btn:hover svg {
  opacity: 1;
}

.depth-label {
  min-width: 20px;
  text-align: center;
}

.curator-depth-menu {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 180px;
  padding: 6px;
  background: rgba(22, 22, 32, 0.95);
  backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.04);
  z-index: 200;
  animation: depthMenuIn 0.15s ease;
}

.curator-depth-menu.open {
  display: block;
}

@keyframes depthMenuIn {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.depth-menu-title {
  padding: 6px 10px 4px;
  font-size: 10px;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.depth-opt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 10px;
  background: none;
  border: none;
  border-radius: 8px;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  text-align: left;
}

.depth-opt:hover {
  background: rgba(168, 85, 247, 0.12);
  color: #d8b4fe;
}

.depth-opt.active {
  background: rgba(168, 85, 247, 0.18);
  color: #c4b5fd;
}

.depth-opt.active::after {
  content: '✓';
  font-size: 12px;
  margin-left: 8px;
  color: #a78bfa;
}

.depth-desc {
  font-size: 10px;
  font-weight: 400;
  color: var(--text-muted);
  margin-left: auto;
  padding-left: 12px;
}

.curator-channel-name {
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-primary);
}

.curator-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
}

.status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #6b7280;
  flex-shrink: 0;
}

.curator-status.loading .status-dot {
  background: #60a5fa;
  animation: pulse-dot 1.2s infinite;
}

.curator-status.done .status-dot {
  background: #34d399;
}

.status-text {
  font-size: 11px;
  color: var(--text-secondary);
}

/* ── Error / Warning Banner ────────────────────────── */

.curator-error-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  margin: 0 24px 12px;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.5;
  animation: bannerSlideIn 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.curator-error-banner.error {
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #fca5a5;
}

.curator-error-banner.warning {
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: #fcd34d;
}

.error-banner-msg {
  flex: 1;
  margin-right: 12px;
}

.error-banner-close {
  background: none;
  border: none;
  color: inherit;
  opacity: 0.6;
  cursor: pointer;
  font-size: 14px;
  padding: 2px 6px;
  border-radius: 4px;
  transition: opacity 0.2s, background 0.2s;
}

.error-banner-close:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.1);
}

@keyframes bannerSlideIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.curator-counters {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.counter-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.counter-num {
  font-size: 18px;
  font-weight: 800;
  color: var(--text-primary);
  letter-spacing: -.5px;
}

.counter-lbl {
  font-size: 9px;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .6px;
}

.counter-sep {
  font-size: 18px;
  color: var(--border-subtle);
}

/* ── Body ─────────────────────────────────────────────────── */

.curator-body {
  position: relative;
  z-index: 1;
  padding: 20px 24px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ── Loading ──────────────────────────────────────────────── */

.loading-shell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 260px;
  color: rgba(255, 255, 255, 0.4);
}

.tree-loader {
  width: 90px;
  height: 90px;
  margin-bottom: 8px;
}

.tree-loader svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  animation: tree-breath 4s ease-in-out infinite alternate;
}

.tree-aura {
  animation: aura-pulse 3s ease-in-out infinite alternate;
}

.tree-path {
  fill: none;
  stroke: #10b981;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
}

.tree-path.trunk {
  stroke-width: 3.5;
  animation: tree-grow 3.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.tree-path.branch.b1 { animation: tree-grow 3.5s cubic-bezier(0.4, 0, 0.2, 1) infinite 0.3s; }
.tree-path.branch.b2 { animation: tree-grow 3.5s cubic-bezier(0.4, 0, 0.2, 1) infinite 0.5s; }
.tree-path.branch.b3 { animation: tree-grow 3.5s cubic-bezier(0.4, 0, 0.2, 1) infinite 0.7s; }
.tree-path.branch.b4 { animation: tree-grow 3.5s cubic-bezier(0.4, 0, 0.2, 1) infinite 0.9s; }
.tree-path.branch.b5 { animation: tree-grow 3.5s cubic-bezier(0.4, 0, 0.2, 1) infinite 1.1s; }

.tree-leaf {
  fill: #34d399;
  stroke: #059669;
  stroke-width: 1.5;
  opacity: 0;
  transform-origin: center;
  transform-box: fill-box;
}

.tree-leaf.l1 { animation: leaf-pop 3.5s cubic-bezier(0.34, 1.56, 0.64, 1) infinite 0.8s; }
.tree-leaf.l2 { animation: leaf-pop 3.5s cubic-bezier(0.34, 1.56, 0.64, 1) infinite 1.0s; }
.tree-leaf.l3 { animation: leaf-pop 3.5s cubic-bezier(0.34, 1.56, 0.64, 1) infinite 1.2s; }
.tree-leaf.l4 { animation: leaf-pop 3.5s cubic-bezier(0.34, 1.56, 0.64, 1) infinite 1.4s; }
.tree-leaf.core { animation: leaf-pop 3.5s cubic-bezier(0.34, 1.56, 0.64, 1) infinite 1.6s; fill: #6ee7b7; stroke: #10b981; }

@keyframes tree-grow {
  0% { stroke-dashoffset: 100; stroke: rgba(16, 185, 129, 0); opacity: 0; }
  10% { opacity: 1; stroke: rgba(16, 185, 129, 0.5); }
  40% { stroke-dashoffset: 0; stroke: #34d399; filter: drop-shadow(0 0 6px #10b981); opacity: 1; }
  80% { stroke-dashoffset: 0; stroke: #047857; filter: drop-shadow(0 0 2px #064e3b); opacity: 1; }
  100% { stroke-dashoffset: -100; stroke: rgba(4, 120, 87, 0); opacity: 0; }
}

@keyframes leaf-pop {
  0% { opacity: 0; transform: scale(0); filter: drop-shadow(0 0 0 rgba(52, 211, 153, 0)); }
  20% { opacity: 1; transform: scale(1.3); filter: drop-shadow(0 0 8px rgba(52, 211, 153, 1)); }
  45% { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 4px rgba(16, 185, 129, 0.8)); }
  80% { opacity: 0.5; transform: scale(0.8); }
  100% { opacity: 0; transform: scale(0); }
}

@keyframes tree-breath {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(1.03); }
}

@keyframes aura-pulse {
  0% { opacity: 0.2; transform: scale(0.9); transform-origin: center; transform-box: fill-box; }
  100% { opacity: 0.7; transform: scale(1.1); transform-origin: center; transform-box: fill-box; }
}

.loading-msg {
  font-size: 14px;
}

.dot-anim {
  animation: dot-blink 1.2s infinite;
}

/* Ambient backlight is rendered via .cat-section::before now (see below) —
   the obsolete .cat-bg-layer empty-div + display:none rule was removed. */

/* The Container */

.cat-section {
  position: relative;
  z-index: 0;
  padding: 16px 20px;
  margin-bottom: 32px;
  border-radius: 12px;
  overflow: hidden;
  /* Dark base. Was !important to outrank older overrides; cleared so the
     .theme-light variant below can actually take effect. */
  background: rgba(18, 18, 20, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
  opacity: 0;
  transform: translateY(12px);
  transition: all 0.3s ease;
}
.theme-light .cat-section {
  background: rgba(252, 252, 250, 0.78);
  border-color: rgba(0, 0, 0, 0.08);
}

/* Ambient backlight: blurred top-video thumb behind the section. Was previously
   declared as a hidden ::before — the JS already sets --cat-bg, so we just have
   to actually render it. */
.cat-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: var(--cat-bg, none);
  background-size: cover;
  background-position: center;
  filter: blur(40px) saturate(1.4) brightness(0.55);
  opacity: 0.25;
  z-index: -1;
  pointer-events: none;
}
.theme-light .cat-section::before {
  filter: blur(40px) saturate(1.2) brightness(1.05);
  opacity: 0.18;
}

.cat-section:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.theme-light .cat-section:hover {
  border-color: rgba(0, 0, 0, 0.18);
}

.cat-enter {
  animation: section-enter .45s cubic-bezier(.22, .68, 0, 1.2) forwards;
}

/* Category header */

.cat-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 32px 24px;
  background: transparent;
  border-bottom: none;
}

.cat-hd-left {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

/* Removed legacy icon styles: .cat-emoji-wrap, .cat-icon, .cat-emoji */

.cat-hd-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cat-name {
  font-size: 36px;
  font-weight: 800;
  color: #fff;
  margin: 0;
  letter-spacing: -1.2px;
  line-height: 1.1;
}

.cat-sub {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 2px;
}

.cat-count-chip {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.45);
}

.cat-pct-badge {
  font-size: 14px;
  font-weight: 700;
  color: hsl(var(--cat-hue), 80%, 70%);
}

.cat-hd-right {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 200px;
}

.cat-pct-bar-track {
  width: 100%;
  height: 4px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.04);
  overflow: hidden;
}

.cat-pct-bar-fill {
  height: 100%;
  border-radius: 99px;
  background: linear-gradient(90deg,
      hsl(var(--cat-hue), 40%, 65%),
      hsl(var(--cat-hue2, var(--cat-hue)), 50%, 75%));
  transition: width 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* ── Filter Tabs ────────────────────────────────────────────── */

.cat-filter-tabs {
  display: flex;
  /* nowrap so "More ▾" doesn't drop to a second row at narrow widths — that
     would push the dropdown menu over the wrong row of buttons. 6 buttons
     fit comfortably in any normal panel width. */
  flex-wrap: nowrap;
  gap: 8px;
  padding: 12px 24px 4px;
  border-bottom: 1px solid var(--border-faint);
  /* overflow:hidden was clipping the absolutely-positioned dropdown menu. */
  overflow: visible;
}

.cat-tab-btn {
  background: rgba(18, 22, 28, 0.40);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.6);
  padding: 6px 14px;
  font-size: 13px;
  border-radius: 999px;
  pointer-events: auto;
  cursor: pointer;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Noto Sans TC', sans-serif;
  font-weight: 500;
}

.cat-tab-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  transform: translateY(-1px);
}

.cat-tab-btn.active {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.25);
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  font-weight: 600;
}

/* ── Filter More-dropdown (collapsed 11 → 5 + ▾) ───────────── */
.cat-filter-more-wrap { position: relative; }
.cat-filter-more-menu {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 200px;
  padding: 6px;
  background: rgba(22, 22, 32, 0.96);
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.04);
  z-index: 50;
  flex-direction: column;
  gap: 2px;
}
.cat-filter-more-wrap.open .cat-filter-more-menu {
  display: flex;
  animation: depthMenuIn 0.15s ease;
}
.cat-filter-more-menu .cat-tab-btn {
  border-radius: 8px;
  justify-content: flex-start;
  background: transparent;
  border-color: transparent;
  width: 100%;
}
.cat-filter-more-menu .cat-tab-btn:hover {
  background: rgba(168, 85, 247, 0.12);
}
.cat-filter-more-menu .cat-tab-btn.active {
  background: rgba(168, 85, 247, 0.18);
}
.cat-tab-ico { flex-shrink: 0; opacity: 0.85; }
.cat-tab-btn:focus-visible {
  outline: 2px solid hsl(var(--cat-hue, 260), 80%, 65%);
  outline-offset: 2px;
}

/* ── Video Grid (Vertical Cards) ────────────────────────────── */

.cat-default-container,
.cat-filtered-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 32px 20px;
}

.cat-list {
  display: contents;
}

.vrow {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  text-decoration: none;
  background: transparent;
  border: none;
  cursor: pointer;
  color: inherit;
}

.vrow:hover {
  background: transparent;
}

.vrow:hover .vrow-title {
  color: hsl(var(--cat-hue), var(--cat-hue-sat), var(--cat-hue-lit));
}

.vrow-enter {
  animation: row-enter .4s cubic-bezier(0.175, 0.885, 0.32, 1.2) forwards;
}

/* Left glow strip (replaces rank number) */

.vrow-glow {
  display: none;
}

/* (Removed .vrow-arc and .perf-arc blocks) */

.vrow-thumb-wrap {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
}

.vrow-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
  transition: transform .2s;
}

/* Thumbnail hover scaling removed for cleanliness */

.vrow-dur {
  position: absolute;
  bottom: 2px;
  right: 3px;
  font-size: 10px;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.82);
  color: #fff;
  padding: 1px 4px;
  border-radius: 3px;
  line-height: 15px;
}

.vrow-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: 4px;
}

/* ── Inline Badges for Highlighted Videos ──────────────────────── */

.vrow-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}

.vrow-badge {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 6px; /* Modern Bento block */
  letter-spacing: 0.5px;
  margin-right: 0;
  background: rgba(18, 22, 28, 0.40); /* VisionOS deep glass */
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #E5E5DD;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* Soft depth, no neon glow */
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.badge-subtopic {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03)) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-bottom-color: rgba(255, 255, 255, 0.05) !important;
  color: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.vrow-title {
  margin: 0 0 4px 0;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
  transition: color .18s;
}

.vrow-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 4px;
  margin-top: 0px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.45);
}

.vrow-meta span::before {
  content: '';
}

.vrow-meta span+span::before {
  content: '·';
  margin-right: 8px;
}

/* One-liner insight — muted, secondary */

.vrow-insight {
  font-size: 10.5px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.35);
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: .1px;
}

/* Engagement rate — blend with meta, no special highlight */

.vrow-engagement {
  color: var(--text-muted) !important;
  font-weight: 400;
}

/* ── Category Pulse Stats ──────────────────────────────────── */

.cat-pulse {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 24px 20px 24px;
  background: transparent;
  flex-wrap: wrap;
}

.pulse-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  letter-spacing: 0.1px;
}

.cat-pulse-icon {
  font-size: 12px;
  /* Magic trick: Turn colorful emojis into sleek monochrome silhouettes */
  filter: grayscale(100%) contrast(0) brightness(1.4) opacity(0.5);
  transform: translateY(1px);
}

/* ── Expand / Collapse ────────────────────────────────────── */

.cat-more-wrap {
  display: contents;
}

/* cat-more-preview rules defined in §Category Show More Layout below */

.cat-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  grid-column: 1 / -1;
  justify-self: center;
  width: auto;
  padding: 10px 28px;
  margin: 20px auto 4px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.02) 100%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-size: 12.5px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  text-align: center;
  transition: all .25s cubic-bezier(.2,.8,.2,1);
  letter-spacing: .4px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.cat-more-btn:hover {
  background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.06) 100%);
  border-color: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 4px 16px rgba(0,0,0,0.25);
  transform: translateY(-1px);
}
.cat-more-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

/* ── Footer ───────────────────────────────────────────────── */

.curator-ft {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  padding: 28px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.2);
}

.ft-dot {
  opacity: .4;
}

/* ── Empty / Error ────────────────────────────────────────── */

.empty-shell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 80px 24px;
  color: rgba(255, 255, 255, 0.3);
  font-size: 15px;
}

.empty-shell span {
  font-size: 40px;
}

/* ── Animations ───────────────────────────────────────────── */

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse-dot {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: .4;
    transform: scale(.75);
  }
}

@keyframes dot-blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@keyframes section-enter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes row-enter {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── Phase 3: Discover Card ──────────────────────────────────── */

/* 🌐 按鈕：cat-hd hover 才顯示 */

.cat-discover-btn {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  font-size: 13px;
  line-height: 1;
  padding: 4px 7px;
  opacity: 0;
  transition: opacity .2s, background .18s, color .18s;
  flex-shrink: 0;
  margin-left: 8px;
}

.cat-hd:hover .cat-discover-btn,

.cat-discover-btn:focus-visible {
  opacity: 1;
}

.cat-discover-btn:hover {
  background: rgba(255, 255, 255, 0.13);
  color: rgba(255, 255, 255, 0.85);
}

/* 卡片容器（fixed 定位，不受 cat-section overflow:hidden 影響） */

.discover-card-wrap {
  position: fixed;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transform: translateY(6px) scale(0.97);
  transition: opacity .2s ease, transform .2s ease;
}

.discover-card-wrap.visible {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* 卡片本體 */

.discover-card {
  width: 280px;
  background: rgba(14, 14, 26, 0.94);
  backdrop-filter: blur(24px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.04);
  overflow: hidden;
  margin-top: 6px;
}

.dc-header {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.35);
  padding: 10px 14px 6px;
  letter-spacing: .5px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* 每個推薦頻道列 */

.dc-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  transition: background .15s;
}

.dc-item:last-of-type {
  border-bottom: none;
}

.dc-item:hover {
  background: rgba(255, 255, 255, 0.07);
}

.dc-flag {
  font-size: 16px;
  flex-shrink: 0;
}

.dc-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

.dc-name {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dc-desc {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.38);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dc-arrow {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
  transition: color .15s, transform .15s;
}

.dc-item:hover .dc-arrow {
  color: rgba(255, 255, 255, 0.7);
  transform: translateX(2px);
}

.dc-footer {
  padding: 6px 14px 8px;
  font-size: 9.5px;
  color: rgba(255, 255, 255, 0.2);
  text-align: right;
  letter-spacing: .3px;
}

/* ── vrow-wrap：包裹 vrow + discover 按鈕 ───────────────────────── */

.vrow-wrap {
  position: relative;
  display: flex;
  align-items: stretch;
}

/* Removed legacy .vrow-wrap specific selectors that broke the grid */

/* 🔵 Glow Orb — per-video discover trigger ──────────────────────── */
/* 🌿 Discover Button (Playful Growth-Tree Style) ────────── */

.vrow-discover-btn {
  position: absolute;
  top: 8px;
  left: 8px;
  background: rgba(18, 22, 28, 0.5);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #ffd700;
  white-space: nowrap;
  pointer-events: none;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.6);
  z-index: 10;
  transform: rotate(-3deg) translateY(6px);
  letter-spacing: 0px;
  opacity: 0;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.vrow-wrap:hover .vrow-discover-btn,
.dash-vcard:hover .vrow-discover-btn {
  opacity: 1;
  pointer-events: auto;
  transform: rotate(-5deg) translateY(0);
}

.vrow-discover-btn:hover {
  color: #fff59d;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.8), 0 4px 12px rgba(0, 0, 0, 0.8);
  transform: rotate(-7deg) translateY(-2px) scale(1.05);
}

.hh-discover-thumb-host {
  position: relative;
}

.hh-native-youtube-discover-host {
  position: relative !important;
}

.hh-native-youtube-discover-host > .hh-video-discover-btn {
  top: 6px;
  left: 6px;
  width: 30px;
  height: 30px;
  z-index: 80;
}

.hh-discover-thumb-host > .hh-video-discover-btn {
  z-index: 30;
}

.hh-discover-thumb-host:hover > .hh-video-discover-btn,
.hh-discover-thumb-host:focus-within > .hh-video-discover-btn,
.gt-node:hover .hh-video-discover-btn,
.gt-sat-card:hover .hh-video-discover-btn,
#gt-tooltip:hover .hh-video-discover-btn,
.hh-video-discover-btn:focus-visible {
  opacity: 1;
  pointer-events: auto;
  transform: rotate(-5deg) translateY(0);
}

.hh-video-discover-btn span {
  display: block;
  line-height: 1;
}

/* Maintain active animation state without relying on the orb */
.vrow-discover-btn.active {
  transform: rotate(-3deg) scale(0.95);
}

/* ── Hover state ─────────────────────────────── */

/* Active press */

/* ── Discover Onboarding Hint (curved arrow) ───────────────────── */

.discover-hint {
  position: absolute;
  top: -8px;
  right: 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  z-index: 10;
  pointer-events: none;
  animation: hint-appear .6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.cat-default-container {
  position: relative;
}

.discover-hint-arrow {
  width: 56px;
  height: 42px;
  flex-shrink: 0;
}

.discover-hint-text {
  font-size: 11px;
  font-weight: 600;
  font-style: italic;
  font-family: 'Segoe UI', 'Noto Sans TC', system-ui, sans-serif;
  letter-spacing: .3px;
  background: linear-gradient(90deg, #e8a030, #f06040, #e8a030, #d4a017);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  white-space: nowrap;
  padding-right: 8px;
  transform: translateY(-4px);
}

@keyframes hint-appear {
  0% {
    opacity: 0;
    transform: translateY(-8px) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes hint-fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* ── Spotlight Modal ─────────────────────────────────────────────── */

/* 全版暗遮 */

.spotlight-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(4, 4, 12, 0.72);
  backdrop-filter: blur(6px) saturate(120%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}

.spotlight-overlay.visible {
  opacity: 1;
  pointer-events: auto;
}

/* 居中卡片 */

.spotlight-card {
  width: 920px;
  max-width: calc(100vw - 32px);
  height: min(92vh, 860px);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  background: rgba(20, 20, 20, 0.85);
  backdrop-filter: blur(40px) saturate(180%);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.02),
    0 32px 84px rgba(0, 0, 0, 0.8),
    0 0 120px hsla(var(--cat-hue, 260), 60%, 50%, 0.1);
  transform: translateY(24px) scale(0.96);
  transition: transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
  -webkit-font-smoothing: antialiased;
}

.spotlight-overlay.visible .spotlight-card {
  transform: translateY(0) scale(1);
}

/* Ambient Glow Background */

.sp-ambient-glow {
  position: absolute;
  top: -150px;
  left: -100px;
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, hsla(var(--sp-hue, 260), 85%, 55%, 0.25), transparent 70%);
  filter: blur(80px);
  z-index: 0;
  pointer-events: none;
}

/* Scroll Area */

#spotlight-modal .sp-content-scroll {
  position: relative;
  z-index: 1;
  overflow-y: auto;
  flex-grow: 1;
  padding-top: 20px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
}

/* Loading 狀態 */

.spotlight-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.spotlight-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  gap: 16px;
  padding: 60px 24px;
}

.spotlight-orb {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top-color: rgba(255, 255, 255, 0.9);
  animation: spin 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.spotlight-load-txt {
  font-size: 15px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: .3px;
}

.spotlight-load-sub {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
  max-width: 280px;
  line-height: 1.5;
}

/* ── Sticky Header ─────────────────────────────────────── */

#spotlight-modal .sp-header {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 32px 18px;
  background: rgba(20, 20, 20, 0.97);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.sp-header-left,

.sp-header-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sp-discover-title {
  font-size: 22px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.95);
  letter-spacing: -0.2px;
}

.sp-topic-chip {
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .5px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.9);
}

.sp-gemini-badge {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: .4px;
  font-weight: 600;
}

.sp-close-btn {
  background: rgba(255, 255, 255, 0.08);
  border: none;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  transition: background .2s, color .2s, transform .2s;
  flex-shrink: 0;
}

.sp-close-btn:hover {
  background: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 1);
  transform: scale(1.05);
}

/* ── Section header ─────────────────────────────────────────── */

#spotlight-modal .sp-section-hd {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.35);
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 20px 32px 16px;
}

/* ── 頻道橫排 chips ──────────────────────────────────────── */

#spotlight-modal .sp-ch-row {
  display: flex;
  gap: 16px;
  padding: 4px 32px 12px;
  overflow-x: auto;
  scrollbar-width: none;
}

.sp-ch-row::-webkit-scrollbar {
  display: none;
}

#spotlight-modal .sp-ch-chip {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  padding: 8px 20px 8px 8px;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 100px;
  text-decoration: none;
  position: relative;
  transition: background .2s, transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow .2s;
  cursor: pointer;
}

.sp-ch-chip:hover {
  background: rgba(255, 255, 255, 0.07);
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

/* 頻道字母 Logo circle */

.sp-ch-logo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 800;
  background: linear-gradient(145deg,
      hsla(var(--ch-hue), 40%, 65%, 0.2),
      hsla(var(--ch-hue), 40%, 55%, 0.1));
  color: hsla(var(--ch-hue), 60%, 85%, 0.9);
  border: 1px solid hsla(var(--ch-hue), 50%, 65%, 0.25);
  box-shadow: 0 4px 12px hsla(var(--ch-hue), 50%, 45%, 0.1);
}

.sp-ch-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.1);
}

.sp-ch-chip-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.sp-ch-name {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.95);
  white-space: nowrap;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sp-ch-meta {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4);
  white-space: nowrap;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* CSS-only hover tooltip */

.sp-ch-tooltip {
  position: absolute;
  bottom: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%) translateY(4px) scale(0.95);
  min-width: 200px;
  max-width: 280px;
  background: rgba(20, 20, 28, 0.95);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.5;
  text-align: center;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s, transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: 20;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6);
}

.sp-ch-chip:hover .sp-ch-tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
}

/* ── 影片 3欄網格 ─────────────────────────────────────────── */

#spotlight-modal .sp-vid-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 4px 32px 40px;
}

.sp-vid-card {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
  border-radius: 10px;
  min-width: 0;
  transition: transform .2s;
  color: inherit;
  position: relative;
}

.sp-vid-card:hover {
  transform: translateY(-4px);
}

.sp-vid-rank {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: hsla(var(--vid-hue, 220), 50%, 50%, 0.15);
  color: hsl(var(--vid-hue, 220), 60%, 70%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 800;
  flex-shrink: 0;
}

#spotlight-modal .sp-vid-info {
  flex: 1;
  min-width: 0;
  padding: 0 4px;
}

.sp-vid-reason-tip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(4px);
  color: rgba(255, 255, 255, 0.95);
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 16px;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 10;
  line-height: 1.4;
}

.sp-vid-card:hover .sp-vid-reason-tip {
  opacity: 1;
}

/* Light mode overrides for spotlight */

.theme-light .sp-vid-card:hover {
  background: rgba(0, 0, 0, 0.04);
}

.theme-light .sp-vid-rank {
  color: hsl(var(--vid-hue, 220), 55%, 40%);
}

.theme-light .sp-vid-reason-tip {
  color: rgba(15, 15, 20, 0.4);
}

/* ── Enriched video thumb (YouTube API) ────────────────── */

.sp-vid-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.04);
}

.sp-vid-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sp-vid-rank-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
  color: rgba(255, 255, 255, 0.95);
  font-size: 11.5px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.sp-vid-stats {
  color: rgba(255, 255, 255, 0.45);
  font-weight: 500;
}

.theme-light .sp-vid-stats {
  color: rgba(15, 15, 20, 0.4);
}

.theme-light .sp-vid-thumb {
  background: rgba(0, 0, 0, 0.04);
}

.sp-vid-lang-badge {
  position: absolute;
  bottom: 8px;
  right: 8px;
  font-size: 14px;
  line-height: 1;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
  z-index: 5;
}

/* 影片資訊文字 */

.sp-vid-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 2px;
}

.sp-vid-title {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: normal;
  overflow-wrap: anywhere;
  line-height: 1.4;
  margin: 0;
}

.sp-vid-title-zh {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sp-vid-channel {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 500;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

/* Footer */

#spotlight-modal .sp-footer {
  padding: 16px 32px 24px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  letter-spacing: .4px;
}

/* ── Sub-Category Filter Tabs (legacy duplicate — kept padding tweak only) ── */

.cat-filter-tabs {
  /* Inherits flex/gap/border from the primary rule above; we only narrow the
     padding here. overflow MUST stay visible so the "More ▾" dropdown isn't
     clipped — was overflow-x:auto here before, which silently overrode the
     earlier rule via cascade order. */
  padding: 8px 16px 6px;
}

/* ── Subtopic Tag Cloud ──────────────────────────────────── */

.subtopic-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 0 24px 0;
  grid-column: 1 / -1;
  width: 100%;
}

.subtopic-tag-btn {
  padding: 6px 14px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.55);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all .2s ease;
  font-family: inherit;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.subtopic-tag-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
  border-color: rgba(255, 255, 255, 0.15);
  transform: translateY(-1px);
}

.subtopic-tag-btn.active {
  background: hsla(var(--cat-hue, 220), 55%, 45%, 0.3);
  color: hsl(var(--cat-hue, 220), 80%, 85%);
  border-color: hsla(var(--cat-hue, 220), 55%, 50%, 0.5);
  box-shadow: 0 2px 10px hsla(var(--cat-hue, 220), 60%, 40%, 0.25);
  font-weight: 600;
}

.subtopic-list-container {
  padding: 0 8px;
}

/* ── Filter Metric Badge ─────────────────────────────────── */

.filter-metric-badge {
  display: inline-block;
  padding: 2px 10px;
  margin: 4px 8px 0;
  border-radius: 10px;
  background: hsla(var(--cat-hue, 220), 50%, 40%, 0.25);
  color: hsl(var(--cat-hue, 220), 80%, 80%);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .3px;
  border: 1px solid hsla(var(--cat-hue, 220), 50%, 50%, 0.2);
}

/* ── Gemini Progress Bar ─────────────────────────────────── */

.curator-progress-bar {
  position: sticky;
  top: 52px;
  z-index: 90;
  padding: 8px 24px;
  background: linear-gradient(135deg, rgba(88, 60, 180, 0.15), rgba(40, 120, 200, 0.1));
  border-bottom: 1px solid rgba(120, 80, 220, 0.2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  animation: progressSlideIn .3s ease;
  transition: opacity .5s ease, transform .5s ease;
}

.curator-progress-bar.curator-progress-done {
  opacity: 0;
  transform: translateY(-100%);
}

@keyframes progressSlideIn {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.curator-progress-inner {
  display: flex;
  align-items: center;
  gap: 10px;
}

.curator-progress-icon {
  font-size: 18px;
  animation: brainPulse 1.5s ease-in-out infinite;
}

@keyframes brainPulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}

.curator-progress-text {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  flex-shrink: 0;
  letter-spacing: .3px;
}

.curator-progress-track {
  flex: 1;
  height: 4px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 2px;
  overflow: hidden;
}

.curator-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, hsl(265, 70%, 60%), hsl(200, 70%, 55%));
  border-radius: 2px;
  transition: width .4s ease;
  box-shadow: 0 0 8px hsla(265, 70%, 60%, 0.4);
}

/* ═══════════════════════════════════════════════════════════════════

   Watch Page：頻道預覽按鈕 + 面板

   ═══════════════════════════════════════════════════════════════════ */

.wp-container {
  position: relative;
  font-family: 'Inter', 'Noto Sans TC', -apple-system, sans-serif;
}

/* ── 按鈕 ──────────────────────────────────────────────── */

.wp-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px 8px 14px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 18px;
  background: linear-gradient(135deg, hsla(265, 55%, 60%, 0.25), hsla(220, 55%, 60%, 0.15));
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: all .3s cubic-bezier(.16, 1, .3, 1);
  animation: wp-btn-entrance .5s ease backwards;
}

@keyframes wp-btn-entrance {
  from {
    opacity: 0;
    transform: scale(0.8) translateX(-10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}

/* Shimmer sweep effect */

.wp-btn-shimmer {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.15) 40%,
      rgba(255, 255, 255, 0.3) 50%,
      rgba(255, 255, 255, 0.15) 60%,
      transparent 100%);
  animation: wp-shimmer 3s ease-in-out infinite;
}

@keyframes wp-shimmer {
  0% {
    left: -100%;
  }
  40% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}

.wp-btn-icon {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.wp-btn-text {
  position: relative;
  z-index: 1;
}

/* Sparkle particles */

.wp-btn-sparkles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: visible;
}

.wp-sparkle {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 6px 1px rgba(180, 140, 255, 0.6);
  animation: wp-sparkle-float 2.5s ease-in-out infinite;
  animation-delay: calc(var(--d) * 0.8s);
  opacity: 0;
}

.wp-sparkle:nth-child(1) {
  top: 20%;
  left: 15%;
}

.wp-sparkle:nth-child(2) {
  top: 50%;
  left: 55%;
}

.wp-sparkle:nth-child(3) {
  top: 30%;
  left: 80%;
}

@keyframes wp-sparkle-float {
  0% {
    opacity: 0;
    transform: translateY(0) scale(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-4px) scale(1);
  }
  50% {
    opacity: 0.6;
    transform: translateY(-10px) scale(0.8);
  }
  100% {
    opacity: 0;
    transform: translateY(-18px) scale(0);
  }
}

/* Hover: rainbow border + glow */

.wp-btn:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.25),
    0 0 0 1px rgba(180, 140, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.25);
  background: linear-gradient(135deg, hsla(265, 55%, 65%, 0.35), hsla(220, 55%, 65%, 0.25));
}

.wp-btn:hover .wp-btn-shimmer {
  animation: none;
}

.wp-btn:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 1px 6px rgba(100, 60, 200, 0.4);
}

/* ── 面板 ──────────────────────────────────────────────── */

.wp-panel {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 0;
  width: 580px;
  background: rgba(22, 22, 26, 0.65);
  backdrop-filter: blur(32px) saturate(180%);
  -webkit-backdrop-filter: blur(32px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  z-index: 10000;
  animation: wp-panel-in .25s ease;
}

/* ── KTree Panel (Knowledge Tree Hover)── */

.ktree-panel {
  /* Overrides for specific width and simpler layouts */
  width: 380px;
  padding: 20px 24px;
}

.ktree-panel-close {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.4);
  font-size: 16px;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.ktree-panel-close:hover {
  color: #fff;
  transform: scale(1.1);
}

.gtree-panel-preview {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
}

.gtree-panel-preview img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.gtree-panel-preview:hover img {
  transform: scale(1.05);
}

/* ── Two-column grid ─────────────────────────────────── */

.wp-panel-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.wp-panel-left {
  min-width: 0;
}

.wp-panel-right {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.wp-panel-right .wp-top-vids {
  flex: 1;
  margin-bottom: 12px;
}

.wp-panel-right .wp-cta {
  margin-top: auto;
}

/* ── Watch Page Spotlight Hint Arrow ──────────────────── */

.wp-hint {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  z-index: 10;
  pointer-events: none;
  animation: hint-appear .6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.wp-hint-arrow {
  width: 48px;
  height: 36px;
  flex-shrink: 0;
}

.wp-hint-text {
  font-size: 11px;
  font-weight: 500;
  font-style: italic;
  font-family: 'Segoe UI', 'Noto Sans TC', system-ui, sans-serif;
  letter-spacing: .3px;
  color: rgba(167, 139, 250, 0.6);
  white-space: nowrap;
  transform: translateY(-6px);
}

@keyframes wp-panel-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* ── 面板 Header ───────────────────────────────────────── */

.wp-panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
}

.wp-panel-title {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.wp-panel-title strong {
  font-size: 16px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.95);
}

.wp-panel-sub {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 500;
}

.wp-panel-close {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.3);
  font-size: 16px;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
  transition: color .2s;
}

.wp-panel-close:hover {
  color: rgba(255, 255, 255, 0.7);
}

.wp-panel-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.3);
  margin-bottom: 12px;
}

/* ── 分類列表 ──────────────────────────────────────────── */

.wp-cat-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 18px;
}

.wp-cat-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.wp-cat-emoji {
  font-size: 20px;
  flex-shrink: 0;
  width: 28px;
  text-align: center;
}

.wp-cat-name {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  min-width: 70px;
  flex-shrink: 0;
}

.wp-cat-bar-bg {
  flex: 1;
  height: 6px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 3px;
  overflow: hidden;
}

.wp-cat-bar {
  height: 100%;
  background: linear-gradient(90deg,
      hsl(var(--bar-hue, 265), 65%, 55%),
      hsl(calc(var(--bar-hue, 265) + 40), 55%, 50%));
  border-radius: 3px;
  transition: width .6s ease;
}

.wp-cat-pct {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  min-width: 32px;
  text-align: right;
}

/* ── Stats Row ────────────────────────────────────────── */

.wp-stats-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.45);
  margin-bottom: 14px;
  line-height: 1.6;
}

.wp-stats-sep {
  margin: 0 4px;
  opacity: 0.4;
}

/* ── Top Videos ───────────────────────────────────────── */

.wp-top-vids {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

.wp-top-vid {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
  padding: 6px;
  border-radius: 8px;
  transition: background .2s;
}

.wp-top-vid:hover {
  background: rgba(255, 255, 255, 0.06);
}

.wp-top-vid-thumb {
  position: relative;
  flex-shrink: 0;
  width: 80px;
  height: 45px;
  border-radius: 6px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
}

.wp-top-vid-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.wp-top-vid-dur {
  position: absolute;
  bottom: 2px;
  right: 3px;
  font-size: 9px;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0 3px;
  border-radius: 3px;
  line-height: 14px;
}

.wp-top-vid-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.wp-top-vid-title {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.35;
}

.wp-top-vid-views {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.35);
}

/* ── CTA 按鈕 ──────────────────────────────────────────── */

.wp-cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.5) 0%, rgba(59, 130, 246, 0.45) 100%);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 16px rgba(100, 60, 200, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  overflow: hidden;
}

.wp-cta::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: transform 0.6s ease;
}

.wp-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(100, 60, 200, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.7) 0%, rgba(59, 130, 246, 0.65) 100%);
  border-color: rgba(255, 255, 255, 0.25);
}

.wp-cta:hover::after {
  transform: translateX(200%);
}

.wp-cta:active {
  transform: translateY(1px) scale(0.98);
}

.wp-preview-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}

.wp-preview-actions .wp-cta {
  margin-top: 0;
}

.wp-creator-big-bang {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  padding: 11px 18px;
  border: 1px solid rgba(244, 208, 91, 0.34);
  border-radius: 14px;
  background:
    radial-gradient(circle at 14% 40%, rgba(255, 235, 138, 0.38), transparent 28%),
    linear-gradient(135deg, rgba(13, 18, 32, 0.88) 0%, rgba(33, 72, 78, 0.76) 54%, rgba(94, 45, 113, 0.72) 100%);
  color: #fff8db;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(20, 184, 166, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
  overflow: hidden;
}

.wp-creator-big-bang::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.16), transparent);
  transform: translateX(-110%);
  transition: transform 0.55s ease;
}

.wp-creator-big-bang:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 236, 153, 0.58);
  box-shadow: 0 12px 28px rgba(20, 184, 166, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.wp-creator-big-bang:hover::after {
  transform: translateX(110%);
}

.wp-creator-big-bang:disabled {
  cursor: wait;
  opacity: 0.75;
  transform: none;
}

.wp-creator-big-bang-orbit {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 238, 172, 0.82);
  border-left-color: rgba(45, 212, 191, 0.88);
  border-radius: 50%;
  box-shadow: 0 0 14px rgba(255, 218, 92, 0.34);
  animation: creator-bang-orbit 1.15s linear infinite;
}

@keyframes creator-bang-orbit {
  to { transform: rotate(360deg); }
}

/* ── Loading ───────────────────────────────────────────── */

.wp-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 24px 0;
}

.wp-loading p {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
}

.wp-spinner {
  width: 28px;
  height: 28px;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top-color: hsl(265, 60%, 55%);
  border-radius: 50%;
  animation: wp-spin .8s linear infinite;
}

@keyframes wp-spin {
  to {
    transform: rotate(360deg);
  }
}

/* ── Light mode ────────────────────────────────────────── */

.theme-light .wp-panel {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1);
}

.theme-light .wp-panel-title strong {
  color: rgba(15, 15, 20, 0.9);
}

.theme-light .wp-panel-sub {
  color: rgba(15, 15, 20, 0.4);
}

.theme-light .wp-panel-close {
  color: rgba(15, 15, 20, 0.3);
}

.theme-light .wp-panel-label {
  color: rgba(15, 15, 20, 0.35);
}

.theme-light .wp-cat-name {
  color: rgba(15, 15, 20, 0.8);
}

.theme-light .wp-cat-bar-bg {
  background: rgba(0, 0, 0, 0.06);
}

.theme-light .wp-cat-pct {
  color: rgba(15, 15, 20, 0.4);
}

.theme-light .wp-loading p {
  color: rgba(15, 15, 20, 0.45);
}

.theme-light .wp-spinner {
  border-color: rgba(0, 0, 0, 0.08);
  border-top-color: hsl(265, 55%, 50%);
}

/* ═══════════════════════════════════════════════════════════════════
   SHORTS — Discovery Mode (anti-algorithm full-screen curation)
   設計理念：使用者主動跳出 YouTube 演算法、完全控制下一支看什麼
   參考：Letterboxd / Apple TV+ category page / Are.na — 不是 Spotify Up Next
   ═══════════════════════════════════════════════════════════════════ */

/* ── 入口按鈕：注入到 Shorts 原生 action bar (讚/留言/分享 stack 上方) ── */

.ytc-shorts-action-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin-bottom: 16px;
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Noto Sans TC', sans-serif;
}

.ytc-shorts-action-btn-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(22, 22, 26, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.95);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.ytc-shorts-action-btn:hover .ytc-shorts-action-btn-circle {
  background: rgba(22, 22, 26, 0.85);
  border-color: rgba(34, 211, 238, 0.5);
  box-shadow: 0 0 18px rgba(34, 211, 238, 0.4), 0 8px 20px rgba(0, 0, 0, 0.5);
  transform: translateY(-2px) scale(1.04);
  color: #67e8f9;
}

.ytc-shorts-action-btn.active .ytc-shorts-action-btn-circle {
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.4), rgba(20, 184, 166, 0.3));
  border-color: rgba(34, 211, 238, 0.8);
  color: #fff;
  box-shadow: 0 0 24px rgba(34, 211, 238, 0.5);
}

.ytc-shorts-action-btn-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.ytc-shorts-action-btn-label {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* ── 全螢幕 Discovery Overlay ── */

.ytc-discovery-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  flex-direction: column;
  background: #0a0a0e; /* Letterboxd / Apple TV+ editorial black */
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Noto Sans TC', sans-serif;
  -webkit-font-smoothing: antialiased;
  opacity: 0;
  transform: scale(0.985);
  transform-origin: center center;
  transition:
    opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  color: #e8e8ed;
}

.ytc-discovery-overlay.open {
  opacity: 1;
  transform: scale(1);
}

body.ytc-discovery-active { overflow: hidden; }

/* Subtle atmospheric depth — not ambient theming, just gradient ground */
.ytc-discovery-overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 1200px 600px at 50% 0%, rgba(34, 211, 238, 0.04), transparent 60%),
    radial-gradient(ellipse 800px 400px at 50% 100%, rgba(168, 85, 247, 0.03), transparent 60%);
  z-index: 0;
}

/* ── Top Bar: slim 64px 返回錨點 + 標題 + 關閉 ── */

.ytc-disc-topbar {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr);
  align-items: center;
  gap: 24px;
  padding: 14px 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(10, 10, 14, 0.85);
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  flex-shrink: 0;
  min-height: 64px;
}

.ytc-disc-back {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 14px 8px 10px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.78);
  cursor: pointer;
  /* 統一 cubic-bezier 跟 overlay/卡片同節奏，避免雜亂的 0.2s ease 跑掉 */
  transition:
    background 0.25s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.25s cubic-bezier(0.16, 1, 0.3, 1),
    color 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  max-width: 100%;
  overflow: hidden;
  font-family: inherit;
}
.ytc-disc-back:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.14);
  color: #fff;
}
.ytc-disc-back svg { flex-shrink: 0; opacity: 0.7; }
.ytc-disc-back-thumb {
  width: 28px;
  height: 36px;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
}
.ytc-disc-back-title {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ytc-disc-topbar-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.ytc-disc-topbar-label {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #fff;
}
/* 拿掉 uppercase，視覺份量降低，配色從 cyan 0.7 → cyan 0.55（不喧賓奪主）*/
.ytc-disc-topbar-sub {
  font-size: 12px;
  font-weight: 500;
  color: rgba(34, 211, 238, 0.55);
  letter-spacing: 0.2px;
}

.ytc-disc-close {
  justify-self: end;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
}
.ytc-disc-close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

/* ── Canvas: 3 rows scroll container ── */

.ytc-disc-canvas {
  position: relative;
  z-index: 1;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 32px 0 24px;
  overscroll-behavior: contain;
}
.ytc-disc-canvas::-webkit-scrollbar { width: 6px; }
.ytc-disc-canvas::-webkit-scrollbar-track { background: transparent; }
.ytc-disc-canvas::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
}
.ytc-disc-canvas::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.18);
}

/* ── Row (3 modes — independent, never merged) ── */

.ytc-disc-row {
  margin-bottom: 36px;
  padding: 0 32px;
  animation: ytc-disc-row-enter 0.5s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}
.ytc-disc-row[data-mode="topic"]       { animation-delay: 0.05s; }
.ytc-disc-row[data-mode="channel"]     { animation-delay: 0.15s; }
.ytc-disc-row[data-mode="explore"]     { animation-delay: 0.25s; }
.ytc-disc-row[data-mode="timecapsule"] { animation-delay: 0.35s; }

@keyframes ytc-disc-row-enter {
  from { opacity: 0; transform: translateY(16px); }
}

.ytc-disc-row-header {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 0 4px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.ytc-disc-row-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  align-self: center;
}

.ytc-disc-row-title {
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.2px;
  margin: 0;
  flex-shrink: 0;
}

.ytc-disc-row-sub {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.3px;
  font-weight: 400;
  margin-left: 4px;
}

.ytc-disc-row-topic {
  margin-left: auto;
  font-size: 11px;
  font-weight: 600;
  color: rgba(34, 211, 238, 0.7);
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-family: 'JetBrains Mono', 'SF Mono', Menlo, monospace;
}

/* ── Row track (horizontal scroll within each mode) ── */

.ytc-disc-row-track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding: 4px 4px 16px;
  -webkit-mask-image: linear-gradient(to right, transparent 0px, black 12px, black calc(100% - 24px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0px, black 12px, black calc(100% - 24px), transparent 100%);
}
.ytc-disc-row-track::-webkit-scrollbar { height: 6px; }
.ytc-disc-row-track::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 3px;
  margin: 0 12px;
}
.ytc-disc-row-track::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}
.ytc-disc-row-track::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.22);
}

/* ── Card 220×391 (9:16 比例匹配 Shorts 本體) ── */

.ytc-disc-card {
  flex: 0 0 220px;
  scroll-snap-align: start;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 10px;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  animation: ytc-disc-card-enter 0.4s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}

@keyframes ytc-disc-card-enter {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.96);
  }
}

.ytc-disc-card:hover { transform: translateY(-6px); }

.ytc-disc-card-thumb {
  position: relative;
  width: 220px;
  height: 391px; /* 9:16 */
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition:
    border-color 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.25),
    0 8px 24px rgba(0, 0, 0, 0.15);
}

.ytc-disc-card:hover .ytc-disc-card-thumb {
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.3),
    0 18px 42px rgba(0, 0, 0, 0.55);
}

.ytc-disc-card-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition:
    transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.ytc-disc-card:hover .ytc-disc-card-thumb-img {
  transform: scale(1.06);
  filter: brightness(1.06) saturate(1.05);
}

/* Mode color dot — top-left */
.ytc-disc-card-dot {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  z-index: 2;
}

/* Views overlay — bottom-left */
.ytc-disc-card-views {
  position: absolute;
  bottom: 10px;
  left: 12px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
  z-index: 2;
  letter-spacing: 0.3px;
}

/* Era badge — top-right (timecapsule mode only — "90s", "2000s", "Classic") */
.ytc-disc-card-era {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 3px 9px;
  border-radius: 10px;
  background: rgba(10, 10, 14, 0.78);
  border: 1px solid rgba(167, 139, 250, 0.45);
  color: rgba(196, 181, 253, 0.95);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 2;
  font-variant-numeric: tabular-nums;
}

/* Reasoning overlay — slides up on hover (the anti-algorithm killer detail) */
.ytc-disc-card-reason {
  position: absolute;
  inset: auto 0 0 0;
  padding: 24px 14px 14px;
  background: linear-gradient(180deg, transparent, rgba(10, 10, 14, 0.95) 60%);
  display: flex;
  flex-direction: column;
  gap: 4px;
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
  z-index: 3;
}

.ytc-disc-card:hover .ytc-disc-card-reason {
  opacity: 1;
  transform: translateY(0);
}

.ytc-disc-card-reason-label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: rgba(34, 211, 238, 0.85);
}

.ytc-disc-card-reason-text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.92);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Card meta below thumbnail */
.ytc-disc-card-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 4px;
}

.ytc-disc-card-title {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: -0.1px;
}

.ytc-disc-card-channel {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.45);
  font-weight: 400;
  letter-spacing: 0.1px;
}

/* ── Skeleton ── */

.ytc-disc-card-skel { pointer-events: none; }

.ytc-disc-card-skel .ytc-disc-card-thumb {
  background: linear-gradient(110deg, rgba(255, 255, 255, 0.04) 30%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.04) 70%);
  background-size: 200% 100%;
  animation: ytc-disc-skel 1.5s ease-in-out infinite;
}

.ytc-disc-skel-line {
  height: 8px;
  border-radius: 4px;
  background: linear-gradient(110deg, rgba(255, 255, 255, 0.04) 30%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.04) 70%);
  background-size: 200% 100%;
  animation: ytc-disc-skel 1.5s ease-in-out infinite;
  margin-bottom: 4px;
}

@keyframes ytc-disc-skel {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ── Empty / Error states (polished) ── */

.ytc-disc-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 391px;
  width: 100%;
  color: rgba(255, 255, 255, 0.42);
  font-size: 14px;
  letter-spacing: 0.3px;
  text-align: center;
  padding: 0 16px;
}

.ytc-disc-empty-icon {
  width: 40px;
  height: 40px;
  opacity: 0.35;
  color: rgba(255, 255, 255, 0.7);
}

.ytc-disc-empty-text {
  font-weight: 500;
  letter-spacing: 0.2px;
}

.ytc-disc-empty-sub {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
  letter-spacing: 0.1px;
  font-weight: 400;
}

.ytc-disc-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 391px;
  width: 100%;
  padding: 0 16px;
  text-align: center;
}

.ytc-disc-error-icon {
  width: 36px;
  height: 36px;
  color: rgba(245, 158, 11, 0.85); /* amber warning */
  opacity: 0.85;
}

.ytc-disc-error-msg {
  font-size: 13px;
  font-weight: 500;
  color: rgba(245, 158, 11, 0.9);
  letter-spacing: 0.2px;
  max-width: 320px;
}

/* ── Bottom: Agency Counter (anti-algorithm 視覺化 feedback loop) ── */

.ytc-disc-counter {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(10, 10, 14, 0.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  flex-shrink: 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
  letter-spacing: 0.2px;
}

.ytc-disc-counter-icon {
  font-size: 14px;
  color: rgba(34, 211, 238, 0.7);
  flex-shrink: 0;
}

.ytc-disc-counter-text {
  flex-shrink: 0;
}

.ytc-disc-counter-text strong {
  color: rgba(34, 211, 238, 0.95);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* Agency rate progress bar — 視覺化「自選率」，把 narrative 從文字升級到可見指標 */
.ytc-disc-counter-bar {
  flex: 1;
  height: 3px;
  max-width: 240px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 2px;
  overflow: hidden;
  margin-left: auto;
}

.ytc-disc-counter-bar-fill {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, rgba(34, 211, 238, 0.55), rgba(34, 211, 238, 0.95));
  border-radius: 2px;
  transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 0 8px rgba(34, 211, 238, 0.4);
}

/* ── 右鍵選單（Discovery 卡片） ── */

.shorts-ctx-menu {
  position: fixed;
  z-index: 100000;
  background: rgba(20, 20, 24, 0.95);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 4px 0;
  min-width: 160px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6);
}

.shorts-ctx-menu button {
  display: block;
  width: 100%;
  padding: 9px 16px;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.85);
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease;
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Noto Sans TC', sans-serif;
}

.shorts-ctx-menu button:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* ═══════════════════════════════════════════════════════════════════

   Shorts Channel Dashboard

   ═══════════════════════════════════════════════════════════════════ */

.shorts-ch-dashboard {
  max-width: 1200px;
  margin: 16px auto;
  padding: 0 24px;
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Noto Sans TC', sans-serif;
}

.shorts-ch-card {
  background: linear-gradient(145deg, rgba(35, 35, 40, 0.6), rgba(20, 20, 25, 0.8));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 28px;
  padding: 32px;
  backdrop-filter: blur(40px) saturate(200%);
  -webkit-backdrop-filter: blur(40px) saturate(200%);
  box-shadow: 0 32px 64px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  animation: shorts-ch-fadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Shorts 分析頁專用覆蓋 — 不影響首頁共用的 .shorts-ch-card */
.shorts-ch-dashboard--analysis > .shorts-ch-card {
  background: rgba(18, 18, 22, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  padding: 0;
  backdrop-filter: blur(40px) saturate(180%);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  max-width: 720px;
}

@keyframes shorts-ch-fadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── Header ── */

.shorts-ch-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.shorts-ch-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.shorts-ch-icon {
  /* SVG 內部已硬編 emerald palette；color 只給可能用 currentColor 的元素留接口 */
  color: #67e8f9;
  flex-shrink: 0;
}

.shorts-ch-header h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.2px;
}

.shorts-ch-title {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.2px;
  margin: 0;
}

.shorts-ch-title-sep {
  color: rgba(255, 255, 255, 0.25);
  margin: 0 2px;
}

.shorts-ch-sub {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.06);
  padding: 6px 14px;
  border-radius: 20px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* ── Channel "Soul" — editorial blurb (Shorts side) ── */

.shorts-ch-soul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 0 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  margin: 8px 0 16px;
  animation: soulFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.shorts-ch-soul-eyebrow {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: rgba(255, 255, 255, 0.45);
}

.shorts-ch-soul-text {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.92);
  text-wrap: balance;
}

/* ── Stats Row ── */

.shorts-ch-stats-row {
  display: flex;
  gap: 16px;
  margin-bottom: 0px;
}

.shorts-ch-stat {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 24px 16px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.shorts-ch-stat::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.06) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.shorts-ch-stat:hover {
  transform: translateY(-4px) scale(1.02);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.shorts-ch-stat:hover::before {
  opacity: 1;
}

.shorts-ch-stat:active {
  transform: translateY(0) scale(0.98);
  transition-duration: 0.1s;
}

.shorts-ch-stat-divider {
  width: 1px;
  height: 36px;
  background: rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
}

.shorts-ch-stat-num {
  display: block;
  font-size: 28px;
  font-weight: 700;
  color: #c4b5fd;
  line-height: 1;
  position: relative;
  z-index: 2;
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.shorts-ch-stat-num svg {
  display: block;
}

/* ── Live SVG Icon Animations ── */

/* 1. Long Video (Breathe effect) */
.shorts-ch-stat[data-action="videos"] .shorts-ch-stat-num svg {
  animation: ch-anim-vid-breathe 4s ease-in-out infinite;
}

@keyframes ch-anim-vid-breathe {
  0%, 100% {
    transform: scale(1) translateY(0);
    filter: drop-shadow(0 4px 12px rgba(34, 211, 238, 0.4));
  }
  50% {
    transform: scale(1.05) translateY(-2px);
    filter: drop-shadow(0 8px 16px rgba(34, 211, 238, 0.7));
  }
}

/* 2. Shorts (Float & Glow effect) */
.shorts-ch-stat[data-action="shorts"] .shorts-ch-stat-num svg {
  animation: ch-anim-sht-float 3.5s ease-in-out infinite;
  transform-origin: center bottom;
}

@keyframes ch-anim-sht-float {
  0%, 100% {
    transform: translateY(0) scale(1) rotate(0deg);
    filter: drop-shadow(0 1px 3px rgba(253, 224, 71, 0.55));
  }
  50% {
    transform: translateY(-4px) scale(1.03) rotate(3deg);
    filter: drop-shadow(0 2px 5px rgba(253, 224, 71, 0.75));
  }
}

/* 3. Starmap (Slow cosmic spin) */
.shorts-ch-stat[data-action="starmap"] .shorts-ch-stat-num svg {
  animation: ch-anim-star-spin 15s linear infinite;
  transform-origin: center;
}

@keyframes ch-anim-star-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes bounce-subtle {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

/* ── Hover Overdrives ── */
.shorts-ch-stat:hover .shorts-ch-stat-num {
  transform: scale(1.18) translateY(-3px);
}

.shorts-ch-stat[data-action="videos"]:hover .shorts-ch-stat-num svg {
  animation: ch-anim-vid-pulse 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
}

@keyframes ch-anim-vid-pulse {
  0% { transform: scale(1); filter: drop-shadow(0 4px 12px rgba(34, 211, 238, 0.6)); }
  50% { transform: scale(1.1); filter: drop-shadow(0 12px 24px rgba(34, 211, 238, 0.9)); }
  100% { transform: scale(1); filter: drop-shadow(0 4px 12px rgba(34, 211, 238, 0.6)); }
}

.shorts-ch-stat[data-action="shorts"]:hover .shorts-ch-stat-num svg {
  animation: ch-anim-sht-shake 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
}

@keyframes ch-anim-sht-shake {
  0%, 100% { transform: rotate(0deg) scale(1); filter: drop-shadow(0 2px 4px rgba(253, 224, 71, 0.7)); }
  25% { transform: rotate(-10deg) scale(1.05); filter: drop-shadow(0 3px 6px rgba(253, 224, 71, 0.9)); }
  75% { transform: rotate(10deg) scale(1.05); filter: drop-shadow(0 3px 6px rgba(253, 224, 71, 0.9)); }
}

.shorts-ch-stat[data-action="starmap"]:hover .shorts-ch-stat-num svg {
  animation: ch-anim-star-spin 3s linear infinite;
}

.shorts-ch-stat-label {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 0.3px;
  position: relative;
  z-index: 2;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.shorts-ch-stat:hover .shorts-ch-stat-label {
  color: #fff;
  transform: translateY(-1px);
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.4);
}

/* ── Analysis page overrides (Linear-style) ── */

.shorts-ch-dashboard--analysis .shorts-ch-header {
  margin-bottom: 0;
  padding: 32px 32px 0;
  padding-bottom: 0;
  border-bottom: none;
}

.shorts-ch-dashboard--analysis .shorts-ch-title {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.3px;
  color: rgba(255, 255, 255, 0.95);
}

.shorts-ch-dashboard--analysis .shorts-ch-sub {
  font-size: 12px;
  background: rgba(255, 255, 255, 0.04);
  padding: 4px 10px;
  border-radius: 6px;
  box-shadow: none;
}

.shorts-ch-dashboard--analysis .shorts-ch-stats-row {
  gap: 0;
  padding: 28px 32px 24px;
}

.shorts-ch-dashboard--analysis .shorts-ch-stat {
  padding: 0;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: none;
  box-shadow: none;
  cursor: default;
  gap: 8px;
  overflow: visible;
}

.shorts-ch-dashboard--analysis .shorts-ch-stat::before {
  display: none;
}

.shorts-ch-dashboard--analysis .shorts-ch-stat:hover {
  transform: none;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.shorts-ch-dashboard--analysis .shorts-ch-stat:active {
  transform: none;
}

.shorts-ch-dashboard--analysis .shorts-ch-stat-num {
  font-size: 42px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  letter-spacing: -0.5px;
  filter: none;
}

.shorts-ch-dashboard--analysis .shorts-ch-stat:hover .shorts-ch-stat-num {
  transform: none;
}

.shorts-ch-dashboard--analysis .shorts-ch-stat-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: rgba(255, 255, 255, 0.35);
}

.shorts-ch-dashboard--analysis .shorts-ch-stat:hover .shorts-ch-stat-label {
  color: rgba(255, 255, 255, 0.35);
  transform: none;
  text-shadow: none;
}

/* ── Body ── */

.shorts-ch-body {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 32px;
  padding: 0 32px 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding-top: 24px;
}

.shorts-ch-section {
  min-width: 0;
}

@media (max-width: 700px) {
  .shorts-ch-body {
    grid-template-columns: 1fr;
  }
}

.shorts-ch-section-title {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.45);
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

/* ── Category Bars — two-line layout (mockup) ── */

.shorts-ch-cat-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.shorts-ch-cat-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
  animation: sch-cat-row-enter 0.3s ease backwards;
}

@keyframes sch-cat-row-enter {
  from { opacity: 0; transform: translateX(-8px); }
}

.shorts-ch-cat-row-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.shorts-ch-cat-name {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}

.shorts-ch-cat-pct {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
  font-variant-numeric: tabular-nums;
}

.shorts-ch-cat-bar-bg {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 2px;
  overflow: hidden;
}

.shorts-ch-cat-bar {
  height: 100%;
  border-radius: 2px;
  background: linear-gradient(90deg,
      hsl(var(--bar-hue, 265), 50%, 55%),
      hsl(calc(var(--bar-hue, 265) + 30), 40%, 55%));
  animation: sch-bar-grow 0.6s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}

@keyframes sch-bar-grow {
  from { width: 0% !important; }
}

/* ── Top Shorts — view count on far right (mockup) ── */

.shorts-ch-top-list {
  display: flex;
  flex-direction: column;
}

.shorts-ch-top-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  text-decoration: none;
  color: inherit;
  transition: opacity 0.15s ease;
  animation: sch-top-enter 0.35s ease backwards;
}

.shorts-ch-top-card:last-child {
  border-bottom: none;
}

@keyframes sch-top-enter {
  from { opacity: 0; transform: translateX(8px); }
}

.shorts-ch-top-card:hover {
  opacity: 0.75;
}

/* 純大數字取代紫色圓圈（match floating panel 同設計） */
.shorts-ch-top-rank {
  font-size: 16px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.92);
  width: 22px;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.5px;
  text-align: center;
  line-height: 1;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.shorts-ch-top-thumb {
  width: 36px;
  height: 50px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}

.shorts-ch-top-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shorts-ch-top-title {
  flex: 1;
  min-width: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.35;
  overflow: hidden;
}

.shorts-ch-top-views {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.45);
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}

/* ── Loading (cyan accent，跟 floating panel & Discovery 同主題) ── */

.shorts-ch-loading {
  text-align: center;
  padding: 40px 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.2px;
}

.shorts-ch-spinner {
  width: 32px;
  height: 32px;
  margin: 0 auto 14px;
  border: 2.5px solid rgba(34, 211, 238, 0.12);
  border-top-color: #67e8f9;
  border-radius: 50%;
  animation: shorts-ch-spin 0.85s linear infinite;
  box-shadow: 0 0 16px rgba(34, 211, 238, 0.15);
}

@keyframes shorts-ch-spin {
  to { transform: rotate(360deg); }
}

/* ── Error (styled warning card，match Discovery error 同視覺語言) ── */

.shorts-ch-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 32px 16px;
  text-align: center;
}

.shorts-ch-error-icon {
  width: 36px;
  height: 36px;
  color: rgba(245, 158, 11, 0.85);
  opacity: 0.85;
}

.shorts-ch-error-msg {
  font-size: 13px;
  font-weight: 500;
  color: rgba(245, 158, 11, 0.9);
  letter-spacing: 0.2px;
  max-width: 480px;
  margin: 0;
}

/* ── Shorts Category Sections (sch- = Shorts CHannel) ── */

.shorts-ch-sections {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

.sch-cat-section {
  position: relative;
  z-index: 0;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 20px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  animation: sch-fade-in 0.45s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}

/* Hero thumbnail ambient backlight layer (z-index: -2, behind glass) */
.sch-cat-bg-layer {
  position: absolute;
  inset: -20%;
  width: 140%;
  height: 140%;
  background-image: var(--sch-bg);
  background-size: cover;
  background-position: center;
  z-index: -2;
  pointer-events: none;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Frosted glass pane (z-index: -1, in front of bg-layer) */
.sch-cat-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: rgba(12, 12, 14, 0.92);
  backdrop-filter: blur(40px) saturate(120%);
  -webkit-backdrop-filter: blur(40px) saturate(120%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  pointer-events: none;
  transition: background 0.4s ease;
}

/* Hover: breathing effect + subtle brightening */
.sch-cat-section:hover {
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.5),
    0 0 60px hsla(var(--cat-hue), 50%, 50%, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.sch-cat-section:hover .sch-cat-bg-layer {
  transform: scale(1.05);
}
.sch-cat-section:hover::before {
  background: rgba(10, 10, 12, 0.88);
}

@keyframes sch-fade-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.sch-cat-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.sch-cat-hd-left {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  overflow: hidden;
  padding-right: 8px;
}

.sch-cat-emoji {
  font-size: 22px;
}

.sch-cat-name {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.3px;
  margin: 0;
}

.sch-cat-count {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.06);
  padding: 2px 8px;
  border-radius: 10px;
}

.sch-cat-pct {
  font-size: 12px;
  font-weight: 700;
  color: hsla(var(--cat-hue), 60%, 70%, 0.9);
}

.sch-cat-hd-right {
  flex: 0 0 120px;
}

.sch-cat-pct-track {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 2px;
  overflow: hidden;
}

.sch-cat-pct-fill {
  height: 100%;
  border-radius: 2px;
  background: linear-gradient(90deg,
      hsl(var(--cat-hue), 65%, 55%),
      hsl(var(--cat-hue2), 60%, 60%));
  animation: sch-pct-grow 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s backwards;
}

@keyframes sch-pct-grow {
  from { width: 0% !important; }
}

/* ── Video Cards Grid — Premium A+ ── */

.sch-cat-grid,
.sch-cat-more-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 14px;
}

.sch-cat-more-wrap {
  margin-top: 12px;
}

.sch-vcard {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  animation: sch-card-enter 0.4s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}

@keyframes sch-card-enter {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.92);
  }
}

.sch-vcard:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: hsla(var(--cat-hue), 55%, 60%, 0.45);
  transform: translateY(-6px) scale(1.03);
  box-shadow:
    0 16px 32px rgba(0, 0, 0, 0.5),
    0 0 20px hsla(var(--cat-hue), 50%, 50%, 0.15);
}

.sch-vcard-thumb {
  position: relative;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.3);
}

/* Hover dark vignette gradient */
.sch-vcard-thumb::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.7) 100%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 1;
}
.sch-vcard:hover .sch-vcard-thumb::after {
  opacity: 1;
}

.sch-vcard-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Hover zoom-in */
.sch-vcard:hover .sch-vcard-thumb img {
  transform: scale(1.08);
}

/* Rank badge (top 3) */
.sch-vcard-rank {
  position: absolute;
  top: 6px;
  left: 6px;
  font-size: 18px;
  z-index: 3;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.6));
  animation: sch-rank-pop 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s backwards;
}

@keyframes sch-rank-pop {
  from { opacity: 0; transform: scale(0) rotate(-20deg); }
  to { opacity: 1; transform: scale(1) rotate(0deg); }
}

/* View count overlay on thumbnail */
.sch-vcard-views {
  position: absolute;
  bottom: 6px;
  left: 6px;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
  z-index: 2;
  opacity: 0;
  transform: translateY(4px);
  transition: all 0.3s ease;
}
.sch-vcard:hover .sch-vcard-views {
  opacity: 1;
  transform: translateY(0);
}

.sch-vcard-info {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sch-vcard-title {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: 0.1px;
}

/* Static views text below title */
.sch-vcard-views-sub {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.35);
}

.sch-cat-more-btn {
  display: block;
  width: 100%;
  margin-top: 14px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}

.sch-cat-more-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
  transform: translateX(-100%);
  transition: transform 0.5s ease;
}
.sch-cat-more-btn:hover::after {
  transform: translateX(100%);
}

.sch-cat-more-btn:hover {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.8);
  border-color: hsla(var(--cat-hue), 50%, 60%, 0.25);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* JS 動態偵測可用空間，不需 CSS media query */

/* ═══════════════════════════════════════════════════════════════════

   Shorts Player — 頻道透視按鈕 + 面板

   ═══════════════════════════════════════════════════════════════════ */

/* ── Shorts 頻道透視按鈕（complete YouTube native mirror）── */
/* 設計原則：完全 mirror YouTube secondary button（如「訂閱」未訂閱狀態）
 *  - 無 border（YouTube 原生 secondary 按鈕沒有可見邊框）
 *  - 背景 opacity 跟 YouTube 對齊（0.1 default → 0.2 hover）
 *  - 字重 500、字色純白、字級 14px，跟原生一致
 *  - cyan 只剩 eye icon 一點，作為品牌辨識的最小存在感
 *  - 動畫廢除完畢；hover 反應跟原生 secondary 同步（短促背景 fade）
 */

.si-btn-host {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 16px 0 12px;
  height: 36px;
  border: none;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Roboto', 'YouTube Sans', -apple-system, BlinkMacSystemFont, 'Inter', 'Noto Sans TC', sans-serif;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.1s ease;
  margin-left: 8px;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

.si-btn-host:hover {
  background: rgba(255, 255, 255, 0.2);
}

.si-btn-host:active {
  background: rgba(255, 255, 255, 0.25);
}

.si-btn-host.active {
  background: rgba(34, 211, 238, 0.18);
}

.si-btn-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #67e8f9;
  opacity: 1;
}

.si-btn-text {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1;
}

/* ── Floating Insight Panel (si-f- = Shorts Insight Float) ── */

/* ── 頻道透視浮動面板 — Spotify Artist Page model ── */

.si-float-panel {
  position: fixed;
  z-index: 9999;
  width: 580px;
  /* 窄螢幕安全網：iPad/折疊螢幕 width < 600 時，panel 不會爆出 viewport */
  max-width: calc(100vw - 24px);
  max-height: 640px;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(14, 14, 18, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(32px) saturate(180%);
  -webkit-backdrop-filter: blur(32px) saturate(180%);
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Noto Sans TC', sans-serif;
  animation: si-float-in 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
  color: #e8e8ed;
}

.si-float-panel::-webkit-scrollbar { width: 6px; }
.si-float-panel::-webkit-scrollbar-track { background: transparent; }
.si-float-panel::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}

@keyframes si-float-in {
  from { opacity: 0; transform: translateY(12px) scale(0.96); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

.si-float-loading {
  text-align: center;
  padding: 56px 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* 主題化的載入 spinner — 取代借用的 .shorts-spinner，跟頻道透視 cyan accent 一致 */
.si-float-spinner {
  width: 32px;
  height: 32px;
  margin: 0 auto 14px;
  border: 2.5px solid rgba(34, 211, 238, 0.12);
  border-top-color: #67e8f9;
  border-radius: 50%;
  animation: si-float-spinner-spin 0.85s linear infinite;
  box-shadow: 0 0 16px rgba(34, 211, 238, 0.15);
}

@keyframes si-float-spinner-spin {
  to { transform: rotate(360deg); }
}

/* ── Hero (channel banner with monogram avatar — Spotify Artist Page style) ── */

.si-f-hero {
  position: relative;
  padding: 28px 28px 24px;
  overflow: hidden;
  isolation: isolate;
}

.si-f-hero::before {
  content: '';
  position: absolute;
  inset: -20%;
  z-index: -2;
  background: var(--hero-bg, none) center / cover no-repeat;
  filter: blur(40px) saturate(140%) brightness(0.55);
  opacity: 0.65;
  transform: scale(1.2);
}

.si-f-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(14, 14, 18, 0.4) 0%, rgba(14, 14, 18, 0.94) 100%);
}

.si-f-hero-content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 16px;
}

/* 真頻道 avatar (從 Shorts DOM 撈到的 yt3.ggpht.com img) — 優先使用，跟 monogram 同尺寸 */
.si-f-hero-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  flex-shrink: 0;
  object-fit: cover;
  display: block;
  background: rgba(255, 255, 255, 0.05);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.1),
    0 8px 24px rgba(0, 0, 0, 0.4);
  user-select: none;
}

/* Monogram avatar — channel name initials on hue-rotated gradient circle (avatar 撈不到時的 fallback) */
.si-f-hero-monogram {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.96);
  letter-spacing: 0.5px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Noto Sans TC', sans-serif;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.1),
    0 8px 24px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  user-select: none;
}

.si-f-hero-text {
  flex: 1;
  min-width: 0;
}

.si-f-hero-name {
  font-size: 32px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.6px;
  margin: 0 0 6px;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);
  line-height: 1.1;
  /* 長頻道名 wrap 到 2 行，hero 容器自動撐高 — 取代之前的 ellipsis 截斷 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.si-f-hero-stats {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.62);
  margin: 0;
  letter-spacing: 0.2px;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

/* ── Section ── */

.si-f-section {
  padding: 18px 28px 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.si-f-section-title {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 1.4px;
  margin: 0 0 16px;
}

.si-f-empty {
  padding: 24px 0;
  text-align: center;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.6;
}
.si-f-empty small {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  opacity: 0.7;
}

/* ── Fingerprint: Activity Rings (top 3 categories) ── */

.si-f-fp-body {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 24px;
  align-items: center;
}

.si-f-fp-rings {
  flex-shrink: 0;
  animation: si-f-fp-enter 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes si-f-fp-enter {
  from { opacity: 0; transform: scale(0.85); }
  to   { opacity: 1; transform: scale(1); }
}

.si-f-fp-rings circle[stroke-linecap="round"] {
  animation: si-f-ring-fadein 0.5s ease-out backwards;
}

@keyframes si-f-ring-fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.si-f-fp-legend {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.si-f-fp-legend-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.85);
  animation: si-f-fp-legend-enter 0.4s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}

@keyframes si-f-fp-legend-enter {
  from { opacity: 0; transform: translateX(-8px); }
}

.si-f-fp-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  flex-shrink: 0;
}

.si-f-fp-name {
  flex: 1;
  font-size: 15px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.92);
  letter-spacing: 0.1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.si-f-fp-pct {
  font-size: 19px;
  font-weight: 700;
  color: #fff;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.4px;
  min-width: 52px;
  text-align: right;
  line-height: 1;
}

/* ── Top Shorts: horizontal scroll cards ── */

.si-f-tops {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 4px 4px 8px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  -webkit-mask-image: linear-gradient(to right, transparent 0px, black 8px, black calc(100% - 16px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0px, black 8px, black calc(100% - 16px), transparent 100%);
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
}

/* ── Watch page channel preview panel: 從 PR #315 回來的全套 .si-f-* rules ── */

.si-f-header {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.si-f-header-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 8px;
}

.si-f-header-top strong {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.3px;
}

.si-f-sub {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.05);
  padding: 3px 10px;
  border-radius: 12px;
}

.si-f-stats {
  display: flex;
  gap: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}

.si-f-grid {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 24px;
}

.si-f-label {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 16px;
  letter-spacing: 0.5px;
}

.si-f-cat {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.si-f-emoji {
  font-size: 14px;
  flex-shrink: 0;
}

.si-f-name {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.75);
  font-weight: 500;
  flex: 0 0 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.si-f-bar-bg {
  flex: 1;
  height: 5px;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 3px;
  overflow: hidden;
}

.si-f-bar {
  height: 100%;
  border-radius: 3px;
  background: linear-gradient(90deg,
    hsl(var(--bar-hue, 265), 70%, 55%),
    hsl(calc(var(--bar-hue, 265) + 30), 60%, 60%));
  transition: width 0.5s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 0 6px hsla(var(--bar-hue, 265), 70%, 55%, 0.25);
}

.si-f-pct {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  min-width: 30px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* Watch page channel preview 用 .si-f-top* 子項 → 直立列表（覆蓋上面的 Shorts 橫向 scroll）*/
.si-f-tops:has(.si-f-top) {
  flex-direction: column;
  overflow: visible;
  padding: 0;
  scroll-snap-type: none;
  gap: 4px;
  -webkit-mask-image: none;
  mask-image: none;
}

.si-f-top {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 8px;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.si-f-top:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.1);
  transform: translateX(4px) translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.si-f-rank {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.3);
  width: 16px;
  text-align: center;
  flex-shrink: 0;
}

.si-f-thumb {
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.05);
}

.si-f-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.si-f-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.si-f-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
}

.si-f-views {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.35);
}
.si-f-tops::-webkit-scrollbar { height: 4px; }
.si-f-tops::-webkit-scrollbar-track { background: transparent; }
.si-f-tops::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
}
.si-f-tops::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.18);
}

.si-f-tcard {
  flex: 0 0 110px;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-decoration: none;
  color: inherit;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  animation: si-f-tcard-enter 0.4s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}

@keyframes si-f-tcard-enter {
  from { opacity: 0; transform: translateY(8px); }
}

.si-f-tcard:hover { transform: translateY(-3px); }

.si-f-tcard-thumb {
  position: relative;
  width: 110px;
  height: 196px;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.si-f-tcard:hover .si-f-tcard-thumb {
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5);
}

.si-f-tcard-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 序號徽章：刻意不搶戲，讓縮圖 + 標題當主角 */
.si-f-tcard-rank {
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 18px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.95);
  text-shadow:
    0 1px 6px rgba(0, 0, 0, 0.85),
    0 0 12px rgba(0, 0, 0, 0.5);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.5px;
  line-height: 1;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.si-f-tcard-views {
  position: absolute;
  bottom: 6px;
  left: 8px;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  letter-spacing: 0.2px;
}

.si-f-tcard-title {
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: 0.1px;
  padding: 0 2px;
}

/* ── Similar Creators (Spotify "Fans Also Like") ── */

.si-f-sims {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.si-f-sim {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.05);
  text-decoration: none;
  color: inherit;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  animation: si-f-sim-enter 0.4s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}

@keyframes si-f-sim-enter {
  from { opacity: 0; transform: translateX(-8px); }
}

.si-f-sim:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(34, 211, 238, 0.25);
  transform: translateX(2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.si-f-sim:hover .si-f-sim-arrow {
  opacity: 1;
  transform: translate(2px, -2px);
}

.si-f-sim-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.95);
  letter-spacing: 0.3px;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  object-fit: cover; /* 用於 <img> avatar — 非方形也能 fit；對 <span> monogram 無影響 */
}

.si-f-sim-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.si-f-sim-name {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.92);
  letter-spacing: 0.1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.si-f-sim-reason {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0.1px;
}

.si-f-sim-arrow {
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.3);
  opacity: 0.5;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ══════════════════════════════════════════════════════════════

   Knowledge Tree: 知識樹 Overlay

   ══════════════════════════════════════════════════════════════ */

/* ── Knowledge Tree Button (Watch Page) ─────────── */

.wp-ktree-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  margin-left: 6px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 18px;
  background: linear-gradient(135deg, hsla(174, 60%, 50%, 0.25), hsla(180, 55%, 45%, 0.15));
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(.16, 1, .3, 1);
  font-family: inherit;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  animation: wp-btn-entrance .5s ease backwards;
}

.wp-ktree-btn:hover {
  background: linear-gradient(135deg, hsla(174, 60%, 55%, 0.35), hsla(180, 55%, 50%, 0.25));
  border-color: rgba(255, 255, 255, 0.25);
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(45, 212, 191, 0.4);
}

/* Ktree Shimmer sweep */

.wp-ktree-shimmer {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.08) 40%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.08) 60%,
      transparent 100%);
  animation: wp-shimmer 3s ease-in-out infinite;
  animation-delay: 1.5s;
}

/* Ktree Sparkle particles */

.wp-ktree-sparkles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: visible;
}

.wp-ktree-sparkle {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(110, 231, 183, 0.9);
  box-shadow: 0 0 6px 1px rgba(52, 211, 153, 0.6);
  animation: wp-sparkle-float 2.5s ease-in-out infinite;
  animation-delay: calc(var(--d) * 0.8s + 0.4s);
  opacity: 0;
}

.wp-ktree-sparkle:nth-child(1) {
  top: 25%;
  left: 12%;
}

.wp-ktree-sparkle:nth-child(2) {
  top: 55%;
  left: 50%;
}

.wp-ktree-sparkle:nth-child(3) {
  top: 20%;
  left: 85%;
}

.wp-ktree-icon {
  font-size: 16px;
  line-height: 1;
  position: relative;
  z-index: 1;
}

/* ── Growth Tree Button ───────────────────────── */

.wp-gtree-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(135deg, hsla(38, 60%, 60%, 0.25), hsla(28, 55%, 55%, 0.15));
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(.16, 1, .3, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  animation: wp-btn-entrance .5s ease backwards;
}

.wp-gtree-btn:hover {
  background: linear-gradient(135deg, hsla(38, 60%, 65%, 0.35), hsla(28, 55%, 60%, 0.25));
  border-color: rgba(255, 255, 255, 0.25);
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(251, 191, 36, 0.4);
}

.wp-gtree-icon {
  font-size: 16px;
  line-height: 1;
  position: relative;
  z-index: 1;
}

/* GTree Shimmer sweep */

.wp-gtree-shimmer {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.08) 40%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.08) 60%,
      transparent 100%);
  animation: wp-shimmer 3s ease-in-out infinite;
  animation-delay: 2.2s;
}

/* GTree Sparkle particles */

.wp-gtree-sparkles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: visible;
}

.wp-gtree-sparkle {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(251, 191, 36, 0.9);
  box-shadow: 0 0 6px 1px rgba(251, 191, 36, 0.6);
  animation: wp-sparkle-float 2.5s ease-in-out infinite;
  animation-delay: calc(var(--d) * 0.8s + 0.8s);
  opacity: 0;
}

.wp-gtree-sparkle:nth-child(1) {
  top: 25%;
  left: 15%;
}

.wp-gtree-sparkle:nth-child(2) {
  top: 55%;
  left: 50%;
}

.wp-gtree-sparkle:nth-child(3) {
  top: 20%;
  left: 80%;
}

/* ── Build Universe Button ─────────────────────── */

.wp-build-universe-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  margin-left: 6px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(135deg, hsla(208, 60%, 58%, 0.25), hsla(186, 55%, 48%, 0.16));
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(.16, 1, .3, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  animation: wp-btn-entrance .5s ease backwards;
}

.wp-build-universe-btn:hover {
  background: linear-gradient(135deg, hsla(208, 60%, 63%, 0.35), hsla(186, 55%, 54%, 0.26));
  border-color: rgba(255, 255, 255, 0.25);
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(56, 189, 248, 0.4);
}

.wp-build-universe-icon {
  font-size: 16px;
  line-height: 1;
  position: relative;
  z-index: 1;
}

.wp-build-universe-shimmer {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.08) 40%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.08) 60%,
      transparent 100%);
  animation: wp-shimmer 3s ease-in-out infinite;
  animation-delay: 2.8s;
}

.wp-build-universe-sparkles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: visible;
}

.wp-build-universe-sparkle {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(125, 211, 252, 0.9);
  box-shadow: 0 0 6px 1px rgba(56, 189, 248, 0.6);
  animation: wp-sparkle-float 2.5s ease-in-out infinite;
  animation-delay: calc(var(--d) * 0.8s + 1.2s);
  opacity: 0;
}

.wp-build-universe-sparkle:nth-child(1) {
  top: 26%;
  left: 18%;
}

.wp-build-universe-sparkle:nth-child(2) {
  top: 56%;
  left: 52%;
}

.wp-build-universe-sparkle:nth-child(3) {
  top: 22%;
  left: 82%;
}

/* ── Overlay ────────────────────────────────────── */

.ktree-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
  display: none;
  align-items: center;
  justify-content: center;
  animation: ktreeIn 0.3s ease;
}

.ktree-overlay.visible {
  display: flex;
}

@keyframes ktreeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* ── Card Container ─────────────────────────────── */

.ktree-card {
  width: min(1400px, 96vw);
  max-height: 88vh;
  overflow-y: auto;
  border-radius: 16px;
  background: rgba(22, 22, 26, 0.65);
  backdrop-filter: blur(32px) saturate(180%);
  -webkit-backdrop-filter: blur(32px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  padding: 0;
}

.ktree-inner {
  position: relative;
  padding: 32px 36px 28px;
}

/* ── Close Button ───────────────────────────────── */

.ktree-close-btn {
  position: absolute;
  top: 12px;
  right: 16px;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.4);
  font-size: 22px;
  cursor: pointer;
  z-index: 10;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s;
}

.ktree-close-btn:hover {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.08);
}

/* ── Loading State ──────────────────────────────── */

.ktree-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  gap: 12px;
}

.ktree-load-txt {
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
}

.ktree-load-sub {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.35);
}

/* ── Tree Container ─────────────────────────────── */

.ktree-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding-top: 10px;
}

/* ── SVG Lines ──────────────────────────────────── */

.ktree-lines {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
}

/* ── Root Node ──────────────────────────────────── */

.ktree-root {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 24px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(52, 211, 153, 0.1), rgba(16, 185, 129, 0.06));
  border: 1px solid rgba(52, 211, 153, 0.25);
  box-shadow: 0 0 20px rgba(52, 211, 153, 0.08);
}

.ktree-root-icon {
  font-size: 22px;
  line-height: 1;
}

.ktree-root-topic {
  font-size: 18px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.92);
  letter-spacing: 0.3px;
}

/* ── Mode Toggle Float (below context panel) ───── */

.ktree-mode-float {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 14px 0 20px;
  margin-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.ktree-mode-pill {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 5px 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: all 0.25s ease;
  white-space: nowrap;
  text-align: center;
}

.ktree-mode-pill:hover {
  background: rgba(168, 85, 247, 0.15);
  border-color: rgba(168, 85, 247, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

.ktree-mode-pill.active {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.4), rgba(168, 85, 247, 0.3));
  border-color: rgba(168, 85, 247, 0.5);
  color: #fff;
  font-weight: 600;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.2);
}

/* ── Node Grid ──────────────────────────────────── */

.ktree-nodes {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  width: 100%;
}

/* ── Individual Node Card ───────────────────────── */

.ktree-node {
  width: calc(33.33% - 12px);
  min-width: 200px;
  max-width: 320px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: all 0.3s ease;
}

.ktree-node-loading {
  opacity: 0.6;
}

.ktree-node-found {
  border-color: rgba(52, 211, 153, 0.2);
  background: rgba(52, 211, 153, 0.04);
}

.ktree-node-found:hover {
  border-color: rgba(52, 211, 153, 0.4);
  background: rgba(52, 211, 153, 0.08);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.ktree-node-none {
  opacity: 0.4;
}

/* ── Node Internals ─────────────────────────────── */

.ktree-node-meta-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.ktree-node-tag {
  display: inline-block;
  align-self: flex-start;
  padding: 2px 10px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--ktree-perspective-color, #4fd1c5) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--ktree-perspective-color, #4fd1c5) 34%, transparent);
  color: var(--ktree-perspective-color, #4fd1c5);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.ktree-node-relation {
  padding: 2px 8px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.58);
  font-size: 10px;
  font-weight: 600;
}

.ktree-node-thumb-placeholder {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ktree-node-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.ktree-node-label {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.3;
}

.ktree-node-reason {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.4;
}

.ktree-node-line {
  padding-left: 10px;
  border-left: 2px solid var(--ktree-perspective-color, #4fd1c5);
  color: rgba(255, 255, 255, 0.62);
  font-size: 11px;
  line-height: 1.45;
}

.ktree-contract-panel {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 9px 10px;
  border-radius: 8px;
  background: rgba(10, 16, 28, 0.62);
  border: 1px solid color-mix(in srgb, var(--ktree-perspective-color, #4fd1c5) 24%, rgba(255, 255, 255, 0.08));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.ktree-contract-head {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
}

.ktree-contract-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.28);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.04);
}

.ktree-contract-dot.ready {
  background: var(--ktree-perspective-color, #4fd1c5);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ktree-perspective-color, #4fd1c5) 18%, transparent);
}

.ktree-contract-dot.legacy {
  background: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.14);
}

.ktree-contract-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  font-size: 10px;
  line-height: 1.35;
}

.ktree-contract-row span {
  color: rgba(255, 255, 255, 0.34);
  font-weight: 700;
}

.ktree-contract-row strong {
  min-width: 0;
  color: rgba(255, 255, 255, 0.72);
  font-weight: 600;
  overflow-wrap: anywhere;
}

.ktree-node-video-info {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ktree-node-vtitle {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ktree-node-vchannel {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.35);
}

.ktree-node-none-icon {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.15);
}

/* ── Quick Master ⚡ ────────────────────────────────── */

.qm-btn {
  padding: 5px 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  white-space: nowrap;
}

.qm-btn:hover {
  background: linear-gradient(135deg, rgba(79, 209, 197, 0.15), rgba(167, 139, 250, 0.15));
  border-color: rgba(79, 209, 197, 0.3);
  color: rgba(255, 255, 255, 0.85);
}

.qm-btn-loading {
  pointer-events: none;
  opacity: 0.7;
}

.qm-spinner {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-top-color: #4fd1c5;
  border-radius: 50%;
  animation: qm-spin 0.6s linear infinite;
}

@keyframes qm-spin {
  to {
    transform: rotate(360deg);
  }
}

.qm-card {
  margin-top: 10px;
  padding: 12px 14px;
  background: rgba(15, 18, 30, 0.9);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  animation: qm-expand 0.3s ease-out;
}

@keyframes qm-expand {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.qm-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.qm-title {
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.35);
}

.qm-diff {
  font-size: 10px;
  font-weight: 600;
}

.qm-source-badge {
  font-size: 9px;
  padding: 2px 6px;
  border-radius: 8px;
  background: rgba(79, 209, 197, 0.15);
  color: #4fd1c5;
  margin-left: 6px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-transform: none;
}

.qm-point {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 5px 0;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.45;
}

.qm-diamond {
  color: #4fd1c5;
  font-size: 8px;
  margin-top: 4px;
  flex-shrink: 0;
}

.qm-actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.qm-action {
  flex: 1;
  padding: 7px 0;
  border-radius: 20px;
  border: none;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 500;
}

.qm-watch {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.7);
}

.qm-watch:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

/* ── 2-Column Layout ───────────────────────────────── */

.ktree-layout {
  position: relative;
  display: flex;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
}

.ktree-layout .ktree-container {
  flex: 1;
  min-width: 0;
}

/* ── Context Panel (右側脈絡面板) ──────────────────── */

.ktree-context-panel {
  width: 280px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 20px;
  backdrop-filter: blur(12px);
  position: sticky;
  top: 20px;
}

.ktree-ctx-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
}

.ktree-ctx-summary {
  font-size: 13px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 16px;
}

.ktree-ctx-loading {
  color: rgba(255, 255, 255, 0.3);
  font-style: italic;
}

.ktree-ctx-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
  margin-bottom: 16px;
}

.ktree-ctx-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ktree-ctx-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.ktree-ctx-num {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(76, 175, 80, 0.2);
  color: #81c784;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.ktree-ctx-body {
  flex: 1;
  min-width: 0;
}

.ktree-ctx-meta {
  margin-bottom: 3px;
  color: rgba(79, 209, 197, 0.72);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
}

.ktree-ctx-label {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 2px;
}

.ktree-ctx-reason {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.5;
}

/* ── Responsive ─────────────────────────────────── */

@media (max-width: 900px) {
  .ktree-layout {
    flex-direction: column;
  }
  .ktree-context-panel {
    width: 100%;
    position: static;
  }
}

@media (max-width: 700px) {
  .ktree-node {
    width: calc(50% - 8px);
    min-width: 150px;
  }
  .ktree-card {
    width: 96vw;
  }
}

@media (max-width: 450px) {
  .ktree-node {
    width: 100%;
  }
}

@media (max-width: 450px) {
  .ktree-node {
    width: 100%;
  }
}

/* ══════════════════════════════════════════════════════════════

   Knowledge Growth Tree: 拓樸

   ══════════════════════════════════════════════════════════════ */

.gt-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(8px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.gt-overlay.visible {
  opacity: 1;
  pointer-events: all;
}

.gt-card {
  width: calc(100vw - 12px);
  height: calc(100vh - 12px);
  max-height: none;
  overflow: hidden;
  border-radius: 16px;
  background: rgba(18, 18, 28, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
}

.gt-inner {
  position: relative;
  padding: 32px 24px 28px;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

/* ── Entry Button (inside ktree) ──────────────── */

.gt-entry-btn {
  position: absolute;
  top: 12px;
  right: 56px;
  background: rgba(52, 211, 153, 0.1);
  border: 1px solid rgba(52, 211, 153, 0.25);
  color: #6ee7b7;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 2;
  font-family: inherit;
}

.gt-entry-btn:hover {
  background: rgba(52, 211, 153, 0.2);
  border-color: rgba(52, 211, 153, 0.5);
}

/* ── Header ───────────────────────────────────── */

.gt-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.gt-header-icon {
  font-size: 24px;
}

.gt-header-title {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

.gt-header-count {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
  margin-left: auto;
}

.gt-clear-btn {
  background: rgba(255, 80, 80, 0.08);
  border: 1px solid rgba(255, 80, 80, 0.2);
  color: rgba(255, 100, 100, 0.6);
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  margin-left: 8px;
}

.gt-clear-btn:hover {
  background: rgba(255, 80, 80, 0.15);
  border-color: rgba(255, 80, 80, 0.4);
  color: rgba(255, 100, 100, 0.9);
}

/* ── Growth Tree Mode Tabs ────────────────────── */

.gt-mode-tabs {
  display: flex;
  gap: 6px;
  padding: 0 0 10px;
}

.gt-mode-tab {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 4px 12px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.25s ease;
  white-space: nowrap;
}

.gt-mode-tab:hover {
  background: rgba(79, 209, 197, 0.12);
  border-color: rgba(79, 209, 197, 0.3);
  color: rgba(255, 255, 255, 0.75);
}

.gt-mode-tab.active {
  background: linear-gradient(135deg, rgba(79, 209, 197, 0.25), rgba(52, 211, 153, 0.2));
  border-color: rgba(79, 209, 197, 0.45);
  color: #fff;
  font-weight: 600;
  box-shadow: 0 0 10px rgba(79, 209, 197, 0.15);
}

/* ── Canvas Wrap ──────────────────────────────── */

.gt-canvas-wrap {
  flex: 1;
  overflow: auto;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.05);
  cursor: grab;
  position: relative;
  min-height: 300px;
}

.gt-canvas-wrap svg {
  display: block;
}

.gt-node circle {
  transition: r 0.2s ease;
}

.gt-node:hover circle {
  filter: brightness(1.3);
}

.gt-node text {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  pointer-events: none;
}

/* ── Tooltip ──────────────────────────────────── */

.gt-tooltip {
  position: absolute;
  z-index: 10;
  background: rgba(12, 16, 28, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  padding: 14px 16px;
  backdrop-filter: blur(32px) saturate(200%);
  -webkit-backdrop-filter: blur(32px) saturate(200%);
  max-width: 280px;
  pointer-events: none;
  box-sizing: border-box;
  max-height: calc(100vh - 24px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.36) transparent;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}

/* ── Slide-Out Summary Panel ─────────────────── */

.gt-summary-panel {
  position: fixed;
  z-index: 100000;
  width: 420px;
  max-height: 560px;
  background: rgba(12, 16, 28, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  backdrop-filter: blur(32px) saturate(200%);
  -webkit-backdrop-filter: blur(32px) saturate(200%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
  display: none;
  flex-direction: column;
  pointer-events: auto;
  overflow: hidden;
}

.gt-summary-panel.visible {
  display: flex;
  animation: gt-sp-slide-in 0.3s ease forwards;
}

@keyframes gt-sp-slide-in {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.gt-summary-panel.flip-left.visible {
  animation: gt-sp-slide-in-left 0.3s ease forwards;
}

@keyframes gt-sp-slide-in-left {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.gt-sp-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
}

.gt-sp-title {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  gap: 6px;
}

.gt-sp-close {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.35);
  font-size: 16px;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  transition: all 0.2s;
  line-height: 1;
}

.gt-sp-close:hover {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.08);
}

.gt-sp-body {
  flex: 1;
  overflow-y: auto;
  padding: 10px 14px;
  position: relative;
  min-height: 0;
}

/* Scrollbar styling */

.gt-sp-body::-webkit-scrollbar {
  width: 4px;
}

.gt-sp-body::-webkit-scrollbar-track {
  background: transparent;
}

.gt-sp-body::-webkit-scrollbar-thumb {
  background: rgba(79, 209, 197, 0.2);
  border-radius: 4px;
}

.gt-sp-body::-webkit-scrollbar-thumb:hover {
  background: rgba(79, 209, 197, 0.4);
}

.gt-sp-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 30px 16px;
}

.gt-sp-spinner {
  width: 24px;
  height: 24px;
  border: 2.5px solid rgba(255, 255, 255, 0.08);
  border-top-color: #4fd1c5;
  border-radius: 50%;
  animation: qm-spin 0.7s linear infinite;
}

.gt-sp-loading-text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.45);
}

.gt-sp-footer {
  padding: 8px 14px 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.gt-sp-footer .qm-action {
  flex: 1;
  padding: 7px 0;
  border-radius: 20px;
  border: none;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 500;
}
/* ── Quick Master 2026: topology-wide video preview + reserved summary shell ── */
.gt-tooltip {
  --gt-tip-accent: #4fd1c5;
  isolation: isolate;
  background:
    radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--gt-tip-accent) 16%, transparent), transparent 38%),
    linear-gradient(152deg, rgba(18, 23, 36, 0.96), rgba(7, 10, 18, 0.98));
  border-color: color-mix(in srgb, var(--gt-tip-accent) 22%, rgba(255, 255, 255, 0.12));
  border-radius: 18px;
  backdrop-filter: blur(28px) saturate(165%);
  -webkit-backdrop-filter: blur(28px) saturate(165%);
  box-shadow: 0 24px 70px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.035) inset;
}
.gt-tooltip::before {
  content: '';
  position: absolute;
  z-index: 3;
  top: 0;
  left: 22px;
  right: 22px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gt-tip-accent), transparent);
  opacity: .9;
  pointer-events: none;
}
.gt-tooltip-video {
  width: min(336px, calc(100vw - 24px)) !important;
  max-width: min(336px, calc(100vw - 24px));
  padding: 10px 10px 11px;
}
.gt-tip-media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-bottom: 12px;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(255,255,255,.05);
  box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 12px 30px rgba(0,0,0,.26);
}
.gt-tip-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.015);
  transition: transform .45s cubic-bezier(.22,1,.36,1), filter .3s ease;
}
.gt-tooltip-video:hover .gt-tip-thumb { transform: scale(1.05); filter: saturate(1.08) contrast(1.03); }
.gt-tip-media-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 48%, rgba(3,5,12,.76)), linear-gradient(125deg, color-mix(in srgb, var(--gt-tip-accent) 10%, transparent), transparent 48%);
  pointer-events: none;
}
.gt-tip-play {
  position: absolute;
  left: 12px;
  bottom: 11px;
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--gt-tip-accent) 88%, white 12%);
  box-shadow: 0 8px 22px color-mix(in srgb, var(--gt-tip-accent) 28%, transparent), 0 0 0 1px rgba(255,255,255,.42) inset;
}
.gt-tip-play i { width: 0; height: 0; margin-left: 2px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid rgba(3,8,14,.92); }
.gt-tip-duration {
  position: absolute;
  right: 10px;
  bottom: 11px;
  z-index: 2;
  padding: 3px 7px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 6px;
  background: rgba(3,5,10,.74);
  color: rgba(255,255,255,.92);
  font: 700 10px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.gt-tip-title-wrap { display: grid; grid-template-columns: 14px minmax(0,1fr); gap: 8px; align-items: start; padding: 0 2px; }
.gt-tip-signal { position: relative; width: 12px; height: 12px; margin-top: 3px; border: 1px solid color-mix(in srgb, var(--gt-tip-accent) 38%, transparent); border-radius: 50%; box-shadow: 0 0 12px color-mix(in srgb, var(--gt-tip-accent) 22%, transparent); }
.gt-tip-signal i { position: absolute; inset: 3px; border-radius: 50%; background: var(--gt-tip-accent); }
.gt-tooltip-video .gt-tip-reason { display: grid; grid-template-columns: 2px minmax(0,1fr); gap: 8px; margin: 7px 2px 8px; overflow: visible; }
.gt-tip-reason-line { border-radius: 999px; background: linear-gradient(180deg, var(--gt-tip-accent), transparent); opacity: .7; }
.gt-tip-actions { display: flex; gap: 6px; align-items: stretch; margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.065); }
.gt-tooltip-summary-only .gt-tip-actions { display: grid; grid-template-columns: minmax(0,1fr); }
.gt-qm-btn {
  position: relative;
  flex: 1;
  min-width: 0;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  padding: 7px 9px;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--gt-tip-accent) 28%, rgba(255,255,255,.08));
  border-radius: 9px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--gt-tip-accent) 13%, rgba(255,255,255,.03)), rgba(255,255,255,.025));
  color: rgba(255,255,255,.84);
  font-weight: 650;
}
.gt-qm-btn:hover { border-color: color-mix(in srgb, var(--gt-tip-accent) 50%, rgba(255,255,255,.1)); transform: translateY(-1px); box-shadow: 0 8px 22px color-mix(in srgb, var(--gt-tip-accent) 11%, transparent); }
.gt-qm-icon { width: 20px; height: 20px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 6px; background: color-mix(in srgb, var(--gt-tip-accent) 17%, transparent); color: var(--gt-tip-accent); font-size: 11px; }
.gt-qm-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gt-qm-arrow { margin-left: auto; color: color-mix(in srgb, var(--gt-tip-accent) 74%, rgba(255,255,255,.48)); }

.gt-summary-panel {
  --gt-sp-accent: #4fd1c5;
  width: min(448px, calc(100vw - 24px));
  max-height: 620px;
  background: radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--gt-sp-accent) 13%, transparent), transparent 34%), linear-gradient(160deg, rgba(16,21,34,.985), rgba(6,9,17,.99));
  border-color: color-mix(in srgb, var(--gt-sp-accent) 24%, rgba(255,255,255,.12));
  border-radius: 20px;
  box-shadow: 0 30px 90px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.04) inset;
  overscroll-behavior: contain;
}
.gt-summary-panel.visible { animation: gt-sp-slide-in .32s cubic-bezier(.22,1,.36,1) forwards; }
.gt-sp-header {
  position: relative;
  z-index: 5;
  gap: 12px;
  min-height: 53px;
  padding: 10px 12px 10px 15px;
  background: linear-gradient(180deg, rgba(11,15,25,.96), rgba(11,15,25,.9));
}
.gt-sp-title { min-width: 0; font-size: 12px; letter-spacing: .06em; }
.gt-sp-spark { width: 25px; height: 25px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 8px; background: color-mix(in srgb, var(--gt-sp-accent) 17%, rgba(255,255,255,.04)); border: 1px solid color-mix(in srgb, var(--gt-sp-accent) 32%, transparent); color: var(--gt-sp-accent); }
.gt-sp-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; min-width: 0; }
.gt-sp-badge { display: inline-flex; align-items: center; min-height: 22px; padding: 3px 8px; border-radius: 7px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.045); color: rgba(255,255,255,.58); font-size: 9.5px; font-weight: 700; white-space: nowrap; }
.gt-sp-source-video { border-color: rgba(245,158,11,.22); background: rgba(245,158,11,.09); color: #fbbf24; }
.gt-sp-source-subtitle { border-color: color-mix(in srgb, var(--gt-sp-accent) 28%, transparent); background: color-mix(in srgb, var(--gt-sp-accent) 10%, transparent); color: var(--gt-sp-accent); }
.gt-sp-difficulty { border-color: color-mix(in srgb, var(--gt-sp-difficulty) 30%, transparent); color: var(--gt-sp-difficulty); }
.gt-sp-close { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.075); border-radius: 8px; color: rgba(255,255,255,.48); font-size: 18px; padding: 0 0 2px; }
.gt-sp-close:focus-visible { outline: 2px solid var(--gt-sp-accent); outline-offset: 2px; }
.gt-sp-body { flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 12px 14px 14px; min-height: 0; }
.gt-sp-context { display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 11px; align-items: center; margin-bottom: 13px; padding: 8px; border-radius: 12px; border: 1px solid rgba(255,255,255,.075); background: rgba(255,255,255,.035); }
.gt-sp-context img { width: 92px; aspect-ratio: 16/9; display: block; object-fit: cover; border-radius: 8px; }
.gt-sp-context-copy { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.gt-sp-context-copy span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: rgba(255,255,255,.88); font-size: 12px; font-weight: 650; line-height: 1.35; }
.gt-sp-context-copy small { overflow: hidden; color: color-mix(in srgb, var(--gt-sp-accent) 72%, rgba(255,255,255,.42)); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.gt-sp-thesis { margin-bottom: 10px; padding: 13px 14px; border: 1px solid color-mix(in srgb, var(--gt-sp-accent) 22%, rgba(255,255,255,.07)); border-radius: 13px; background: linear-gradient(135deg, color-mix(in srgb, var(--gt-sp-accent) 10%, rgba(255,255,255,.025)), rgba(255,255,255,.018)); }
.gt-sp-thesis small, .gt-sp-scope small { display: block; margin-bottom: 6px; color: var(--gt-sp-accent); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.gt-sp-thesis p { margin: 0; color: rgba(255,255,255,.9); font-size: 13px; font-weight: 620; line-height: 1.55; }
.gt-sp-loading { margin-top: 2px; padding: 34px 16px 40px; border: 1px dashed color-mix(in srgb, var(--gt-sp-accent) 22%, rgba(255,255,255,.07)); border-radius: 13px; background: color-mix(in srgb, var(--gt-sp-accent) 5%, transparent); }
.gt-sp-spinner { width: 27px; height: 27px; border-top-color: var(--gt-sp-accent); }
.gt-sp-empty { min-height: 148px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px; border: 1px dashed rgba(255,255,255,.1); border-radius: 13px; color: rgba(255,255,255,.54); font-size: 12px; line-height: 1.5; text-align: center; }
.gt-sp-empty-mark { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--gt-sp-accent) 30%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--gt-sp-accent) 9%, transparent); color: var(--gt-sp-accent); font: 750 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.gt-sp-error .gt-sp-empty-mark { border-color: rgba(248,113,113,.28); background: rgba(248,113,113,.08); color: #fca5a5; }
.gt-sp-gate strong { color: rgba(255,255,255,.92); font-size: 14px; }
.gt-sp-gate-action { min-height: 36px; padding: 7px 16px; border: 1px solid color-mix(in srgb, var(--gt-sp-accent) 36%, transparent); border-radius: 10px; background: color-mix(in srgb, var(--gt-sp-accent) 14%, rgba(255,255,255,.03)); color: rgba(255,255,255,.92); cursor: pointer; font: 650 12px/1.2 inherit; }
.gt-sp-point { display: grid; grid-template-columns: 31px minmax(0,1fr); gap: 11px; margin-bottom: 8px; padding: 12px 12px 12px 10px; border: 1px solid rgba(255,255,255,.065); border-radius: 12px; background: linear-gradient(145deg, rgba(255,255,255,.042), rgba(255,255,255,.018)); }
.gt-sp-point-index { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; background: color-mix(in srgb, var(--gt-sp-accent) 10%, rgba(255,255,255,.03)); color: var(--gt-sp-accent); font: 700 9.5px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.gt-sp-point-copy { min-width: 0; }
.gt-sp-role { display: inline-flex; margin-bottom: 5px; padding: 2px 6px; border: 1px solid color-mix(in srgb, var(--gt-sp-accent) 20%, rgba(255,255,255,.06)); border-radius: 999px; background: color-mix(in srgb, var(--gt-sp-accent) 7%, transparent); color: color-mix(in srgb, var(--gt-sp-accent) 74%, white); font-size: 8px; font-weight: 760; letter-spacing: .045em; }
.gt-sp-point-copy h4 { margin: 0 0 5px; color: rgba(255,255,255,.94); font-size: 12.5px; line-height: 1.4; }
.gt-sp-point-copy p { margin: 0; color: rgba(255,255,255,.59); font-size: 11.5px; line-height: 1.62; }
.gt-sp-evidence { width: 100%; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 8px; margin-top: 9px; padding: 8px 9px; border: 1px solid color-mix(in srgb, var(--gt-sp-accent) 18%, rgba(255,255,255,.055)); border-radius: 9px; background: rgba(255,255,255,.025); color: inherit; cursor: pointer; text-align: left; }
.gt-sp-evidence:hover { border-color: color-mix(in srgb, var(--gt-sp-accent) 38%, rgba(255,255,255,.08)); background: color-mix(in srgb, var(--gt-sp-accent) 8%, rgba(255,255,255,.025)); }
.gt-sp-evidence:focus-visible { outline: 2px solid var(--gt-sp-accent); outline-offset: 2px; }
.gt-sp-evidence-time { color: var(--gt-sp-accent); font: 750 9px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.gt-sp-evidence-copy { min-width: 0; overflow: hidden; color: rgba(255,255,255,.53); font-size: 9.5px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.gt-sp-evidence-copy small { display: block; margin-bottom: 2px; color: rgba(255,255,255,.34); font-size: 7.5px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.gt-sp-evidence-arrow { color: var(--gt-sp-accent); font-size: 11px; }
.gt-sp-source-cue { display: flex; align-items: center; gap: 6px; margin-top: 8px; color: rgba(255,255,255,.42); font-size: 9px; }
.gt-sp-source-cue span { color: var(--gt-sp-accent); font-size: 7px; }
.gt-sp-scope { margin-top: 11px; padding: 11px 12px; border: 1px dashed rgba(255,255,255,.085); border-radius: 11px; background: rgba(255,255,255,.018); }
.gt-sp-scope p { margin: 0; color: rgba(255,255,255,.46); font-size: 10px; line-height: 1.5; }
.gt-sp-highlight { color: color-mix(in srgb, var(--gt-sp-accent) 82%, white); font-weight: 700; }
.gt-sp-stat { color: #fbbf24; font-weight: 700; }
.gt-sp-footer { position: relative; z-index: 1; flex: 0 0 auto; padding: 10px 14px 13px; background: linear-gradient(0deg, rgba(7,10,18,.98), rgba(9,13,22,.93)); }
.gt-sp-footer .qm-action { min-height: 38px; padding: 8px 12px; border-radius: 10px; font-weight: 650; }
.gt-sp-footer .qm-watch { border-color: color-mix(in srgb, var(--gt-sp-accent) 30%, rgba(255,255,255,.1)) !important; background: color-mix(in srgb, var(--gt-sp-accent) 12%, rgba(255,255,255,.04)); color: rgba(255,255,255,.9); }

.theme-light #gt-tooltip, .theme-light .gt-summary-panel { background: linear-gradient(155deg, rgba(255,255,255,.97), rgba(244,247,250,.98)) !important; box-shadow: 0 24px 70px rgba(15,23,42,.18) !important; }
.theme-light .gt-tip-label, .theme-light .gt-sp-title, .theme-light .gt-sp-context-copy span, .theme-light .gt-sp-point-copy h4, .theme-light .gt-sp-thesis p, .theme-light .gt-sp-gate strong { color: rgba(15,23,42,.92); }
.theme-light .gt-tip-reason, .theme-light .gt-sp-context-copy small, .theme-light .gt-sp-point-copy p, .theme-light .gt-sp-evidence-copy, .theme-light .gt-sp-source-cue, .theme-light .gt-sp-scope p, .theme-light .gt-sp-empty { color: rgba(51,65,85,.72); }
.theme-light .gt-sp-header, .theme-light .gt-sp-footer { background: rgba(250,252,253,.92); border-color: rgba(15,23,42,.08); }

@media (max-width: 760px) {
  .gt-summary-panel.compact-sheet { width: auto; border-radius: 20px 20px 14px 14px; animation-name: gt-sp-sheet-in; }
  .gt-summary-panel.compact-sheet .gt-sp-badge { display: none; }
  .gt-summary-panel.compact-sheet .gt-sp-body { padding: 10px 11px 12px; }
  .gt-summary-panel.compact-sheet .gt-sp-context { grid-template-columns: 82px minmax(0,1fr); }
  .gt-summary-panel.compact-sheet .gt-sp-context img { width: 82px; }
  @keyframes gt-sp-sheet-in { from { opacity: 0; transform: translateY(24px) scale(.985); } to { opacity: 1; transform: none; } }
}
@media (prefers-reduced-motion: reduce) {
  .gt-tip-thumb, .gt-qm-btn, .gt-sp-close { transition: none !important; }
  .gt-summary-panel.visible, .gt-summary-panel.flip-left.visible, .gt-summary-panel.compact-sheet.visible { animation: none !important; }
}

.gt-tip-label {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.gt-tip-reason {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.4;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Opt-in shared-detail layout for semantic nodes whose condition fields must
   remain readable. It keeps the global hover owner while lifting the generic
   two-line teaser clamp only for nodes that explicitly request full details. */
.gt-tooltip-details {
  width: min(360px, calc(100vw - 24px)) !important;
  max-width: min(360px, calc(100vw - 24px));
  padding: 13px 14px 14px;
}
.gt-tooltip-details .gt-tip-label {
  font-size: 15px;
  line-height: 1.4;
}
.gt-tooltip-details .gt-tip-reason {
  display: grid;
  grid-template-columns: 2px minmax(0, 1fr);
  gap: 8px;
  margin: 7px 2px 8px;
  overflow: visible;
  -webkit-line-clamp: unset;
  color: rgba(255, 255, 255, 0.68);
  font-size: 13px;
  line-height: 1.55;
}
.gt-tooltip-details .gt-tip-reason > span {
  white-space: pre-line;
}

/* Hover card — inline metadata tags (topic + perspective mode) */
.gt-tip-meta-row { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 6px; }
.gt-tip-meta-tag { display: inline-flex; align-items: center; padding: 2px 8px; background: rgba(255,255,255,0.05); border-radius: 4px; font-size: 11px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.gt-tip-meta-perspective { background: rgba(79,209,197,0.08); color: rgba(79,209,197,0.6); }

.gt-tip-video {
  font-size: 11px;
  color: rgba(110, 231, 183, 0.8);
  margin-bottom: 2px;
}

.gt-tip-hint {
  font-size: 11px;
  color: rgba(96, 165, 250, 0.8);
  font-style: italic;
}

/* ── Toast ────────────────────────────────────── */

.gt-toast {
  position: fixed;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: rgba(18, 18, 28, 0.95);
  border: 1px solid rgba(52, 211, 153, 0.3);
  color: #6ee7b7;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 999999;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.gt-toast-show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* ── Responsive ───────────────────────────────── */

@media (max-width: 700px) {
  .gt-card {
    width: 96vw;
  }
}

/* ══════════════════════════════════════════════════════════════

   Video Summary Sidebar: 影片摘要側邊欄

   ══════════════════════════════════════════════════════════════ */

#ai-curator-vs-panel {
  position: relative;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(30, 32, 42, 0.35) 0%, rgba(18, 20, 28, 0.4) 50%, rgba(25, 28, 38, 0.35) 100%) !important;
  backdrop-filter: blur(40px) saturate(200%) brightness(1.1) !important;
  -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(1.1) !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
  animation: vs-fade-in 0.4s ease-out;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 20px rgba(255, 255, 255, 0.02) !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

@keyframes vs-fade-in {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#ai-curator-vs-panel .vs-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
}

#ai-curator-vs-panel .vs-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.95) !important;
  letter-spacing: 0.5px;
}

#ai-curator-vs-panel .vs-badges {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#ai-curator-vs-panel .vs-badge {
  font-size: 11px !important;
  padding: 3px 10px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
  display: inline-block !important;
}

#ai-curator-vs-panel .vs-badge-source {
  background: rgba(79, 209, 197, 0.15) !important;
  color: #4fd1c5 !important;
}

#ai-curator-vs-panel .vs-badge-video {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #f59e0b !important;
}

#ai-curator-vs-panel .vs-badge-diff {
  font-weight: 700 !important;
}

#ai-curator-vs-panel .vs-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
}

#ai-curator-vs-panel .vs-tag {
  font-size: 11px !important;
  padding: 4px 12px !important;
  border-radius: 12px !important;
  background: rgba(167, 139, 250, 0.12) !important;
  border: 1px solid rgba(167, 139, 250, 0.25) !important;
  color: #a78bfa !important;
  font-weight: 500 !important;
  display: inline-block !important;
  line-height: 1.4 !important;
}

#ai-curator-vs-panel .vs-points {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

#ai-curator-vs-panel .vs-point {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin: 0 !important;
}

#ai-curator-vs-panel .vs-point:last-child {
  border-bottom: none !important;
}

#ai-curator-vs-panel .vs-point-marker {
  color: #4fd1c5 !important;
  font-size: 10px !important;
  margin-top: 4px !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
}

#ai-curator-vs-panel .vs-point-content {
  flex: 1 !important;
  min-width: 0 !important;
}

#ai-curator-vs-panel .vs-point-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  line-height: 1.5 !important;
  margin-bottom: 4px !important;
}

#ai-curator-vs-panel .vs-point-detail {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.55) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

#ai-curator-vs-panel .vs-toggle {
  display: block !important;
  width: 100% !important;
  padding: 10px !important;
  margin-top: 14px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 12px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  text-align: center !important;
  transition: all 0.2s;
}

#ai-curator-vs-panel .vs-toggle:hover {
  color: rgba(255, 255, 255, 0.7) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

#ai-curator-vs-panel .vs-loading {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 32px 16px !important;
}

#ai-curator-vs-panel .vs-loading-spinner {
  width: 28px !important;
  height: 28px !important;
  border: 3px solid rgba(255, 255, 255, 0.08) !important;
  border-top-color: #4fd1c5 !important;
  border-radius: 50% !important;
  animation: qm-spin 0.7s linear infinite;
}

#ai-curator-vs-panel .vs-loading-text {
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

#ai-curator-vs-panel .vs-error {
  text-align: center !important;
  padding: 24px 16px !important;
  color: rgba(255, 100, 100, 0.8) !important;
  font-size: 13px !important;
}

/* ═══════════════════════════════════════════════════════════

   Channel Home Entry — "Cosmic Garden" Theme 🌱✦

   Fuses nature (emerald) + cosmos (teal/cyan) aesthetics

   ═══════════════════════════════════════════════════════════ */

/* ── Plan A: Video X-Ray Pill Button ─────────────────────── */

.ch-btn-container {
  display: inline-flex;
  align-items: center;
  font-family: 'Inter', 'Noto Sans TC', system-ui, sans-serif;
}

.ch-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 16px;
  border: none;
  border-radius: 18px;
  background: linear-gradient(135deg, #0a2612 0%, #134e5e 50%, #0d3b2e 100%);
  color: #7dd3c0;
  font-size: 14px;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.22, 0.68, 0, 1.1);
  box-shadow: 0 0 12px rgba(13, 148, 136, 0.2), 0 2px 8px rgba(0, 0, 0, 0.3);
  line-height: 1;
  white-space: nowrap;
}

.ch-btn:hover {
  background: linear-gradient(135deg, #0d3b2e 0%, #1a6b5a 50%, #134e5e 100%);
  color: #a7f3d0;
  box-shadow: 0 0 20px rgba(13, 148, 136, 0.35), 0 4px 16px rgba(0, 0, 0, 0.4);
  transform: translateY(-1px);
}

.ch-btn:active {
  transform: translateY(0) scale(0.98);
}

.ch-btn-shimmer {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(79, 209, 197, 0.12) 50%, transparent 100%);
  animation: ch-shimmer 3s ease-in-out infinite;
  pointer-events: none;
}

@keyframes ch-shimmer {
  0%,
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
  50% {
    transform: translateX(100%);
    opacity: 1;
  }
}

.ch-btn-icon {
  display: flex;
  align-items: center;
  opacity: 0.85;
}

.ch-btn-text {
  letter-spacing: 0.3px;
}

/* Light theme */

.ch-btn-container.theme-light .ch-btn {
  background: linear-gradient(135deg, #d1fae5 0%, #99f6e4 50%, #a7f3d0 100%);
  color: #065f46;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.ch-btn-container.theme-light .ch-btn:hover {
  background: linear-gradient(135deg, #a7f3d0 0%, #6ee7b7 50%, #99f6e4 100%);
  color: #064e3b;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

/* ── Plan B: Cosmic Garden Hero Card ─────────────────────── */

.ch-card {
  position: relative;
  margin: 16px 0;
  padding: 28px 32px;
  border-radius: 16px;
  /* Earth-to-sky: vivid green bottom → deep space top */
  background:
    linear-gradient(to top, #0a3d28 0%, #073025 15%, #062520 30%, #0a1528 55%, #060e1e 100%);
  border: 1px solid transparent;
  overflow: hidden;
  animation: ch-card-enter 0.5s ease-out;
  font-family: 'Inter', 'Noto Sans TC', system-ui, sans-serif;
}

/* Inner bg layer — green earth glow at bottom, subtle nebula center */

.ch-card-bg-gradient {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 100% 60% at 30% 100%, rgba(16, 185, 129, 0.3) 0%, transparent 55%),
    radial-gradient(ellipse 80% 50% at 70% 95%, rgba(6, 95, 70, 0.25) 0%, transparent 50%),
    radial-gradient(ellipse 40% 40% at 50% 50%, rgba(13, 148, 136, 0.06) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}

/* Neon aurora border — concept-art brightness */

.ch-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 2px;
  background: linear-gradient(135deg, #34d399 0%, #22d3ee 30%, #67e8f9 50%, #2dd4bf 70%, #34d399 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  animation: ch-border-glow 4s ease-in-out infinite alternate;
}

@keyframes ch-border-glow {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}

/* Neon outer glow — visible teal bleed like concept art */

.ch-card-glow {
  position: absolute;
  inset: -4px;
  border-radius: 20px;
  background: transparent;
  box-shadow:
    0 0 12px rgba(34, 211, 238, 0.3),
    0 0 30px rgba(13, 148, 136, 0.2),
    0 0 60px rgba(34, 211, 238, 0.1),
    0 0 100px rgba(16, 185, 129, 0.05);
  pointer-events: none;
  animation: ch-glow-pulse 3s ease-in-out infinite alternate;
  z-index: 0;
}

@keyframes ch-glow-pulse {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.9;
  }
}

/* Star field particles — denser */

.ch-card-stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}

.ch-star {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: calc(1.5px * var(--s));
  height: calc(1.5px * var(--s));
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  animation: ch-star-twinkle 2.5s ease-in-out var(--delay) infinite alternate;
}

/* Bright star variant — larger + glowing */

.ch-star-bright {
  width: calc(2.5px * var(--s));
  height: calc(2.5px * var(--s));
  background: rgba(200, 255, 240, 0.8);
  box-shadow: 0 0 3px rgba(52, 211, 153, 0.5);
}

@keyframes ch-star-twinkle {
  0% {
    opacity: 0.15;
    transform: scale(0.7);
  }
  100% {
    opacity: 0.85;
    transform: scale(1.3);
  }
}

/* Card body layout */

.ch-card-body {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.ch-card-left {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1;
  min-width: 0;
}

/* Icon wrapper — overflow visible for constellation */

.ch-card-icon-wrap {
  position: relative;
  flex-shrink: 0;
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

/* Radial glow — strong, like a lamp emanating light */

.ch-card-icon-glow {
  position: absolute;
  inset: -20px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(16, 185, 129, 0.4) 0%, rgba(52, 211, 153, 0.15) 35%, rgba(13, 148, 136, 0.05) 60%, transparent 80%);
  animation: ch-icon-halo 3s ease-in-out infinite alternate;
  pointer-events: none;
}

@keyframes ch-icon-halo {
  0% {
    opacity: 0.6;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1.08);
  }
}

.ch-icon-svg {
  width: 80px;
  height: 80px;
  filter: drop-shadow(0 0 12px rgba(52, 211, 153, 0.4));
}

.ch-card-text {
  min-width: 0;
}

.ch-card-title {
  font-size: 16px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.95);
  margin-bottom: 4px;
  line-height: 1.3;
}

.ch-card-desc {
  font-size: 13px;
  color: #8fa8a0;
  line-height: 1.5;
}

.ch-card-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

/* CTA Button — cosmic garden gradient */

.ch-card-cta {
  padding: 10px 24px;
  border: none;
  border-radius: 24px;
  background: linear-gradient(135deg, #0d9488 0%, #0d7377 50%, #1e3a5f 100%);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.3s cubic-bezier(0.22, 0.68, 0, 1.1);
  box-shadow: 0 0 16px rgba(13, 115, 119, 0.25), 0 4px 12px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
}

.ch-card-cta::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transform: translateX(-100%);
  transition: transform 0.5s ease;
}

.ch-card-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 24px rgba(13, 148, 136, 0.35), 0 6px 20px rgba(0, 0, 0, 0.4);
  background: linear-gradient(135deg, #15803d 0%, #0f857a 50%, #25476e 100%);
}

.ch-card-cta:hover::after {
  transform: translateX(100%);
}

.ch-card-cta:active {
  transform: scale(0.97);
}

.ch-card-hint {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.35);
  letter-spacing: 0.3px;
}

/* Close button */

.ch-card-close {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 3;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.25);
  font-size: 14px;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 4px;
  transition: all 0.2s;
  line-height: 1;
}

.ch-card-close:hover {
  color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.08);
}

/* Animations */

@keyframes ch-card-enter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ch-card-exit {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-8px);
  }
}

/* ── Light Theme ─────────────────────────── */

.ch-card.theme-light {
  background: #f0fdfa;
  border-color: rgba(13, 148, 136, 0.2);
}

.ch-card.theme-light::before {
  background: linear-gradient(135deg, #10b981 0%, #14b8a6 50%, #06b6d4 100%);
}

.ch-card.theme-light .ch-card-glow {
  box-shadow:
    0 0 16px rgba(13, 148, 136, 0.08),
    0 0 32px rgba(34, 211, 238, 0.04);
}

.ch-card.theme-light .ch-star {
  background: rgba(13, 148, 136, 0.25);
}

.ch-card.theme-light .ch-card-title {
  color: #064e3b;
}

.ch-card.theme-light .ch-card-desc {
  color: #4b7c6f;
}

.ch-card.theme-light .ch-card-cta {
  background: linear-gradient(135deg, #10b981 0%, #14b8a6 50%, #0891b2 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.ch-card.theme-light .ch-card-cta:hover {
  box-shadow: 0 4px 16px rgba(13, 148, 136, 0.2);
}

.ch-card.theme-light .ch-card-hint {
  color: rgba(0, 0, 0, 0.35);
}

.ch-card.theme-light .ch-card-close {
  color: rgba(0, 0, 0, 0.25);
}

.ch-card.theme-light .ch-card-close:hover {
  color: rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.05);
}

/* ── Floating Action Button: Back to Top ──────────────────── */

.curator-btt-btn {
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  /* Deep Premium Glass Background */
  background: rgba(26, 22, 40, 0.7);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(130, 110, 255, 0.15);
  box-shadow: 
    0 8px 32px rgba(10, 5, 20, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: rgba(240, 235, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.curator-btt-btn svg {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.curator-btt-btn:hover {
  background: rgba(45, 40, 70, 0.85);
  border-color: rgba(160, 140, 255, 0.35);
  color: #fff;
  box-shadow: 
    0 12px 40px rgba(135, 78, 255, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
  transform: translateY(-4px) !important; /* Override the JS inline translate */
}

.curator-btt-btn:hover svg {
  transform: translateY(-2px);
}

.curator-btt-btn:active {
  transform: translateY(0) scale(0.95) !important;
  box-shadow: 
    0 4px 16px rgba(135, 78, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* ── AI Comments Panel ──────────────────────────────────────────── */
.ai-comments-container {
  margin: 24px 0 32px 0;
  border-radius: 12px;
  background: rgba(18, 18, 24, 0.85);
  border: 1px solid rgba(167, 139, 250, 0.15);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  overflow: hidden;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  transition: all 0.3s ease;
}

.ai-comments-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(0, 0, 0, 0.2);
}

.ai-comments-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #e2e8f0;
}

.ai-comments-icon {
  color: #4fd1c5;
  font-size: 18px;
  filter: drop-shadow(0 0 6px rgba(79, 209, 197, 0.6));
}

.ai-comments-tabs {
  display: flex;
  gap: 8px;
}

.ai-tab {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
}

.ai-tab:hover {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.05);
}

.ai-tab.active {
  color: #a78bfa;
  background: rgba(167, 139, 250, 0.1);
}

.ai-comments-body {
  padding: 24px;
}

.ai-comments-empty {
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
  padding: 20px 0;
}

.iron-fan-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.iron-fan-item {
  display: flex;
  gap: 16px;
}

.author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(255,255,255,0.1);
}

.item-content {
  flex: 1;
  min-width: 0;
}

.item-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 6px;
}

.item-header strong {
  font-size: 13px;
  color: #f8fafc;
}

.item-time {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}

.badge {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 500;
}

.badge.heart {
  background: rgba(239, 68, 68, 0.15);
  color: #fca5a5;
  border: 1px solid rgba(239, 68, 68, 0.2);
}

.badge.sponsor {
  background: rgba(16, 185, 129, 0.15);
  color: #6ee7b7;
  border: 1px solid rgba(16, 185, 129, 0.2);
}

.badge.pinned {
  background: rgba(245, 158, 11, 0.15);
  color: #fcd34d;
  border: 1px solid rgba(245, 158, 11, 0.2);
}

.item-text {
  font-size: 14px;
  line-height: 1.5;
  color: #cbd5e1;
  margin: 0 0 8px 0;
  white-space: pre-wrap;
}

.item-stats {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  gap: 4px;
}

/* ── AI Summary Result & Tree Animation ──────────────────────────── */

.ai-summary-result {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.summary-section {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.summary-section h4 {
  margin: 0 0 8px 0;
  font-size: 14px;
  color: #4fd1c5; /* Default to tree-green to match the neural link */
}

.summary-section p {
  margin: 0;
  font-size: 14px;
  color: #e2e8f0;
  line-height: 1.6;
}

.insights-list {
  margin: 0;
  padding-left: 20px;
  color: #e2e8f0;
  font-size: 14px;
  line-height: 1.6;
}

.insights-list li {
  margin-bottom: 8px;
}

.ai-action-btn {
  background: linear-gradient(135deg, #4fd1c5 0%, #0d9488 100%);
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 12px;
  transition: all 0.3s;
  box-shadow: 0 4px 15px rgba(79, 209, 197, 0.3);
}

.ai-action-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(79, 209, 197, 0.5);
}

/* ── Comment Insights v2 (2026-04) ──────────────────────────────────
   Citation chips ground every AI claim to a real comment, sentiment
   pill at top of consensus tab, perspectives + iron-fan sub-sections
   in tab 2, per-insight hover toolbar, and a TT-safe toast for the
   "comment lazy-loaded" fallback. */

/* Sentiment pill — top of consensus tab. Color-coded so the audience
   mood is visible at a glance before the user reads anything. */
.ai-sentiment-pill {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 999px;
  border: 1px solid;
  width: fit-content;
}
.ai-sent-positive  { color: #34d399; background: rgba(52, 211, 153, 0.12); border-color: rgba(52, 211, 153, 0.4); }
.ai-sent-neutral   { color: #94a3b8; background: rgba(148, 163, 184, 0.12); border-color: rgba(148, 163, 184, 0.4); }
.ai-sent-critical  { color: #f87171; background: rgba(248, 113, 113, 0.12); border-color: rgba(248, 113, 113, 0.4); }
.ai-sent-divided   { color: #a78bfa; background: rgba(167, 139, 250, 0.14); border-color: rgba(167, 139, 250, 0.45); }

/* Citation chips inline next to each AI claim. Click → scroll to source
   comment in YT's native list. Inline-block so they wrap with text but
   never break inside the [N] label. */
.ai-cite-row {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-left: 6px;
  vertical-align: 1px;
}
.ai-cite-chip {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  font-family: 'SF Mono', Menlo, Consolas, monospace;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  color: #4fd1c5;
  background: rgba(79, 209, 197, 0.10);
  border: 1px solid rgba(79, 209, 197, 0.28);
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, transform 0.1s, color 0.15s;
}
.ai-cite-chip:hover {
  background: rgba(79, 209, 197, 0.22);
  border-color: rgba(79, 209, 197, 0.6);
  color: #5eead4;
  transform: translateY(-1px);
}

/* Yellow-outline pulse applied to the YT comment after scrollIntoView,
   so the user can spot which one was cited even if there are several
   on screen. */
@keyframes ai-cite-flash-kf {
  0%, 100% { box-shadow: 0 0 0 0 rgba(250, 204, 21, 0); outline: 2px solid rgba(250, 204, 21, 0); }
  20%, 60% { box-shadow: 0 0 0 4px rgba(250, 204, 21, 0.5); outline: 2px solid rgba(250, 204, 21, 0.85); }
}
.ai-cite-flash {
  animation: ai-cite-flash-kf 1.8s ease-in-out 1;
  border-radius: 8px;
}

/* Per-insight hover toolbar — mirrors video-summary.js's .vs-quick. */
.ai-insight-item {
  position: relative;
  list-style: disc;
}
.ai-insight-actions {
  display: flex;
  gap: 4px;
  margin-top: 6px;
  opacity: 0;
  transform: translateY(-1px);
  transition: opacity 0.15s ease, transform 0.15s ease;
  pointer-events: none;
}
.ai-insight-item:hover .ai-insight-actions,
.ai-insight-item:focus-within .ai-insight-actions {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.ai-insight-actions button {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 5px;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.ai-insight-actions button:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(255, 255, 255, 0.22);
}

/* Tab 2: AI perspectives stacked above iron-fan list. */
.cp-perspectives-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 12px;
}
.cp-ironfans-section {
  max-height: 33vh;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(79, 209, 197, 0.3) transparent;
}
.cp-ironfans-section::-webkit-scrollbar { width: 4px; }
.cp-ironfans-section::-webkit-scrollbar-thumb { background: rgba(79, 209, 197, 0.3); border-radius: 4px; }
.cp-section-subhead {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  margin: 4px 0 8px;
}
.cp-perspective-card {
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  transition: border-color 0.15s, background 0.15s;
}
.cp-perspective-card:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(79, 209, 197, 0.25);
}
.cp-perspective-label {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 4px;
}
.cp-perspective-summary {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.55;
}

/* Refresh button next to the tab row — kept small to not steal focus
   from the primary tabs. */
.ai-refresh-btn {
  margin-left: 6px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 50%;
  cursor: pointer;
  font-family: inherit;
  transition: color 0.15s, border-color 0.15s, background 0.15s, transform 0.18s;
}
.ai-refresh-btn:hover {
  color: #4fd1c5;
  background: rgba(79, 209, 197, 0.12);
  border-color: rgba(79, 209, 197, 0.45);
  transform: rotate(90deg);
}

/* Toast for the "Comment not visible — scroll to find it" fallback. */
.ai-cp-toast {
  position: fixed;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  background: rgba(15, 23, 42, 0.92);
  border: 1px solid rgba(79, 209, 197, 0.35);
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
  z-index: 99999;
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.ai-cp-toast.visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}

/* Light-theme mirrors */
.theme-light .ai-cite-chip { color: #0d9488; background: rgba(13, 148, 136, 0.08); border-color: rgba(13, 148, 136, 0.3); }
.theme-light .ai-cite-chip:hover { color: #0f766e; background: rgba(13, 148, 136, 0.18); border-color: rgba(13, 148, 136, 0.55); }
.theme-light .cp-perspective-card { background: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.08); }
.theme-light .cp-perspective-card:hover { background: rgba(0, 0, 0, 0.05); border-color: rgba(13, 148, 136, 0.25); }
.theme-light .cp-perspective-label { color: rgba(15, 23, 42, 0.92); }
.theme-light .cp-perspective-summary { color: rgba(51, 65, 85, 0.75); }
.theme-light .cp-section-subhead { color: rgba(51, 65, 85, 0.55); }
.theme-light .ai-insight-actions button { color: rgba(51, 65, 85, 0.65); background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.10); }
.theme-light .ai-insight-actions button:hover { color: #0f172a; background: rgba(0, 0, 0, 0.08); border-color: rgba(0, 0, 0, 0.22); }
.theme-light .ai-refresh-btn { color: rgba(51, 65, 85, 0.6); background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.10); }
.theme-light .ai-refresh-btn:hover { color: #0f766e; background: rgba(13, 148, 136, 0.10); border-color: rgba(13, 148, 136, 0.45); }
.theme-light .cp-perspectives-section { border-bottom-color: rgba(0, 0, 0, 0.08); }

.ai-comments-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
  color: #4fd1c5;
  font-size: 14px;
}

/* 智慧之樹生長動畫 (Neural/Tree glow) */
.tree-growth-animation {
  position: relative;
  width: 60px;
  height: 60px;
  margin-bottom: 16px;
}

.glow-root {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  background: #4fd1c5;
  border-radius: 50%;
  box-shadow: 0 0 15px #4fd1c5, 0 0 30px #4fd1c5;
  animation: pulse-root 2s infinite ease-in-out;
}

.glow-branch {
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 4px;
  background: linear-gradient(to top, #4fd1c5, rgba(79, 209, 197, 0));
  transform-origin: bottom center;
  border-radius: 2px;
  opacity: 0;
}

.glow-branch.b1 {
  height: 30px;
  --rot: -35deg;
  animation: grow-branch 2s infinite 0.2s;
}

.glow-branch.b2 {
  height: 45px;
  --rot: 0deg;
  animation: grow-branch 2s infinite 0.4s;
}

.glow-branch.b3 {
  height: 30px;
  --rot: 35deg;
  animation: grow-branch 2s infinite 0.6s;
}

@keyframes pulse-root {
  0%, 100% { transform: translateX(-50%) scale(1); box-shadow: 0 0 10px #4fd1c5; }
  50% { transform: translateX(-50%) scale(1.2); box-shadow: 0 0 25px #4fd1c5, 0 0 40px #4fd1c5; }
}

@keyframes grow-branch {
  0% { transform: translateX(-50%) rotate(var(--rot, 0deg)) scaleY(0); opacity: 0; }
  50% { transform: translateX(-50%) rotate(var(--rot, 0deg)) scaleY(1); opacity: 0.8; }
  100% { transform: translateX(-50%) rotate(var(--rot, 0deg)) scaleY(1); opacity: 0; }
}

/* Floating glow particles — drift up from branch tips */
.glow-particle {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #4fd1c5;
  border-radius: 50%;
  box-shadow: 0 0 8px #4fd1c5, 0 0 16px rgba(79, 209, 197, 0.6);
  opacity: 0;
}

.glow-particle.p1 {
  bottom: 38px;
  left: 30%;
  animation: float-particle 2.4s infinite 0.5s;
}

.glow-particle.p2 {
  bottom: 50px;
  left: 50%;
  animation: float-particle 2.4s infinite 0.9s;
}

.glow-particle.p3 {
  bottom: 38px;
  left: 70%;
  animation: float-particle 2.4s infinite 1.3s;
}

@keyframes float-particle {
  0% { transform: translateY(0) scale(0); opacity: 0; }
  20% { transform: translateY(-4px) scale(1); opacity: 0.9; }
  60% { transform: translateY(-18px) scale(0.6); opacity: 0.5; }
  100% { transform: translateY(-28px) scale(0); opacity: 0; }
}

/* ── Clickable Timestamps in AI Summary ────────────────────────── */

.ai-timestamp-link {
  background: rgba(79, 209, 197, 0.15);
  border: 1px solid rgba(79, 209, 197, 0.3);
  color: #5eead4;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  margin: 0 4px;
  display: inline-flex;
  align-items: center;
}

.ai-timestamp-link:hover {
  background: rgba(79, 209, 197, 0.3);
  box-shadow: 0 0 8px rgba(79, 209, 197, 0.4);
  transform: translateY(-1px);
}

/* ── Timeline Heat Markers (Injected into YouTube Player) ───────── */

.ai-heat-marker {
  position: absolute;
  bottom: 0px;
  width: 6px;
  height: 6px;
  background: #4fd1c5;
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 6px #4fd1c5, 0 0 12px #4fd1c5;
  z-index: 40; /* Above YouTube's load bar but below playhead */
  cursor: pointer;
  transition: all 0.2s;
  opacity: 0.8;
}

.ai-heat-marker:hover {
  transform: translateX(-50%) scale(2);
  opacity: 1;
  background: #5eead4;
  box-shadow: 0 0 10px #5eead4, 0 0 20px #5eead4;
}

/* ══════════════════════════════════════════════════════════════
   Growth Tree Component Styles (extracted from growth-tree.js)
   ══════════════════════════════════════════════════════════════ */

/* ── Toolbar: Tokyo-Metro-inspired chrome ──
   Design intent: a thin, quiet bar of chrome that recedes against the map.
   - Single accent color (teal) — used only on the primary action (Publish).
   - Monochrome ghost buttons everywhere else.
   - Typographic hierarchy through size + weight, NOT box-on-box nesting.
   - Brand wordmark restrained: confident dot + word, no marketing slogan.
   Auto-hide (macOS dock style) — hidden by default; .gt-toolbar-visible reveals. */
.gt-toolbar { position: absolute; top: 0; left: 0; right: 0; z-index: 20; pointer-events: none; padding: 12px 16px 0; display: flex; flex-direction: column; gap: 12px; transform: translateY(-100%); transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
.gt-toolbar.gt-toolbar-visible { transform: translateY(0); }
.gt-toolbar > * { pointer-events: auto; }
.gt-toolbar-top { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; background: linear-gradient(180deg, rgba(14,18,28,0.78) 0%, rgba(8,12,20,0.74) 100%); backdrop-filter: blur(24px) saturate(125%); -webkit-backdrop-filter: blur(24px) saturate(125%); border: 1px solid rgba(255,255,255,0.06); border-radius: 10px; padding: 9px 18px; box-shadow: 0 1px 0 rgba(255,255,255,0.07) inset, 0 0 0 1px rgba(0,0,0,0.2), 0 8px 24px rgba(0,0,0,0.32), 0 1px 2px rgba(0,0,0,0.4); }
/* Topology-color accent stripe — a thin metro-line under the chrome that
   subtly signals which topology you're inside. Fades at both ends so it
   reads as a stripe, not a heavy underline. */
.gt-toolbar-top::after { content: ''; position: absolute; left: 16px; right: 16px; bottom: -1px; height: 2px; background: linear-gradient(90deg, transparent 0%, rgba(var(--gt-accent-rgb, 79,209,197), 0.65) 14%, rgba(var(--gt-accent-rgb, 79,209,197), 0.65) 86%, transparent 100%); border-radius: 2px; pointer-events: none; }
.gt-toolbar-bottom { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 32px; }
.gt-toolbar-left { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1; overflow: visible; }
.gt-toolbar-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.gt-toolbar-actions { display: flex; align-items: center; gap: 6px; }

/* Brand: dot + wordmark. Slogan hidden (kept in DOM for back-compat).
   Dot color is topology-aware via --gt-accent — a tiny "you are on this line"
   marker, like the colored dot beside a station name on a Metro sign. */
.gt-brand { display: flex; flex-direction: row; align-items: center; gap: 8px; white-space: nowrap; line-height: 1; }
.gt-brand::before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: var(--gt-accent, #4fd1c5); box-shadow: 0 0 10px rgba(var(--gt-accent-rgb, 79,209,197), 0.7), 0 0 0 1px rgba(var(--gt-accent-rgb, 79,209,197), 0.15); flex-shrink: 0; }
.gt-brand-slogan { display: none; }
.gt-brand-name { font-size: 13px; font-weight: 700; color: rgba(255,255,255,0.92); letter-spacing: 1.4px; text-transform: uppercase; margin-top: 0; }
/* Node count: monospace numerals + subtle "STN" suffix. Reads like a station total. */
.gt-node-count { font-family: 'SF Mono', 'Consolas', 'Roboto Mono', monospace; font-size: 11.5px; color: rgba(255,255,255,0.45); font-weight: 600; padding: 0; background: none; margin-left: 2px; height: fit-content; align-self: center; letter-spacing: 0.4px; }
.gt-node-count::after { content: ' STN'; font-size: 8.5px; letter-spacing: 1.3px; opacity: 0.55; margin-left: 2px; font-family: inherit; }

/* Workspace Switcher — Custom Dropdown */
.gt-workspace-wrap { position: relative; display: flex; align-items: center; margin-left: 12px; }
.gt-ws-trigger { display: flex; align-items: center; gap: 9px; appearance: none; background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.01)); border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.92); border-radius: 10px; padding: 5px 11px 5px 6px; font-size: 13px; font-weight: 600; cursor: pointer; outline: none; transition: all 0.15s; white-space: nowrap; max-width: 300px; letter-spacing: 0.2px; box-shadow: 0 1px 0 rgba(255,255,255,0.04) inset, 0 1px 2px rgba(0,0,0,0.18); }
.gt-ws-trigger:hover { background: linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.03)); border-color: rgba(255,255,255,0.22); }
.gt-ws-trigger-chip { width: 26px; height: 26px; border-radius: 7px; display: flex; align-items: center; justify-content: center; flex: none; background: rgba(var(--wsc, 79,209,197), 0.16); color: rgb(var(--wsc, 79,209,197)); }
.gt-ws-trigger-text { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; line-height: 1.2; }
.gt-ws-trigger-eyebrow { font-size: 9.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.42); }
.gt-ws-trigger-name { font-size: 13px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
.gt-ws-arrow { display: flex; color: rgba(255,255,255,0.5); margin-left: 2px; transition: transform 0.18s ease, color 0.18s ease; }
.gt-ws-trigger[aria-expanded="true"] .gt-ws-arrow { transform: rotate(180deg); color: var(--gt-accent, #4fd1c5); }
.gt-ws-dropdown { display: none; position: absolute; top: calc(100% + 8px); left: 0; background: rgba(12,14,20,0.95); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid rgba(255,255,255,0.1); border-radius: 14px; box-shadow: 0 12px 40px rgba(0,0,0,0.6); z-index: 50; overflow: hidden; }
.gt-ws-item { position: relative; display: flex; align-items: center; gap: 9px; width: 100%; background: none; border: none; color: rgba(255,255,255,0.8); font-size: 13px; font-weight: 500; padding: 7px 10px; border-radius: 8px; cursor: pointer; transition: background 0.12s, color 0.12s; text-align: left; white-space: nowrap; }
.gt-ws-item:hover { background: rgba(255,255,255,0.07); color: #fff; }
.gt-ws-item.active { background: rgba(var(--wsc, 79,209,197), 0.13); color: rgb(var(--wsc, 79,209,197)); font-weight: 600; }
.gt-market-btn { appearance: none; background: linear-gradient(135deg, rgba(8,12,24,0.6), rgba(30,58,138,0.4)); border: 1px solid rgba(139,92,246,0.5); color: #e9d5ff; border-radius: 8px; padding: 6px 14px; font-size: 13px; font-weight: 600; cursor: pointer; backdrop-filter: blur(8px); outline: none; transition: all 0.2s; box-shadow: 0 4px 12px rgba(0,0,0,0.3); margin-left: 8px; }
.gt-market-btn:hover { background: rgba(139,92,246,0.25); border-color: rgba(139,92,246,0.8); color: #fff; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(139,92,246,0.4); }
/* Custom scrollbar — the rail and pane scroll now, the shell stays clipped */
.gt-ws-rail::-webkit-scrollbar, .gt-ws-pane::-webkit-scrollbar { width: 4px; }
.gt-ws-rail::-webkit-scrollbar-track, .gt-ws-pane::-webkit-scrollbar-track { background: transparent; }
.gt-ws-rail::-webkit-scrollbar-thumb, .gt-ws-pane::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 2px; }
.gt-ws-rail::-webkit-scrollbar-thumb:hover, .gt-ws-pane::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.3); }
/* Workspace dropdown — two-pane type catalog (#7797, owner direction D).
   LEFT RAIL: every owned topology, always visible, grouped under the four
   category headings with counts. RIGHT PANE: the selected type's maps as a
   dense two-column list. Identity-color chip system (2026-06-12 premium
   pass) stays: every row carries an inline --wsc "r,g,b" triplet. */
.gt-ws-dropdown.open { display: flex; flex-direction: column; max-width: min(760px, calc(100vw - 32px)); padding: 0; overflow: hidden; animation: gt-menu-in 0.14s ease-out; }
.gt-ws-catalog { display: flex; flex-direction: row; min-height: 0; overflow-x: auto; }
.gt-ws-rail { flex: 0 0 214px; border-right: 1px solid rgba(255,255,255,0.07); padding: 8px 8px 10px; overflow-y: auto; max-height: 460px; }
.gt-ws-pane { flex: 1 1 auto; min-width: 260px; padding: 10px 12px; overflow-y: auto; max-height: 460px; }
.gt-ws-catalog::-webkit-scrollbar { height: 4px; }
.gt-ws-catalog::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 2px; }
@media (max-width: 700px) {
  .gt-ws-rail { flex: 0 1 214px; min-width: 138px; }
  .gt-ws-pane { min-width: 190px; }
  /* Pills are secondary — drop them so shrunken labels stay readable. */
  .gt-ws-topo-count { display: none; }
  .gt-ws-pane-grid { grid-template-columns: 1fr; }
}
.gt-ws-rail-head { font-size: 9.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.34); padding: 9px 10px 4px; }
.gt-ws-rail-head:first-child { padding-top: 2px; }
.gt-ws-pane-head { display: flex; align-items: baseline; gap: 8px; padding: 2px 6px 9px; font-size: 13px; font-weight: 700; color: rgba(255,255,255,0.92); }
.gt-ws-pane-head .gt-ws-em { font-size: 14px; }
.gt-ws-pane-count { font-size: 10.5px; font-weight: 650; color: rgba(255,255,255,0.4); }
.gt-ws-pane-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px 12px; }
/* Identity chips: tinted rounded square + currentColor stroke icon / initial. */
.gt-ws-ic { width: 22px; height: 22px; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex: none; background: rgba(var(--wsc, 148,163,184), 0.16); color: rgb(var(--wsc, 148,163,184)); }
.gt-ws-av { width: 22px; height: 22px; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex: none; font-size: 11px; font-weight: 600; background: rgba(var(--wsc, 148,163,184), 0.18); color: rgb(var(--wsc, 148,163,184)); }
.gt-ws-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.gt-ws-check { display: flex; flex: none; color: rgb(var(--wsc, 79,209,197)); }
/* Column 1: category rows — identity bar + tinted count pill. */
.gt-ws-cat-item { position: relative; display: flex; align-items: center; gap: 9px; width: 100%; background: none; border: none; color: rgba(255,255,255,0.8); font-size: 13px; font-weight: 500; padding: 7px 10px; border-radius: 8px; cursor: pointer; transition: background 0.12s, color 0.12s; text-align: left; white-space: nowrap; }
.gt-ws-cat-item:hover { background: rgba(255,255,255,0.07); color: #fff; }
.gt-ws-cat-item:focus-visible { outline: 2px solid rgba(var(--gt-accent-rgb, 79,209,197), 0.85); outline-offset: -2px; }
.gt-ws-cat-item.active { background: rgba(var(--wsc, 79,209,197), 0.13); color: rgb(var(--wsc, 79,209,197)); font-weight: 600; }
.gt-ws-cat-item.active::before, .gt-ws-topo-item.active::before, .gt-ws-item.active::before { content: ''; position: absolute; left: 0; top: 7px; bottom: 7px; width: 2px; border-radius: 2px; background: rgb(var(--wsc, 79,209,197)); }
.gt-ws-cat-count, .gt-ws-topo-count { margin-left: auto; flex: none; font-size: 10.5px; font-weight: 600; font-variant-numeric: tabular-nums; color: rgba(var(--wsc, 200,205,215), 0.95); background: rgba(var(--wsc, 148,163,184), 0.14); padding: 2px 7px; border-radius: 100px; min-width: 22px; text-align: center; letter-spacing: 0.02em; }
/* Rail: topology rows */
.gt-ws-topo-item { position: relative; display: flex; align-items: center; gap: 9px; width: 100%; background: none; border: none; color: rgba(255,255,255,0.8); font-size: 12.5px; font-weight: 500; padding: 7px 10px; border-radius: 8px; cursor: pointer; transition: background 0.12s, color 0.12s; text-align: left; white-space: nowrap; }
.gt-ws-topo-item:hover { background: rgba(255,255,255,0.07); color: #fff; }
.gt-ws-topo-item:focus-visible { outline: 2px solid rgba(var(--gt-accent-rgb, 79,209,197), 0.85); outline-offset: -2px; }
.gt-ws-topo-item.active { background: rgba(var(--wsc, 79,209,197), 0.13); color: rgb(var(--wsc, 79,209,197)); font-weight: 600; }
/* Column 3: workspace rows — soft slide-in when the visible panel swaps */
.gt-ws-items-panel { display: none; }
.gt-ws-items-panel.active { display: block; animation: gt-ws-panel-in 0.16s ease-out; }
.gt-ws-item:focus-visible { outline: 2px solid rgba(var(--gt-accent-rgb, 79,209,197), 0.85); outline-offset: -2px; }
@keyframes gt-ws-panel-in { from { opacity: 0; transform: translateX(6px); } to { opacity: 1; transform: none; } }
/* Footer action bar: manage (left, quiet) + create (right, accent). The
   manage button keeps the .gt-ws-cat-item class for its modal-open wiring
   but must not stretch like a column row. */
.gt-ws-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border-top: 1px solid rgba(255,255,255,0.07); background: rgba(255,255,255,0.02); }
.gt-ws-cat-manage { display: flex; align-items: center; gap: 7px; width: auto; color: rgba(255,255,255,0.62); font-weight: 600; font-size: 12.5px; padding: 7px 10px; }
.gt-ws-cat-manage:hover { background: rgba(255,255,255,0.06); color: #fff; }
.gt-ws-footer-create { display: flex; align-items: center; gap: 6px; background: rgba(var(--gt-accent-rgb, 79,209,197), 0.14); border: 1px solid rgba(var(--gt-accent-rgb, 79,209,197), 0.4); border-radius: 8px; padding: 6px 12px; color: var(--gt-accent, #4fd1c5); font-size: 12.5px; font-weight: 600; cursor: pointer; transition: background 0.15s, border-color 0.15s; white-space: nowrap; }
.gt-ws-footer-create:hover { background: rgba(var(--gt-accent-rgb, 79,209,197), 0.22); border-color: rgba(var(--gt-accent-rgb, 79,209,197), 0.6); }
.gt-ws-footer-create:focus-visible { outline: 2px solid rgba(var(--gt-accent-rgb, 79,209,197), 0.85); outline-offset: 2px; }

/* Search bar + flat results (wave 2). The search panel pre-renders every
   map; .searching swaps the catalog out for it. */
.gt-ws-search { display: flex; align-items: center; gap: 9px; padding: 11px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); color: rgba(255,255,255,0.4); }
.gt-ws-search:focus-within { color: rgba(var(--gt-accent-rgb, 79,209,197), 0.9); }
.gt-ws-search-input { flex: 1 1 auto; min-width: 0; background: none; border: none; outline: none; color: rgba(255,255,255,0.92); font-size: 13px; font-family: inherit; padding: 0; }
.gt-ws-search-input::placeholder { color: rgba(255,255,255,0.35); }
.gt-ws-search-panel { display: none; padding: 10px 8px; overflow-y: auto; max-height: 440px; }
.gt-ws-dropdown.searching .gt-ws-catalog, .gt-ws-dropdown.searching .gt-ws-home { display: none; }
.gt-ws-dropdown.searching .gt-ws-search-panel { display: block; }
/* Pinned personal-universe home slot (#7782) — sits above the library columns. */
.gt-ws-home { padding: 9px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); }
.gt-ws-home .gt-ws-home-btn { display: flex; align-items: center; gap: 11px; width: 100%; padding: 9px 12px; background: linear-gradient(120deg, rgba(167,139,250,0.14), rgba(103,232,249,0.07)); border: 1px solid rgba(167,139,250,0.35); border-radius: 11px; color: #e2e8f0; cursor: pointer; text-align: left; font-family: inherit; transition: border-color 0.15s ease, background 0.15s ease; }
.gt-ws-home .gt-ws-home-btn:hover { border-color: rgba(167,139,250,0.6); background: linear-gradient(120deg, rgba(167,139,250,0.2), rgba(103,232,249,0.1)); }
.gt-ws-home .gt-ws-home-btn.active { box-shadow: 0 0 0 1px rgba(167,139,250,0.5), 0 6px 18px rgba(167,139,250,0.18); }
.gt-ws-home-ic { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: rgba(167,139,250,0.16); font-size: 16px; }
.gt-ws-home-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1 1 auto; }
.gt-ws-home-eyebrow { font-size: 9px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #c4b5fd; }
.gt-ws-home-text .gt-ws-label { font-size: 12.5px; font-weight: 750; color: #f8fafc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gt-ws-home .gt-ws-check { margin-left: auto; color: #a78bfa; flex: none; }
.gt-ws-search-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 1px; }
.gt-ws-search-text .gt-ws-label { flex: none; width: 100%; }
.gt-ws-search-meta { font-size: 11px; color: rgba(255,255,255,0.38); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.gt-ws-search-empty { padding: 20px 14px; font-size: 12.5px; color: rgba(255,255,255,0.45); text-align: center; }
/* Hairline separator — subtle vertical break, never a wall. */
.gt-sep { width: 1px; height: 18px; background: rgba(255,255,255,0.1); margin: 0 6px; flex-shrink: 0; }

/* Node Label Transitions */
.gt-child-label { opacity: 0.45; transition: opacity 0.25s ease, font-weight 0.25s ease; }
.gt-node.gt-visited .gt-child-label { opacity: 0.8; font-weight: 500; }
.gt-node.gt-mastered .gt-child-label { opacity: 0.9; }
.gt-node.gt-completed-root .gt-child-label { opacity: 1; }
.gt-node:hover .gt-child-label { opacity: 1 !important; font-weight: 700 !important; filter: drop-shadow(0 0 4px currentColor); }

/* Mode Tabs (Premium SaaS Segmented Control) */
.gt-mode-tabs { display: flex; background: rgba(12, 16, 24, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 4px; gap: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.5), 0 4px 12px rgba(0,0,0,0.2); }
.gt-mode-tab { background: transparent; border: 1px solid transparent; color: rgba(255,255,255,0.4); font-size: 11.5px; font-weight: 600; padding: 6px 14px; border-radius: 8px; cursor: pointer; transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); white-space: nowrap; display: flex; align-items: center; gap: 6px; }
.gt-mode-tab:hover { color: rgba(255,255,255,0.9); background: rgba(255,255,255,0.04); }
.gt-mode-tab.active { background: linear-gradient(135deg, rgba(79,209,197,0.15), rgba(79,209,197,0.05)); border-color: rgba(79,209,197,0.3); color: #4fd1c5; box-shadow: 0 4px 12px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1); text-shadow: 0 0 12px rgba(79,209,197,0.4); }
.gt-mode-swatch { width: 8px; height: 8px; border-radius: 999px; flex: 0 0 auto; background: var(--gt-perspective-color, #4fd1c5); box-shadow: 0 0 10px var(--gt-perspective-color, #4fd1c5); opacity: 0.95; }
.gt-mode-label { min-width: 0; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; }
.gt-mode-count { min-width: 20px; height: 18px; padding: 0 6px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.72); font-size: 10px; font-weight: 750; line-height: 1; }
.gt-mode-count.empty { opacity: 0; }
.gt-mode-tab.active .gt-mode-count { background: color-mix(in srgb, var(--gt-perspective-color, #4fd1c5) 22%, transparent); color: rgba(255,255,255,0.92); }

/* Spacer */
.gt-spacer { flex: 1; }

/* Icon button (search, close, undo, redo, eye) — ghost with a whisper of inner
   gradient so it reads as a clickable surface, not a flat hole. */
.gt-icon-btn { width: 30px; height: 30px; background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.0)); border: 1px solid rgba(255,255,255,0.1); border-radius: 7px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.6); cursor: pointer; transition: all 0.15s; padding: 0; flex-shrink: 0; box-shadow: 0 1px 0 rgba(255,255,255,0.04) inset, 0 1px 2px rgba(0,0,0,0.15); }
.gt-icon-btn:hover { background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)); color: #fff; border-color: rgba(255,255,255,0.22); }

/* Search (inline) — same chrome family as ghost buttons. */
.gt-search-inline { display: flex; align-items: center; gap: 6px; background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.0)); border: 1px solid rgba(255,255,255,0.1); border-radius: 7px; padding: 0 10px; height: 30px; transition: all 0.2s; flex-shrink: 0; box-shadow: 0 1px 0 rgba(255,255,255,0.04) inset, 0 1px 2px rgba(0,0,0,0.15); }
.gt-search-inline:focus-within { border-color: rgba(255,255,255,0.28); background: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)); }
.gt-search-inline svg { flex-shrink: 0; color: rgba(255,255,255,0.45); }
.gt-search-inline input { background: none; border: none; outline: none; color: #fff; font-size: 13px; width: 120px; font-family: inherit; letter-spacing: 0.2px; }
.gt-search-inline input::placeholder { color: rgba(255,255,255,0.32); }
.gt-search-clear { background: none; border: none; color: rgba(255,255,255,0.3); cursor: pointer; font-size: 12px; padding: 0 2px; display: none; line-height: 1; }
.gt-search-clear.visible { display: block; }
.gt-search-clear:hover { color: rgba(255,255,255,0.7); }

/* Action button (Edit, Reset, Vault, Share, Perspective) — same chrome family.
   Inner gradient gives the "lit-from-above" cue; without it buttons read as
   transparent rectangles, not actual buttons. */
.gt-action-btn { background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.0)); border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.78); font-size: 12px; font-weight: 600; padding: 6px 14px; border-radius: 7px; cursor: pointer; transition: all 0.15s; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; letter-spacing: 0.3px; box-shadow: 0 1px 0 rgba(255,255,255,0.04) inset, 0 1px 2px rgba(0,0,0,0.15); }
.gt-action-btn svg { width: 13px; height: 13px; opacity: 0.65; }
.gt-action-btn:hover { background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)); color: #fff; border-color: rgba(255,255,255,0.22); }
.gt-action-btn:hover svg { opacity: 1; }
.gt-action-btn.edit-active { background: linear-gradient(180deg, rgba(var(--gt-accent-rgb, 79,209,197), 0.16), rgba(var(--gt-accent-rgb, 79,209,197), 0.08)); color: var(--gt-accent, #4fd1c5); border-color: rgba(var(--gt-accent-rgb, 79,209,197), 0.4); }

/* Publish — the SOLE accent action. Single color, single emphasis. Pulls from
   --gt-accent so the button shifts identity per topology (Pathfinder teal,
   Crimeboard red, Tierlist amber...). Inner gradient + accent inset highlight
   give it the substance to read as the primary CTA. */
.gt-publish-btn { background: linear-gradient(180deg, rgba(var(--gt-accent-rgb, 79,209,197), 0.18), rgba(var(--gt-accent-rgb, 79,209,197), 0.08)); border: 1px solid rgba(var(--gt-accent-rgb, 79,209,197), 0.38); color: var(--gt-accent, #4fd1c5); box-shadow: 0 1px 0 rgba(var(--gt-accent-rgb, 79,209,197), 0.18) inset, 0 1px 3px rgba(0,0,0,0.2); }
.gt-publish-btn:hover { background: linear-gradient(180deg, rgba(var(--gt-accent-rgb, 79,209,197), 0.28), rgba(var(--gt-accent-rgb, 79,209,197), 0.14)); border-color: rgba(var(--gt-accent-rgb, 79,209,197), 0.6); box-shadow: 0 0 0 3px rgba(var(--gt-accent-rgb, 79,209,197), 0.1), 0 1px 0 rgba(var(--gt-accent-rgb, 79,209,197), 0.25) inset; filter: brightness(1.08); }

/* Overflow menu (⋯) */
.gt-overflow-wrap { position: relative; }
.gt-overflow-menu { display: none; position: absolute; top: calc(100% + 6px); right: 0; min-width: 160px; background: rgba(12,14,20,0.95); backdrop-filter: blur(24px); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 4px; box-shadow: 0 12px 40px rgba(0,0,0,0.6); z-index: 30; }
.gt-overflow-menu.open { display: block; animation: gt-menu-in 0.12s ease-out; }
@keyframes gt-menu-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.gt-overflow-item { display: flex; align-items: center; gap: 8px; width: 100%; background: none; border: none; color: rgba(255,255,255,0.7); font-size: 12px; font-weight: 500; padding: 7px 10px; border-radius: 6px; cursor: pointer; transition: background 0.1s; text-align: left; }
.gt-overflow-item:hover { background: rgba(255,255,255,0.08); color: #fff; }
.gt-overflow-item svg { width: 14px; height: 14px; opacity: 0.5; flex-shrink: 0; }
.gt-overflow-item.danger { color: rgba(239,68,68,0.8); }
.gt-overflow-item.danger:hover { background: rgba(239,68,68,0.1); color: #f87171; }
.gt-overflow-sep { height: 1px; background: rgba(255,255,255,0.06); margin: 3px 6px; }

/* Edit mode */
.gt-canvas-wrap.gt-edit-mode { outline: 2px solid rgba(79,209,197,0.25); outline-offset: -2px; }
.gt-canvas-wrap.gt-edit-mode .gt-node { cursor: grab !important; }
.gt-canvas-wrap.gt-edit-mode .gt-node:active { cursor: grabbing !important; }
.gt-node.gt-connect-target circle:first-child { stroke: #4fd1c5 !important; stroke-width: 3 !important; stroke-opacity: 0.8 !important; }
/* Satellite card panel — fan/arc layout */
.gt-sat-panel { position: absolute; z-index: 50; pointer-events: all; }
@keyframes gtSatFadeIn { from { opacity: 0; } to { opacity: 1; } }
.gt-sat-card { width: 210px; height: 235px; padding: 10px; border-radius: 14px; background: rgba(13,21,37,0.95); border: 1px solid rgba(79,209,197,0.2); cursor: pointer; transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1); text-align: center; position: absolute; transform-origin: bottom center; backdrop-filter: blur(12px); box-shadow: 0 8px 24px rgba(0,0,0,0.5); display: flex; flex-direction: column; }
.gt-sat-card:hover { background: rgba(79,209,197,0.12); border-color: rgba(79,209,197,0.4); transform: translateY(-20px) scale(1.05) !important; z-index: 10; box-shadow: 0 12px 36px rgba(79,209,197,0.25); }
.gt-sat-thumb-container:hover .gt-sat-snippet-tip { opacity: 1 !important; }
.gt-sat-card img { width: 100%; aspect-ratio: 16/9; border-radius: 8px; object-fit: cover; background: rgba(255,255,255,0.05); }
.gt-sat-card .gt-sat-title { font-size: 13px; color: rgba(255,255,255,0.95); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 500; text-shadow: 0 1px 2px rgba(0,0,0,0.8); }
.gt-sat-card .gt-sat-label { font-size: 11px; color: rgba(79,209,197,0.8); margin-top: 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; line-height: 1.3; }
.gt-sat-btns { display: flex; gap: 6px; margin-top: auto; justify-content: center; padding-top: 10px; }
.gt-sat-btn { font-size: 12px; font-weight: 600; padding: 6px 14px; border-radius: 8px; border: 1px solid rgba(79,209,197,0.25); background: rgba(79,209,197,0.08); color: rgba(255,255,255,0.9); cursor: pointer; transition: all 0.2s; line-height: 1.2; width: 100%; }
.gt-sat-btn:hover { background: rgba(79,209,197,0.25); border-color: rgba(79,209,197,0.6); color: #fff; }

/* Expansion loading toast */
.gt-expand-toast { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 60; pointer-events: none; display: flex; flex-direction: column; align-items: center; gap: 12px; animation: gtToastIn 0.4s ease-out; }
.gt-expand-toast-card { background: rgba(8,12,24,0.92); backdrop-filter: blur(16px); border: 1px solid rgba(79,209,197,0.25); border-radius: 16px; padding: 20px 28px; display: flex; align-items: center; gap: 14px; box-shadow: 0 8px 40px rgba(0,0,0,0.5), 0 0 60px rgba(79,209,197,0.08); }
.gt-expand-toast-spinner { width: 24px; height: 24px; border: 3px solid rgba(79,209,197,0.15); border-top-color: #4fd1c5; border-radius: 50%; animation: qm-spin 0.8s linear infinite; flex-shrink: 0; }
.gt-expand-toast-text { color: rgba(255,255,255,0.85); font-size: 13px; font-weight: 500; letter-spacing: 0.2px; transition: opacity 0.3s; }
.gt-expand-toast-sub { color: rgba(255,255,255,0.35); font-size: 11px; margin-top: -8px; }
@keyframes gtToastIn { from { opacity: 0; transform: translate(-50%, -50%) scale(0.9); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
@keyframes gtToastOut { from { opacity: 1; transform: translate(-50%, -50%) scale(1); } to { opacity: 0; transform: translate(-50%, -50%) scale(0.9); } }
@keyframes gtPulseRing { 0% { r: 12; opacity: 0.6; stroke-width: 2; } 50% { r: 25; opacity: 0.2; stroke-width: 1; } 100% { r: 12; opacity: 0.6; stroke-width: 2; } }

.gt-edit-banner { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); background: rgba(79,209,197,0.1); border: 1px solid rgba(79,209,197,0.2); color: rgba(79,209,197,0.8); font-size: 11px; font-weight: 600; padding: 5px 14px; border-radius: 100px; z-index: 20; pointer-events: none; backdrop-filter: blur(8px); letter-spacing: 0.2px; }

/* Edge handles */
.gt-edge-handle { display: none; cursor: grab; transition: r 0.15s, opacity 0.2s, stroke-width 0.2s; pointer-events: none; }
.gt-canvas-wrap.gt-edit-mode .gt-edge-handle { display: block; pointer-events: all; }

.gt-edge-handle:hover { r: 7; }

/* Search result highlighting */
.gt-node.gt-search-dim { opacity: 0.12 !important; transition: opacity 0.2s; }
.gt-node.gt-search-hit circle { filter: drop-shadow(0 0 6px #4fd1c5) drop-shadow(0 0 12px #4fd1c5); }

/* Rename input */
.gt-rename-input { position: absolute; z-index: 30; background: rgba(8,10,16,0.9); backdrop-filter: blur(16px); border: 1px solid rgba(79,209,197,0.5); border-radius: 8px; color: #fff; font-size: 13px; font-family: inherit; padding: 6px 10px; outline: none; min-width: 120px; box-shadow: 0 8px 24px rgba(0,0,0,0.5), 0 0 0 1px rgba(79,209,197,0.2); }

/* Collapse badges */
.gt-collapse-badge { cursor: pointer; pointer-events: all; }
.gt-collapse-badge:hover rect { fill: rgba(79,209,197,0.25); }
.gt-collapse-badge:hover text { fill: #fff; }

/* HUD elements */
.gt-controls-hint { position: absolute; bottom: 24px; right: 24px; z-index: 20; pointer-events: none; color: rgba(255,255,255,0.3); font-size: 11px; }


/* Multi-select */
.gt-select-rect { position: absolute; border: 1px solid rgba(79,209,197,0.6); background: rgba(79,209,197,0.08); z-index: 15; pointer-events: none; display: none; }
.gt-node.gt-selected circle:first-child { stroke: #4fd1c5 !important; stroke-width: 2 !important; stroke-opacity: 0.8 !important; filter: drop-shadow(0 0 6px rgba(79,209,197,0.5)) !important; }
.gt-publish-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; background: rgba(18,18,28,0.98); backdrop-filter: blur(40px); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; padding: 32px; width: 400px; max-width: 90vw; box-shadow: 0 32px 80px rgba(0,0,0,0.8); }
.gt-publish-dialog h3 { margin: 0 0 20px; font-size: 18px; color: #fff; display: flex; align-items: center; gap: 8px; }
.gt-publish-dialog label { display: block; font-size: 12px; color: rgba(255,255,255,0.5); margin-bottom: 6px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; }
.gt-publish-dialog input, .gt-publish-dialog textarea, .gt-publish-dialog select { width: 100%; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 10px 14px; color: #fff; font-size: 14px; margin-bottom: 16px; outline: none; transition: border-color 0.2s; font-family: inherit; }
.gt-publish-dialog input:focus, .gt-publish-dialog textarea:focus, .gt-publish-dialog select:focus { border-color: rgba(79,209,197,0.5); }
.gt-publish-dialog textarea { resize: vertical; min-height: 60px; }
.gt-publish-dialog select option { background: #1a1a2e; }
.gt-ws-item-label:hover { background: rgba(255,255,255,0.06) !important; }
.gt-ws-delete-btn:hover { background: rgba(239, 68, 68, 0.2) !important; }
.gt-ws-publish-btn:hover { transform: translateY(-1px); }
.gt-publish-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 8px; }
.gt-publish-actions button { padding: 10px 20px; border-radius: 10px; border: none; font-weight: 600; font-size: 14px; cursor: pointer; transition: all 0.2s; }
.gt-publish-cancel { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.7); }
.gt-publish-cancel:hover { background: rgba(255,255,255,0.15); color: #fff; }
.gt-publish-submit { background: linear-gradient(135deg, #4fd1c5, #34d399); color: #000; font-weight: 700; }
.gt-publish-submit:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(79,209,197,0.3); }
.gt-publish-submit:disabled { opacity: 0.5; cursor: not-allowed; transform: none; box-shadow: none; }

/* ── 擴展動畫：新節點生長 ── */
.gt-node-new { opacity: 0; animation: gtNodeGrowIn 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
@keyframes gtNodeGrowIn {
  0% { opacity: 0; transform: scale(0); }
  50% { opacity: 0.8; transform: scale(1.15); }
  100% { opacity: 1; transform: scale(1); }
}

#gt-tooltip {
  background: linear-gradient(145deg, rgba(20, 24, 34, 0.8) 0%, rgba(10, 14, 20, 0.95) 100%) !important;
  backdrop-filter: blur(28px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(150%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  transition: opacity 0.15s ease-out, transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
#gt-tooltip::-webkit-scrollbar {
  width: 6px;
}
#gt-tooltip::-webkit-scrollbar-track {
  background: transparent;
}
#gt-tooltip::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.32);
  border-radius: 999px;
}
#gt-tooltip.gt-tooltip-knowledge {
  width: 340px !important;
  max-width: min(340px, calc(100vw - 24px)) !important;
  padding: 12px 14px !important;
}
#gt-tooltip.gt-tooltip-knowledge img[data-hide-parent="true"] {
  max-height: 150px;
  object-fit: cover;
}

.gt-tl-card:hover > div {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 36px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06) !important;
}
.gt-tl-card > div {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.gt-tl-event-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1) !important;
  border-color: rgba(255,255,255,0.18) !important;
}
.gt-tl-event-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
/* ── Human Mount Celebration Toast ── */
.gt-hmount-toast {
  position: fixed;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: linear-gradient(135deg, rgba(40,35,10,0.95), rgba(30,25,8,0.98));
  border: 1px solid rgba(255,215,0,0.4);
  color: #ffd700;
  font-size: 18px;
  font-weight: 800;
  font-family: 'Inter', system-ui, sans-serif;
  letter-spacing: 0.08em;
  padding: 16px 32px;
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(255,215,0,0.15), 0 4px 12px rgba(0,0,0,0.4);
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);
  z-index: 999999;
  pointer-events: none;
  white-space: nowrap;
  text-shadow: 0 0 20px rgba(255,215,0,0.3);
}
.gt-hmount-toast-show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* Portal Versus: Minimal Header */
.gt-portal-vs-header {
  position: absolute; top: 0; left: 0; right: 0; z-index: 20;
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 24px;
  background: rgba(255,255,255,0.35);
  backdrop-filter: blur(40px) saturate(150%);
  -webkit-backdrop-filter: blur(40px) saturate(150%);
  border-bottom: 1px solid rgba(255,255,255,0.3);
}
.gt-portal-vs-header .vs-header-title {
  font-size: 18px; font-weight: 700; color: rgba(0,0,0,0.8);
  font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.3px;
}
.gt-portal-vs-header .vs-header-side {
  font-size: 13px; font-weight: 600; color: rgba(0,0,0,0.4);
  font-family: 'Inter', system-ui, sans-serif; letter-spacing: 1px;
}
.gt-portal-vs-header .vs-header-actions {
  display: flex; gap: 10px; align-items: center;
}
.gt-portal-vs-header .vs-fork-btn {
  padding: 8px 18px; border-radius: 12px; border: none;
  background: rgba(0,0,0,0.06); color: rgba(0,0,0,0.7);
  font-size: 13px; font-weight: 600; cursor: pointer;
  transition: all 0.2s; font-family: 'Inter', system-ui, sans-serif;
}
.gt-portal-vs-header .vs-fork-btn:hover {
  background: rgba(0,0,0,0.1);
}
.gt-portal-vs-header .vs-fork-btn:disabled {
  cursor: default;
  opacity: 0.72;
}
.gt-portal-vs-header .vs-fork-btn.is-loading {
  background: rgba(0,0,0,0.08);
}
.gt-portal-vs-header .vs-fork-btn.is-done {
  background: rgba(46,125,50,0.16);
  color: rgba(30,90,42,0.92);
}
.gt-portal-vs-header .vs-close-btn {
  width: 32px; height: 32px; border-radius: 50%; border: none;
  background: rgba(0,0,0,0.06); color: rgba(0,0,0,0.5);
  font-size: 16px; cursor: pointer; transition: all 0.2s;
  display: flex; align-items: center; justify-content: center;
}
.gt-portal-vs-header .vs-close-btn:hover {
  background: rgba(0,0,0,0.12);
}

/* -------------------------------------------------------------------------- */
/* GeoMap Glassmorphism Card Hover Effects (Shadow DOM Safe)                  */
/* -------------------------------------------------------------------------- */
.gt-geomap-card {
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.gt-geomap-card:hover {
  transform: translateY(-4px) scale(1.03) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.15) !important;
  border-color: rgba(255,255,255,0.4) !important;
}

/* SVG Text Standardization */
.gt-svg-label {
  font-family: "Inter", system-ui, -apple-system, sans-serif !important;
}

/*  Bento Animations  */
.dash-vcard {
  opacity: 0;
  transform: translateY(12px) scale(0.98);
}
.dash-vcard-enter {
  animation: ecoBoxPop 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes ecoBoxPop {
  0% { opacity: 0; transform: translateY(12px) scale(0.98); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* Category Show More Layout */
.cat-more-wrap { display: contents; }
.cat-more-preview { display: none; }
.cat-more-preview.expanded { display: contents; }

@keyframes expandFadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Knowledge Expansion topology: perspective contract layer */
.gt-knowledge-lens-hud {
  position: absolute;
  top: 74px;
  left: 20px;
  z-index: 40;
  width: min(318px, calc(100vw - 40px));
  padding: 14px 16px;
  color: rgba(236, 253, 255, 0.92);
  background: linear-gradient(145deg, rgba(4, 10, 22, 0.78), rgba(8, 20, 34, 0.58));
  border: 1px solid rgba(79, 209, 197, 0.24);
  border-radius: 8px;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  pointer-events: none;
}
.gt-knowledge-lens-kicker {
  margin-bottom: 4px;
  color: rgba(125, 211, 252, 0.72);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.gt-knowledge-lens-title {
  margin-bottom: 11px;
  font-size: 18px;
  line-height: 1.15;
  font-weight: 850;
  letter-spacing: 0;
  color: #f8fafc;
}
.gt-knowledge-lens-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 11px;
}
.gt-knowledge-lens-grid div {
  min-width: 0;
  padding: 8px 7px;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.42);
}
.gt-knowledge-lens-grid span {
  display: block;
  color: #67e8f9;
  font-size: 16px;
  line-height: 1;
  font-weight: 850;
}
.gt-knowledge-lens-grid label {
  display: block;
  margin-top: 5px;
  color: rgba(226, 232, 240, 0.58);
  font-size: 10px;
  line-height: 1.15;
  white-space: nowrap;
}
.gt-knowledge-lens-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.gt-knowledge-lens-pills span {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  gap: 6px;
  padding: 5px 8px;
  border: 1px solid color-mix(in srgb, var(--lens-color, #4fd1c5) 42%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--lens-color, #4fd1c5) 13%, transparent);
  color: rgba(240, 249, 255, 0.84);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
}
.gt-knowledge-lens-pills span.legacy {
  --lens-color: #94a3b8;
}
.gt-knowledge-lens-pills i,
.gt-tip-lens-row i {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--lens-color, #4fd1c5);
  box-shadow: 0 0 14px var(--lens-color, #4fd1c5);
}
.gt-knowledge-lens-ring {
  vector-effect: non-scaling-stroke;
  transition: stroke-opacity 0.2s ease, stroke-width 0.2s ease;
}
.gt-node:hover .gt-knowledge-lens-ring {
  stroke-opacity: 1;
  stroke-width: 3;
}
.gt-growth-edge,
.gt-growth-edge-glow,
.gt-growth-edge-flow {
  mix-blend-mode: screen;
}
.gt-growth-edge, .gt-semantic-edge {
  transition: stroke-opacity 0.25s ease, stroke-width 0.25s ease, stroke-dasharray 0.25s ease;
}
.gt-growth-edge-glow, .gt-semantic-edge-glow {
  pointer-events: none;
  transition: stroke-opacity 0.25s ease, stroke-width 0.25s ease;
}
.gt-growth-edge-flow-glow {
  transition: r 0.25s ease, opacity 0.25s ease;
}
.gt-growth-edge-flow {
  transition: r 0.25s ease, opacity 0.25s ease;
}
.gt-edge-hitbox:hover ~ .gt-growth-edge {
  stroke-width: 4.5px !important;
  stroke-opacity: 0.95 !important;
}
.gt-edge-hitbox:hover ~ .gt-growth-edge-glow {
  stroke-width: 9.0px !important;
  stroke-opacity: 0.85 !important;
}
.gt-edge-hitbox:hover ~ .gt-semantic-edge {
  stroke-dasharray: none !important;
  stroke-width: 2.8px !important;
  stroke-opacity: 0.95 !important;
}
.gt-edge-hitbox:hover ~ .gt-semantic-edge-glow {
  stroke-width: 9.0px !important;
  stroke-opacity: 0.85 !important;
}
.gt-edge-hitbox:hover ~ .gt-growth-edge-flow-glow {
  r: 10.0px !important;
  opacity: 0.85 !important;
}
.gt-edge-hitbox:hover ~ .gt-growth-edge-flow {
  r: 4.5px !important;
  opacity: 1.0 !important;
}
#gt-svg.gt-perspective-filtering .gt-perspective-focus-dim {
  opacity: 0.14;
  transition: opacity 0.18s ease, filter 0.18s ease;
}
#gt-svg.gt-perspective-filtering .gt-node.gt-perspective-focus-dim {
  opacity: 0.24;
}
#gt-svg.gt-perspective-filtering .gt-perspective-focus-hit {
  opacity: 1;
}
#gt-svg.gt-perspective-filtering .gt-growth-edge.gt-perspective-focus-hit,
#gt-svg.gt-perspective-filtering .gt-semantic-edge.gt-perspective-focus-hit {
  stroke-width: 2.7px;
  filter: drop-shadow(0 0 7px currentColor);
}
#gt-svg.gt-learning-route-active .gt-route-dim {
  opacity: 0.14;
  transition: opacity 0.18s ease, filter 0.18s ease;
}
#gt-svg.gt-learning-route-active .gt-node.gt-route-dim {
  opacity: 0.22;
}
#gt-svg.gt-learning-route-active .gt-route-hit {
  opacity: 1;
}
#gt-svg.gt-learning-route-active .gt-node.gt-route-hit .gt-child-label {
  opacity: 1 !important;
  font-weight: 750 !important;
}
#gt-svg.gt-learning-route-active .gt-node.gt-route-hit .gt-knowledge-lens-ring {
  stroke-width: 3px;
}
#gt-svg.gt-learning-route-active .gt-growth-edge.gt-route-hit,
#gt-svg.gt-learning-route-active .gt-semantic-edge.gt-route-hit {
  stroke-width: 2.6px;
  filter: drop-shadow(0 0 7px currentColor);
}
#gt-svg.gt-learning-route-active .gt-learning-section.gt-route-hit .gt-section-label {
  opacity: 1;
}
#gt-svg.gt-learning-route-active .gt-edge-hitbox.gt-route-dim {
  opacity: 0;
}
#gt-svg.gt-perspective-filtering.gt-learning-route-active .gt-perspective-focus-dim,
#gt-svg.gt-perspective-filtering.gt-learning-route-active .gt-route-dim {
  opacity: 0.1 !important;
}
#gt-svg.gt-perspective-filtering.gt-learning-route-active .gt-perspective-focus-hit.gt-route-hit {
  opacity: 1 !important;
}
/* Same fix as extension/styles.css line 9226 — bump dim opacity from 0.1
 * to 0.78 so non-path edges don't appear to vanish on hover. Portal copy
 * is intentional-drift from extension (CLAUDE.md) so the fix needs to be
 * applied here too — share.html / embed render the same edges and the
 * same hover-path-highlight runs against viewers. 0.55 was tried first
 * but still too faint; 0.78 reads as "slightly secondary" rather than
 * "gone". Node-specific 0.18 override below stays unchanged. */
#gt-svg.gt-path-active .gt-path-dim {
  opacity: 0.78;
  transition: opacity 0.16s ease, filter 0.16s ease;
}
#gt-svg.gt-path-active .gt-node.gt-path-dim {
  opacity: 0.18;
}
#gt-svg.gt-path-active .gt-path-hit,
#gt-svg.gt-perspective-filtering.gt-path-active .gt-path-hit {
  opacity: 1 !important;
}
#gt-svg.gt-path-active .gt-growth-edge.gt-path-hit {
  stroke-width: 3.2px;
  filter: drop-shadow(0 0 9px currentColor);
}
#gt-svg.gt-path-active .gt-growth-edge-glow.gt-path-hit {
  opacity: 0.72 !important;
}
#gt-svg.gt-path-active .gt-growth-edge-flow.gt-path-hit {
  opacity: 1 !important;
}
#gt-svg.gt-path-active .gt-edge-hitbox.gt-path-dim {
  opacity: 0;
}
.gt-node-kind-badge {
  pointer-events: none;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.8));
}
.gt-node:hover .gt-node-kind-badge circle:first-child {
  stroke-width: 2;
}
.gt-semantic-edge,
.gt-semantic-edge-glow {
  mix-blend-mode: screen;
  pointer-events: stroke;
}
.gt-semantic-edge {
  animation: gtSemanticDash 18s linear infinite;
}
@keyframes gtSemanticDash {
  to { stroke-dashoffset: -120; }
}
.gt-tip-lens-panel {
  margin-top: 9px;
  padding: 9px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  background: rgba(2, 6, 23, 0.42);
}
.gt-tip-lens-panel.ready {
  border-color: rgba(79, 209, 197, 0.32);
  box-shadow: inset 0 1px 0 rgba(79, 209, 197, 0.08);
}
.gt-tip-lens-panel.legacy {
  border-color: rgba(251, 191, 36, 0.22);
}
.gt-tip-lens-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin: 4px 0;
  font-size: 11px;
  line-height: 1.35;
}
.gt-tip-lens-row span {
  flex: 0 0 auto;
  color: rgba(148, 163, 184, 0.82);
  font-weight: 700;
}
.gt-tip-lens-row b {
  min-width: 0;
  color: rgba(240, 249, 255, 0.9);
  font-weight: 750;
  text-align: right;
}
.gt-tip-lens-row b i {
  display: inline-block;
  margin-right: 6px;
  vertical-align: 1px;
}
.gt-tip-lens-copy {
  margin: 7px 0;
  color: rgba(226, 232, 240, 0.74);
  font-size: 11px;
  line-height: 1.45;
}
.gt-tip-lens-row.query b {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: rgba(186, 230, 253, 0.86);
  white-space: normal;
  overflow-wrap: anywhere;
}
.gt-tip-knowledge-compact {
  margin-top: 8px;
  padding: 8px 9px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--lens-color, #4fd1c5) 28%, transparent);
  border-left-width: 2px;
  background: rgba(15, 23, 42, 0.56);
}
.gt-tip-knowledge-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.gt-tip-knowledge-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 3px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--chip-color, #4fd1c5) 18%, rgba(255,255,255,0.04));
  color: color-mix(in srgb, var(--chip-color, #4fd1c5) 78%, #ffffff);
  font-size: 10.5px;
  font-weight: 750;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gt-tip-learning-advice {
  margin-top: 7px;
  color: rgba(226, 232, 240, 0.78);
  font-size: 11px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gt-tip-knowledge-meta {
  margin-top: 6px;
  color: rgba(148, 163, 184, 0.72);
  font-size: 10.5px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gt-tip-story-panel {
  margin-top: 9px;
  padding: 9px 10px;
  border: 1px solid color-mix(in srgb, var(--lens-color, #4fd1c5) 40%, transparent);
  border-radius: 8px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--lens-color, #4fd1c5) 14%, transparent), rgba(2, 6, 23, 0.5));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 0 18px color-mix(in srgb, var(--lens-color, #4fd1c5) 12%, transparent);
}
.gt-tip-story-panel.legacy {
  border-color: rgba(148, 163, 184, 0.22);
  background: rgba(15, 23, 42, 0.58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}
.gt-tip-story-kicker {
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(241, 245, 249, 0.9);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.2px;
}
.gt-tip-story-kicker i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  flex: 0 0 auto;
  background: var(--lens-color, #4fd1c5);
  box-shadow: 0 0 12px var(--lens-color, #4fd1c5);
}
.gt-tip-story-line {
  margin-top: 7px;
  color: rgba(226, 232, 240, 0.78);
  font-size: 11px;
  line-height: 1.45;
}
.gt-tip-story-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin-top: 7px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  color: rgba(226,232,240,0.84);
  font-size: 10.5px;
  font-weight: 750;
}
.gt-tip-story-quality,
.gt-tip-story-query {
  margin-top: 6px;
  color: rgba(186, 230, 253, 0.82);
  font-size: 10.5px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.gt-tip-story-query {
  color: rgba(203, 213, 225, 0.68);
}
.gt-tip-story-mentor {
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid color-mix(in srgb, var(--lens-color, #4fd1c5) 22%, transparent);
  color: rgba(241, 245, 249, 0.82);
  font-size: 10.5px;
  line-height: 1.45;
}
.gt-tip-story-mentor.cautious {
  color: rgba(251, 191, 36, 0.82);
}
@media (max-width: 720px) {
  .gt-knowledge-lens-hud {
    top: 62px;
    left: 12px;
    width: min(292px, calc(100vw - 24px));
    padding: 12px;
  }
  .gt-knowledge-lens-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }
  .gt-knowledge-lens-grid div {
    padding: 7px 5px;
  }
  .gt-knowledge-lens-grid label {
    font-size: 9px;
  }
}

/* ════════════════════════════════════════════════════════════════════════════
 * Knowledge Constellation — Tier B polish pass (kidmap-2 standard)
 * Mirror of extension/styles.css block. Portal copy is intentional drift per
 * CLAUDE.md so we maintain in parallel rather than auto-sync.
 * ════════════════════════════════════════════════════════════════════════════ */

.gt-kc-hero {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px 8px 12px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(13, 21, 37, 0.62), rgba(8, 16, 30, 0.42));
  backdrop-filter: blur(28px) saturate(170%);
  -webkit-backdrop-filter: blur(28px) saturate(170%);
  border: 1px solid rgba(79, 209, 197, 0.22);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  pointer-events: none;
  max-width: min(360px, calc(100vw - 40px));
  animation: gtKcHeroFadeIn 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) backwards;
}
.gt-kc-hero-emoji {
  font-size: 20px;
  line-height: 1;
  filter: drop-shadow(0 0 10px rgba(79, 209, 197, 0.45));
}
.gt-kc-hero-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.gt-kc-hero-title {
  font-size: 13px;
  font-weight: 850;
  letter-spacing: -0.005em;
  line-height: 1.1;
  background: linear-gradient(135deg, #5eead4 0%, #67e8f9 45%, #a78bfa 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}
.gt-kc-hero-stats {
  display: flex; gap: 10px; font-size: 10px; font-weight: 700;
  color: rgba(226, 232, 240, 0.7); letter-spacing: 0.01em; flex-wrap: wrap;
}
.gt-kc-hero-stats span { display: inline-flex; align-items: baseline; gap: 3px; }
.gt-kc-hero-stats strong { color: #5eead4; font-size: 11px; font-weight: 900; }

.gt-kc-kind-legend { gap: 10px !important; max-width: min(640px, calc(100vw - 64px)); }
.gt-kc-kind-item {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 10.5px; font-weight: 650;
  color: rgba(226, 232, 240, 0.78);
  letter-spacing: 0.01em; white-space: nowrap;
}
.gt-kc-kind-glyph { flex: 0 0 auto; display: inline-block; vertical-align: middle; }

.gt-kc-vignette { animation: gtKcVignetteFadeIn 0.9s ease-out backwards; }

@keyframes gtKnowledgeStarPop {
  from { opacity: 0; transform: scale(0.55); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes gtKcHeroFadeIn {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes gtKcHeroFadeInCentered {
  from { opacity: 0; transform: translate(-50%, -8px); }
  to   { opacity: 1; transform: translate(-50%, 0); }
}
@keyframes gtKcVignetteFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes gtKcSelectionBreathe { 0%, 100% { opacity: 0.3; } 50% { opacity: 0.55; } }

[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node {
  transform-origin: center;
  transform-box: fill-box;
  animation: gtKnowledgeStarPop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
}
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node:nth-child(7n+1) { animation-delay: 0ms; }
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node:nth-child(7n+2) { animation-delay: 80ms; }
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node:nth-child(7n+3) { animation-delay: 160ms; }
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node:nth-child(7n+4) { animation-delay: 240ms; }
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node:nth-child(7n+5) { animation-delay: 320ms; }
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node:nth-child(7n+6) { animation-delay: 400ms; }
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node:nth-child(7n+7) { animation-delay: 480ms; }

/* During an active pan/zoom gesture (`.gt-camera-moving` toggled on the
   canvas-wrap by gt-camera.js, removed ~220ms after the last move) drop the SVG
   blur filters that otherwise re-rasterize every transformed frame — the
   dominant pan/zoom cost on small graphs. CSS `filter` overrides the SVG
   `filter` attribute without touching it, so glows restore the instant the
   gesture ends → no idle visual change. (Mirrors extension/styles.css.) */
.gt-camera-moving #gt-svg [filter] { filter: none !important; }

[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node:hover .gt-knowledge-lens-ring {
  transform-origin: center;
  transform-box: fill-box;
  transform: scale(1.08);
  transition: stroke-opacity 0.18s ease, stroke-width 0.18s ease, transform 0.18s ease;
}

[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-kc-selection-bloom {
  animation: gtKcSelectionBreathe 3.6s ease-in-out infinite;
}
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-kc-selection-depth {
  animation: gtKcSelectionBreathe 5.2s ease-in-out infinite;
  animation-delay: 1.1s;
}

@media (prefers-reduced-motion: reduce) {
  [data-gt-knowledge-constellation="1"] .gt-node,
  [data-gt-knowledge-constellation="1"] .gt-kc-hero,
  [data-gt-knowledge-constellation="1"] .gt-kc-vignette,
  [data-gt-knowledge-constellation="1"] .gt-kc-selection-bloom,
  [data-gt-knowledge-constellation="1"] .gt-kc-selection-depth {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  [data-gt-knowledge-constellation="1"] .gt-kc-hero {
    transform: none !important;
  }
  [data-gt-knowledge-constellation="1"] .gt-kc-hero-empty {
    transform: translateX(-50%) !important;
  }
  [data-gt-knowledge-constellation="1"] .gt-node:hover .gt-knowledge-lens-ring {
    transform: none !important;
    transition: none !important;
  }
}

/* ════════════════════════════════════════════════════════════════════════════
 * Knowledge Constellation — Tier B+ extended polish (portal mirror)
 * ════════════════════════════════════════════════════════════════════════════ */

@keyframes gtKcBeaconSupernova {
  0%, 100% { r: 48; opacity: 0.10; }
  50%      { r: 62; opacity: 0.22; }
}
@keyframes gtKcBeaconPulse {
  0%, 100% { opacity: 0.42; stroke-width: 1.2; }
  50%      { opacity: 0.72; stroke-width: 1.6; }
}
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-kc-beacon-supernova {
  animation: gtKcBeaconSupernova 4.2s ease-in-out infinite;
  transform-origin: center; transform-box: fill-box;
}
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-kc-beacon-pulse {
  animation: gtKcBeaconPulse 2.8s ease-in-out infinite;
}

@keyframes gtKcNodeTwinkle {
  0%, 100% { filter: brightness(1) saturate(1); }
  50%      { filter: brightness(1.18) saturate(1.12); }
}
@keyframes gtKcMasteredAura {
  0%, 100% { filter:
    drop-shadow(0 0 6px rgba(94, 234, 212, 0.55))
    drop-shadow(0 0 14px rgba(251, 191, 36, 0.22))
    brightness(1.05); }
  50%      { filter:
    drop-shadow(0 0 10px rgba(94, 234, 212, 0.75))
    drop-shadow(0 0 22px rgba(251, 191, 36, 0.32))
    brightness(1.14); }
}
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node.gt-visited:not(.gt-mastered) {
  animation:
    gtKnowledgeStarPop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) backwards,
    gtKcNodeTwinkle 4.2s ease-in-out infinite 0.6s;
}
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node.gt-mastered {
  animation:
    gtKnowledgeStarPop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) backwards,
    gtKcMasteredAura 3.5s ease-in-out infinite 0.6s;
}
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node.gt-visited:nth-child(5n+2) { animation-delay: 0s, 1.2s; }
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node.gt-visited:nth-child(5n+3) { animation-delay: 0s, 2.1s; }
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node.gt-visited:nth-child(5n+4) { animation-delay: 0s, 0.3s; }
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node.gt-visited:nth-child(5n+5) { animation-delay: 0s, 1.7s; }

.gt-kc-asterism-label {
  text-transform: uppercase;
  font-feature-settings: "smcp" 1;
  paint-order: stroke;
  stroke: rgba(2, 4, 10, 0.55);
  stroke-width: 2.5px;
}
.gt-kc-asterism:hover .gt-kc-asterism-label { opacity: 1 !important; }

.gt-kc-hero {
  cursor: pointer;
  pointer-events: auto;
  transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}
.gt-kc-hero:hover, .gt-kc-hero:focus-visible {
  background: linear-gradient(135deg, rgba(13, 21, 37, 0.78), rgba(8, 16, 30, 0.58));
  border-color: rgba(94, 234, 212, 0.42);
  outline: none;
}
.gt-kc-hero:focus-visible {
  box-shadow:
    0 18px 52px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 0 3px rgba(94, 234, 212, 0.55);
}
.gt-kc-hero-chevron {
  align-self: center;
  margin-left: 2px;
  font-size: 18px;
  font-weight: 700;
  color: rgba(94, 234, 212, 0.7);
  transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
  line-height: 1;
}
.gt-kc-hero[aria-expanded="true"] .gt-kc-hero-chevron { transform: rotate(90deg); }
.gt-kc-hero-info {
  position: absolute;
  top: 72px;
  right: 20px;
  z-index: 8;
  max-width: min(360px, calc(100vw - 40px));
  padding: 14px 18px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(10, 16, 28, 0.78), rgba(6, 12, 22, 0.62));
  backdrop-filter: blur(24px) saturate(160%);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
  border: 1px solid rgba(79, 209, 197, 0.18);
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.48);
  color: rgba(226, 232, 240, 0.86);
  font-size: 12px;
  line-height: 1.55;
  pointer-events: auto;
  user-select: text;
  -webkit-user-select: text;
  animation: gtKcInfoReveal 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) backwards;
}
.gt-kc-hero-info[hidden] { display: none; }
.gt-kc-hero-info-title {
  font-size: 14px;
  font-weight: 800;
  color: #5eead4;
  margin-bottom: 8px;
  letter-spacing: 0.01em;
}
.gt-kc-hero-info p { margin: 0 0 8px 0; color: rgba(226, 232, 240, 0.78); }
.gt-kc-hero-info p:last-of-type { margin-bottom: 0; }
.gt-kc-hero-info-tip {
  margin-top: 10px !important;
  padding-top: 8px;
  border-top: 1px solid rgba(94, 234, 212, 0.14);
  font-size: 11px;
  color: rgba(94, 234, 212, 0.72) !important;
}
@keyframes gtKcInfoReveal {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.gt-kc-kind-item {
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 6px;
  border: 1px solid transparent;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
.gt-kc-kind-item:hover, .gt-kc-kind-item:focus-visible {
  background: rgba(79, 209, 197, 0.08);
  border-color: rgba(79, 209, 197, 0.28);
  color: rgba(226, 232, 240, 0.95);
  outline: none;
}
.gt-kc-kind-item[aria-pressed="true"] {
  background: rgba(79, 209, 197, 0.16);
  border-color: rgba(79, 209, 197, 0.55);
  color: #5eead4;
}
#gt-canvas-wrap[data-gt-kc-kind-filter] .gt-node { transition: opacity 0.3s ease, filter 0.3s ease; }
#gt-canvas-wrap[data-gt-kc-kind-filter="foundation"] .gt-node:not([data-gt-node-kind="foundation"]):not([data-gt-node-role="foundation"]),
#gt-canvas-wrap[data-gt-kc-kind-filter="concept"] .gt-node:not([data-gt-node-kind="concept"]):not([data-gt-node-role="concept"]),
#gt-canvas-wrap[data-gt-kc-kind-filter="mechanism"] .gt-node:not([data-gt-node-kind="mechanism"]):not([data-gt-node-role="mechanism"]),
#gt-canvas-wrap[data-gt-kc-kind-filter="practice"] .gt-node:not([data-gt-node-kind="practice"]):not([data-gt-node-role="practice"]),
#gt-canvas-wrap[data-gt-kc-kind-filter="case"] .gt-node:not([data-gt-node-kind="case"]):not([data-gt-node-role="case"]),
#gt-canvas-wrap[data-gt-kc-kind-filter="pitfall"] .gt-node:not([data-gt-node-kind="pitfall"]):not([data-gt-node-role="pitfall"]),
#gt-canvas-wrap[data-gt-kc-kind-filter="debate"] .gt-node:not([data-gt-node-kind="debate"]):not([data-gt-node-role="debate"]),
#gt-canvas-wrap[data-gt-kc-kind-filter="comparison"] .gt-node:not([data-gt-node-kind="comparison"]):not([data-gt-node-role="comparison"]),
#gt-canvas-wrap[data-gt-kc-kind-filter="deep_dive"] .gt-node:not([data-gt-node-kind="deep_dive"]):not([data-gt-node-role="deep_dive"]),
#gt-canvas-wrap[data-gt-kc-kind-filter="synthesis"] .gt-node:not([data-gt-node-kind="synthesis"]):not([data-gt-node-role="synthesis"]),
#gt-canvas-wrap[data-gt-kc-kind-filter="section"] .gt-node:not([data-gt-node-kind="section"]):not([data-gt-node-role="section_hub"]) {
  opacity: 0.18; filter: saturate(0.4);
}
#gt-canvas-wrap[data-gt-kc-kind-filter] .gt-growth-edge,
#gt-canvas-wrap[data-gt-kc-kind-filter] .gt-semantic-edge,
#gt-canvas-wrap[data-gt-kc-kind-filter] .gt-semantic-edge-glow {
  opacity: 0.12; transition: opacity 0.3s ease;
}

@keyframes gtKcStatPop {
  from { opacity: 0; transform: scale(0.4) translateY(8px); }
  to   { opacity: 1; transform: scale(1) translateY(0); }
}
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-kc-stat-chip strong {
  display: inline-block;
  font-variant-numeric: tabular-nums;
  animation: gtKcStatPop 0.65s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
}
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-kc-stat-chip:nth-child(1) strong { animation-delay: 0.35s; }
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-kc-stat-chip:nth-child(2) strong { animation-delay: 0.50s; }
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-kc-stat-chip:nth-child(3) strong { animation-delay: 0.65s; }

.gt-kc-hero-empty {
  cursor: default !important;
  pointer-events: none !important;
  padding: 16px 26px;
  top: 88px;
  right: auto;
  left: 50%;
  transform: translateX(-50%);
  max-width: min(420px, calc(100vw - 96px));
  animation-name: gtKcHeroFadeInCentered;
}
.gt-kc-hero-empty .gt-kc-hero-emoji {
  font-size: 30px;
  animation: gtKcEmptyEmoji 2.4s ease-in-out infinite;
}
@keyframes gtKcEmptyEmoji {
  0%, 100% { transform: scale(1) rotate(0deg); filter: drop-shadow(0 0 12px rgba(79, 209, 197, 0.45)); }
  50%      { transform: scale(1.08) rotate(-4deg); filter: drop-shadow(0 0 18px rgba(167, 139, 250, 0.55)); }
}
.gt-kc-hero-empty-hint {
  color: rgba(226, 232, 240, 0.6) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

@keyframes gtKcNebDrift1 {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.55; }
  50%      { transform: translate(2%, -1%) scale(1.04); opacity: 0.62; }
}
@keyframes gtKcNebDrift2 {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.45; }
  50%      { transform: translate(-2%, 1.5%) scale(1.05); opacity: 0.52; }
}
@keyframes gtKcNebDrift3 {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.4; }
  50%      { transform: translate(1.5%, -2%) scale(1.06); opacity: 0.48; }
}
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) #gt-svg > ellipse:nth-of-type(1) {
  animation: gtKcNebDrift1 22s ease-in-out infinite;
  transform-origin: center; transform-box: fill-box;
}
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) #gt-svg > ellipse:nth-of-type(2) {
  animation: gtKcNebDrift2 28s ease-in-out infinite;
  transform-origin: center; transform-box: fill-box;
}
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) #gt-svg > ellipse:nth-of-type(3) {
  animation: gtKcNebDrift3 34s ease-in-out infinite;
  transform-origin: center; transform-box: fill-box;
}

@keyframes gtKcKindPulse {
  0%, 100% { filter: brightness(1) saturate(1); }
  50%      { filter: brightness(1.18) saturate(1.15); }
}
@keyframes gtKcKindBreathe {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.035); }
}
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node[data-gt-node-kind="concept"]:not(.gt-visited):not(.gt-mastered),
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node[data-gt-node-kind="synthesis"]:not(.gt-visited):not(.gt-mastered),
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node[data-gt-node-kind="deep_dive"]:not(.gt-visited):not(.gt-mastered),
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node[data-gt-node-kind="mechanism"]:not(.gt-visited):not(.gt-mastered),
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node[data-gt-node-kind="comparison"]:not(.gt-visited):not(.gt-mastered) {
  animation:
    gtKnowledgeStarPop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) backwards,
    gtKcKindPulse 5.5s ease-in-out infinite 0.7s;
}
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node[data-gt-node-kind="practice"]:not(.gt-visited):not(.gt-mastered),
[data-gt-knowledge-constellation="1"]:not([data-gt-performance-mode="1"]) .gt-node[data-gt-node-kind="case"]:not(.gt-visited):not(.gt-mastered) {
  transform-origin: center; transform-box: fill-box;
  animation:
    gtKnowledgeStarPop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) backwards,
    gtKcKindBreathe 4.5s ease-in-out infinite 0.7s;
}

@media (prefers-reduced-motion: reduce) {
  [data-gt-knowledge-constellation="1"] .gt-kc-beacon-supernova,
  [data-gt-knowledge-constellation="1"] .gt-kc-beacon-pulse,
  [data-gt-knowledge-constellation="1"] .gt-node.gt-visited,
  [data-gt-knowledge-constellation="1"] .gt-node.gt-mastered,
  [data-gt-knowledge-constellation="1"] .gt-kc-hero-info,
  [data-gt-knowledge-constellation="1"] .gt-kc-hero-empty .gt-kc-hero-emoji,
  [data-gt-knowledge-constellation="1"] .gt-kc-stat-chip strong,
  [data-gt-knowledge-constellation="1"] .gt-node[data-gt-node-kind="concept"],
  [data-gt-knowledge-constellation="1"] .gt-node[data-gt-node-kind="synthesis"],
  [data-gt-knowledge-constellation="1"] .gt-node[data-gt-node-kind="deep_dive"],
  [data-gt-knowledge-constellation="1"] .gt-node[data-gt-node-kind="practice"],
  [data-gt-knowledge-constellation="1"] .gt-node[data-gt-node-kind="case"],
  [data-gt-knowledge-constellation="1"] .gt-node[data-gt-node-kind="mechanism"],
  [data-gt-knowledge-constellation="1"] .gt-node[data-gt-node-kind="comparison"],
  [data-gt-knowledge-constellation="1"] #gt-svg > ellipse {
    animation: none !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
  }
}

/* ════════════════════════════════════════════════════════════════════════════
 * Knowledge Constellation — final polish layer (portal mirror)
 * ════════════════════════════════════════════════════════════════════════════ */

@keyframes gtKcSearchPulse {
  0%   { stroke-opacity: 0.6; filter: drop-shadow(0 0 8px rgba(94, 234, 212, 0.55)); transform: scale(1); transform-origin: center; }
  100% { stroke-opacity: 1;   filter: drop-shadow(0 0 22px rgba(94, 234, 212, 0.95)); transform: scale(1.16); transform-origin: center; }
}
[data-gt-knowledge-constellation="1"] .gt-search-highlight circle:first-of-type {
  stroke: #5eead4 !important;
  filter: drop-shadow(0 0 12px rgba(94, 234, 212, 0.85)) !important;
  animation: gtKcSearchPulse 1.5s infinite alternate !important;
}

.gt-kc-shooting-stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}
.gt-kc-shooting-star {
  position: absolute;
  top: var(--top, 25%);
  left: -120px;
  width: 110px;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.92) 55%,
    rgba(94, 234, 212, 0.55) 85%,
    transparent 100%);
  filter: blur(0.5px) drop-shadow(0 0 3px rgba(255, 255, 255, 0.55));
  opacity: 0;
  border-radius: 2px;
  animation: gtKcShootingStar var(--interval, 30s) ease-out infinite var(--delay, 0s);
}
@keyframes gtKcShootingStar {
  0%, 96%, 100% { opacity: 0; transform: translate(0, 0); }
  97%           { opacity: 1; transform: translate(40vw, 140px); }
  99%           { opacity: 0.5; transform: translate(95vw, 280px); }
}

#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-node,
#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-growth-edge,
#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-growth-edge-glow,
#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-semantic-edge,
#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-semantic-edge-glow {
  transition: opacity 0.18s ease, filter 0.18s ease, stroke 0.18s ease;
}
#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-node:not([data-gt-kc-lineage]) {
  opacity: 0.20;
  filter: saturate(0.45);
}
#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-growth-edge:not([data-gt-kc-lineage]),
#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-growth-edge-glow:not([data-gt-kc-lineage]),
#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-semantic-edge:not([data-gt-kc-lineage]),
#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-semantic-edge-glow:not([data-gt-kc-lineage]) {
  opacity: 0.08;
}
#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-node[data-gt-kc-lineage] {
  opacity: 1;
  filter: drop-shadow(0 0 6px rgba(94, 234, 212, 0.7)) drop-shadow(0 0 14px rgba(94, 234, 212, 0.32));
}
#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-growth-edge[data-gt-kc-lineage],
#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-growth-edge-glow[data-gt-kc-lineage] {
  stroke: #5eead4 !important;
  stroke-opacity: 1 !important;
  filter: drop-shadow(0 0 5px rgba(94, 234, 212, 0.65));
}
#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-semantic-edge[data-gt-kc-lineage],
#gt-canvas-wrap[data-gt-kc-lineage-active] .gt-semantic-edge-glow[data-gt-kc-lineage] {
  stroke-opacity: 0.85 !important;
}

@media (prefers-reduced-motion: reduce) {
  [data-gt-knowledge-constellation="1"] .gt-kc-shooting-star {
    animation: none !important;
    opacity: 0 !important;
  }
  [data-gt-knowledge-constellation="1"] .gt-search-highlight circle:first-of-type {
    animation: none !important;
  }
  #gt-canvas-wrap[data-gt-kc-lineage-active] .gt-node,
  #gt-canvas-wrap[data-gt-kc-lineage-active] .gt-growth-edge,
  #gt-canvas-wrap[data-gt-kc-lineage-active] .gt-growth-edge-glow,
  #gt-canvas-wrap[data-gt-kc-lineage-active] .gt-semantic-edge,
  #gt-canvas-wrap[data-gt-kc-lineage-active] .gt-semantic-edge-glow {
    transition: none !important;
  }
}

/* ── Topology hover theme 01 · SkillTree Forge ───────────────────────────
   Interaction stays shared; this layer replaces the generic glass material
   only when growth-tree.js resolves a completed topology profile. */
.gt-summary-panel[data-gt-hover-theme] {
  box-sizing: border-box;
}
.gt-tip-related-section {
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid rgba(255, 255, 255, 0.075);
}
.gt-tip-related-heading {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 7px;
  color: rgba(255, 255, 255, 0.43);
  font-size: 9.5px;
  font-weight: 780;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.gt-tip-related-heading i {
  width: 5px;
  height: 5px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--gt-tip-accent);
  box-shadow: 0 0 9px color-mix(in srgb, var(--gt-tip-accent) 38%, transparent);
}
.gt-related-video {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 4px;
  border: 1px solid transparent;
  border-radius: 7px;
  cursor: pointer;
  opacity: 0.78;
  transition: opacity 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.gt-related-video:hover,
.gt-related-video:focus-within {
  border-color: color-mix(in srgb, var(--gt-tip-accent) 22%, transparent);
  background: color-mix(in srgb, var(--gt-tip-accent) 7%, transparent);
  opacity: 1;
}
.gt-related-thumb {
  width: 60px;
  height: 34px;
  flex: 0 0 auto;
  display: block;
  object-fit: cover;
  border-radius: 4px;
}
.gt-related-copy { min-width: 0; flex: 1; }
.gt-related-title {
  display: -webkit-box;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.82);
  font-size: 11px;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.gt-related-meta {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 9.5px;
}
.gt-related-channel {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.gt-related-channel img {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  border-radius: 50%;
  object-fit: cover;
}
.gt-related-channel span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gt-related-stat,
.gt-related-separator { flex: 0 0 auto; }
.gt-related-separator { opacity: 0.42; }

#gt-tooltip[data-gt-hover-theme="skilltree-forge"] {
  --gt-tip-accent: #ff7a18;
  --gt-tip-accent-secondary: #d7a34a;
  width: min(356px, calc(100vw - 24px)) !important;
  max-width: min(356px, calc(100vw - 24px)) !important;
  padding: 32px 31px 31px !important;
  overflow-x: hidden;
  border: 0 !important;
  border-radius: 2px !important;
  background:
    radial-gradient(circle at 50% -8%, rgba(255, 120, 24, 0.16), transparent 38%),
    linear-gradient(155deg, rgba(17, 12, 8, 0.965), rgba(5, 5, 5, 0.985)),
    var(--gt-hover-texture-image) center / 250px auto repeat !important;
  background-blend-mode: normal, normal, luminosity;
  backdrop-filter: blur(15px) saturate(122%) !important;
  -webkit-backdrop-filter: blur(15px) saturate(122%) !important;
  scrollbar-color: rgba(255, 122, 24, 0.46) transparent;
  box-shadow:
    0 27px 68px rgba(0, 0, 0, 0.82),
    0 0 34px rgba(255, 91, 10, 0.11),
    inset 0 0 40px rgba(0, 0, 0, 0.82) !important;
  animation: gt-skilltree-forge-reveal 0.24s cubic-bezier(.2, .8, .2, 1) both;
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"]::before { display: none; }
#gt-tooltip[data-gt-hover-theme="skilltree-forge"]::after,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"]::before {
  content: '';
  position: absolute;
  z-index: 20;
  inset: 0;
  box-sizing: border-box;
  border: 34px solid transparent;
  border-image-source: var(--gt-hover-frame-image);
  border-image-slice: 175;
  border-image-width: 34px;
  border-image-repeat: stretch;
  pointer-events: none;
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.92)) drop-shadow(0 0 7px rgba(255, 97, 12, 0.18));
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"]::-webkit-scrollbar-thumb,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-body::-webkit-scrollbar-thumb {
  background: linear-gradient(#5a2610, #ff7a18, #5a2610);
  border-radius: 0;
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] > *,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] > * {
  position: relative;
  z-index: 2;
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-media {
  margin-bottom: 13px;
  border: 1px solid rgba(220, 153, 67, 0.54);
  border-radius: 2px;
  background: #050403;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);
  box-shadow: 0 0 0 2px rgba(24, 13, 7, 0.9), 0 13px 26px rgba(0, 0, 0, 0.64), inset 0 0 24px rgba(255, 92, 8, 0.1);
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-media::after {
  content: '';
  position: absolute;
  inset: 5px;
  border: 1px solid rgba(255, 132, 31, 0.16);
  clip-path: inherit;
  pointer-events: none;
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-media-shade {
  background: linear-gradient(180deg, rgba(3, 2, 1, 0.04) 38%, rgba(3, 2, 1, 0.86)), linear-gradient(125deg, rgba(255, 104, 14, 0.12), transparent 48%);
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-play {
  left: 14px;
  bottom: 13px;
  width: 31px;
  height: 31px;
  border: 1px solid #e6a345;
  border-radius: 2px;
  background: radial-gradient(circle, #ffbe54 0 18%, #bc4911 40%, #2b1007 72%);
  box-shadow: 0 0 0 2px rgba(20, 9, 4, 0.92), 0 0 16px rgba(255, 106, 15, 0.58), inset 0 0 7px rgba(255, 221, 145, 0.42);
  transform: rotate(45deg);
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-play i {
  margin-left: 2px;
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-color: #130802;
  transform: rotate(-45deg);
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-duration {
  right: 12px;
  bottom: 12px;
  border-color: rgba(211, 148, 65, 0.46);
  border-radius: 2px;
  background: rgba(12, 7, 4, 0.88);
  color: #efd8ae;
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-title-wrap {
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 9px;
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-signal {
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-color: color-mix(in srgb, var(--gt-tip-node-accent) 58%, #7f3512);
  border-radius: 1px;
  box-shadow: 0 0 9px color-mix(in srgb, var(--gt-tip-node-accent) 34%, rgba(255, 91, 8, 0.18));
  transform: rotate(45deg);
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-signal i {
  inset: 2px;
  border-radius: 0;
  background: var(--gt-tip-node-accent);
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-label,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-title {
  color: #f4ead8;
  font-family: Georgia, 'Times New Roman', 'Noto Serif TC', serif;
  font-weight: 700;
  letter-spacing: 0.025em;
  text-shadow: 0 1px 2px #000, 0 0 12px rgba(255, 135, 38, 0.12);
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-label {
  font-size: 14.5px;
  line-height: 1.42;
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-meta-tag {
  border: 1px solid rgba(178, 114, 47, 0.24);
  border-radius: 1px;
  background: linear-gradient(90deg, rgba(92, 39, 13, 0.28), rgba(20, 13, 8, 0.72));
  color: rgba(230, 199, 153, 0.63);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.025em;
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-meta-perspective {
  border-color: color-mix(in srgb, var(--gt-tip-node-accent) 34%, rgba(178, 114, 47, 0.18));
  background: color-mix(in srgb, var(--gt-tip-node-accent) 10%, rgba(20, 13, 8, 0.72));
  color: color-mix(in srgb, var(--gt-tip-node-accent) 68%, #d8b889);
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-reason { color: rgba(221, 207, 186, 0.68); }
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-reason-line {
  border-radius: 0;
  background: linear-gradient(#e7a84c, #7d2b0c, transparent);
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-actions,
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-related-section { border-top-color: rgba(164, 92, 31, 0.28); }
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-qm-btn,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .qm-action,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-gate-action {
  border: 1px solid rgba(199, 119, 44, 0.48);
  border-radius: 2px;
  background: linear-gradient(180deg, rgba(101, 43, 14, 0.65), rgba(21, 12, 7, 0.92));
  color: #ecd9b8;
  box-shadow: inset 0 1px rgba(255, 202, 122, 0.12), 0 5px 13px rgba(0, 0, 0, 0.38);
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-qm-btn:hover,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .qm-action:hover,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-gate-action:hover {
  border-color: rgba(255, 145, 52, 0.72);
  background: linear-gradient(180deg, rgba(134, 52, 13, 0.78), rgba(29, 14, 7, 0.96));
  box-shadow: inset 0 1px rgba(255, 215, 145, 0.16), 0 0 14px rgba(255, 102, 15, 0.2);
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-qm-icon,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-spark {
  border: 1px solid rgba(222, 141, 60, 0.42);
  border-radius: 1px;
  background: radial-gradient(circle, rgba(255, 135, 34, 0.22), rgba(35, 16, 7, 0.9));
  color: #ffc06d;
  text-shadow: 0 0 8px rgba(255, 126, 22, 0.54);
  transform: rotate(45deg);
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-qm-icon { margin: 2px; line-height: 1; }
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-spark { margin: 3px; }
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-related-heading { color: rgba(227, 188, 135, 0.56); }
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-related-heading i {
  border-radius: 0;
  transform: rotate(45deg);
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-related-video { border-radius: 1px; }
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-related-video:hover {
  border-color: rgba(209, 124, 46, 0.31);
  background: linear-gradient(90deg, rgba(111, 41, 11, 0.22), rgba(16, 10, 6, 0.5));
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-related-thumb {
  border: 1px solid rgba(187, 116, 48, 0.48);
  border-radius: 1px;
  filter: saturate(0.82) contrast(1.06);
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"][data-gt-node-state="available"] {
  box-shadow: 0 27px 68px rgba(0, 0, 0, 0.82), 0 0 38px rgba(255, 105, 12, 0.18), inset 0 0 40px rgba(0, 0, 0, 0.82) !important;
}
#gt-tooltip[data-gt-hover-theme="skilltree-forge"][data-gt-node-state="mastered"] {
  --gt-tip-accent: #e3b95f;
  filter: sepia(0.06) saturate(0.93);
}

.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] {
  --gt-sp-accent: #ff7a18;
  width: min(470px, calc(100vw - 24px));
  border: 0 !important;
  border-radius: 2px !important;
  background:
    radial-gradient(circle at 50% -5%, rgba(255, 121, 24, 0.14), transparent 36%),
    linear-gradient(158deg, rgba(17, 12, 8, 0.985), rgba(5, 5, 5, 0.995)),
    var(--gt-hover-texture-image) center / 280px auto repeat !important;
  background-blend-mode: normal, normal, luminosity;
  backdrop-filter: blur(17px) saturate(120%);
  -webkit-backdrop-filter: blur(17px) saturate(120%);
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.86), 0 0 36px rgba(255, 93, 10, 0.1), inset 0 0 45px #000 !important;
}
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"].visible,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"].flip-left.visible {
  animation: gt-skilltree-forge-reveal 0.28s cubic-bezier(.2, .8, .2, 1) both;
}
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-header {
  min-height: 61px;
  padding: 22px 32px 10px;
  border-bottom-color: rgba(173, 99, 36, 0.27);
  background: linear-gradient(180deg, rgba(28, 14, 7, 0.96), rgba(10, 8, 6, 0.76));
}
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-body { padding: 14px 32px 17px; }
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-footer {
  padding: 10px 32px 26px;
  border-top-color: rgba(173, 99, 36, 0.27);
  background: linear-gradient(0deg, rgba(24, 12, 6, 0.98), rgba(10, 8, 6, 0.78));
}
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-close {
  border-color: rgba(184, 113, 47, 0.34);
  border-radius: 1px;
  background: rgba(37, 19, 9, 0.82);
  color: rgba(228, 202, 163, 0.62);
}
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-context,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-thesis,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-point,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-scope,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-evidence {
  border-color: rgba(170, 100, 38, 0.3);
  border-radius: 2px;
  background: linear-gradient(145deg, rgba(77, 31, 10, 0.22), rgba(8, 7, 5, 0.76));
}
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-context,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-thesis,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-point {
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
  box-shadow: inset 0 0 22px rgba(0, 0, 0, 0.34);
}
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-thesis {
  border-color: rgba(223, 138, 53, 0.38);
  background:
    radial-gradient(circle at 12% 50%, rgba(255, 113, 21, 0.11), transparent 34%),
    linear-gradient(145deg, rgba(77, 31, 10, 0.3), rgba(8, 7, 5, 0.82));
}
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-context img {
  border: 1px solid rgba(197, 126, 53, 0.42);
  border-radius: 1px;
}
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-point-index,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-role,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-badge,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-empty-mark { border-radius: 1px; }
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-point-index,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-spark {
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  transform: none;
}
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-point-index {
  color: #ffd18a;
  background: radial-gradient(circle, rgba(255, 129, 27, 0.23), rgba(29, 13, 6, 0.94) 70%);
  text-shadow: 0 0 8px rgba(255, 112, 18, 0.58);
}
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-role,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-badge {
  border-color: rgba(203, 120, 45, 0.34);
  background: rgba(71, 27, 9, 0.46);
  color: #dca15e;
  letter-spacing: 0.09em;
}
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-evidence {
  border-style: solid;
  background: linear-gradient(90deg, rgba(82, 30, 9, 0.32), rgba(8, 7, 5, 0.78));
}
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-footer .qm-action {
  justify-content: center;
  min-height: 42px;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  border-color: rgba(231, 143, 54, 0.55) !important;
  background:
    linear-gradient(90deg, rgba(29, 13, 6, 0.98), rgba(122, 45, 11, 0.72) 50%, rgba(29, 13, 6, 0.98)) !important;
  color: #f3dfbd;
  font-family: Georgia, 'Times New Roman', 'Noto Serif TC', serif;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-shadow: 0 1px #000, 0 0 10px rgba(255, 127, 24, 0.28);
}
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-point-copy h4,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-thesis p { color: #eee2cf; }
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-point-copy p,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-context-copy small,
.gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-scope p { color: rgba(218, 202, 178, 0.62); }

@keyframes gt-skilltree-forge-reveal {
  from { opacity: 0; transform: translateY(8px) scale(0.975); filter: brightness(0.72); }
  62% { opacity: 1; filter: brightness(1.16); }
  to { opacity: 1; transform: none; filter: brightness(1); }
}
@media (max-width: 760px) {
  #gt-tooltip[data-gt-hover-theme="skilltree-forge"] { padding: 29px 27px 28px !important; }
  .gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-header { padding: 20px 28px 9px; }
  .gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-body { padding: 12px 28px 15px; }
  .gt-summary-panel[data-gt-hover-theme="skilltree-forge"] .gt-sp-footer { padding: 9px 28px 23px; }
}
@media (prefers-reduced-motion: reduce) {
  #gt-tooltip[data-gt-hover-theme="skilltree-forge"],
  .gt-summary-panel[data-gt-hover-theme="skilltree-forge"].visible,
  .gt-summary-panel[data-gt-hover-theme="skilltree-forge"].flip-left.visible { animation: none !important; }
  #gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-tip-play,
  #gt-tooltip[data-gt-hover-theme="skilltree-forge"] .gt-qm-icon { transition: none !important; }
}
/* ── Topology hover theme 02 · Pathfinder Cartographer Atlas ────────────
   Aged brass, teal enamel and parchment establish a navigational object,
   while the node perspective remains a small secondary route marker. */
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] {
  --gt-tip-accent: #35d5ad;
  --gt-tip-accent-secondary: #d8b568;
  width: min(364px, calc(100vw - 24px)) !important;
  max-width: min(364px, calc(100vw - 24px)) !important;
  padding: 39px 34px 35px !important;
  overflow-x: hidden;
  border: 0 !important;
  border-radius: 3px !important;
  background:
    linear-gradient(158deg, rgba(8, 45, 43, 0.94), rgba(4, 20, 21, 0.985) 58%, rgba(14, 12, 8, 0.985)),
    var(--gt-hover-texture-image) 51% 45% / 690px auto no-repeat !important;
  background-blend-mode: multiply, luminosity;
  backdrop-filter: blur(13px) saturate(116%) !important;
  -webkit-backdrop-filter: blur(13px) saturate(116%) !important;
  scrollbar-color: rgba(216, 181, 104, 0.55) transparent;
  box-shadow:
    0 28px 72px rgba(0, 0, 0, 0.72),
    0 0 34px rgba(29, 216, 174, 0.11),
    inset 0 0 45px rgba(1, 8, 8, 0.78) !important;
  animation: gt-pathfinder-atlas-reveal 0.26s cubic-bezier(.2, .78, .2, 1) both;
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"]::before { display: none; }
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"]::after,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"]::before {
  content: '';
  position: absolute;
  z-index: 20;
  inset: 0;
  box-sizing: border-box;
  border: 42px solid transparent;
  border-image-source: var(--gt-hover-frame-image);
  border-image-slice: 170;
  border-image-width: 42px;
  border-image-repeat: stretch;
  pointer-events: none;
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.82)) drop-shadow(0 0 6px rgba(55, 219, 179, 0.15));
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] > *,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] > * {
  position: relative;
  z-index: 2;
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-media {
  margin-bottom: 13px;
  border: 1px solid rgba(223, 190, 117, 0.54);
  border-radius: 2px;
  background: #061a1a;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
  box-shadow: 0 0 0 2px rgba(2, 16, 16, 0.92), 0 14px 28px rgba(0, 0, 0, 0.52), inset 0 0 24px rgba(51, 213, 175, 0.12);
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-media::after {
  content: '';
  position: absolute;
  inset: 5px;
  border: 1px solid rgba(225, 191, 113, 0.18);
  clip-path: inherit;
  pointer-events: none;
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-media-shade {
  background:
    linear-gradient(180deg, transparent 35%, rgba(2, 14, 14, 0.8)),
    linear-gradient(120deg, rgba(37, 215, 176, 0.1), transparent 48%);
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-play {
  left: 14px;
  bottom: 13px;
  width: 33px;
  height: 33px;
  border: 1px solid #e2c175;
  border-radius: 50%;
  background: radial-gradient(circle, #55e7c3 0 16%, #087a68 42%, #052923 72%);
  box-shadow: 0 0 0 3px rgba(207, 168, 84, 0.8), 0 0 0 5px rgba(3, 20, 19, 0.92), 0 0 15px rgba(42, 220, 178, 0.35), inset 0 0 8px rgba(218, 255, 244, 0.34);
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-play::after {
  content: '';
  position: absolute;
  inset: -9px;
  border: 1px dotted rgba(225, 190, 111, 0.5);
  border-radius: 50%;
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-play i { border-left-color: #06231d; }
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-duration {
  right: 12px;
  bottom: 12px;
  border-color: rgba(219, 182, 105, 0.46);
  border-radius: 1px;
  background: rgba(7, 24, 22, 0.9);
  color: #ead7a8;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-title-wrap {
  grid-template-columns: 15px minmax(0, 1fr);
  gap: 9px;
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-signal {
  width: 12px;
  height: 12px;
  margin-top: 4px;
  border-color: #d9b66a;
  border-radius: 0;
  box-shadow: 0 0 0 2px rgba(4, 32, 29, 0.9), 0 0 9px color-mix(in srgb, var(--gt-tip-node-accent) 30%, rgba(35, 211, 172, 0.2));
  transform: rotate(45deg);
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-signal i {
  inset: 3px;
  border-radius: 0;
  background: var(--gt-tip-node-accent);
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-label,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-title {
  color: #f0e5c9;
  font-family: Baskerville, 'Iowan Old Style', Georgia, 'Noto Serif TC', serif;
  font-weight: 700;
  letter-spacing: 0.035em;
  text-shadow: 0 1px 2px #000, 0 0 11px rgba(45, 211, 172, 0.1);
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-label { font-size: 14.5px; line-height: 1.42; }
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-meta-tag {
  border: 1px solid rgba(212, 174, 94, 0.29);
  border-radius: 1px;
  background: linear-gradient(90deg, rgba(23, 85, 73, 0.3), rgba(9, 24, 22, 0.76));
  color: rgba(231, 211, 168, 0.69);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.035em;
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-meta-perspective {
  border-color: color-mix(in srgb, var(--gt-tip-node-accent) 36%, rgba(212, 174, 94, 0.2));
  background: color-mix(in srgb, var(--gt-tip-node-accent) 9%, rgba(7, 26, 23, 0.78));
  color: color-mix(in srgb, var(--gt-tip-node-accent) 62%, #e0c991);
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-reason { color: rgba(222, 215, 192, 0.67); }
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-reason-line {
  border-radius: 0;
  background: repeating-linear-gradient(180deg, #d8b568 0 2px, transparent 2px 4px);
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-actions,
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-related-section { border-top-color: rgba(200, 162, 84, 0.28); }
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-related-heading { color: rgba(221, 195, 140, 0.62); }
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-tip-related-heading i {
  width: 8px;
  height: 8px;
  border: 1px solid #d9b76d;
  border-radius: 50%;
  background: #1ab18f;
  box-shadow: 0 0 0 2px #052c27;
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-related-video { border-radius: 1px; }
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-related-video:hover {
  border-color: rgba(202, 163, 82, 0.32);
  background: linear-gradient(90deg, rgba(18, 99, 82, 0.2), rgba(6, 23, 21, 0.56));
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-related-thumb {
  border: 1px solid rgba(207, 170, 91, 0.54);
  border-radius: 1px;
  filter: sepia(0.12) saturate(0.8) contrast(1.04);
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-qm-btn,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .qm-action,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-gate-action {
  border: 1px solid rgba(213, 176, 96, 0.54);
  border-radius: 1px;
  background: linear-gradient(180deg, rgba(20, 100, 82, 0.62), rgba(5, 28, 25, 0.94));
  color: #e9d8ae;
  box-shadow: inset 0 1px rgba(224, 255, 244, 0.12), 0 5px 13px rgba(0, 0, 0, 0.34);
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-qm-btn:hover,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .qm-action:hover,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-gate-action:hover {
  border-color: rgba(236, 203, 130, 0.76);
  background: linear-gradient(180deg, rgba(28, 133, 106, 0.72), rgba(6, 35, 30, 0.96));
  box-shadow: inset 0 1px rgba(230, 255, 248, 0.16), 0 0 14px rgba(40, 212, 172, 0.18);
}
#gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] .gt-qm-icon,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-spark {
  border: 1px solid rgba(225, 191, 113, 0.62);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(54, 220, 179, 0.27), rgba(4, 41, 35, 0.94));
  color: #62e4c3;
  box-shadow: 0 0 0 2px rgba(11, 42, 36, 0.9), 0 0 9px rgba(38, 212, 171, 0.2);
}

.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] {
  --gt-sp-accent: #35d5ad;
  width: min(476px, calc(100vw - 24px));
  border: 0 !important;
  border-radius: 3px !important;
  background:
    linear-gradient(158deg, rgba(9, 46, 43, 0.97), rgba(4, 21, 21, 0.992) 60%, rgba(15, 13, 8, 0.992)),
    var(--gt-hover-texture-image) 52% 47% / 840px auto no-repeat !important;
  background-blend-mode: multiply, luminosity;
  backdrop-filter: blur(15px) saturate(115%);
  -webkit-backdrop-filter: blur(15px) saturate(115%);
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.82), 0 0 36px rgba(40, 213, 173, 0.1), inset 0 0 48px rgba(0, 8, 8, 0.86) !important;
}
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"].visible,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"].flip-left.visible {
  animation: gt-pathfinder-atlas-reveal 0.3s cubic-bezier(.2, .78, .2, 1) both;
}
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-header {
  min-height: 65px;
  padding: 24px 35px 10px;
  border-bottom-color: rgba(202, 164, 86, 0.3);
  background: linear-gradient(180deg, rgba(8, 54, 47, 0.96), rgba(5, 27, 25, 0.8));
}
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-body { padding: 14px 35px 17px; }
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-footer {
  padding: 10px 35px 29px;
  border-top-color: rgba(202, 164, 86, 0.3);
  background: linear-gradient(0deg, rgba(7, 44, 38, 0.98), rgba(5, 27, 25, 0.8));
}
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-close {
  border-color: rgba(213, 175, 96, 0.42);
  border-radius: 50%;
  background: rgba(5, 49, 42, 0.88);
  color: rgba(235, 218, 181, 0.7);
}
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-context,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-thesis,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-point,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-scope,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-evidence {
  border-color: rgba(201, 164, 87, 0.31);
  border-radius: 2px;
  background:
    linear-gradient(145deg, rgba(28, 104, 88, 0.2), rgba(5, 23, 21, 0.8)),
    repeating-linear-gradient(0deg, transparent 0 23px, rgba(217, 185, 117, 0.025) 23px 24px);
}
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-context,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-thesis,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-point {
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
  box-shadow: inset 0 0 22px rgba(0, 0, 0, 0.3);
}
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-thesis {
  border-color: rgba(223, 187, 107, 0.42);
  background: radial-gradient(circle at 10% 50%, rgba(43, 213, 172, 0.13), transparent 34%), linear-gradient(145deg, rgba(28, 104, 88, 0.25), rgba(5, 23, 21, 0.84));
}
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-context img {
  border: 1px solid rgba(211, 174, 96, 0.5);
  border-radius: 1px;
  filter: sepia(0.1) saturate(0.8);
}
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-point {
  position: relative;
  margin-left: 8px;
}
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-point::before {
  content: '';
  position: absolute;
  left: -9px;
  top: 28px;
  bottom: -17px;
  width: 1px;
  background: repeating-linear-gradient(180deg, rgba(215, 179, 100, 0.55) 0 3px, transparent 3px 6px);
}
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-point:last-of-type::before { display: none; }
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-point-index {
  border: 1px solid rgba(222, 187, 108, 0.58);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(46, 213, 172, 0.23), rgba(3, 40, 34, 0.94) 70%);
  color: #6ce6c7;
  box-shadow: 0 0 0 2px rgba(5, 29, 26, 0.95), 0 0 8px rgba(44, 210, 171, 0.22);
}
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-role,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-badge {
  border-color: rgba(205, 168, 91, 0.36);
  border-radius: 1px;
  background: rgba(13, 76, 64, 0.48);
  color: #d8bd7d;
  letter-spacing: 0.09em;
}
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-point-copy h4,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-thesis p { color: #efe5cc; }
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-point-copy p,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-context-copy small,
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-scope p { color: rgba(220, 214, 193, 0.66); }
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-evidence {
  border-style: solid;
  background: linear-gradient(90deg, rgba(21, 101, 83, 0.31), rgba(5, 24, 21, 0.8));
}
.gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-footer .qm-action {
  justify-content: center;
  min-height: 42px;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  border-color: rgba(226, 190, 109, 0.61) !important;
  background: linear-gradient(90deg, rgba(5, 37, 32, 0.98), rgba(26, 118, 96, 0.72) 50%, rgba(5, 37, 32, 0.98)) !important;
  color: #f0e1bd;
  font-family: Baskerville, 'Iowan Old Style', Georgia, 'Noto Serif TC', serif;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-shadow: 0 1px #000, 0 0 10px rgba(40, 213, 173, 0.24);
}

@keyframes gt-pathfinder-atlas-reveal {
  from { opacity: 0; transform: translateY(7px) scale(0.977); filter: brightness(0.8) saturate(0.72); }
  58% { opacity: 1; filter: brightness(1.08) saturate(1.08); }
  to { opacity: 1; transform: none; filter: brightness(1) saturate(1); }
}
@media (max-width: 760px) {
  #gt-tooltip[data-gt-hover-theme="pathfinder-atlas"] { padding: 36px 30px 32px !important; }
  .gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-header { padding: 22px 31px 9px; }
  .gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-body { padding: 12px 31px 15px; }
  .gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"] .gt-sp-footer { padding: 9px 31px 25px; }
}
@media (prefers-reduced-motion: reduce) {
  #gt-tooltip[data-gt-hover-theme="pathfinder-atlas"],
  .gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"].visible,
  .gt-summary-panel[data-gt-hover-theme="pathfinder-atlas"].flip-left.visible { animation: none !important; }
}

/* ── Topology hover theme 03 · Discovery Map Hydrographic Atlas ───────
   Uses the topology's own brass HUD and contour-map substrate. Navigation
   ticks, survey pins, and the arrival seal make this a discovery instrument,
   not a recolored Pathfinder panel. */
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] {
  width: 378px !important;
  padding: 31px 28px 30px !important;
  border: 34px solid transparent !important;
  border-image-source: var(--gt-hover-frame-image);
  border-image-slice: 86 118 fill;
  border-image-width: 34px 42px;
  border-image-repeat: stretch;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(7, 22, 28, 0.85), rgba(3, 12, 18, 0.96)),
    var(--gt-hover-texture-image) center / cover no-repeat !important;
  box-shadow:
    0 22px 56px rgba(0, 0, 0, 0.74),
    0 0 30px rgba(44, 178, 196, 0.12),
    inset 0 0 32px rgba(35, 155, 171, 0.08) !important;
  color: #efe6cd;
  isolation: isolate;
  animation: gt-discoverymap-atlas-reveal 0.28s cubic-bezier(.18, .82, .2, 1) both;
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"]::before { display: none; }
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"]::after,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"]::before {
  content: "";
  position: absolute;
  inset: 18px 22px;
  z-index: 0;
  pointer-events: none;
  opacity: 0.68;
  background:
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(83, 195, 208, .22) 50%, transparent calc(50% + .5px)) 0 15px / 100% 9px no-repeat,
    linear-gradient(rgba(83, 195, 208, .28), rgba(83, 195, 208, .28)) left top / 16px 1px no-repeat,
    linear-gradient(rgba(83, 195, 208, .28), rgba(83, 195, 208, .28)) right top / 16px 1px no-repeat,
    radial-gradient(circle, #e7bd68 0 2px, rgba(231, 189, 104, .28) 2.5px 4px, transparent 4.5px) left 5px bottom 5px / 10px 10px no-repeat,
    radial-gradient(circle, #e7bd68 0 2px, rgba(231, 189, 104, .28) 2.5px 4px, transparent 4.5px) right 5px bottom 5px / 10px 10px no-repeat;
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] > *,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] > * { position: relative; z-index: 1; }
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-media {
  min-height: 172px;
  border: 1px solid rgba(210, 168, 86, .58);
  border-radius: 2px;
  background: #06151b;
  box-shadow: 0 0 0 3px rgba(12, 46, 52, .76), 0 0 0 4px rgba(217, 174, 89, .24), inset 0 0 18px rgba(0, 0, 0, .72);
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0 calc(100% - 11px), 0 11px);
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 49.7%, rgba(77, 196, 210, .34) 50%, transparent 50.3%),
    linear-gradient(transparent 49.7%, rgba(77, 196, 210, .25) 50%, transparent 50.3%),
    radial-gradient(circle at 50% 50%, transparent 0 37%, rgba(75, 190, 202, .22) 37.6% 38.1%, transparent 38.7%);
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-media-shade {
  background: linear-gradient(180deg, rgba(4, 18, 24, .06) 38%, rgba(3, 13, 18, .8));
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-play {
  width: 50px;
  height: 50px;
  border: 2px solid #dfb35f;
  border-radius: 50%;
  background: radial-gradient(circle, #e7d39a 0 8%, #3bb9c9 9% 42%, #0b333a 44% 66%, #c69a4e 68% 73%, #07161c 75%);
  box-shadow: 0 0 0 5px rgba(12, 62, 67, .54), 0 0 20px rgba(65, 199, 218, .34);
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-play::before,
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-play::after {
  content: "";
  position: absolute;
  background: #dfb35f;
  opacity: .78;
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-play::before { width: 64px; height: 1px; left: -9px; top: 23px; }
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-play::after { width: 1px; height: 64px; left: 23px; top: -9px; }
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-play i { z-index: 1; border-left-color: #06161b; }
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-duration {
  right: 10px;
  bottom: 9px;
  border: 1px solid rgba(213, 174, 94, .52);
  border-radius: 1px;
  background: rgba(3, 17, 22, .9);
  color: #ead7aa;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-title-wrap { margin-top: 14px; align-items: flex-start; }
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-signal {
  width: 17px;
  height: 17px;
  margin-top: 2px;
  border: 1px solid #e0b45f;
  border-radius: 50%;
  background: #0b3439;
  box-shadow: 0 0 0 3px rgba(46, 173, 188, .13), inset 0 0 0 3px #06191e;
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-signal i {
  width: 5px; height: 5px; border: 0; border-radius: 50%; background: #e6bf6c; transform: none;
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-label,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-title {
  color: #f3e8cb;
  font-family: Baskerville, Georgia, "Noto Serif TC", serif;
  font-weight: 700;
  letter-spacing: .025em;
  text-shadow: 0 2px 8px #000, 0 0 13px rgba(44, 184, 200, .18);
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-label { font-size: 15px; line-height: 1.42; }
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-meta-tag {
  border: 1px solid rgba(206, 165, 84, .35);
  border-radius: 0;
  background: linear-gradient(90deg, rgba(12, 62, 67, .48), rgba(6, 24, 30, .7));
  color: #d8c69f;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .04em;
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-meta-perspective {
  border-color: rgba(var(--gt-tip-node-accent-rgb, 96,165,250), .34);
  color: color-mix(in srgb, var(--gt-tip-node-accent) 56%, #f6e8c4 44%);
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-reason { color: rgba(224, 216, 193, .7); }
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-reason-line { background: linear-gradient(180deg, #e1b65f, #35b6c7); }
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-actions,
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-related-section { border-top-color: rgba(202, 163, 85, .28); }
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-related-heading {
  color: rgba(231, 204, 146, .66);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .13em;
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-tip-related-heading i {
  width: 12px; height: 12px; border: 1px solid #ddb15c; border-radius: 50%; background: #0c4b50; box-shadow: inset 0 0 0 3px #071a20, 0 0 9px rgba(48, 186, 200, .35); transform: none;
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-related-video { border-radius: 1px; }
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-related-video:hover { background: linear-gradient(90deg, rgba(46, 169, 181, .13), rgba(210, 169, 86, .08)); }
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-related-thumb { border: 1px solid rgba(213, 173, 89, .3); border-radius: 1px; filter: saturate(.76) contrast(1.05) sepia(.08); }
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-qm-btn,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .qm-action,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-gate-action {
  border: 1px solid rgba(218, 176, 91, .5);
  border-radius: 1px;
  background: linear-gradient(180deg, rgba(16, 83, 89, .78), rgba(7, 34, 41, .92));
  color: #f0dfb7;
  box-shadow: inset 0 1px rgba(108, 221, 226, .13), 0 5px 14px rgba(0, 0, 0, .3);
}
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-qm-btn:hover,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .qm-action:hover,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-gate-action:hover { border-color: #e2bb69; background: linear-gradient(180deg, rgba(26, 118, 123, .86), rgba(8, 51, 58, .96)); }
#gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-qm-icon,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-spark {
  border: 1px solid #e0b65e; border-radius: 50%; color: #f0d593; background: #0b4147; box-shadow: inset 0 0 0 3px #061a1f, 0 0 10px rgba(56, 193, 205, .32); transform: none;
}

.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] {
  width: 488px;
  border: 38px solid transparent;
  border-image-source: var(--gt-hover-frame-image);
  border-image-slice: 86 118 fill;
  border-image-width: 38px 46px;
  border-image-repeat: stretch;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(6, 22, 28, .9), rgba(3, 13, 18, .98)),
    var(--gt-hover-texture-image) center / cover no-repeat !important;
  box-shadow: 0 24px 68px rgba(0, 0, 0, .8), 0 0 38px rgba(48, 183, 198, .12), inset 0 0 38px rgba(38, 164, 180, .07) !important;
  isolation: isolate;
}
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"].visible,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"].flip-left.visible { animation: gt-discoverymap-atlas-reveal .3s cubic-bezier(.18, .82, .2, 1) both; }
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"]::before { inset: 18px 24px; }
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-header {
  padding: 17px 29px 11px;
  border-bottom: 1px solid rgba(210, 169, 86, .3);
  background: linear-gradient(180deg, rgba(13, 64, 70, .42), rgba(5, 25, 31, .1));
}
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-body { padding: 14px 31px 17px; }
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-footer {
  padding: 10px 31px 21px;
  border-top-color: rgba(210, 169, 86, .3);
  background: linear-gradient(180deg, rgba(5, 23, 29, .08), rgba(8, 42, 47, .44));
}
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-close { border: 1px solid rgba(213, 173, 91, .4); border-radius: 50%; background: rgba(6, 25, 31, .8); color: #d9c291; }
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-context,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-thesis,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-point,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-scope,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-evidence {
  border-color: rgba(211, 171, 89, .29);
  border-radius: 1px;
  background:
    linear-gradient(135deg, rgba(33, 131, 141, .1), transparent 40%),
    rgba(4, 19, 25, .68);
}
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-context,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-thesis,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-point { box-shadow: inset 3px 0 rgba(55, 188, 201, .24); }
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-thesis { border-left-color: #dfb35f; }
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-context img { border: 1px solid rgba(216, 178, 98, .5); border-radius: 50%; filter: saturate(.78) contrast(1.08); }
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-point { position: relative; }
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-point::after {
  content: ""; position: absolute; right: 10px; top: 10px; width: 24px; height: 24px; opacity: .27;
  background: radial-gradient(circle, #e2b85f 0 2px, transparent 2.5px 7px, #41c7da 7.5px 8.2px, transparent 8.7px), linear-gradient(90deg, transparent 48%, #dfb35f 48% 52%, transparent 52%), linear-gradient(transparent 48%, #dfb35f 48% 52%, transparent 52%);
}
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-point-index { border: 1px solid #dcb15d; border-radius: 50%; background: #0a3a40; color: #eed08d; box-shadow: inset 0 0 0 3px #06191e; }
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-role,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-badge { border-color: rgba(212, 172, 89, .36); border-radius: 1px; background: rgba(15, 68, 73, .55); color: #ddc58e; letter-spacing: .07em; }
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-point-copy h4,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-thesis p { color: #f0e6cb; }
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-point-copy p,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-context-copy small,
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-scope p { color: rgba(220, 215, 196, .68); }
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-evidence { color: #d8c89f; }
.gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-footer .qm-action { width: 100%; font-family: Baskerville, Georgia, "Noto Serif TC", serif; font-weight: 700; letter-spacing: .06em; }

@keyframes gt-discoverymap-atlas-reveal {
  from { opacity: 0; transform: translateY(6px) scale(.98); filter: brightness(.78) saturate(.72); }
  60% { opacity: 1; filter: brightness(1.08) saturate(1.05); }
  to { opacity: 1; transform: none; filter: brightness(1) saturate(1); }
}
@media (max-width: 760px) {
  #gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"] { padding: 31px 26px 29px !important; }
  .gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-header { padding: 17px 27px 10px; }
  .gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-body { padding: 12px 27px 15px; }
  .gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"] .gt-sp-footer { padding: 9px 27px 21px; }
}
@media (prefers-reduced-motion: reduce) {
  #gt-tooltip[data-gt-hover-theme="discoverymap-hydrographic-atlas"],
  .gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"].visible,
  .gt-summary-panel[data-gt-hover-theme="discoverymap-hydrographic-atlas"].flip-left.visible { animation: none !important; }
}

/* ── Topology hover theme 04 · Timeline Chronometer Archive ────────── */
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] {
  width: 382px !important;
  padding: 38px 31px 33px !important;
  border: 42px solid transparent !important;
  border-image-source: var(--gt-hover-frame-image);
  border-image-slice: 168 fill;
  border-image-width: 48px;
  border-image-repeat: stretch;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(4, 18, 17, .82), rgba(2, 9, 11, .97)),
    var(--gt-hover-texture-image) center / cover no-repeat !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.82), 0 0 34px rgba(51,225,185,.15), inset 0 0 36px rgba(43,201,166,.08) !important;
  color: #f0ead6;
  isolation: isolate;
  animation: gt-timeline-chronometer-reveal .34s cubic-bezier(.16,.84,.18,1) both;
}
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"]::before { display:none; }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"]::after,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"]::before {
  content:""; position:absolute; inset:25px; z-index:0; pointer-events:none; opacity:.62;
  background:
    repeating-linear-gradient(90deg, rgba(221,187,112,.42) 0 1px, transparent 1px 16px) center top / calc(100% - 50px) 5px no-repeat,
    linear-gradient(90deg, transparent, rgba(61,225,187,.32), transparent) center 7px / calc(100% - 24px) 1px no-repeat,
    radial-gradient(circle, #48e1bd 0 2px, rgba(72,225,189,.2) 3px 6px, transparent 6.5px) left bottom / 14px 14px no-repeat,
    radial-gradient(circle, #48e1bd 0 2px, rgba(72,225,189,.2) 3px 6px, transparent 6.5px) right bottom / 14px 14px no-repeat;
}
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] > *,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] > * { position:relative; z-index:1; }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-media {
  min-height:172px; border:1px solid rgba(218,182,105,.52); border-radius:1px; background:#04100f;
  box-shadow:0 0 0 3px rgba(7,44,38,.74),0 0 0 4px rgba(68,225,187,.2),inset 0 0 22px #000;
  clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);
}
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-media::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(226,193,119,.22) 22px 23px,transparent 23px 44px) bottom / 100% 8px no-repeat,linear-gradient(180deg,transparent 66%,rgba(4,21,18,.82));
}
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-media-shade { background:linear-gradient(180deg,rgba(2,10,10,.05) 36%,rgba(2,11,10,.82)); }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-play {
  width:48px;height:48px;border:1px solid #e0bd72;border-radius:50%;
  background:radial-gradient(circle,#dcfff5 0 5%,#48e2be 6% 24%,#0a4f41 26% 49%,#d9b66a 51% 56%,#041512 58%);
  box-shadow:0 0 0 5px rgba(15,76,63,.5),0 0 22px rgba(62,230,191,.4);
}
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-play::before,
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-play::after { content:"";position:absolute;left:20px;width:6px;height:13px;border:1px solid #f2d795;clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%,40% 50%); }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-play::before { top:6px; }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-play::after { bottom:6px;transform:rotate(180deg); }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-play i { display:none; }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-duration { right:9px;bottom:10px;border:1px solid rgba(218,183,108,.5);border-radius:0;background:rgba(2,14,13,.9);color:#ebd39c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-title-wrap { margin-top:14px;align-items:flex-start; }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-signal { width:18px;height:18px;margin-top:1px;border:1px solid #dcb970;border-radius:50%;background:conic-gradient(from 0deg,#42e0bb 0 8%,#092a24 8% 25%,#42e0bb 25% 28%,#092a24 28% 50%,#42e0bb 50% 53%,#092a24 53% 75%,#42e0bb 75% 78%,#092a24 78%);box-shadow:inset 0 0 0 4px #061713,0 0 10px rgba(61,224,187,.25); }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-signal i { width:4px;height:4px;border:0;border-radius:50%;background:#f0d698;transform:none; }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-label,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-title { color:#f3ead2;font-family:Baskerville,Georgia,"Noto Serif TC",serif;font-weight:700;letter-spacing:.03em;text-shadow:0 2px 8px #000,0 0 12px rgba(61,225,187,.17); }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-label { font-size:15px;line-height:1.42; }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-meta-tag { border:1px solid rgba(216,180,104,.36);border-radius:0;background:linear-gradient(90deg,rgba(8,58,48,.62),rgba(3,25,22,.75));color:#ddcc9f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em; }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-meta-perspective { color:color-mix(in srgb,var(--gt-tip-node-accent) 55%,#f5e8c8 45%); }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-reason { color:rgba(224,219,199,.7); }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-reason-line { background:linear-gradient(180deg,#e0bb70,#3ee6bf); }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-actions,
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-related-section { border-top-color:rgba(216,180,104,.29); }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-related-heading { color:rgba(230,204,151,.66);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em; }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-tip-related-heading i { width:13px;height:13px;border:1px solid #d9b66a;border-radius:50%;background:radial-gradient(circle,#e8cf92 0 2px,#0a4237 2.5px 5px,#3ee6bf 5.5px 6px,transparent 6.5px);box-shadow:0 0 10px rgba(62,230,191,.28);transform:none; }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-related-video { border-radius:1px; }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-related-video:hover { background:linear-gradient(90deg,rgba(55,204,169,.12),rgba(216,181,106,.07)); }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-related-thumb { border:1px solid rgba(216,181,105,.32);border-radius:1px;filter:saturate(.72) sepia(.12) contrast(1.06); }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-qm-btn,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .qm-action,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-gate-action { border:1px solid rgba(220,184,108,.5);border-radius:1px;background:linear-gradient(180deg,rgba(12,82,67,.8),rgba(4,36,31,.94));color:#f0dfb5;box-shadow:inset 0 1px rgba(115,245,211,.13),0 5px 15px rgba(0,0,0,.32); }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-qm-btn:hover,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .qm-action:hover { border-color:#e6c377;background:linear-gradient(180deg,rgba(19,112,91,.88),rgba(6,51,42,.98)); }
#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"] .gt-qm-icon,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-spark { border:1px solid #dab76e;border-radius:50%;color:#efffd9;background:#0a483b;box-shadow:inset 0 0 0 3px #041713,0 0 11px rgba(61,226,187,.34);transform:none; }

.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] {
  width:492px;border:46px solid transparent;border-image-source:var(--gt-hover-frame-image);border-image-slice:168 fill;border-image-width:52px;border-image-repeat:stretch;border-radius:0!important;
  background:linear-gradient(180deg,rgba(4,18,16,.88),rgba(2,9,10,.98)),var(--gt-hover-texture-image) center/cover no-repeat!important;
  box-shadow:0 26px 72px rgba(0,0,0,.84),0 0 42px rgba(53,219,182,.14),inset 0 0 42px rgba(47,198,165,.08)!important;isolation:isolate;
}
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"].visible,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"].flip-left.visible { animation:gt-timeline-chronometer-reveal .36s cubic-bezier(.16,.84,.18,1) both; }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"]::before { inset:27px; }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-header { padding:18px 30px 11px;border-bottom:1px solid rgba(217,181,105,.3);background:linear-gradient(180deg,rgba(10,66,55,.4),rgba(3,24,21,.08)); }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-body { padding:14px 33px 17px; }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-footer { padding:10px 33px 23px;border-top-color:rgba(217,181,105,.3);background:linear-gradient(180deg,rgba(3,22,19,.08),rgba(8,53,44,.42)); }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-close { border:1px solid rgba(217,182,107,.4);border-radius:50%;background:rgba(3,23,20,.82);color:#dec993; }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-context,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-thesis,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-point,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-scope,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-evidence { border-color:rgba(216,180,104,.28);border-radius:1px;background:linear-gradient(135deg,rgba(45,189,157,.09),transparent 42%),rgba(3,18,17,.7); }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-context,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-thesis,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-point { box-shadow:inset 3px 0 rgba(61,224,187,.25); }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-thesis { border-left-color:#d9b66a; }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-context img { border:1px solid rgba(219,184,108,.5);border-radius:50%;filter:saturate(.7) sepia(.14) contrast(1.08); }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-point { position:relative; }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-point::before { content:"";position:absolute;left:23px;top:39px;bottom:-11px;width:1px;background:linear-gradient(#3ee6bf,rgba(62,230,191,.08)); }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-point:last-of-type::before { display:none; }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-point-index { border:1px solid #d9b66a;border-radius:50%;background:#0a463a;color:#f0d899;box-shadow:inset 0 0 0 3px #041713; }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-role,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-badge { border-color:rgba(216,180,103,.36);border-radius:1px;background:rgba(11,68,57,.54);color:#dec893;letter-spacing:.07em; }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-point-copy h4,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-thesis p { color:#f0e9d5; }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-point-copy p,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-context-copy small,
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-scope p { color:rgba(222,217,198,.68); }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-evidence { color:#d9c9a2; }
.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-footer .qm-action { width:100%;font-family:Baskerville,Georgia,"Noto Serif TC",serif;font-weight:700;letter-spacing:.07em; }
@keyframes gt-timeline-chronometer-reveal { from{opacity:0;transform:translateY(8px) scale(.975);filter:brightness(.72) saturate(.68)} 56%{opacity:1;filter:brightness(1.1) saturate(1.08)} to{opacity:1;transform:none;filter:brightness(1) saturate(1)} }
@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"]{padding:37px 29px 31px!important}.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-header{padding:18px 29px 10px}.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-body{padding:12px 29px 15px}.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"] .gt-sp-footer{padding:9px 29px 22px}}
@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="timeline-chronometer-archive"],.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"].visible,.gt-summary-panel[data-gt-hover-theme="timeline-chronometer-archive"].flip-left.visible{animation:none!important}}

/* ── Topology hover theme 05 · Cycle Living Habitat ───────────────── */
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] {
  width:380px!important;padding:42px 34px 37px!important;border:48px solid transparent!important;
  border-image-source:var(--gt-hover-frame-image);border-image-slice:225;border-image-width:56px;border-image-repeat:stretch;border-radius:0!important;
  background:linear-gradient(180deg,rgba(4,18,16,.78),rgba(2,10,12,.97)),var(--gt-hover-texture-image) center/cover no-repeat!important;
  box-shadow:0 26px 68px rgba(0,0,0,.82),0 0 38px rgba(84,230,207,.16),inset 0 0 42px rgba(102,226,166,.08)!important;color:#edf0da;isolation:isolate;
  background-clip:padding-box!important;
  animation:gt-cycle-habitat-reveal .38s cubic-bezier(.16,.84,.18,1) both;
}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"]::before{display:none}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"]::after,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"]::before{content:"";position:absolute;inset:30px;z-index:0;pointer-events:none;opacity:.6;background:radial-gradient(circle,#d9f58c 0 2px,rgba(130,244,204,.22) 2.5px 6px,transparent 6.5px) left top/14px 14px no-repeat,radial-gradient(circle,#d9f58c 0 2px,rgba(130,244,204,.22) 2.5px 6px,transparent 6.5px) right top/14px 14px no-repeat,linear-gradient(90deg,transparent,rgba(98,232,191,.3),transparent) center top 7px/calc(100% - 60px) 1px no-repeat}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"]>*,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-media{min-height:170px;border:1px solid rgba(169,205,105,.45);border-radius:45% 45% 3px 3px/22% 22% 3px 3px;background:#041310;box-shadow:0 0 0 3px rgba(8,48,38,.74),0 0 0 4px rgba(82,224,194,.18),inset 0 0 24px #000;overflow:hidden}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0 32%,rgba(84,230,207,.24) 32.5% 33%,transparent 33.5%),conic-gradient(from 20deg at 50% 50%,transparent 0 19%,rgba(184,214,108,.16) 20% 21%,transparent 22% 45%,rgba(84,230,207,.14) 46% 47%,transparent 48%)}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-media-shade{background:linear-gradient(180deg,rgba(2,12,10,.03) 35%,rgba(2,12,11,.82))}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-play{width:52px;height:52px;border:1px solid #c6df79;border-radius:50%;background:radial-gradient(circle,#eaffd5 0 5%,#56e4cb 6% 25%,#0a5041 27% 48%,#b7d366 50% 56%,#041713 58%);box-shadow:0 0 0 5px rgba(19,87,67,.5),0 0 23px rgba(84,230,207,.42)}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-play::after{content:"↻";position:absolute;inset:0;display:grid;place-items:center;color:#efffda;font:700 24px/1 Georgia,serif;text-shadow:0 0 10px #4be1c6}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-play i{display:none}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-duration{right:10px;bottom:9px;border:1px solid rgba(180,211,111,.48);border-radius:9px;background:rgba(3,18,15,.9);color:#e3edae;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-title-wrap{margin-top:14px;align-items:flex-start}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-signal{width:18px;height:18px;margin-top:1px;border:1px solid #b9d56a;border-radius:50%;background:conic-gradient(#54e6cf 0 31%,#12372d 32% 65%,#b9d56a 66% 83%,#12372d 84%);box-shadow:inset 0 0 0 4px #061813,0 0 11px rgba(84,230,207,.3)}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-signal i{width:4px;height:4px;border:0;border-radius:50%;background:#eff8bd;transform:none}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-title{color:#f1eed7;font-family:Baskerville,Georgia,"Noto Serif TC",serif;font-weight:700;letter-spacing:.03em;text-shadow:0 2px 8px #000,0 0 13px rgba(88,227,199,.18)}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-label{font-size:15px;line-height:1.42}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-meta-tag{border:1px solid rgba(177,207,106,.34);border-radius:10px 2px 10px 2px;background:linear-gradient(90deg,rgba(12,68,52,.56),rgba(5,29,25,.72));color:#dbe4ae}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-meta-perspective{color:color-mix(in srgb,var(--gt-tip-node-accent) 54%,#f0efca 46%)}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-reason{color:rgba(222,225,201,.71)}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-reason-line{background:linear-gradient(180deg,#b9d56a,#54e6cf)}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-related-section{border-top-color:rgba(176,207,106,.27)}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-related-heading{color:rgba(208,225,154,.68);letter-spacing:.12em}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-tip-related-heading i{width:14px;height:14px;border:1px solid #b9d56a;border-radius:50%;background:conic-gradient(#54e6cf 0 38%,#0b4034 39% 69%,#b9d56a 70%);box-shadow:inset 0 0 0 3px #061813,0 0 10px rgba(84,230,207,.3);transform:none}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-related-video{border-radius:12px 2px}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(82,212,178,.13),rgba(177,207,106,.08))}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-related-thumb{border:1px solid rgba(180,210,111,.32);border-radius:12px 2px;filter:saturate(.78) contrast(1.06)}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .qm-action,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-gate-action{border:1px solid rgba(186,215,112,.48);border-radius:14px 3px;background:linear-gradient(180deg,rgba(18,91,68,.82),rgba(5,40,33,.95));color:#edf2c8;box-shadow:inset 0 1px rgba(133,248,213,.14),0 5px 15px rgba(0,0,0,.3)}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .qm-action:hover{border-color:#cce47e;background:linear-gradient(180deg,rgba(24,122,91,.9),rgba(7,56,45,.98))}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-spark{border:1px solid #bad76d;border-radius:50%;color:#f0ffd9;background:#0b4a3b;box-shadow:inset 0 0 0 3px #051813,0 0 12px rgba(84,230,207,.36);transform:none}
.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"]{width:492px;border:52px solid transparent;border-image-source:var(--gt-hover-frame-image);border-image-slice:225;border-image-width:61px;border-image-repeat:stretch;border-radius:0!important;background:linear-gradient(180deg,rgba(4,18,16,.86),rgba(2,9,11,.98)),var(--gt-hover-texture-image) center/cover no-repeat!important;background-clip:padding-box!important;box-shadow:0 28px 74px rgba(0,0,0,.84),0 0 44px rgba(84,230,207,.15),inset 0 0 44px rgba(96,223,171,.08)!important;isolation:isolate}
.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"].visible,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"].flip-left.visible{animation:gt-cycle-habitat-reveal .4s cubic-bezier(.16,.84,.18,1) both}
.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"]::before{inset:31px}
.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-header{padding:17px 31px 11px;border-bottom:1px solid rgba(177,208,107,.28);background:linear-gradient(180deg,rgba(12,70,53,.4),rgba(4,26,22,.08))}
.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-body{padding:14px 34px 17px}.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-footer{padding:10px 34px 24px;border-top-color:rgba(178,209,108,.28);background:linear-gradient(180deg,rgba(4,24,20,.08),rgba(9,58,45,.42))}
.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-close{border:1px solid rgba(182,211,110,.4);border-radius:50%;background:rgba(4,27,22,.82);color:#dae5a9}
.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-evidence{border-color:rgba(177,208,106,.27);border-radius:15px 3px;background:linear-gradient(135deg,rgba(66,196,151,.1),transparent 43%),rgba(3,19,16,.7)}
.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-point{box-shadow:inset 3px 0 rgba(84,230,207,.25)}.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-thesis{border-left-color:#b9d56a}.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-context img{border:1px solid rgba(188,217,115,.48);border-radius:50%;filter:saturate(.82) contrast(1.06)}
.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-point{position:relative}.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-point::after{content:"↻";position:absolute;right:12px;top:9px;color:rgba(84,230,207,.3);font:700 22px/1 Georgia,serif}.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-point-index{border:1px solid #b9d56a;border-radius:50%;background:#0b493a;color:#edf5ba;box-shadow:inset 0 0 0 3px #051813}.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-badge{border-color:rgba(180,211,109,.35);border-radius:10px 2px;background:rgba(13,71,54,.55);color:#dbe5aa;letter-spacing:.06em}.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-thesis p{color:#eff0d8}.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-scope p{color:rgba(220,224,198,.68)}.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-evidence{color:#d8dca8}.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-footer .qm-action{width:100%;font-family:Baskerville,Georgia,"Noto Serif TC",serif;font-weight:700;letter-spacing:.06em}
@keyframes gt-cycle-habitat-reveal{from{opacity:0;transform:translateY(8px) scale(.975);filter:brightness(.74) saturate(.7)}58%{opacity:1;filter:brightness(1.09) saturate(1.08)}to{opacity:1;transform:none;filter:brightness(1) saturate(1)}}
@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"]{padding:40px 30px 34px!important}.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-header{padding:17px 29px 10px}.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-body{padding:12px 29px 15px}.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] .gt-sp-footer{padding:9px 29px 23px}}
@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"],.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"].visible,.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"].flip-left.visible{animation:none!important}}

/* The habitat frame is organic, not nine-slice metalwork. Preserve its exact
   silhouette as a full-surface overlay and keep the dark reading chamber
   inside the vines, otherwise edge pixels stretch into a rectangular band. */
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"] {
  padding:48px 43px 44px!important;
  border:0!important;
  background:transparent!important;
  background-clip:border-box!important;
  box-shadow:none!important;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.78)) drop-shadow(0 0 16px rgba(84,230,207,.13));
}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"]::before,
.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"]::before {
  display:block;
  content:"";
  position:absolute;
  inset:42px 34px 36px;
  z-index:2;
  opacity:1;
  border:1px solid rgba(166,205,102,.23);
  border-radius:42px 42px 16px 16px/30px 30px 12px 12px;
  background:linear-gradient(180deg,rgba(4,22,18,.9),rgba(2,10,12,.98)),var(--gt-hover-texture-image) center/cover no-repeat;
  box-shadow:inset 0 0 42px rgba(84,230,207,.08),0 16px 40px rgba(0,0,0,.48);
}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"]::after,
.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"]::after {
  display:block;
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:1;
  background:var(--gt-hover-frame-image) center/100% 100% no-repeat;
}
#gt-tooltip[data-gt-hover-theme="cycle-living-habitat"]>* ,
.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"]>* { z-index:3; }
.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"] {
  border:0!important;
  padding:46px 40px 41px;
  background:transparent!important;
  background-clip:border-box!important;
  box-shadow:none!important;
  filter:drop-shadow(0 26px 31px rgba(0,0,0,.8)) drop-shadow(0 0 18px rgba(84,230,207,.14));
}
.gt-summary-panel[data-gt-hover-theme="cycle-living-habitat"]::before { inset:43px 35px 37px; }

/* ── Topology hover theme 06 · Pattern Atlas Observatory Lens ─────── */
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"]{width:382px!important;padding:36px 31px 32px!important;border:40px solid transparent!important;border-image-source:var(--gt-hover-frame-image);border-image-slice:136 fill;border-image-width:45px;border-image-repeat:stretch;border-radius:0!important;background:linear-gradient(180deg,rgba(5,16,18,.88),rgba(2,8,11,.98)),var(--gt-hover-texture-image) center/cover no-repeat!important;box-shadow:0 24px 66px rgba(0,0,0,.84),0 0 36px rgba(57,198,188,.13),inset 0 0 38px rgba(48,173,170,.07)!important;color:#ece6d6;isolation:isolate;animation:gt-patternatlas-lens-reveal .3s cubic-bezier(.18,.82,.2,1) both}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"]::before{display:none}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"]::after,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"]::before{content:"";position:absolute;inset:22px;z-index:0;pointer-events:none;opacity:.65;background:radial-gradient(circle at 50% 18px,transparent 0 8px,rgba(62,207,196,.28) 8.5px 9px,transparent 9.5px 15px,rgba(184,153,94,.25) 15.5px 16px,transparent 16.5px),linear-gradient(90deg,transparent,rgba(65,197,188,.28),transparent) center 38px/calc(100% - 50px) 1px no-repeat,radial-gradient(circle,#37c6bc 0 2px,transparent 2.5px) left bottom/7px 7px no-repeat,radial-gradient(circle,#37c6bc 0 2px,transparent 2.5px) center bottom/7px 7px no-repeat,radial-gradient(circle,#37c6bc 0 2px,transparent 2.5px) right bottom/7px 7px no-repeat}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"]>*,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-media{min-height:171px;border:1px solid rgba(181,151,91,.48);border-radius:1px;background:#030d10;box-shadow:0 0 0 3px rgba(8,36,39,.76),0 0 0 4px rgba(48,177,170,.18),inset 0 0 24px #000;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0 27%,rgba(55,198,188,.27) 27.5% 28%,transparent 28.5% 39%,rgba(184,154,95,.2) 39.5% 40%,transparent 40.5%),linear-gradient(90deg,transparent 49.7%,rgba(57,198,188,.22) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(57,198,188,.2) 50%,transparent 50.3%)}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-media-shade{background:linear-gradient(180deg,rgba(2,9,11,.04) 36%,rgba(2,9,12,.82))}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-play{width:49px;height:49px;border:1px solid #b99a5f;border-radius:50%;background:radial-gradient(circle,#dffefa 0 4%,#3bc8be 5% 20%,#0b4446 21% 43%,#b99a5f 44% 49%,#061519 50% 63%,#38bdb5 64% 66%,#061519 67%);box-shadow:0 0 0 5px rgba(17,63,65,.55),0 0 20px rgba(57,198,188,.34)}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-play::after{content:"";position:absolute;inset:7px;border:1px dashed rgba(227,204,153,.8);border-radius:50%;animation:gt-patternatlas-reticle-spin 8s linear infinite}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-play i{border-left-color:#eaf8e9;z-index:1}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-duration{right:9px;bottom:9px;border:1px solid rgba(186,154,94,.48);border-radius:0;background:rgba(2,12,15,.91);color:#dbc28c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-title-wrap{margin-top:14px;align-items:flex-start}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-signal{width:17px;height:17px;margin-top:2px;border:1px solid #b99a5f;border-radius:50%;background:radial-gradient(circle,#e4cd96 0 2px,#0b4646 2.5px 5px,#38c4bb 5.5px 6.5px,#051418 7px);box-shadow:0 0 10px rgba(57,198,188,.28)}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-signal i{display:none}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-title{color:#efe7d4;font-family:Baskerville,Georgia,"Noto Serif TC",serif;font-weight:700;letter-spacing:.035em;text-shadow:0 2px 8px #000,0 0 12px rgba(57,198,188,.16)}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-label{font-size:15px;line-height:1.42}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-meta-tag{border:1px solid rgba(183,151,91,.36);border-radius:0;background:linear-gradient(90deg,rgba(12,55,57,.58),rgba(4,22,27,.74));color:#d8c594;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-meta-perspective{color:color-mix(in srgb,var(--gt-tip-node-accent) 54%,#eee3c8 46%)}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-reason{color:rgba(220,215,199,.7)}#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-reason-line{background:linear-gradient(180deg,#b99a5f,#39c6bc)}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-related-section{border-top-color:rgba(183,151,91,.28)}#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-related-heading{color:rgba(220,194,139,.65);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-related-heading i{width:13px;height:13px;border:1px solid #b99a5f;border-radius:50%;background:radial-gradient(circle,#3ac8be 0 2px,#071a1e 2.5px 5px,#b99a5f 5.5px 6px,transparent 6.5px);box-shadow:0 0 9px rgba(57,198,188,.28);transform:none}#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-related-video{border-radius:1px}#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(52,179,174,.12),rgba(182,151,91,.07))}#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-related-thumb{border:1px solid rgba(184,153,93,.32);border-radius:1px;filter:saturate(.68) contrast(1.08)}
#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .qm-action,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-gate-action{border:1px solid rgba(187,155,94,.48);border-radius:1px;background:linear-gradient(180deg,rgba(13,71,72,.8),rgba(4,31,36,.95));color:#eadbb8;box-shadow:inset 0 1px rgba(104,226,216,.12),0 5px 15px rgba(0,0,0,.32)}#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .qm-action:hover{border-color:#d1ae68;background:linear-gradient(180deg,rgba(18,99,98,.88),rgba(5,46,50,.98))}#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-spark{border:1px solid #b99a5f;border-radius:50%;color:#e9ffd9;background:#0a4142;box-shadow:inset 0 0 0 3px #051418,0 0 11px rgba(57,198,188,.32);transform:none}
.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"]{width:492px;border:44px solid transparent;border-image-source:var(--gt-hover-frame-image);border-image-slice:136 fill;border-image-width:50px;border-image-repeat:stretch;border-radius:0!important;background:linear-gradient(180deg,rgba(4,15,17,.9),rgba(2,8,11,.98)),var(--gt-hover-texture-image) center/cover no-repeat!important;box-shadow:0 27px 74px rgba(0,0,0,.86),0 0 42px rgba(57,198,188,.13),inset 0 0 42px rgba(49,169,166,.07)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"].visible,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"].flip-left.visible{animation:gt-patternatlas-lens-reveal .34s cubic-bezier(.18,.82,.2,1) both}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"]::before{inset:24px}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-header{padding:18px 31px 11px;border-bottom:1px solid rgba(183,152,92,.29);background:linear-gradient(180deg,rgba(11,59,61,.4),rgba(3,22,26,.08))}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-body{padding:14px 33px 17px}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-footer{padding:10px 33px 23px;border-top-color:rgba(184,152,92,.29);background:linear-gradient(180deg,rgba(3,21,25,.08),rgba(8,47,49,.42))}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-close{border:1px solid rgba(184,153,93,.4);border-radius:50%;background:rgba(3,21,25,.84);color:#d7c28d}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-evidence{border-color:rgba(181,150,90,.28);border-radius:1px;background:linear-gradient(135deg,rgba(47,164,161,.09),transparent 43%),rgba(3,16,20,.72)}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-point{box-shadow:inset 3px 0 rgba(57,198,188,.24)}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-thesis{border-left-color:#b99a5f}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-context img{border:1px solid rgba(187,156,96,.48);border-radius:50%;filter:saturate(.7) contrast(1.08)}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-point{position:relative}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-point::after{content:"";position:absolute;right:11px;top:10px;width:22px;height:22px;opacity:.28;background:radial-gradient(circle,transparent 0 4px,#39c6bc 4.5px 5px,transparent 5.5px 8px,#b99a5f 8.5px 9px,transparent 9.5px)}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-point-index{border:1px solid #b99a5f;border-radius:50%;background:#0a4142;color:#e6ce97;box-shadow:inset 0 0 0 3px #051418}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-badge{border-color:rgba(182,151,91,.36);border-radius:1px;background:rgba(12,60,61,.55);color:#d7c18d;letter-spacing:.07em}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-thesis p{color:#eee7d4}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-scope p{color:rgba(219,215,199,.68)}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-evidence{color:#d5c49a}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-footer .qm-action{width:100%;font-family:Baskerville,Georgia,"Noto Serif TC",serif;font-weight:700;letter-spacing:.07em}
@keyframes gt-patternatlas-lens-reveal{from{opacity:0;transform:translateY(7px) scale(.978);filter:brightness(.72) saturate(.7)}58%{opacity:1;filter:brightness(1.08) saturate(1.05)}to{opacity:1;transform:none;filter:brightness(1) saturate(1)}}@keyframes gt-patternatlas-reticle-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"]{padding:35px 29px 31px!important}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-header{padding:18px 29px 10px}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-body{padding:12px 29px 15px}.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-sp-footer{padding:9px 29px 22px}}
@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"],.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"].visible,.gt-summary-panel[data-gt-hover-theme="patternatlas-observatory-lens"].flip-left.visible{animation:none!important}#gt-tooltip[data-gt-hover-theme="patternatlas-observatory-lens"] .gt-tip-play::after{animation:none!important}}

/* ── Topology hover theme 07 · Opportunity Frontier Survey ────────── */
#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"]{width:382px!important;padding:35px 31px 31px!important;border:38px solid transparent!important;border-image-source:var(--gt-hover-frame-image);border-image-slice:118 fill;border-image-width:43px;border-image-repeat:stretch;border-radius:0!important;background:linear-gradient(180deg,rgba(13,11,23,.86),rgba(5,6,14,.98)),var(--gt-hover-texture-image) center/cover no-repeat!important;box-shadow:0 24px 66px rgba(0,0,0,.84),0 0 38px rgba(140,125,242,.13),inset 0 0 38px rgba(240,179,92,.06)!important;color:#efe5d2;isolation:isolate;animation:gt-opportunity-frontier-reveal .32s cubic-bezier(.18,.82,.2,1) both}
#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"]::before{display:none}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"]::after,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"]::before{content:"";position:absolute;inset:22px;z-index:0;pointer-events:none;opacity:.64;background:linear-gradient(90deg,rgba(241,183,95,.32),transparent 14%,transparent 86%,rgba(241,183,95,.32)) center top/100% 1px no-repeat,radial-gradient(circle,#f0b35c 0 2px,rgba(140,125,242,.28) 2.5px 6px,transparent 6.5px) left bottom/14px 14px no-repeat,radial-gradient(circle,#f0b35c 0 2px,rgba(140,125,242,.28) 2.5px 6px,transparent 6.5px) right bottom/14px 14px no-repeat,repeating-linear-gradient(90deg,transparent 0 21px,rgba(240,179,92,.22) 21px 22px,transparent 22px 43px) center bottom 6px/calc(100% - 50px) 5px no-repeat}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"]>*,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-media{min-height:171px;border:1px solid rgba(231,171,87,.5);border-radius:1px;background:#070814;box-shadow:0 0 0 3px rgba(25,20,50,.76),0 0 0 4px rgba(140,125,242,.18),inset 0 0 24px #000;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 52%,transparent 0 23%,rgba(240,179,92,.28) 23.5% 24%,transparent 24.5% 38%,rgba(140,125,242,.2) 38.5% 39%,transparent 39.5%),linear-gradient(90deg,transparent 49.7%,rgba(240,179,92,.23) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(140,125,242,.2) 50%,transparent 50.3%)}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-media-shade{background:linear-gradient(180deg,rgba(7,7,16,.04) 36%,rgba(6,6,16,.84))}
#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-play{width:50px;height:50px;border:1px solid #f0b35c;border-radius:50%;background:radial-gradient(circle,#fff0c9 0 4%,#f0b35c 5% 19%,#624739 20% 37%,#8c7df2 38% 42%,#18122d 43% 57%,#c18f4d 58% 62%,#0b0a18 63%);box-shadow:0 0 0 5px rgba(66,48,87,.5),0 0 21px rgba(240,179,92,.32)}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-play::after{content:"";position:absolute;inset:5px;border:1px dashed rgba(237,205,139,.8);border-radius:50%;animation:gt-opportunity-scan-spin 9s linear infinite}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-play i{border-left-color:#171124;z-index:1}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-duration{right:9px;bottom:9px;border:1px solid rgba(236,176,88,.5);border-radius:0;background:rgba(8,7,18,.92);color:#f0cf92;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-title-wrap{margin-top:14px;align-items:flex-start}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-signal{width:18px;height:18px;margin-top:1px;border:1px solid #f0b35c;transform:rotate(45deg);border-radius:1px;background:linear-gradient(135deg,#8c7df2,#2b2149);box-shadow:inset 0 0 0 4px #100d20,0 0 11px rgba(140,125,242,.32)}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-signal i{width:4px;height:4px;border:0;background:#ffe2a5;transform:none}
#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-title{color:#f0e5d0;font-family:Baskerville,Georgia,"Noto Serif TC",serif;font-weight:700;letter-spacing:.035em;text-shadow:0 2px 8px #000,0 0 13px rgba(240,179,92,.15)}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-label{font-size:15px;line-height:1.42}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-meta-tag{border:1px solid rgba(235,174,87,.36);border-radius:0;background:linear-gradient(90deg,rgba(61,44,90,.58),rgba(17,13,35,.76));color:#e2c58f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-meta-perspective{border-color:rgba(140,125,242,.4);color:color-mix(in srgb,var(--gt-tip-node-accent) 52%,#f1dfbd 48%)}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-reason{color:rgba(222,213,198,.7)}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-reason-line{background:linear-gradient(180deg,#f0b35c,#8c7df2)}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-related-section{border-top-color:rgba(235,174,87,.27)}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-related-heading{color:rgba(231,197,133,.66);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-related-heading i{width:13px;height:13px;border:1px solid #f0b35c;border-radius:1px;background:linear-gradient(135deg,#8c7df2,#2c2148);box-shadow:inset 0 0 0 3px #110d20,0 0 9px rgba(140,125,242,.3);transform:rotate(45deg)}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-related-video{border-radius:1px}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(135,118,222,.13),rgba(237,176,89,.08))}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-related-thumb{border:1px solid rgba(235,175,88,.32);border-radius:1px;filter:saturate(.72) contrast(1.06)}
#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .qm-action,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-gate-action{border:1px solid rgba(239,179,91,.5);border-radius:1px;background:linear-gradient(180deg,rgba(77,57,112,.82),rgba(29,22,57,.96));color:#f0dfbd;box-shadow:inset 0 1px rgba(190,174,255,.13),0 5px 15px rgba(0,0,0,.32)}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .qm-action:hover{border-color:#f4c06f;background:linear-gradient(180deg,rgba(99,73,143,.9),rgba(42,31,76,.98))}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-spark{border:1px solid #f0b35c;border-radius:1px;color:#ffeac1;background:#3b2c58;box-shadow:inset 0 0 0 3px #120e22,0 0 11px rgba(140,125,242,.34);transform:rotate(45deg)}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-qm-icon{margin:3px;line-height:1}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-spark{margin:3px}
.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"]{width:492px;border:42px solid transparent;border-image-source:var(--gt-hover-frame-image);border-image-slice:118 fill;border-image-width:47px;border-image-repeat:stretch;border-radius:0!important;background:linear-gradient(180deg,rgba(12,10,22,.9),rgba(5,6,14,.98)),var(--gt-hover-texture-image) center/cover no-repeat!important;box-shadow:0 27px 74px rgba(0,0,0,.86),0 0 42px rgba(140,125,242,.13),inset 0 0 42px rgba(240,179,92,.06)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"].visible,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"].flip-left.visible{animation:gt-opportunity-frontier-reveal .35s cubic-bezier(.18,.82,.2,1) both}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"]::before{inset:24px}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-header{padding:18px 31px 11px;border-bottom:1px solid rgba(235,175,88,.3);background:linear-gradient(180deg,rgba(61,45,88,.42),rgba(18,13,35,.08))}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-body{padding:14px 33px 17px}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-footer{padding:10px 33px 23px;border-top-color:rgba(235,175,88,.3);background:linear-gradient(180deg,rgba(17,13,33,.08),rgba(45,34,68,.43))}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-close{border:1px solid rgba(236,176,89,.4);border-radius:50%;background:rgba(16,12,31,.84);color:#e0c38c}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-evidence{border-color:rgba(234,174,87,.28);border-radius:1px;background:linear-gradient(135deg,rgba(135,118,222,.1),transparent 42%),rgba(10,8,21,.73)}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-point{box-shadow:inset 3px 0 rgba(240,179,92,.25)}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-thesis{border-left-color:#8c7df2}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-context img{border:1px solid rgba(239,180,92,.5);border-radius:50%;filter:saturate(.72) contrast(1.07)}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-point{position:relative}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-point::after{content:"◇";position:absolute;right:11px;top:9px;color:rgba(140,125,242,.38);font:700 21px/1 Georgia,serif}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-point-index{border:1px solid #f0b35c;border-radius:1px;background:#3b2c58;color:#ffe1a6;box-shadow:inset 0 0 0 3px #120e22;transform:rotate(45deg)}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-point-index::first-line{transform:rotate(-45deg)}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-badge{border-color:rgba(235,175,89,.36);border-radius:0;background:rgba(62,45,89,.56);color:#e0c28b;letter-spacing:.07em}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-thesis p{color:#efe5d1}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-scope p{color:rgba(220,212,197,.68)}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-evidence{color:#ddc79d}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-footer .qm-action{width:100%;font-family:Baskerville,Georgia,"Noto Serif TC",serif;font-weight:700;letter-spacing:.07em}
@keyframes gt-opportunity-frontier-reveal{from{opacity:0;transform:translateY(7px) scale(.978);filter:brightness(.72) saturate(.68)}58%{opacity:1;filter:brightness(1.09) saturate(1.05)}to{opacity:1;transform:none;filter:brightness(1) saturate(1)}}@keyframes gt-opportunity-scan-spin{to{transform:rotate(360deg)}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"]{padding:34px 29px 30px!important}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-header{padding:18px 29px 10px}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-body{padding:12px 29px 15px}.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-sp-footer{padding:9px 29px 22px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"],.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"].visible,.gt-summary-panel[data-gt-hover-theme="opportunitymap-frontier-survey"].flip-left.visible{animation:none!important}#gt-tooltip[data-gt-hover-theme="opportunitymap-frontier-survey"] .gt-tip-play::after{animation:none!important}}

/* ── Topology hover theme 08 · Perspective Compare Twin Tribunal ─── */
#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"]{width:384px!important;padding:39px 31px 31px!important;border:1px solid rgba(214,181,102,.42)!important;border-radius:0!important;background:linear-gradient(90deg,rgba(37,31,25,.95) 0 49.7%,rgba(27,8,10,.95) 50.3% 100%),var(--gt-hover-texture-image) center/cover no-repeat!important;box-shadow:0 25px 68px rgba(0,0,0,.86),-12px 0 36px rgba(235,206,137,.08),12px 0 36px rgba(195,46,37,.1),inset 0 0 38px rgba(0,0,0,.32)!important;color:#eee4d2;isolation:isolate;animation:gt-perspective-tribunal-reveal .32s cubic-bezier(.18,.82,.2,1) both}
#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"]::before{display:block;content:"";position:absolute;left:0;right:0;top:-20px;height:76px;z-index:2;pointer-events:none;background:var(--gt-hover-frame-image) center top/100% 76px no-repeat}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"]::after,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"]::before{content:"";position:absolute;inset:18px;z-index:0;pointer-events:none;opacity:.64;background:linear-gradient(90deg,rgba(230,202,133,.42),transparent 32%,transparent 49.7%,rgba(220,189,107,.42) 50%,transparent 50.3%,transparent 68%,rgba(190,49,39,.42)) center top/100% 1px no-repeat,linear-gradient(90deg,transparent 49.8%,rgba(218,182,103,.48) 50%,transparent 50.2%) center/100% 100% no-repeat,radial-gradient(circle,#e3c06d 0 2px,transparent 2.5px) left bottom/7px 7px no-repeat,radial-gradient(circle,#d84c3f 0 2px,transparent 2.5px) right bottom/7px 7px no-repeat}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"]>*,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-media{min-height:171px;border:1px solid rgba(216,181,100,.45);border-radius:0;background:#0a0808;box-shadow:-3px 0 rgba(234,210,151,.24),3px 0 rgba(194,48,38,.23),inset 0 0 24px #000;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(250,229,170,.18),transparent 42%,transparent 49.7%,rgba(219,181,103,.36) 50%,transparent 50.3%,transparent 58%,rgba(190,43,35,.2)),linear-gradient(180deg,transparent 42%,rgba(6,5,6,.72))}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-media-shade{background:linear-gradient(180deg,rgba(5,4,4,.02) 35%,rgba(5,4,5,.8))}
#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-play{width:52px;height:52px;border:1px solid #d8b66b;border-radius:50%;background:linear-gradient(90deg,#eee0b6 0 48%,#2a1516 52% 100%);box-shadow:-7px 0 14px rgba(240,219,161,.18),7px 0 14px rgba(191,45,36,.22),0 0 0 5px rgba(31,22,21,.56)}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-play::before{content:"";position:absolute;left:25px;top:3px;bottom:3px;width:1px;background:#d9b86d}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-play i{border-left-color:#a43b32;z-index:1}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-duration{right:9px;bottom:9px;border:1px solid rgba(216,181,101,.48);border-radius:0;background:rgba(8,6,7,.92);color:#e5cd98;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-title-wrap{margin-top:14px;align-items:flex-start}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-signal{width:18px;height:18px;margin-top:1px;border:1px solid #d9b76b;border-radius:50%;background:linear-gradient(90deg,#e9d8a9 0 48%,#3b1416 52%);box-shadow:-4px 0 8px rgba(235,211,152,.18),4px 0 8px rgba(192,45,36,.2)}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-signal i{width:1px;height:10px;border:0;background:#d9b76b;transform:none}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-title{color:#f0e5d2;font-family:Baskerville,Georgia,"Noto Serif TC",serif;font-weight:700;letter-spacing:.035em;text-shadow:0 2px 8px #000}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-label{font-size:15px;line-height:1.42}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-meta-tag{border:1px solid rgba(224,195,125,.36);border-radius:0;background:rgba(45,36,27,.74);color:#e2cf9e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-meta-perspective{border-color:rgba(200,61,49,.4);background:rgba(52,15,17,.72);color:#e59b8b}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-reason{color:rgba(224,215,200,.7)}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-reason-line{background:linear-gradient(180deg,#ead99f 0 48%,#d8b66b 49% 51%,#c83b31 52%)}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-related-section{border-top-color:rgba(218,183,105,.28)}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-related-heading{color:rgba(226,200,143,.66);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-tip-related-heading i{width:16px;height:12px;border:1px solid #d8b66b;border-radius:50%;background:linear-gradient(90deg,#ead9a8 0 48%,#5c181c 52%);box-shadow:-3px 0 7px rgba(236,211,152,.18),3px 0 7px rgba(193,45,36,.2);transform:none}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-related-video{border-radius:0}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-related-video:nth-child(2):hover{background:linear-gradient(90deg,rgba(227,200,134,.12),transparent)}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-related-video:nth-child(3):hover{background:linear-gradient(90deg,transparent,rgba(191,48,39,.13))}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-related-thumb{border:1px solid rgba(217,182,104,.32);border-radius:0;filter:saturate(.72) contrast(1.07)}
#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .qm-action,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-gate-action{border:1px solid rgba(218,183,104,.5);border-radius:0;background:linear-gradient(90deg,rgba(72,60,42,.84),rgba(38,30,24,.84) 49%,rgba(49,15,18,.86) 51%,rgba(89,21,23,.84));color:#f0dfbd;box-shadow:inset 0 1px rgba(255,234,176,.11),0 5px 15px rgba(0,0,0,.32)}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .qm-action:hover{border-color:#e7c573;filter:brightness(1.14)}#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-spark{border:1px solid #d9b76b;border-radius:50%;color:#f7e4ad;background:linear-gradient(90deg,#6f5a36 0 48%,#5a181b 52%);box-shadow:inset 0 0 0 3px #130d0e;transform:none}
.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"]{width:492px;padding-top:36px;border:1px solid rgba(216,181,103,.42);border-radius:0!important;background:linear-gradient(90deg,rgba(35,29,24,.96) 0 49.7%,rgba(26,8,10,.96) 50.3%),var(--gt-hover-texture-image) center/cover no-repeat!important;box-shadow:0 27px 74px rgba(0,0,0,.87),-15px 0 38px rgba(235,208,148,.07),15px 0 38px rgba(191,44,35,.09),inset 0 0 42px rgba(0,0,0,.32)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"]::after{content:"";position:absolute;left:0;right:0;top:-19px;height:82px;z-index:2;pointer-events:none;background:var(--gt-hover-frame-image) center top/100% 82px no-repeat}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"].visible,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"].flip-left.visible{animation:gt-perspective-tribunal-reveal .35s cubic-bezier(.18,.82,.2,1) both}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"]::before{inset:18px}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-header{padding:18px 31px 11px;border-bottom:1px solid rgba(218,183,105,.3);background:linear-gradient(90deg,rgba(102,84,55,.26),transparent 49.7%,rgba(109,23,24,.25) 50.3%)}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-body{padding:14px 33px 17px}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-footer{padding:10px 33px 23px;border-top-color:rgba(217,182,104,.3);background:linear-gradient(90deg,rgba(84,69,46,.2),transparent 49.7%,rgba(82,18,20,.22) 50.3%)}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-close{border:1px solid rgba(218,183,105,.4);border-radius:50%;background:rgba(17,11,11,.86);color:#e1c98f}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-evidence{border-color:rgba(217,182,103,.28);border-radius:0;background:linear-gradient(90deg,rgba(224,199,139,.07),transparent 49.5%,rgba(190,47,39,.08) 50.5%),rgba(10,7,8,.72)}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-point{box-shadow:inset 3px 0 rgba(234,211,155,.24),inset -3px 0 rgba(193,46,37,.22)}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-thesis{border-left-color:#ead9a3;border-right:2px solid #c23d33}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-context img{border:1px solid rgba(218,183,105,.5);border-radius:50%;filter:saturate(.7) contrast(1.08)}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-point-index{border:1px solid #d9b76b;border-radius:50%;background:linear-gradient(90deg,#786442 0 48%,#61191c 52%);color:#f3dcaa;box-shadow:inset 0 0 0 3px #130d0e}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-badge{border-color:rgba(218,183,105,.36);border-radius:0;background:rgba(48,34,28,.65);color:#dfc794;letter-spacing:.07em}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-thesis p{color:#efe5d1}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-scope p{color:rgba(220,212,197,.68)}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-evidence{color:#dcc59c}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-footer .qm-action{width:100%;font-family:Baskerville,Georgia,"Noto Serif TC",serif;font-weight:700;letter-spacing:.07em}
@keyframes gt-perspective-tribunal-reveal{from{opacity:0;transform:translateY(7px) scale(.978);filter:brightness(.72) saturate(.68)}58%{opacity:1;filter:brightness(1.09) saturate(1.05)}to{opacity:1;transform:none;filter:brightness(1) saturate(1)}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"]{padding:38px 29px 30px!important}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-header{padding:18px 29px 10px}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-body{padding:12px 29px 15px}.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"] .gt-sp-footer{padding:9px 29px 22px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="perspectivecompare-twin-tribunal"],.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"].visible,.gt-summary-panel[data-gt-hover-theme="perspectivecompare-twin-tribunal"].flip-left.visible{animation:none!important}}

/* ── Topology hover theme 09 · Case Dossier Night Archive ────────── */
#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"]{width:394px!important;padding:35px 37px 39px!important;border:0!important;border-radius:0!important;background:var(--gt-hover-frame-image) center/100% 100% no-repeat!important;box-shadow:0 27px 72px rgba(0,0,0,.88),0 0 28px rgba(212,169,78,.08)!important;color:#d8ccba;isolation:isolate;animation:gt-casedossier-file-open .34s cubic-bezier(.19,.79,.18,1) both}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"]::before,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"]::before{display:block;content:"";position:absolute;inset:28px 30px;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(226,96,79,.45),transparent 23%,transparent 77%,rgba(62,193,176,.42)) center top/100% 1px no-repeat,linear-gradient(90deg,rgba(212,169,78,.28),transparent 14%,transparent 86%,rgba(212,169,78,.28)) center bottom/100% 1px no-repeat,radial-gradient(circle at 18px 18px,rgba(212,169,78,.58) 0 2px,transparent 2.5px),radial-gradient(circle at calc(100% - 18px) calc(100% - 18px),rgba(212,169,78,.48) 0 2px,transparent 2.5px)}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"]::after{content:"";position:absolute;right:20px;top:98px;width:49px;height:35px;z-index:3;pointer-events:none;background:var(--gt-hover-badge-image) center top/49px auto no-repeat;filter:drop-shadow(0 5px 7px rgba(0,0,0,.7));transform:rotate(3deg)}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"]>*,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-media{min-height:166px;border:1px solid rgba(212,169,78,.33);border-radius:2px;background:var(--gt-hover-texture-image) center/cover no-repeat;box-shadow:inset 0 0 28px #050403,0 5px 15px rgba(0,0,0,.5);filter:sepia(.14) contrast(1.08)}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,236,195,.022) 0 1px,transparent 1px 4px),linear-gradient(180deg,transparent 45%,rgba(8,6,4,.85))}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-play{width:48px;height:48px;border:1px solid #d4a94e;border-radius:50%;background:#17110c;box-shadow:inset 0 0 0 5px #090706,0 0 0 1px rgba(226,96,79,.35),0 5px 14px #000}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-play i{border-left-color:#e2604f}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-duration{border:1px solid rgba(212,169,78,.5);border-radius:1px;background:#110d09;color:#d8b761;font-family:'Courier New',monospace;letter-spacing:.08em}
#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-title-wrap{margin-top:14px}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-signal{width:17px;height:17px;border:1px solid #d4a94e;border-radius:50%;background:#24180f;box-shadow:inset 0 0 0 3px #080605,0 0 9px rgba(212,169,78,.24)}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-signal i{width:7px;height:7px;border:0;border-radius:50%;background:#e2604f;transform:none}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-title{color:#f2eada;font-family:'EB Garamond','Noto Serif TC',Georgia,serif;font-weight:700;letter-spacing:.035em;text-shadow:0 2px 7px #000}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-label{font-size:15px;line-height:1.43}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-meta-tag{border:1px solid rgba(212,169,78,.34);border-radius:1px;background:rgba(44,34,24,.72);color:#d6b96e;font:700 9px/1.2 'Courier New',monospace;letter-spacing:.07em;text-transform:uppercase}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-meta-perspective{border-color:rgba(226,96,79,.36);background:rgba(65,24,20,.55);color:#e58c7f}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-reason{color:#afa38f;font-family:'EB Garamond','Noto Serif TC',Georgia,serif}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-reason-line{width:2px;background:#d4a94e;box-shadow:4px 0 rgba(226,96,79,.34)}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-related-section{border-top:1px dashed rgba(212,169,78,.27)}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-related-heading{color:#aa9673;font:700 9px/1 'Courier New',monospace;letter-spacing:.15em;text-transform:uppercase}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-tip-related-heading i{width:12px;height:14px;border:1px solid #d4a94e;border-radius:1px;background:#241a11;transform:rotate(-4deg);box-shadow:3px 3px #080605}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-related-video{border-radius:1px}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-related-video:hover{background:rgba(212,169,78,.08)}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-related-thumb{border:1px solid rgba(212,169,78,.35);border-radius:1px;filter:sepia(.32) saturate(.72)}
#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .qm-action,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-gate-action{border:1px solid rgba(212,169,78,.48);border-radius:1px;background:linear-gradient(180deg,#30241a,#17110c);color:#eadab8;font-family:'EB Garamond','Noto Serif TC',Georgia,serif;letter-spacing:.05em;box-shadow:inset 0 1px rgba(255,236,195,.09),0 5px 14px #000}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .qm-action:hover{border-color:#e2bd62;background:linear-gradient(180deg,#3d2d1e,#1d150e)}#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-spark{border:1px solid #d4a94e;border-radius:50%;background:#5a1e18;color:#f2d589;box-shadow:inset 0 0 0 3px #160c09;transform:none}
.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"]{width:502px;padding:32px 37px 38px;border:0!important;border-radius:0!important;background:var(--gt-hover-frame-image) center/100% 100% no-repeat!important;box-shadow:0 29px 78px rgba(0,0,0,.9),0 0 30px rgba(212,169,78,.07)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"].visible,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"].flip-left.visible{animation:gt-casedossier-file-open .37s cubic-bezier(.19,.79,.18,1) both}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"]::before{inset:28px 31px}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-header{padding:14px 3px 11px;border-bottom:1px double rgba(212,169,78,.34);background:transparent}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-body{padding:14px 3px 16px}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-footer{padding:10px 3px 2px;border-top:1px dashed rgba(212,169,78,.28);background:transparent}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-close{border:1px solid rgba(212,169,78,.4);border-radius:1px;background:#17110c;color:#d4a94e}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-evidence{border:1px solid rgba(212,169,78,.22);border-radius:1px;background:rgba(20,16,12,.83);box-shadow:inset 3px 0 rgba(226,96,79,.22),0 3px 10px rgba(0,0,0,.24)}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-thesis{border-left-color:#d4a94e;background:linear-gradient(90deg,rgba(212,169,78,.09),rgba(20,16,12,.86) 31%)}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-context img{border:1px solid #d4a94e;border-radius:1px;filter:sepia(.28) saturate(.75)}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-point-index{border:1px solid #d4a94e;border-radius:50%;background:#531d18;color:#f0d386;box-shadow:inset 0 0 0 3px #130a08}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-badge{border:1px solid rgba(212,169,78,.36);border-radius:1px;background:#2d2117;color:#d6b96e;font-family:'Courier New',monospace;letter-spacing:.08em;text-transform:uppercase}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-thesis p{color:#f2eada;font-family:'EB Garamond','Noto Serif TC',Georgia,serif}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-scope p{color:#a99c88}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-evidence{color:#d7bd82;background:rgba(54,40,26,.58)}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-casedossier-file-open{from{opacity:0;transform:translateY(9px) rotateX(-3deg) scale(.98);filter:brightness(.7) sepia(.35)}58%{opacity:1;filter:brightness(1.08) sepia(.08)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"]{padding:34px 35px 38px!important}.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"]{padding:30px 35px 37px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="casedossier-night-archive"],.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"].visible,.gt-summary-panel[data-gt-hover-theme="casedossier-night-archive"].flip-left.visible{animation:none!important}}

/* ── Topology hover theme 10 · Investigation Board Evidence Wall ── */
#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"]{width:430px!important;padding:73px 63px 78px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 23% 16%,rgba(248,197,112,.11),transparent 23%),repeating-linear-gradient(47deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),#29190d!important;box-shadow:0 30px 78px rgba(0,0,0,.88),0 0 28px rgba(175,44,38,.08)!important;color:#f0e7d5;isolation:isolate;animation:gt-investigation-board-pin .34s cubic-bezier(.17,.8,.18,1) both}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"]::after,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 18px rgba(0,0,0,.72))}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"]::before,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"]::before{display:block;content:"";position:absolute;left:55px;right:55px;top:58px;height:3px;z-index:2;pointer-events:none;background:#7f1d1d;box-shadow:0 1px 2px #000,0 0 5px rgba(194,59,50,.42);transform:rotate(-.8deg);transform-origin:center}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"]>*,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-media{min-height:158px;border:8px solid #eee6d6;border-bottom-width:22px;border-radius:1px;background:#17100b;box-shadow:2px 5px 12px rgba(0,0,0,.56);transform:rotate(-.45deg);filter:sepia(.18) saturate(.8)}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-media::before{content:"";position:absolute;left:50%;top:-13px;width:13px;height:13px;z-index:4;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a80,#c93631 54%,#65140f);box-shadow:0 3px 4px rgba(0,0,0,.6);transform:translateX(-50%)}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 38%,rgba(20,10,6,.72))}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-play{width:47px;height:47px;border:2px solid #eee4cf;border-radius:50%;background:rgba(92,23,18,.88);box-shadow:inset 0 0 0 4px rgba(29,12,8,.88),0 4px 13px #000}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-play i{border-left-color:#f4dfb1}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-duration{right:3px;bottom:-18px;border:0;border-radius:0;background:transparent;color:#352419;font:700 10px/1 'Courier New',monospace;letter-spacing:.06em}
#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-title-wrap{margin-top:16px;padding:9px 10px 8px;background:#f2ead8;color:#231a12;box-shadow:1px 3px 7px rgba(0,0,0,.35);transform:rotate(.25deg)}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-signal{width:14px;height:14px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd45c,#bd851d 57%,#62400c);box-shadow:0 3px 4px rgba(0,0,0,.55)}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-label{color:#241a12;font-family:Georgia,'Noto Serif TC',serif;font-size:15px;font-weight:800;line-height:1.4;text-shadow:none}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-meta-row{margin-top:10px}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-meta-tag{border:1px solid rgba(90,55,27,.48);border-radius:1px;background:#cba96c;color:#38240f;font:700 9px/1.2 'Courier New',monospace;letter-spacing:.06em;text-transform:uppercase;box-shadow:1px 2px 4px rgba(0,0,0,.26)}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-meta-perspective{border-color:#9d2a24;background:#76201c;color:#f5dfd2;transform:rotate(-1deg)}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-reason{padding:9px 10px;background:#fff4bd;color:#5a4117;font-family:'Segoe Print','Noto Serif TC',serif;box-shadow:1px 3px 6px rgba(0,0,0,.3);transform:rotate(-.3deg)}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-reason-line{background:#b62f28;box-shadow:none}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-related-section{border-top:1px solid rgba(211,174,103,.29)}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-related-heading{color:#ddbd7d;font:700 9px/1 'Courier New',monospace;letter-spacing:.15em;text-transform:uppercase}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-tip-related-heading i{width:18px;height:2px;border:0;border-radius:0;background:#a62923;box-shadow:7px 4px 0 -1px #d3aa58;transform:rotate(7deg)}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-related-video{padding:6px;border-radius:1px;background:rgba(11,7,4,.23)}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-related-video:hover{background:rgba(203,169,108,.1)}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-related-thumb{border:5px solid #e9dfcd;border-bottom-width:9px;border-radius:0;filter:sepia(.25) saturate(.78);box-shadow:1px 3px 5px rgba(0,0,0,.42)}
#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .qm-action,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-gate-action{border:1px solid #8f2a24;border-radius:1px;background:linear-gradient(180deg,#8f2a24,#551813);color:#f4e6ca;font-family:'Courier New',monospace;font-weight:700;letter-spacing:.04em;box-shadow:inset 0 1px rgba(255,235,202,.14),0 4px 10px #000}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .qm-action:hover{background:linear-gradient(180deg,#aa372f,#681d18);border-color:#d6ac61}#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-spark{border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a80,#c93631 55%,#65140f);color:#fff0d5;box-shadow:0 3px 4px rgba(0,0,0,.5);transform:none}
.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"]{width:540px;padding:73px 66px 79px;border:0!important;border-radius:0!important;background:radial-gradient(circle at 74% 13%,rgba(245,190,94,.12),transparent 24%),repeating-linear-gradient(47deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),#29190d!important;box-shadow:0 32px 84px rgba(0,0,0,.9),0 0 30px rgba(163,38,32,.09)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"].visible,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"].flip-left.visible{animation:gt-investigation-board-pin .38s cubic-bezier(.17,.8,.18,1) both}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"]::before{left:60px;right:60px;top:59px}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-header{padding:12px 11px 10px;border:1px solid rgba(101,67,27,.58);background:linear-gradient(180deg,#d6b272,#c49a55);box-shadow:1px 4px 9px rgba(0,0,0,.45);transform:rotate(.2deg)}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-title{color:#35230f;font:800 15px/1 Georgia,'Noto Serif TC',serif;text-shadow:none}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-badge{border:2px solid #9a2b25;border-radius:1px;background:transparent;color:#76201c;font:900 9px/1 'Courier New',monospace;letter-spacing:.08em;transform:rotate(-3deg)}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-close{border:1px solid rgba(74,48,17,.5);border-radius:50%;background:#3e2912;color:#e1bd74}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-body{padding:14px 2px 16px}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-footer{padding:10px 2px 0;border-top:1px solid rgba(211,174,103,.3);background:transparent}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-evidence{border:0;border-radius:1px;background:#eee5d3;color:#2d251e;box-shadow:2px 4px 9px rgba(0,0,0,.42)}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-thesis{border-left:4px solid #a62b25;background:#fff2b6}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-context img{border:6px solid #fff;border-bottom-width:11px;border-radius:0;filter:sepia(.22) saturate(.76);box-shadow:1px 3px 5px rgba(0,0,0,.4)}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-context-copy span{color:#2c2118}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-thesis small,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-scope small{color:#9b2e27}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-point-index{margin-left:7px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a80,#c93631 55%,#65140f);color:#fff2dc;box-shadow:0 3px 4px rgba(0,0,0,.46)}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-role{border:1px solid #9e2e28;border-radius:1px;background:#77201c;color:#fae7d9;font:800 8px/1 'Courier New',monospace;letter-spacing:.09em;text-transform:uppercase}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-thesis p{color:#2c2118;font-family:Georgia,'Noto Serif TC',serif}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-scope p{color:#6d6255}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-evidence{border:1px dashed #a5322b;background:#f4e7cd;color:#5d341d}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-evidence-copy{color:#674f38}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-evidence-copy small{color:#9b2e27}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-scope{background:#d7b56f}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-investigation-board-pin{from{opacity:0;transform:translateY(10px) scale(.974) rotate(-.35deg);filter:brightness(.74) saturate(.68)}62%{opacity:1;filter:brightness(1.08) saturate(1.05)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"]{padding:69px 58px 74px!important}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"]{padding:69px 60px 75px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="investigationboard-evidence-wall"],.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"].visible,.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"].flip-left.visible{animation:none!important}}
.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-body{margin-inline:17px}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-footer{margin-inline:17px}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-point{grid-template-columns:36px minmax(0,1fr);padding-left:7px}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-point-index{margin-left:4px}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-scope{padding-left:18px}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-scope small{display:block;margin-bottom:3px}.gt-summary-panel[data-gt-hover-theme="investigationboard-evidence-wall"] .gt-sp-body>*{overflow:visible}

/* ── Topology hover theme 11 · Future Branches Probability Observatory ── */
#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"]{width:428px!important;padding:66px 58px 72px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(64,218,248,.12),transparent 24%),linear-gradient(180deg,rgba(9,8,34,.98),rgba(5,5,22,.99))!important;box-shadow:0 30px 82px rgba(0,0,0,.9),-9px 0 30px rgba(55,222,225,.07),9px 0 30px rgba(241,80,140,.07)!important;color:#e9edff;isolation:isolate;animation:gt-futurebranches-observe .36s cubic-bezier(.16,.84,.18,1) both}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"]::after,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 7px 19px rgba(0,0,0,.76))}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"]::before,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"]::before{display:block;content:"";position:absolute;left:76px;right:76px;bottom:52px;height:2px;z-index:2;pointer-events:none;background:linear-gradient(90deg,#37d8ef,#67e8f9 31%,#72e3a6 50%,#fb7185 72%,#ed4f9b);box-shadow:0 0 8px rgba(103,232,249,.46)}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"]>*,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-media{min-height:160px;border:1px solid rgba(103,232,249,.34);border-radius:16px 16px 5px 5px;background:#050518;box-shadow:inset 0 0 32px rgba(26,209,227,.08),0 8px 22px #000;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 14px,100% 100%,0 100%,0 14px)}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 15%,rgba(103,232,249,.23),transparent 21%),linear-gradient(115deg,rgba(75,231,215,.14),transparent 39%,transparent 61%,rgba(244,78,148,.15)),linear-gradient(180deg,transparent 48%,rgba(4,4,18,.85))}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-play{width:50px;height:50px;border:1px solid #67e8f9;border-radius:50%;background:radial-gradient(circle,#1c245c,#0a0a29 62%);box-shadow:inset 0 0 0 5px #060619,0 0 15px rgba(103,232,249,.35)}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-play i{border-left-color:#74efd1}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-duration{border:1px solid rgba(251,113,133,.44);border-radius:8px;background:#0b0928;color:#f1a1bd;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-title-wrap{margin-top:14px}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-signal{width:18px;height:18px;border:1px solid #67e8f9;border-radius:50%;background:#10164b;box-shadow:0 0 11px rgba(103,232,249,.36)}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-signal i{width:6px;height:6px;border:0;border-radius:50%;background:#75efc9;transform:none}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-title{color:#f0f1ff;font-family:'Avenir Next','Noto Sans TC',sans-serif;font-weight:720;letter-spacing:.035em;text-shadow:0 0 13px rgba(103,232,249,.18)}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-label{font-size:15px;line-height:1.42}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-meta-tag{border:1px solid rgba(103,232,249,.34);border-radius:10px;background:rgba(16,31,64,.7);color:#94ecf5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-meta-perspective{border-color:rgba(251,113,133,.4);background:rgba(64,13,48,.62);color:#ff9bbc}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-reason{color:#a8acc8}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-reason-line{background:linear-gradient(180deg,#67e8f9,#78e9b2 48%,#fb7185 52%,#ed4f9b)}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-related-section{border-top-color:rgba(104,230,240,.2)}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-related-heading{color:#8ca9cf;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-tip-related-heading i{width:18px;height:12px;border:0;border-radius:0;background:linear-gradient(145deg,transparent 43%,#67e8f9 44% 51%,transparent 52%),linear-gradient(35deg,transparent 43%,#fb7185 44% 51%,transparent 52%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-related-video{border-radius:8px}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(103,232,249,.08),rgba(251,113,133,.07))}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-related-thumb{border:1px solid rgba(103,232,249,.3);border-radius:50%;filter:saturate(.85);box-shadow:0 0 10px rgba(103,232,249,.1)}
#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .qm-action,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-gate-action{border:1px solid rgba(103,232,249,.48);border-radius:12px;background:linear-gradient(90deg,rgba(24,88,106,.76),rgba(23,30,77,.83) 48%,rgba(94,22,71,.78));color:#eff6ff;box-shadow:inset 0 1px rgba(198,250,255,.12),0 6px 16px #000}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .qm-action:hover{border-color:#79f1d0;filter:brightness(1.18)}#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-spark{border:1px solid #67e8f9;border-radius:50%;background:#0d1852;color:#86f3d0;box-shadow:inset 0 0 0 3px #060619,0 0 11px rgba(103,232,249,.26);transform:none}
.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"]{width:538px;padding:66px 65px 72px;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(64,218,248,.12),transparent 22%),linear-gradient(180deg,rgba(9,8,34,.98),rgba(5,5,22,.99))!important;box-shadow:0 32px 86px rgba(0,0,0,.9),-10px 0 31px rgba(55,222,225,.07),10px 0 31px rgba(241,80,140,.07)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"].visible,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"].flip-left.visible{animation:gt-futurebranches-observe .39s cubic-bezier(.16,.84,.18,1) both}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"]::before{left:84px;right:84px}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-header{padding:13px 7px 10px;border-bottom:1px solid rgba(103,232,249,.25);background:linear-gradient(90deg,rgba(29,106,116,.18),rgba(40,28,91,.19),rgba(113,27,81,.19))}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-body{padding:14px 7px 16px}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-footer{padding:10px 7px 2px;border-top-color:rgba(103,232,249,.22);background:transparent}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-close{border:1px solid rgba(251,113,133,.4);border-radius:50%;background:#100c31;color:#ffa0bb}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-evidence{border:1px solid rgba(103,232,249,.2);border-radius:12px;background:linear-gradient(110deg,rgba(33,109,119,.09),rgba(12,10,39,.79) 44%,rgba(104,23,76,.09));box-shadow:inset 3px 0 rgba(103,232,249,.19),inset -3px 0 rgba(251,113,133,.17)}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-thesis{border-left-color:#75e6b5}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-context img{border:1px solid #67e8f9;border-radius:50%;filter:saturate(.85);box-shadow:0 0 12px rgba(103,232,249,.2)}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-point-index{border:1px solid #67e8f9;border-radius:50%;background:#0e1850;color:#80f2d0;box-shadow:inset 0 0 0 3px #060619,0 0 9px rgba(103,232,249,.2)}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-badge{border-color:rgba(103,232,249,.32);border-radius:9px;background:rgba(18,44,79,.6);color:#9febef;letter-spacing:.06em}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(251,113,133,.34);background:rgba(76,16,58,.6);color:#ffa1bd}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-thesis p{color:#eff0ff}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-scope p{color:#9ea4c4}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-evidence{color:#a6eef3}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-futurebranches-observe{from{opacity:0;transform:translateY(8px) scale(.972);filter:brightness(.65) saturate(.7)}48%{opacity:1;filter:brightness(1.18) saturate(1.16)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"]{padding:62px 53px 68px!important}.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"]{padding:62px 58px 68px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="futurebranches-probability-observatory"],.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"].visible,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"].flip-left.visible{animation:none!important}}
.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-header,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-body,.gt-summary-panel[data-gt-hover-theme="futurebranches-probability-observatory"] .gt-sp-footer{margin-inline:17px}

/* ── Topology hover theme 14 · Constraint Expedition Survey ─────── */
/* ── Topology hover theme 15 · Classification Specimen Cabinet ──── */
/* ── Topology hover theme 16 · Diffusion Signal Observatory ─────── */
/* ── Topology hover theme 17 · Legacy Curatorial Vitrine ────────── */
/* ── Topology hover theme 18 · Tournament Championship Matchcard ── */
#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"]{width:426px!important;padding:73px 62px 73px!important;border:0!important;border-radius:0!important;background-color:#07101d!important;background-image:linear-gradient(rgba(5,11,20,.9),rgba(3,7,14,.965)),var(--gt-hover-texture-image)!important;background-position:center!important;background-size:cover!important;background-blend-mode:normal,luminosity!important;box-shadow:0 31px 84px rgba(0,0,0,.92),0 0 36px rgba(47,143,255,.07)!important;color:#edf5ff;isolation:isolate;animation:gt-tournament-match-in .37s cubic-bezier(.16,.84,.18,1) both}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"]::after,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 18px rgba(0,0,0,.77))}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"]::before,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"]::before{display:block;content:"";position:absolute;left:77px;right:77px;top:61px;height:2px;z-index:2;pointer-events:none;background:linear-gradient(90deg,#f4c95d,rgba(244,201,93,.16) 43%,#2f8fff 50%,rgba(244,201,93,.16) 57%,#f4c95d);box-shadow:0 0 8px rgba(244,201,93,.26)}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"]>*,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-media{min-height:158px;border:1px solid rgba(244,201,93,.34);border-radius:7px;background:#050a12;box-shadow:inset 0 0 0 4px rgba(20,30,48,.86),inset 0 0 28px rgba(47,143,255,.08),0 8px 20px #000;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px)}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0,rgba(244,201,93,.2),transparent 38%),linear-gradient(180deg,transparent 47%,rgba(3,7,14,.84))}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-play{width:48px;height:48px;border:1px solid #f4c95d;border-radius:50%;background:radial-gradient(circle,#174d91,#08162b 62%);box-shadow:inset 0 0 0 5px #040b16,0 0 15px rgba(47,143,255,.35)}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-play i{border-left-color:#fff3be}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-duration{border:1px solid rgba(47,143,255,.46);border-radius:6px;background:#07101e;color:#84baff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-title-wrap{margin-top:14px}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-signal{width:18px;height:18px;border:1px solid #f4c95d;border-radius:50%;background:conic-gradient(#f4c95d,#2f8fff,#f4c95d);box-shadow:inset 0 0 0 4px #07101d,0 0 10px rgba(244,201,93,.24)}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-title{color:#f5f8ff;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans TC',sans-serif;font-weight:800;letter-spacing:.025em;text-shadow:0 0 12px rgba(47,143,255,.17)}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-label{font-size:15px;line-height:1.42}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-meta-tag{border:1px solid rgba(244,201,93,.34);border-radius:7px;background:rgba(72,50,13,.62);color:#f3d986;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.045em}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-meta-perspective{border-color:rgba(47,143,255,.4);background:rgba(18,54,104,.63);color:#8ec1ff}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-reason{color:#a8b6cb}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-reason-line{background:linear-gradient(180deg,#f4c95d,#2f8fff)}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-related-section{border-top-color:rgba(244,201,93,.2)}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-related-heading{color:#a89562;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-tip-related-heading i{width:21px;height:12px;border:0;border-radius:0;background:linear-gradient(145deg,transparent 42%,#f4c95d 43% 50%,transparent 51%),linear-gradient(35deg,transparent 42%,#2f8fff 43% 50%,transparent 51%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-related-video{border-radius:7px}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-related-video:hover{background:rgba(47,143,255,.07)}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-related-thumb{border:1px solid rgba(244,201,93,.3);border-radius:50%;filter:saturate(.84)}
#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .qm-action,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-gate-action{border:1px solid rgba(244,201,93,.46);border-radius:9px;background:linear-gradient(90deg,#725217,#243a70 50%,#124f9b);color:#fff7d1;box-shadow:inset 0 1px rgba(255,246,199,.15),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .qm-action:hover{border-color:#ffe28a;filter:brightness(1.15)}#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-spark{border:1px solid #f4c95d;border-radius:50%;background:#0b2a59;color:#fff3b5;box-shadow:inset 0 0 0 3px #050b17;transform:none}
.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"]{width:538px;padding:82px 69px 87px;border:0!important;border-radius:0!important;background-color:#07101d!important;background-image:linear-gradient(rgba(5,11,20,.91),rgba(3,7,14,.97)),var(--gt-hover-texture-image)!important;background-position:center!important;background-size:cover!important;background-blend-mode:normal,luminosity!important;box-shadow:0 33px 88px rgba(0,0,0,.93),0 0 35px rgba(47,143,255,.06)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"].visible,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"].flip-left.visible{animation:gt-tournament-match-in .4s cubic-bezier(.16,.84,.18,1) both}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"]::before{left:87px;right:87px;top:72px}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-header{padding:13px 7px 10px;border-bottom:1px solid rgba(244,201,93,.22);background:linear-gradient(90deg,rgba(105,72,15,.16),rgba(30,52,96,.14),rgba(19,76,148,.16))}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-body{padding:14px 7px 16px}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-footer{padding:10px 7px 1px;border-top-color:rgba(244,201,93,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-close{border:1px solid rgba(47,143,255,.4);border-radius:50%;background:#071324;color:#83baff}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-evidence{border:1px solid rgba(244,201,93,.19);border-radius:8px;background:linear-gradient(90deg,rgba(99,69,16,.09),rgba(6,13,24,.8) 48%,rgba(21,74,143,.1));box-shadow:inset 3px 0 rgba(244,201,93,.18),inset -3px 0 rgba(47,143,255,.16)}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-thesis{border-left-color:#2f8fff}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-context img{border:1px solid #f4c95d;border-radius:50%;filter:saturate(.84);box-shadow:0 0 11px rgba(244,201,93,.14)}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-point-index{border:1px solid #f4c95d;border-radius:7px;background:#101a2b;color:#ffe187;box-shadow:inset 0 0 0 3px #050b16}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-badge{border-color:rgba(244,201,93,.3);border-radius:7px;background:rgba(85,59,13,.58);color:#f1d580;letter-spacing:.055em}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(47,143,255,.33);background:rgba(17,56,109,.56);color:#88bcff}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-thesis p{color:#eef4ff}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-scope p{color:#a2b1c8}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-evidence{color:#efd278}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-tournament-match-in{from{opacity:0;transform:translateY(8px) scale(.97);filter:brightness(.6) saturate(.7)}48%{opacity:1;filter:brightness(1.14) saturate(1.14)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"]{padding:64px 55px 65px!important}.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"]{padding:71px 60px 75px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="tournament-championship-matchcard"],.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"].visible,.gt-summary-panel[data-gt-hover-theme="tournament-championship-matchcard"].flip-left.visible{animation:none!important}}


#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"]{width:426px!important;padding:83px 66px 73px!important;border:0!important;border-radius:0!important;background-color:#120c07!important;background-image:linear-gradient(rgba(18,12,7,.9),rgba(8,6,4,.965)),var(--gt-hover-texture-image)!important;background-position:center!important;background-size:cover!important;background-blend-mode:normal,luminosity!important;box-shadow:0 31px 84px rgba(0,0,0,.93),0 0 34px rgba(211,167,94,.06)!important;color:#ead9bb;isolation:isolate;animation:gt-legacy-vitrine-light .42s cubic-bezier(.18,.82,.19,1) both}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"]::after,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 9px 18px rgba(0,0,0,.76))}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"]::before,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"]::before{display:block;content:"";position:absolute;left:50%;top:45px;width:122px;height:98px;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 0,rgba(255,220,151,.24),transparent 68%);transform:translateX(-50%);opacity:.8}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"]>*,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-media{min-height:157px;border:1px solid rgba(211,167,94,.36);border-radius:1px;background:#080604;box-shadow:inset 0 0 0 6px rgba(35,23,12,.78),inset 0 0 26px rgba(0,0,0,.7),0 10px 22px #000}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0,rgba(244,208,142,.18),transparent 43%),linear-gradient(180deg,transparent 42%,rgba(7,4,2,.79))}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-play{width:48px;height:48px;border:1px solid #d3a75e;border-radius:50%;background:radial-gradient(circle,#6b4722,#21140a 65%);box-shadow:inset 0 0 0 5px #0b0704,0 0 15px rgba(211,167,94,.3)}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-play i{border-left-color:#f4d8a1}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-duration{border:1px solid rgba(117,168,144,.45);border-radius:1px;background:#0e0a06;color:#9fc8b4;font-family:Georgia,serif}
#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-title-wrap{margin-top:14px}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-signal{width:18px;height:18px;border:1px solid #d3a75e;border-radius:50%;background:radial-gradient(circle,#f4d8a1 0 8%,#a87436 10% 24%,#1a1008 26% 62%,#d3a75e 64%);box-shadow:0 0 10px rgba(211,167,94,.25)}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-title{color:#f1dfbf;font-family:Georgia,'Noto Serif TC',serif;font-weight:620;letter-spacing:.035em;text-shadow:0 2px 10px #000}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-label{font-size:15px;line-height:1.43}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-meta-tag{border:1px solid rgba(211,167,94,.3);border-radius:1px;background:rgba(65,42,20,.66);color:#d8b981;font-family:Georgia,serif;letter-spacing:.045em}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-meta-perspective{border-color:rgba(117,168,144,.38);background:rgba(27,61,50,.6);color:#9dc5b0}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-reason{color:#b8a487}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-reason-line{background:linear-gradient(180deg,#d3a75e,#75a890)}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-related-section{border-top-color:rgba(211,167,94,.22)}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-related-heading{color:#b18d58;font-family:Georgia,serif;letter-spacing:.13em}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-tip-related-heading i{width:17px;height:17px;border:1px solid #75a890;border-radius:50%;background:radial-gradient(circle,#75a890 0 8%,transparent 10% 32%,rgba(117,168,144,.3) 34% 38%,transparent 40%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-related-video{border-radius:1px}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-related-video:hover{background:rgba(211,167,94,.07)}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-related-thumb{border:4px solid #24170c;border-radius:0;filter:saturate(.72) sepia(.18);box-shadow:0 3px 7px #000}
#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .qm-action,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-gate-action{border:1px solid rgba(211,167,94,.48);border-radius:1px;background:linear-gradient(180deg,#6a4620,#35210f);color:#f3d7a2;font-family:Georgia,'Noto Serif TC',serif;box-shadow:inset 0 1px rgba(255,224,163,.14),0 5px 14px #000}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .qm-action:hover{background:linear-gradient(180deg,#805a2d,#452c16);border-color:#e8c37e}#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-spark{border:1px solid #d3a75e;border-radius:50%;background:#1c1108;color:#f4d8a1;box-shadow:inset 0 0 0 3px #080503;transform:none}
.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"]{width:538px;padding:98px 74px 84px;border:0!important;border-radius:0!important;background-color:#120c07!important;background-image:linear-gradient(rgba(18,12,7,.91),rgba(8,6,4,.97)),var(--gt-hover-texture-image)!important;background-position:center!important;background-size:cover!important;background-blend-mode:normal,luminosity!important;box-shadow:0 33px 88px rgba(0,0,0,.94),0 0 35px rgba(211,167,94,.05)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"].visible,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"].flip-left.visible{animation:gt-legacy-vitrine-light .44s cubic-bezier(.18,.82,.19,1) both}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"]::before{top:59px;width:148px;height:121px}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-header{padding:13px 7px 10px;border-bottom:1px solid rgba(211,167,94,.25);background:linear-gradient(90deg,rgba(76,48,22,.18),rgba(117,86,41,.1),rgba(31,70,57,.12))}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-body{padding:14px 7px 16px}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-footer{padding:10px 7px 1px;border-top-color:rgba(211,167,94,.22);background:transparent}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-close{border:1px solid rgba(211,167,94,.34);border-radius:50%;background:#171008;color:#d0ac75}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-evidence{border:1px solid rgba(211,167,94,.21);border-radius:1px;background:linear-gradient(120deg,rgba(77,48,21,.15),rgba(12,8,5,.8) 55%,rgba(35,68,55,.08));box-shadow:inset 3px 0 rgba(211,167,94,.18)}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-thesis{border-left-color:#75a890}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-context img{border:5px solid #24170c;border-radius:0;filter:saturate(.72) sepia(.18);box-shadow:0 3px 7px #000}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-point-index{border:1px solid #d3a75e;border-radius:50%;background:#1c1108;color:#f2cf91;box-shadow:inset 0 0 0 3px #080503}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-badge{border-color:rgba(211,167,94,.3);border-radius:1px;background:rgba(76,48,22,.6);color:#d6b57e;font-family:Georgia,serif;letter-spacing:.055em}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(117,168,144,.31);background:rgba(29,65,53,.57);color:#9fc5b1}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-thesis p{color:#ead9bb}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-scope p{color:#aa967b}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-evidence{color:#d3b57f}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-legacy-vitrine-light{from{opacity:0;transform:translateY(7px) scale(.976);filter:brightness(.5) sepia(.25)}54%{opacity:1;filter:brightness(1.12) sepia(.13)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"]{padding:72px 58px 64px!important}.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"]{padding:80px 64px 71px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="legacymuseum-curatorial-vitrine"],.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"].visible,.gt-summary-panel[data-gt-hover-theme="legacymuseum-curatorial-vitrine"].flip-left.visible{animation:none!important}}


#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"]{width:426px!important;padding:66px 62px 69px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 10% 7%,rgba(72,184,255,.1),transparent 23%),linear-gradient(150deg,rgba(7,19,30,.99),rgba(3,10,17,.997))!important;box-shadow:0 30px 82px rgba(0,0,0,.91),0 0 34px rgba(72,184,255,.06)!important;color:#e6f4ff;isolation:isolate;animation:gt-diffusion-signal-in .38s cubic-bezier(.16,.84,.18,1) both}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"]::after,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 18px rgba(0,0,0,.78))}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"]::before,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"]::before{display:block;content:"";position:absolute;left:75px;right:74px;top:65px;height:1px;z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#48b8ff 0 3px,transparent 3px 14px);box-shadow:0 0 7px rgba(72,184,255,.5);animation:gt-diffusion-route-flow 1.2s linear infinite}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"]>*,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-media{min-height:158px;border:1px solid rgba(82,243,208,.3);border-radius:10px;background:#040e18;box-shadow:inset 0 0 30px rgba(72,184,255,.07),0 8px 20px #000;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%,0 11px)}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(72,184,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(72,184,255,.04) 1px,transparent 1px),linear-gradient(180deg,transparent 48%,rgba(3,10,17,.85));background-size:28px 28px,28px 28px,auto}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-play{width:50px;height:50px;border:1px solid #52f3d0;border-radius:50%;background:radial-gradient(circle,#175773,#061926 62%);box-shadow:inset 0 0 0 5px #03101a,0 0 15px rgba(82,243,208,.34)}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-play i{border-left-color:#dffff7}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-duration{border:1px solid rgba(238,120,255,.44);border-radius:7px;background:#0a1320;color:#f0adfa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-title-wrap{margin-top:14px}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-signal{width:18px;height:18px;border:1px solid #48b8ff;border-radius:50%;background:radial-gradient(circle,#e9ffff 0 12%,#48b8ff 15% 27%,#081421 30% 52%,#48b8ff 55% 59%,transparent 61%);box-shadow:0 0 11px rgba(72,184,255,.4)}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-title{color:#eefaff;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans TC',sans-serif;font-weight:760;letter-spacing:.025em;text-shadow:0 0 12px rgba(72,184,255,.17)}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-label{font-size:15px;line-height:1.42}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-meta-tag{border:1px solid rgba(72,184,255,.32);border-radius:8px;background:rgba(10,44,68,.67);color:#8ed2ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.045em}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-meta-perspective{border-color:rgba(255,209,102,.4);background:rgba(72,52,14,.62);color:#ffe18e}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-reason{color:#a7becb}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-reason-line{background:linear-gradient(180deg,#48b8ff,#52f3d0 35%,#ffd166 67%,#ee78ff)}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-related-section{border-top-color:rgba(102,211,255,.18)}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-related-heading{color:#7da0b5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-tip-related-heading i{width:21px;height:8px;border:0;border-radius:0;background:linear-gradient(90deg,#48b8ff 0 22%,transparent 23% 31%,#52f3d0 32% 54%,transparent 55% 63%,#ffd166 64% 78%,transparent 79% 87%,#ee78ff 88%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-related-video{border-radius:8px}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-related-video:hover{background:rgba(72,184,255,.07)}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-related-thumb{border:1px solid rgba(82,243,208,.29);border-radius:50%;filter:saturate(.84)}
#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .qm-action,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-gate-action{border:1px solid rgba(82,243,208,.46);border-radius:10px;background:linear-gradient(90deg,rgba(17,82,112,.8),rgba(10,77,75,.76) 50%,rgba(84,24,95,.72));color:#efffff;box-shadow:inset 0 1px rgba(220,255,250,.12),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .qm-action:hover{border-color:#a8ffe9;filter:brightness(1.15)}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-spark{border:1px solid #52f3d0;border-radius:50%;background:#071c2c;color:#e8fffa;box-shadow:inset 0 0 0 3px #030d16,0 0 9px rgba(82,243,208,.2);transform:none}
.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"]{width:538px;padding:77px 68px 83px;border:0!important;border-radius:0!important;background:radial-gradient(circle at 10% 7%,rgba(72,184,255,.09),transparent 22%),linear-gradient(150deg,rgba(7,19,30,.99),rgba(3,10,17,.997))!important;box-shadow:0 32px 86px rgba(0,0,0,.92),0 0 34px rgba(72,184,255,.05)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"].visible,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"].flip-left.visible{animation:gt-diffusion-signal-in .4s cubic-bezier(.16,.84,.18,1) both}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"]::before{left:83px;right:84px;top:75px}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-header{padding:13px 7px 10px;border-bottom:1px solid rgba(82,243,208,.2);background:linear-gradient(90deg,rgba(72,184,255,.11),rgba(82,243,208,.06),rgba(238,120,255,.09))}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-body{padding:14px 7px 16px}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-footer{padding:10px 7px 1px;border-top-color:rgba(102,211,255,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-close{border:1px solid rgba(238,120,255,.38);border-radius:50%;background:#081520;color:#efa2fb}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-evidence{border:1px solid rgba(102,211,255,.18);border-radius:9px;background:linear-gradient(90deg,rgba(72,184,255,.07),rgba(4,14,24,.79) 45%,rgba(238,120,255,.05));box-shadow:inset 3px 0 rgba(72,184,255,.2)}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-thesis{border-left-color:#52f3d0}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-context img{border:1px solid #48b8ff;border-radius:50%;filter:saturate(.84);box-shadow:0 0 10px rgba(72,184,255,.17)}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-point-index{border:1px solid #ffd166;border-radius:8px;background:#141d25;color:#ffe39a;box-shadow:inset 0 0 0 3px #06111a}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-badge{border-color:rgba(82,243,208,.28);border-radius:7px;background:rgba(16,65,72,.58);color:#8af1db;letter-spacing:.055em}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(238,120,255,.3);background:rgba(79,25,88,.55);color:#efa9fa}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-thesis p{color:#edf8ff}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-scope p{color:#9bb2c0}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-evidence{color:#88d8ff}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-diffusion-signal-in{from{opacity:0;transform:translateY(7px) scale(.975);filter:brightness(.66) saturate(.74)}50%{opacity:1;filter:brightness(1.14) saturate(1.13)}to{opacity:1;transform:none;filter:none}}@keyframes gt-diffusion-route-flow{to{background-position:14px 0}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"]{padding:59px 55px 61px!important}.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"]{padding:67px 60px 70px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"],.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"].visible,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"].flip-left.visible{animation:none!important}#gt-tooltip[data-gt-hover-theme="diffusionmap-signal-observatory"]::before,.gt-summary-panel[data-gt-hover-theme="diffusionmap-signal-observatory"]::before{animation:none!important}}


#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"]{width:424px!important;padding:69px 67px 70px 72px!important;border:0!important;border-radius:0!important;background:linear-gradient(rgba(255,253,247,.96),rgba(242,237,222,.97))!important;box-shadow:0 28px 76px rgba(28,42,34,.46)!important;color:#1d2923;isolation:isolate;animation:gt-classification-file .37s cubic-bezier(.18,.82,.2,1) both}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"]::after,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 15px rgba(24,39,30,.38))}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"]::before,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"]::before{display:block;content:"";position:absolute;left:74px;right:66px;top:72px;bottom:70px;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(36,76,61,.045) 1px,transparent 1px),linear-gradient(rgba(36,76,61,.042) 1px,transparent 1px);background-size:29px 29px}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"]>*,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-media{min-height:155px;border:1px solid #b9b19c;border-radius:1px;background:#d8d4c5;box-shadow:0 7px 16px rgba(63,60,45,.16),inset 0 0 0 5px #f8f3e6}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 52%,rgba(31,53,42,.55))}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-play{width:43px;height:31px;border:1px solid #e7d9bc;border-radius:2px;background:#315b48;box-shadow:0 5px 11px rgba(32,55,43,.26)}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-play i{border-left-color:#f4efe1}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-duration{border:1px solid #d6cfbd;border-radius:1px;background:rgba(255,253,247,.9);color:#315142;font-family:Georgia,serif}
#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-title-wrap{margin-top:14px}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-signal{width:17px;height:17px;border:1px solid #315b48;border-radius:50%;background:radial-gradient(circle,#315b48 0 24%,#f8f3e6 27% 59%,#b78243 62%);box-shadow:none}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-title{color:#1d2923;font-family:Georgia,'Noto Serif TC',serif;font-weight:650;letter-spacing:.015em;text-shadow:none}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-label{font-size:15px;line-height:1.43}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-meta-tag{border:1px solid #cfc7b4;border-radius:1px;background:#f7f3e9;color:#365447;font-family:Georgia,serif;letter-spacing:.025em}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-meta-perspective{border-color:#bda27d;background:#efe5d1;color:#81583e;font-style:italic}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-reason{color:#4c5d55}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-reason-line{background:linear-gradient(180deg,#315b48,#b78243)}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-related-section{border-top-color:#d7d0bf}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-related-heading{color:#526a5d;font-family:Georgia,serif;letter-spacing:.11em}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-tip-related-heading i{width:16px;height:16px;border:1px solid #315b48;border-radius:50%;background:radial-gradient(ellipse at 50% 70%,#66806d 0 23%,transparent 25%),linear-gradient(45deg,transparent 45%,#315b48 47% 53%,transparent 55%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-related-video{border-radius:1px}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-related-video:hover{background:#f0ece0}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-related-title{color:#2f423a}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-related-meta{color:#78837c}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-related-thumb{border:4px solid #fffdf7;border-radius:0;filter:saturate(.7) sepia(.08);box-shadow:0 2px 5px rgba(61,54,40,.18)}
#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .qm-action,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-gate-action{border:1px solid #315b48;border-radius:1px;background:#315b48;color:#fffdf7;font-family:Georgia,'Noto Serif TC',serif;box-shadow:inset 0 1px rgba(255,255,255,.13),0 4px 10px rgba(31,58,44,.2)}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .qm-action:hover{background:#244c3d;border-color:#18382c}#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-spark{border:1px solid #b78243;border-radius:50%;background:#f5efe1;color:#315b48;box-shadow:none;transform:none}
.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"]{width:538px;padding:85px 77px 82px 84px;border:0!important;border-radius:0!important;background:linear-gradient(rgba(255,253,247,.97),rgba(242,237,222,.98))!important;box-shadow:0 31px 84px rgba(28,42,34,.48)!important;color:#1d2923;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"].visible,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"].flip-left.visible{animation:gt-classification-file .4s cubic-bezier(.18,.82,.2,1) both}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"]::before{left:84px;right:76px;top:86px;bottom:82px}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-header{padding:13px 7px 10px;border-bottom:1px solid #cfc7b4;background:rgba(247,243,233,.74)}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-body{padding:14px 7px 16px}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-footer{padding:10px 7px 1px;border-top-color:#d5cebd;background:transparent}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-close{border:1px solid #a8b3aa;border-radius:50%;background:#fffdf7;color:#315b48}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-evidence{border:1px solid #d9d1be;border-radius:1px;background:rgba(255,253,248,.76);box-shadow:inset 3px 0 #315b48}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-thesis{border-left-color:#9f6d4d;background:#f5efe3}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-context img{border:5px solid #fffdf7;border-radius:0;filter:saturate(.7) sepia(.08);box-shadow:0 2px 6px rgba(61,54,40,.17)}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-context-copy span,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-thesis p{color:#263931}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-scope p{color:#5e6f65}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-point-index{border:1px solid #315b48;border-radius:50%;background:#f7f3e9;color:#315b48;box-shadow:none}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-badge{border-color:#bfc8be;border-radius:1px;background:#e8eee5;color:#315b48;font-family:Georgia,serif;letter-spacing:.04em}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-evidence{color:#315b48}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-classification-file{from{opacity:0;transform:translateY(7px) scale(.977);filter:brightness(.88) sepia(.18)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"]{padding:60px 57px 61px!important}.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"]{padding:68px 64px 70px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="classificationatlas-specimen-cabinet"],.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"].visible,.gt-summary-panel[data-gt-hover-theme="classificationatlas-specimen-cabinet"].flip-left.visible{animation:none!important}}


#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"]{width:420px!important;padding:58px 57px 61px!important;border:0!important;border-radius:0!important;background-color:#efe0b8!important;background-image:linear-gradient(rgba(255,248,216,.9),rgba(235,215,169,.92)),var(--gt-hover-texture-image)!important;background-position:center!important;background-size:cover!important;background-blend-mode:normal,multiply!important;box-shadow:0 27px 72px rgba(24,44,51,.52)!important;color:#173f4d;isolation:isolate;animation:gt-constraintmap-unfold .39s cubic-bezier(.18,.82,.19,1) both}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"]::after,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 14px rgba(38,62,59,.28))}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"]::before,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"]::before{display:block;content:"";position:absolute;left:67px;right:67px;top:58px;height:14px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,#2b858a 10% 42%,transparent 43% 57%,#df992f 58% 90%,transparent);mask:repeating-linear-gradient(90deg,#000 0 11px,transparent 11px 18px);opacity:.58}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"]>*,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-media{min-height:154px;border:2px solid rgba(43,112,116,.42);border-radius:7px 16px 7px 16px;background:#315d61;box-shadow:0 7px 15px rgba(49,70,62,.2),inset 0 0 0 3px rgba(255,249,224,.48)}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(19,59,66,.62)),linear-gradient(135deg,rgba(226,155,48,.13),transparent 48%,rgba(43,133,138,.14))}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-play{width:49px;height:39px;border:2px solid #fff1bd;border-radius:7px 14px 7px 14px;background:#2b858a;box-shadow:0 5px 12px rgba(23,63,66,.32)}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-play i{border-left-color:#fff8dc}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-duration{border:1px solid rgba(255,241,189,.74);border-radius:5px 10px 5px 10px;background:rgba(22,73,78,.9);color:#fff7dc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-title-wrap{margin-top:14px}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-signal{width:18px;height:18px;border:1px solid #a05f1b;border-radius:50%;background:#f4b342;box-shadow:inset 0 0 0 4px #fff1bc,0 2px 6px rgba(71,51,24,.28)}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-title{color:#173848;font-family:Georgia,'Noto Serif TC',serif;font-weight:750;letter-spacing:.018em;text-shadow:0 1px rgba(255,255,255,.46)}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-label{font-size:15px;line-height:1.42}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-meta-tag{border:1px solid rgba(43,112,116,.35);border-radius:5px 10px 5px 10px;background:rgba(255,255,255,.46);color:#315f62;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-meta-perspective{border-color:rgba(181,111,25,.42);background:rgba(239,170,62,.3);color:#80531e}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-reason{color:#405a5c}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-reason-line{background:linear-gradient(180deg,#2b858a,#e39a32)}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-related-section{border-top-color:rgba(43,112,116,.25)}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-related-heading{color:#247c83;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;letter-spacing:.12em}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-tip-related-heading i{width:18px;height:18px;border:1px solid #2b858a;border-radius:50%;background:radial-gradient(circle,#f4b342 0 23%,transparent 25%),conic-gradient(from 45deg,#2b858a 0 12%,transparent 12% 25%,#2b858a 25% 37%,transparent 37% 50%,#2b858a 50% 62%,transparent 62% 75%,#2b858a 75% 87%,transparent 87%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-related-video{border-radius:5px 11px 5px 11px}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-related-video:hover{background:rgba(43,133,138,.09)}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-related-title{color:#24454d}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-related-meta{color:#718080}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-related-thumb{border:2px solid rgba(43,112,116,.32);border-radius:50%;filter:saturate(.78)}
#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .qm-action,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-gate-action{border:1px solid #246f74;border-radius:6px 13px 6px 13px;background:linear-gradient(100deg,#2b858a,#1d6972 62%,#df9b38);color:#fff9de;font-family:Georgia,'Noto Serif TC',serif;box-shadow:inset 0 1px rgba(255,255,255,.22),0 5px 12px rgba(34,76,75,.22)}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .qm-action:hover{background:linear-gradient(100deg,#32989c,#267b81 62%,#eca83f);border-color:#174e54}#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-spark{border:1px solid #fff1bd;border-radius:50%;background:#e59b31;color:#fff;box-shadow:0 2px 5px rgba(77,52,21,.25);transform:none}
.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"]{width:536px;padding:63px 67px 68px;border:0!important;border-radius:0!important;background-color:#efe0b8!important;background-image:linear-gradient(rgba(255,248,216,.91),rgba(235,215,169,.93)),var(--gt-hover-texture-image)!important;background-position:center!important;background-size:cover!important;background-blend-mode:normal,multiply!important;box-shadow:0 31px 82px rgba(24,44,51,.54)!important;color:#173f4d;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"].visible,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"].flip-left.visible{animation:gt-constraintmap-unfold .41s cubic-bezier(.18,.82,.19,1) both}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"]::before{left:77px;right:77px;top:64px}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-header{padding:13px 8px 10px;border-bottom:1px solid rgba(43,112,116,.26);background:linear-gradient(90deg,rgba(43,133,138,.11),rgba(255,255,255,.18),rgba(226,155,48,.11))}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-footer{padding:10px 8px 2px;border-top-color:rgba(43,112,116,.24);background:transparent}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-close{border:1px solid rgba(43,112,116,.38);border-radius:50%;background:rgba(255,250,226,.92);color:#275d62}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-evidence{border:1px solid rgba(43,112,116,.21);border-radius:6px 13px 6px 13px;background:rgba(255,255,255,.4);box-shadow:inset 3px 0 rgba(43,133,138,.18)}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-thesis{border-left-color:#df992f;background:rgba(232,167,65,.15)}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-context img{border:2px solid #2b858a;border-radius:50%;filter:saturate(.8)}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-context-copy span,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-thesis p{color:#173f4d}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-scope p{color:#516969}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-point-index{border:1px solid #fff1bd;border-radius:50%;background:#e59b31;color:#fff;box-shadow:0 2px 6px rgba(83,58,22,.22)}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-badge{border-color:rgba(43,112,116,.29);border-radius:5px 9px 5px 9px;background:rgba(43,133,138,.12);color:#247078;letter-spacing:.04em}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-evidence{color:#2b7377}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-constraintmap-unfold{from{opacity:0;transform:translateY(9px) scale(.976);filter:brightness(.78) sepia(.28)}55%{opacity:1;filter:brightness(1.06) sepia(.08)}to{opacity:1;transform:none;filter:none}}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"]{padding-top:92px;padding-bottom:78px}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"]{padding:52px 50px 55px!important}.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"]{padding:55px 57px 60px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="constraintmap-expedition-survey"],.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"].visible,.gt-summary-panel[data-gt-hover-theme="constraintmap-expedition-survey"].flip-left.visible{animation:none!important}}


/* ── Topology hover theme 13 · What-if Scenario Chamber ──────────── */
#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"]{width:428px!important;padding:78px 61px 79px!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,rgba(7,24,43,.99),rgba(8,10,28,.995) 48%,rgba(29,7,43,.99))!important;box-shadow:0 31px 84px rgba(0,0,0,.91),-12px 0 28px rgba(80,188,255,.07),12px 0 28px rgba(205,75,255,.07)!important;color:#f1f4ff;isolation:isolate;animation:gt-whatiflab-diverge .37s cubic-bezier(.16,.84,.18,1) both}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"]::after,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 18px rgba(0,0,0,.78))}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"]::before,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"]::before{display:block;content:"";position:absolute;left:50%;top:62px;bottom:66px;width:1px;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(224,91,255,.58),rgba(255,255,255,.05) 24%,rgba(255,255,255,.03) 76%,rgba(128,207,255,.42));box-shadow:-46px 0 58px rgba(78,187,255,.035),46px 0 58px rgba(216,76,255,.035)}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"]>*,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-media{min-height:158px;border:1px solid rgba(128,207,255,.3);border-radius:17px 17px 8px 8px;background:#050817;box-shadow:inset 4px 0 rgba(80,183,239,.1),inset -4px 0 rgba(210,83,255,.1),0 8px 21px #000;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%,0 11px)}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(84,192,255,.18),transparent 43%,rgba(225,82,255,.17)),linear-gradient(180deg,transparent 45%,rgba(4,6,18,.86))}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-play{width:50px;height:50px;border:1px solid #dd74ff;border-radius:50%;background:radial-gradient(circle,#61226f,#19113b 53%,#07091a 55%);box-shadow:inset 0 0 0 4px #08091b,0 0 17px rgba(220,91,255,.38)}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-play i{border-left-color:#ddc3ff}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-duration{border:1px solid rgba(128,207,255,.42);border-radius:8px;background:#071225;color:#a8dcff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-title-wrap{margin-top:14px}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-signal{width:19px;height:19px;border:1px solid #da6aff;border-radius:50%;background:conic-gradient(from 90deg,#d95dff,#8c69ff,#63cfff,#d95dff);box-shadow:inset 0 0 0 4px #080b20,0 0 11px rgba(210,85,255,.3)}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-title{color:#f4f2ff;font-family:'Avenir Next','Noto Sans TC',sans-serif;font-weight:730;letter-spacing:.028em;text-shadow:-5px 0 15px rgba(89,191,255,.12),5px 0 15px rgba(218,83,255,.12)}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-label{font-size:15px;line-height:1.42}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-meta-tag{border:1px solid rgba(128,207,255,.33);border-radius:9px;background:rgba(15,49,78,.65);color:#a9ddff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-meta-perspective{border-color:rgba(218,99,255,.38);background:rgba(71,20,88,.64);color:#eaa7ff}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-reason{color:#aaaec8}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-reason-line{background:linear-gradient(180deg,#80cfff 0 46%,#db63ff 54% 100%)}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-related-section{border-top-color:rgba(145,154,216,.2)}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-related-heading{color:#9ba2c3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-tip-related-heading i{width:19px;height:13px;border:0;border-radius:0;background:linear-gradient(155deg,transparent 42%,#80cfff 43% 50%,transparent 51%),linear-gradient(25deg,transparent 42%,#db63ff 43% 50%,transparent 51%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-related-video{border-radius:9px}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(128,207,255,.08),rgba(219,99,255,.08))}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-related-thumb{border:1px solid rgba(128,207,255,.28);border-radius:50%;filter:saturate(.82)}
#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .qm-action,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-gate-action{border:1px solid rgba(160,150,255,.46);border-radius:12px;background:linear-gradient(90deg,rgba(25,93,133,.78),rgba(36,30,89,.82) 50%,rgba(100,24,116,.78));color:#f3f2ff;box-shadow:inset 0 1px rgba(220,240,255,.12),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .qm-action:hover{border-color:#e29aff;filter:brightness(1.16)}#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-spark{border:1px solid #d968ff;border-radius:50%;background:linear-gradient(90deg,#183f66 0 48%,#572066 52%);color:#fff;box-shadow:inset 0 0 0 4px #080a1b,0 0 10px rgba(202,82,255,.2);transform:none}
.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"]{width:538px;padding:93px 69px 99px;border:0!important;border-radius:0!important;background:linear-gradient(90deg,rgba(7,24,43,.99),rgba(8,10,28,.995) 48%,rgba(29,7,43,.99))!important;box-shadow:0 33px 88px rgba(0,0,0,.91),-12px 0 30px rgba(80,188,255,.06),12px 0 30px rgba(205,75,255,.06)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"].visible,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"].flip-left.visible{animation:gt-whatiflab-diverge .4s cubic-bezier(.16,.84,.18,1) both}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"]::before{top:78px;bottom:82px}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-header,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-body,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-footer{margin-inline:12px}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-header{padding:13px 7px 10px;border-bottom:1px solid rgba(156,152,229,.23);background:linear-gradient(90deg,rgba(36,112,153,.16),rgba(44,25,84,.11),rgba(119,31,132,.16))}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-body{padding:14px 7px 16px}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-footer{padding:10px 7px 1px;border-top-color:rgba(156,152,229,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-close{border:1px solid rgba(219,99,255,.38);border-radius:50%;background:#11102b;color:#e6a4ff}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-evidence{border:1px solid rgba(150,161,221,.2);border-radius:11px;background:linear-gradient(90deg,rgba(31,105,147,.11),rgba(10,12,33,.8) 43% 57%,rgba(104,24,118,.11));box-shadow:inset 3px 0 rgba(128,207,255,.18),inset -3px 0 rgba(219,99,255,.17)}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-thesis{border-left-color:#80cfff}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-context img{border:1px solid #80cfff;border-radius:50%;filter:saturate(.83);box-shadow:0 0 11px rgba(128,207,255,.16)}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-point-index{border:1px solid #db63ff;border-radius:50%;background:linear-gradient(90deg,#14375b,#4b1c5a);color:#f1d3ff;box-shadow:inset 0 0 0 3px #080a1c}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-badge{border-color:rgba(128,207,255,.3);border-radius:8px;background:rgba(20,56,86,.6);color:#a9dcff;letter-spacing:.05em}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(219,99,255,.32);background:rgba(76,22,89,.58);color:#eaa8ff}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-thesis p{color:#f2f3ff}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-scope p{color:#a8afc8}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-evidence{color:#b1ddff}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-whatiflab-diverge{from{opacity:0;transform:translateY(8px) scale(.973);filter:brightness(.67) saturate(.7)}46%{opacity:1;filter:brightness(1.14) saturate(1.16)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"]{padding:67px 54px 70px!important}.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"]{padding:68px 60px 74px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="whatiflab-scenario-chamber"],.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"].visible,.gt-summary-panel[data-gt-hover-theme="whatiflab-scenario-chamber"].flip-left.visible{animation:none!important}}


/* ── Topology hover theme 12 · Decision Lab Weighted Instrument ───── */
#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"]{width:426px!important;padding:68px 57px 74px!important;border:0!important;border-radius:0!important;background:linear-gradient(145deg,rgba(17,23,42,.99),rgba(5,7,18,.995))!important;box-shadow:0 30px 82px rgba(0,0,0,.9),0 0 32px rgba(103,232,255,.07)!important;color:#eff4ff;isolation:isolate;animation:gt-decisionlab-calibrate .36s cubic-bezier(.17,.83,.17,1) both}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"]::after,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 7px 18px rgba(0,0,0,.76))}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"]::before,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"]::before{display:block;content:"";position:absolute;left:70px;right:70px;bottom:53px;height:5px;z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#67e8ff 0 13px,#a68cff 13px 26px,#ff7fc8 26px 39px,#ffc86a 39px 52px,#72f2c1 52px 65px,rgba(37,46,66,.8) 65px 78px);border-radius:5px;box-shadow:0 0 8px rgba(103,232,255,.27)}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"]>*,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-media{min-height:158px;border:1px solid rgba(145,208,242,.31);border-radius:14px;background:#060a16;box-shadow:inset 0 0 28px rgba(103,232,255,.07),0 8px 20px #000;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%,0 10px)}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(103,232,255,.11),transparent 33%,rgba(166,140,255,.08) 49%,transparent 65%,rgba(255,127,200,.1)),linear-gradient(180deg,transparent 45%,rgba(5,7,18,.82))}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-play{width:49px;height:49px;border:1px solid #8deaff;border-radius:50%;background:linear-gradient(145deg,#193d5a,#101332 48%,#421c46);box-shadow:inset 0 0 0 5px #070916,0 0 14px rgba(103,232,255,.27)}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-play i{border-left-color:#b3f5ff}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-duration{border:1px solid rgba(255,127,200,.42);border-radius:8px;background:#0c1023;color:#f3abd3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-title-wrap{margin-top:14px}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-signal{width:18px;height:18px;border:1px solid #67e8ff;border-radius:50%;background:conic-gradient(#67e8ff,#a68cff,#ff7fc8,#ffc86a,#72f2c1,#67e8ff);box-shadow:inset 0 0 0 4px #080b1a,0 0 10px rgba(103,232,255,.24)}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-title{color:#f4f7ff;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans TC',sans-serif;font-weight:730;letter-spacing:.025em;text-shadow:0 0 12px rgba(103,232,255,.13)}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-label{font-size:15px;line-height:1.42}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-meta-tag{border:1px solid rgba(103,232,255,.32);border-radius:8px;background:rgba(20,47,72,.65);color:#a7eff7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-meta-perspective{border-color:rgba(166,140,255,.36);background:rgba(54,32,83,.64);color:#ceb8ff}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-reason{color:#aab4ca}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-reason-line{background:linear-gradient(180deg,#67e8ff,#a68cff 38%,#ff7fc8 65%,#ffc86a)}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-related-section{border-top-color:rgba(149,185,218,.2)}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-related-heading{color:#92a1bb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-tip-related-heading i{width:17px;height:14px;border:1px solid rgba(140,215,245,.5);border-radius:7px;background:linear-gradient(90deg,#67e8ff 0 28%,#a68cff 28% 52%,#ff7fc8 52% 74%,#ffc86a 74%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-related-video{border-radius:8px}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-related-video:hover{background:rgba(119,153,221,.09)}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-related-thumb{border:1px solid rgba(126,214,245,.28);border-radius:8px;filter:saturate(.82)}
#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .qm-action,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-gate-action{border:1px solid rgba(103,232,255,.45);border-radius:11px;background:linear-gradient(90deg,rgba(31,93,111,.75),rgba(49,34,91,.78),rgba(101,27,77,.72));color:#f4f7ff;box-shadow:inset 0 1px rgba(219,250,255,.12),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .qm-action:hover{border-color:#a5f4ff;filter:brightness(1.16)}#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-spark{border:1px solid #90ebff;border-radius:50%;background:conic-gradient(#67e8ff,#a68cff,#ff7fc8,#ffc86a,#72f2c1,#67e8ff);color:#fff;box-shadow:inset 0 0 0 4px #080b1a;transform:none}
.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"]{width:536px;padding:94px 64px 96px;border:0!important;border-radius:0!important;background:linear-gradient(145deg,rgba(17,23,42,.99),rgba(5,7,18,.995))!important;box-shadow:0 32px 86px rgba(0,0,0,.9),0 0 33px rgba(103,232,255,.06)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"].visible,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"].flip-left.visible{animation:gt-decisionlab-calibrate .39s cubic-bezier(.17,.83,.17,1) both}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-header,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-body,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-footer{margin-inline:15px}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-header{padding:13px 6px 10px;border-bottom:1px solid rgba(127,207,241,.23);background:linear-gradient(90deg,rgba(29,92,111,.17),rgba(52,36,95,.18),rgba(105,30,78,.17))}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-body{padding:14px 6px 16px}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-footer{padding:10px 6px 1px;border-top-color:rgba(127,207,241,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-close{border:1px solid rgba(255,127,200,.37);border-radius:50%;background:#111427;color:#f1acd3}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-evidence{border:1px solid rgba(139,200,235,.2);border-radius:11px;background:linear-gradient(115deg,rgba(34,104,119,.08),rgba(11,14,31,.78) 43%,rgba(101,26,77,.08));box-shadow:inset 3px 0 rgba(103,232,255,.17),inset -3px 0 rgba(255,127,200,.15)}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-thesis{border-left-color:#a68cff}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-context img{border:1px solid #67e8ff;border-radius:10px;filter:saturate(.82);box-shadow:0 0 11px rgba(103,232,255,.13)}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-point-index{border:1px solid #67e8ff;border-radius:50%;background:#102443;color:#c2f7ff;box-shadow:inset 0 0 0 3px #070a17}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-badge{border-color:rgba(103,232,255,.3);border-radius:8px;background:rgba(23,55,82,.59);color:#aaf0f8;letter-spacing:.05em}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(255,127,200,.31);background:rgba(83,24,64,.58);color:#f7add3}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-thesis p{color:#f1f5ff}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-scope p{color:#a9b2c7}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-evidence{color:#a9eef7}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-decisionlab-calibrate{from{opacity:0;transform:translateY(8px) scale(.974);filter:brightness(.7) saturate(.72)}52%{opacity:1;filter:brightness(1.14) saturate(1.13)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"]{padding:64px 53px 70px!important}.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"]{padding:64px 58px 70px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="decisionlab-weighted-instrument"],.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"].visible,.gt-summary-panel[data-gt-hover-theme="decisionlab-weighted-instrument"].flip-left.visible{animation:none!important}}

/* ── Topology hover theme 19 · GOAT Debate Verdict Rostrum ───────── */
#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"]{width:428px!important;padding:68px 59px 72px!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,rgba(24,17,7,.99),rgba(7,8,10,.995) 47%,rgba(18,9,27,.99))!important;box-shadow:0 31px 84px rgba(0,0,0,.93),-13px 0 30px rgba(229,173,36,.06),13px 0 30px rgba(143,102,215,.07)!important;color:#f2ede2;isolation:isolate;animation:gt-goatdebate-verdict-in .38s cubic-bezier(.17,.83,.18,1) both}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"]::after,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 19px rgba(0,0,0,.8))}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"]::before,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"]::before{display:block;content:"";position:absolute;left:50%;top:57px;bottom:54px;width:1px;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(242,237,226,.38),rgba(242,237,226,.035) 24% 76%,rgba(242,237,226,.28));box-shadow:-82px 0 64px rgba(229,173,36,.035),82px 0 64px rgba(143,102,215,.04)}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"]>*,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-media{min-height:158px;border:1px solid rgba(242,237,226,.24);border-radius:4px;background:#050607;box-shadow:inset 4px 0 rgba(229,173,36,.13),inset -4px 0 rgba(143,102,215,.14),0 8px 21px #000;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px)}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(229,173,36,.17),transparent 42%,rgba(143,102,215,.17)),linear-gradient(180deg,transparent 46%,rgba(4,5,7,.86))}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-play{width:51px;height:51px;border:1px solid #f0d281;border-radius:50%;background:linear-gradient(90deg,#624713 0 48%,#351b5a 52%);box-shadow:inset 0 0 0 5px #070707,0 0 16px rgba(229,173,36,.22)}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-play i{border-left-color:#fff4cf}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-duration{border:1px solid rgba(143,102,215,.46);border-radius:3px;background:#110d18;color:#cbb3fa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-title-wrap{margin-top:15px}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-signal{width:19px;height:19px;border:1px solid #e5ad24;border-radius:2px;background:linear-gradient(135deg,#e5ad24 0 48%,#8f66d7 52%);box-shadow:inset 0 0 0 4px #080809,0 0 10px rgba(229,173,36,.22);transform:rotate(45deg)}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-title{color:#f2ede2;font-family:Georgia,'Noto Serif TC',serif;font-weight:760;letter-spacing:.026em;text-shadow:-4px 0 13px rgba(229,173,36,.1),4px 0 13px rgba(143,102,215,.12)}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-label{font-size:15px;line-height:1.43}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-meta-tag{border:1px solid rgba(229,173,36,.34);border-radius:3px;background:rgba(74,51,9,.54);color:#e8c66c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.045em}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-meta-perspective{border-color:rgba(143,102,215,.39);background:rgba(55,31,87,.56);color:#cbb1fa}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-reason{color:#b6aea0}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-reason-line{background:linear-gradient(180deg,#e5ad24 0 48%,#8f66d7 52%)}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-related-section{border-top-color:rgba(206,181,126,.2)}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-related-heading{color:#b9a97e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-tip-related-heading i{width:19px;height:13px;border:0;border-radius:0;background:linear-gradient(155deg,transparent 43%,#e5ad24 44% 50%,transparent 51%),linear-gradient(25deg,transparent 43%,#8f66d7 44% 50%,transparent 51%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-related-video{border-radius:3px}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-related-video:nth-child(2):hover{background:rgba(229,173,36,.07)}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-related-video:nth-child(3):hover{background:rgba(143,102,215,.08)}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-related-thumb{border:1px solid rgba(229,173,36,.32);border-radius:3px;filter:saturate(.78)}
#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .qm-action,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-gate-action{border:1px solid rgba(223,199,137,.48);border-radius:4px;background:linear-gradient(90deg,#6e4d0e,#171315 49%,#41276f);color:#f5edd5;font-family:Georgia,'Noto Serif TC',serif;box-shadow:inset 0 1px rgba(255,241,199,.14),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .qm-action:hover{border-color:#f3d77f;filter:brightness(1.16)}#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-spark{border:1px solid #d6b858;border-radius:2px;background:linear-gradient(135deg,#dba829 0 48%,#8054c7 52%);color:#fff8db;box-shadow:inset 0 0 0 3px #080808;transform:rotate(45deg)}
.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"]{width:540px;padding:79px 68px 84px;border:0!important;border-radius:0!important;background:linear-gradient(90deg,rgba(24,17,7,.99),rgba(7,8,10,.995) 47%,rgba(18,9,27,.99))!important;box-shadow:0 33px 88px rgba(0,0,0,.94),-14px 0 31px rgba(229,173,36,.055),14px 0 31px rgba(143,102,215,.06)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"].visible,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"].flip-left.visible{animation:gt-goatdebate-verdict-in .41s cubic-bezier(.17,.83,.18,1) both}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"]::before{top:66px;bottom:64px}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-header{padding:13px 8px 10px;border-bottom:1px solid rgba(210,185,127,.22);background:linear-gradient(90deg,rgba(117,78,8,.14),rgba(13,13,14,.08),rgba(75,39,121,.15))}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-footer{padding:10px 8px 2px;border-top-color:rgba(210,185,127,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-close{border:1px solid rgba(143,102,215,.42);border-radius:50%;background:#130d1d;color:#c8aef7}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-evidence{border:1px solid rgba(214,190,135,.2);border-radius:4px;background:linear-gradient(90deg,rgba(111,75,10,.09),rgba(8,9,10,.8) 48%,rgba(68,35,108,.1));box-shadow:inset 3px 0 rgba(229,173,36,.18),inset -3px 0 rgba(143,102,215,.18)}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-thesis{border-left-color:#e5ad24;border-right-color:#8f66d7}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-context img{border:1px solid #e5ad24;border-radius:3px;filter:saturate(.78);box-shadow:0 0 10px rgba(229,173,36,.13)}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-point-index{border:1px solid #e5ad24;border-radius:2px;background:#281d09;color:#f1d47e;box-shadow:inset 0 0 0 3px #080808}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-point:nth-of-type(even) .gt-sp-point-index{border-color:#8f66d7;background:#1c112a;color:#d1b9ff}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-badge{border-color:rgba(229,173,36,.31);border-radius:3px;background:rgba(88,60,9,.56);color:#e9c76e;letter-spacing:.055em}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(143,102,215,.34);background:rgba(58,33,91,.58);color:#cab1f8}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-thesis p{color:#f2ede2}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-scope p{color:#b2aa9f}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-evidence{color:#e7c76f}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-goatdebate-verdict-in{from{opacity:0;transform:translateY(7px) scale(.972);filter:brightness(.68) saturate(.72)}48%{opacity:1;filter:brightness(1.14) saturate(1.08)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"]{padding:61px 53px 65px!important}.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"]{padding:69px 60px 73px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="goatdebate-verdict-rostrum"],.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"].visible,.gt-summary-panel[data-gt-hover-theme="goatdebate-verdict-rostrum"].flip-left.visible{animation:none!important}}

/* ── Topology hover theme 20 · Knowledge Celestial Lens ──────────── */
#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"]{width:430px!important;max-width:min(430px,calc(100vw - 24px))!important;padding:77px 64px 77px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(77,213,224,.13),transparent 27%),radial-gradient(circle at 88% 72%,rgba(167,139,250,.11),transparent 30%),linear-gradient(145deg,rgba(5,20,31,.99),rgba(3,7,17,.995) 64%,rgba(9,6,23,.99))!important;box-shadow:0 31px 86px rgba(0,0,0,.91),0 0 43px rgba(94,234,212,.07)!important;color:#e9fbff;isolation:isolate;animation:gt-knowledge-lens-focus .42s cubic-bezier(.16,.84,.18,1) both}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"]::after,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 18px rgba(0,0,0,.69))}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"]::before,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"]::before{display:block;content:"";position:absolute;left:82px;right:82px;bottom:58px;height:4px;z-index:2;pointer-events:none;background:radial-gradient(circle at 4% 50%,#5eead4 0 2px,transparent 3px),radial-gradient(circle at 28% 50%,#67e8f9 0 2px,transparent 3px),radial-gradient(circle at 51% 50%,#f4dc89 0 3px,transparent 4px),radial-gradient(circle at 74% 50%,#a78bfa 0 2px,transparent 3px),radial-gradient(circle at 96% 50%,#fb923c 0 2px,transparent 3px),linear-gradient(90deg,rgba(94,234,212,.28),rgba(244,220,137,.6) 51%,rgba(167,139,250,.28));box-shadow:0 0 12px rgba(94,234,212,.18)}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"]>*,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-media{min-height:158px;border:1px solid rgba(116,230,238,.3);border-radius:15px;background:#020813;box-shadow:inset 0 0 35px rgba(94,234,212,.07),0 8px 21px rgba(0,0,0,.8);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%,0 14px)}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,transparent 0 25%,rgba(94,234,212,.05) 26% 26.5%,transparent 27% 37%,rgba(167,139,250,.05) 38% 38.5%,transparent 39%),linear-gradient(180deg,transparent 45%,rgba(2,7,18,.86))}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-play{width:51px;height:51px;border:1px solid #9bf5e7;border-radius:50%;background:radial-gradient(circle,#4c5c83 0 17%,#12374c 18% 48%,#060b1a 50%);box-shadow:inset 0 0 0 4px #050a15,0 0 18px rgba(94,234,212,.35)}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-play i{border-left-color:#e9fffb}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-duration{border:1px solid rgba(167,139,250,.42);border-radius:8px;background:#0a1021;color:#d4c7ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-title-wrap{margin-top:14px}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-signal{width:20px;height:20px;border:1px solid #75e9dc;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#f4dc89 9% 19%,transparent 20% 35%,#5eead4 36% 42%,transparent 43%);box-shadow:0 0 12px rgba(94,234,212,.34)}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-title{color:#eefcff;font-family:'Avenir Next',-apple-system,'Noto Sans TC',sans-serif;font-weight:740;letter-spacing:.018em;text-shadow:0 0 14px rgba(94,234,212,.16)}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-label{font-size:15px;line-height:1.42}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-meta-tag,#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-knowledge-chip{border:1px solid rgba(94,234,212,.3);border-radius:999px;background:rgba(16,61,69,.48);color:#a3f1e8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-meta-perspective,#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-knowledge-chip:nth-child(even){border-color:rgba(167,139,250,.35);background:rgba(49,37,83,.5);color:#ccbfff}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-reason{color:#a9bdc8}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-reason-line{background:linear-gradient(180deg,#5eead4,#67e8f9 45%,#a78bfa)}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-related-section{border-top-color:rgba(112,205,217,.2)}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-related-heading{color:#8dbbc3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-tip-related-heading i{width:19px;height:19px;border:1px solid rgba(94,234,212,.66);border-radius:50%;background:radial-gradient(circle,#f8e79d 0 9%,transparent 11% 31%,#67e8f9 33% 38%,transparent 40%);box-shadow:0 0 8px rgba(94,234,212,.22);transform:none}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-related-video{border-radius:9px}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(94,234,212,.07),rgba(167,139,250,.07))}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-related-thumb{border:1px solid rgba(118,231,231,.3);border-radius:50%;filter:saturate(.8)}
#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .qm-action,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-gate-action{border:1px solid rgba(119,232,226,.43);border-radius:999px;background:linear-gradient(90deg,rgba(18,91,92,.77),rgba(27,47,79,.82) 54%,rgba(70,44,109,.78));color:#edffff;box-shadow:inset 0 1px rgba(223,255,252,.13),0 5px 16px rgba(0,0,0,.65)}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-qm-btn:hover,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .qm-action:hover{border-color:#b2fff4;filter:brightness(1.15)}#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-spark{border:1px solid #88eee3;border-radius:50%;background:conic-gradient(#5eead4,#67e8f9,#a78bfa,#f4dc89,#5eead4);color:#fff;box-shadow:inset 0 0 0 4px #07101b,0 0 12px rgba(94,234,212,.25);transform:none}
.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"]{width:542px;padding:88px 72px 91px;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(77,213,224,.12),transparent 27%),radial-gradient(circle at 88% 72%,rgba(167,139,250,.1),transparent 30%),linear-gradient(145deg,rgba(5,20,31,.99),rgba(3,7,17,.995) 64%,rgba(9,6,23,.99))!important;box-shadow:0 33px 89px rgba(0,0,0,.92),0 0 45px rgba(94,234,212,.065)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"].visible,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"].flip-left.visible{animation:gt-knowledge-lens-focus .43s cubic-bezier(.16,.84,.18,1) both}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"]::before{left:91px;right:91px;bottom:66px}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-header{padding:13px 8px 10px;border-bottom:1px solid rgba(112,205,217,.22);background:linear-gradient(90deg,rgba(40,151,149,.13),rgba(20,45,70,.09),rgba(88,55,133,.13))}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-footer{padding:10px 8px 2px;border-top-color:rgba(112,205,217,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-close{border:1px solid rgba(167,139,250,.4);border-radius:50%;background:#0d0c20;color:#d0c2ff}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-evidence{border:1px solid rgba(112,205,217,.2);border-radius:12px;background:linear-gradient(110deg,rgba(43,151,147,.08),rgba(4,10,21,.78) 48%,rgba(87,56,132,.09));box-shadow:inset 3px 0 rgba(94,234,212,.16),inset -2px 0 rgba(167,139,250,.14)}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-thesis{border-left-color:#f4dc89}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-context img{border:1px solid #6ee9dc;border-radius:50%;filter:saturate(.8);box-shadow:0 0 14px rgba(94,234,212,.18)}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-point-index{border:1px solid #76ede0;border-radius:50%;background:#0e2b3b;color:#b8fff4;box-shadow:inset 0 0 0 3px #050a14,0 0 8px rgba(94,234,212,.18)}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-badge{border-color:rgba(94,234,212,.3);border-radius:999px;background:rgba(19,68,75,.53);color:#a4f0e7;letter-spacing:.05em}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(167,139,250,.33);background:rgba(54,38,88,.54);color:#cdbfff}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-thesis p{color:#eefcff}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-scope p{color:#a8bcc7}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-evidence{color:#a9f3e9}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-knowledge-lens-focus{from{opacity:0;transform:translateY(7px) scale(.974);filter:blur(3px) brightness(.66)}48%{opacity:1;filter:blur(0) brightness(1.13)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"]{padding:67px 57px 69px!important}.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"]{padding:76px 63px 79px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="knowledge-celestial-lens"],.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"].visible,.gt-summary-panel[data-gt-hover-theme="knowledge-celestial-lens"].flip-left.visible{animation:none!important}}

/* ── Topology hover theme 21 · Tier List Ranked Appraisal ────────── */
#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"]{width:426px!important;padding:72px 61px 75px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(236,72,153,.13),transparent 27%),linear-gradient(145deg,rgba(18,20,26,.99),rgba(5,6,10,.995))!important;box-shadow:0 31px 84px rgba(0,0,0,.93),0 0 34px rgba(236,72,153,.07)!important;color:#f4f3f6;isolation:isolate;animation:gt-tierlist-score-in .37s cubic-bezier(.17,.83,.18,1) both}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"]::after,.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 18px rgba(0,0,0,.78))}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"]::before,.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"]::before{display:block;content:"";position:absolute;left:74px;right:74px;bottom:55px;height:9px;z-index:2;pointer-events:none;background:linear-gradient(90deg,#f4c95d 0 11%,#fb7185 11% 27%,#ec4899 27% 54%,#a855f7 54% 70%,#38bdf8 70% 84%,#64748b 84%);mask:linear-gradient(90deg,#000 0 4%,transparent 4% 6%,#000 6% 12%,transparent 12% 14%,#000 14% 25%,transparent 25% 27%,#000 27% 45%,transparent 45% 47%,#000 47% 72%,transparent 72% 74%,#000 74%);filter:drop-shadow(0 0 6px rgba(236,72,153,.3))}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"]>*,.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-media{min-height:158px;border:1px solid rgba(236,72,153,.34);border-radius:4px;background:#05060a;box-shadow:inset 0 0 0 4px #11131a,0 8px 20px #000;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px)}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 45%,rgba(4,5,9,.87)),linear-gradient(90deg,rgba(244,201,93,.09),transparent 28%,rgba(236,72,153,.12),transparent 72%,rgba(56,189,248,.08))}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-play{width:49px;height:49px;border:1px solid #f472b6;border-radius:4px;background:#311126;box-shadow:inset 0 0 0 5px #08090d,0 0 15px rgba(236,72,153,.3)}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-duration{border:1px solid rgba(244,201,93,.42);border-radius:3px;background:#151107;color:#f5d878;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-signal{width:20px;height:16px;border:0;border-radius:0;background:linear-gradient(180deg,#f4c95d 0 18%,transparent 18% 26%,#fb7185 26% 44%,transparent 44% 52%,#ec4899 52% 70%,transparent 70% 78%,#a855f7 78%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-title{color:#f5f4f7;font-family:'Avenir Next',-apple-system,'Noto Sans TC',sans-serif;font-weight:790;letter-spacing:.02em}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-meta-tag{border:1px solid rgba(236,72,153,.34);border-radius:3px;background:rgba(91,18,56,.55);color:#f49ac8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-meta-perspective{border-color:rgba(244,201,93,.37);background:rgba(87,65,14,.52);color:#efd573}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-reason{color:#aaaeb9}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-reason-line{background:linear-gradient(180deg,#f4c95d,#ec4899,#38bdf8)}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-related-section{border-top-color:rgba(236,72,153,.2)}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-related-heading{color:#a9a5b1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-tip-related-heading i{width:18px;height:14px;border-radius:2px;background:linear-gradient(180deg,#f4c95d 0 27%,#ec4899 27% 64%,#38bdf8 64%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-related-video{border-radius:4px}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-related-video:hover{background:rgba(236,72,153,.07)}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-related-thumb{border:1px solid rgba(236,72,153,.3);border-radius:4px;filter:saturate(.8)}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .qm-action{border:1px solid rgba(236,72,153,.47);border-radius:4px;background:linear-gradient(90deg,#3f142d,#8d185d 52%,#33215b);color:#fff;box-shadow:inset 0 1px rgba(255,215,237,.12),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-spark{border:1px solid #f472b6;border-radius:3px;background:#250d1d;color:#ffb8dc;box-shadow:inset 0 0 0 3px #07080b;transform:none}
.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"]{width:538px;padding:83px 70px 87px;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(236,72,153,.12),transparent 27%),linear-gradient(145deg,rgba(18,20,26,.99),rgba(5,6,10,.995))!important;box-shadow:0 33px 88px rgba(0,0,0,.94)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"].visible{animation:gt-tierlist-score-in .4s cubic-bezier(.17,.83,.18,1) both}.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"]::before{left:87px;right:87px;bottom:64px}.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-header{padding:13px 7px 10px;border-bottom:1px solid rgba(236,72,153,.22);background:linear-gradient(90deg,rgba(244,201,93,.1),rgba(236,72,153,.13),rgba(56,189,248,.09))}.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-body{padding:14px 7px 16px}.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-footer{padding:10px 7px 2px;border-top-color:rgba(236,72,153,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-evidence{border:1px solid rgba(236,72,153,.19);border-radius:5px;background:rgba(11,12,17,.78);box-shadow:inset 3px 0 var(--gt-tip-node-accent,#ec4899)}.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-context img{border:1px solid #ec4899;border-radius:4px;filter:saturate(.82)}.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-point-index{border:1px solid #f4c95d;border-radius:3px;background:#1a1609;color:#f4d777}.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-badge{border-color:rgba(236,72,153,.32);border-radius:3px;background:rgba(92,19,57,.56);color:#f198c6}.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-thesis p{color:#f4f3f6}.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-scope p{color:#a9adb8}.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-evidence{color:#f29cca}.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-tierlist-score-in{from{opacity:0;transform:translateY(8px) scale(.974);filter:brightness(.65) saturate(.7)}52%{opacity:1;filter:brightness(1.13) saturate(1.16)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"]{padding:63px 55px 66px!important}.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"]{padding:73px 62px 76px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="tierlist-ranked-appraisal"],.gt-summary-panel[data-gt-hover-theme="tierlist-ranked-appraisal"].visible{animation:none!important}}

/* ── Topology hover theme 22 · KidMap Adventure Quest ────────────── */
#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"]{width:430px!important;padding:82px 70px 83px!important;border:0!important;border-radius:0!important;background:linear-gradient(145deg,#fffdf1,#edfbed 56%,#f3efff)!important;box-shadow:0 28px 70px rgba(18,67,67,.35)!important;color:#173c4b;isolation:isolate;animation:gt-kidmap-quest-pop .43s cubic-bezier(.2,1.2,.25,1) both}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"]::after,.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 7px 13px rgba(25,80,71,.25))}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"]>*,.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"]>*{position:relative;z-index:1}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-media{min-height:155px;border:4px solid #fff;border-radius:20px;background:#8fd7e7;box-shadow:0 7px 17px rgba(27,87,91,.23),0 0 0 2px #25a987;overflow:hidden}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(19,64,77,.58))}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-play{width:54px;height:54px;border:4px solid #fff;border-radius:50%;background:linear-gradient(135deg,#22c55e,#0ea5e9);box-shadow:0 6px 13px rgba(21,84,78,.3)}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-play i{border-left-color:#fff}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-duration{border:3px solid #fff;border-radius:999px;background:#6d4bc3;color:#fff;font-weight:900}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-title-wrap{margin-top:15px}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-signal{width:23px;height:23px;border:3px solid #fff;border-radius:50%;background:conic-gradient(#fbbf24,#f472b6,#a78bfa,#38bdf8,#22c55e,#fbbf24);box-shadow:0 2px 7px rgba(39,90,78,.24);transform:none}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-title{color:#173c4b;font-family:'Nunito Rounded','Arial Rounded MT Bold','Noto Sans TC',sans-serif;font-weight:900;letter-spacing:0;text-shadow:0 1px #fff}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-label{font-size:16px;line-height:1.4}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-meta-tag{border:2px solid #19a66f;border-radius:999px;background:#dffbed;color:#147653;font-weight:900}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-meta-perspective{border-color:#8b6bd5;background:#eee8ff;color:#6845b6}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-reason{color:#506b72;font-weight:650}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-reason-line{background:linear-gradient(180deg,#22c55e,#38bdf8,#a78bfa);width:4px;border-radius:4px}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-related-section{border-top:2px dashed rgba(21,137,104,.24)}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-related-heading{color:#17805c;font-family:'Nunito Rounded','Arial Rounded MT Bold','Noto Sans TC',sans-serif;font-weight:900;letter-spacing:.02em}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-tip-related-heading i{width:20px;height:20px;border:3px solid #fff;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f97316);box-shadow:0 0 0 2px #e59c0e;transform:none}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-related-video{border-radius:14px}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-related-video:hover{background:rgba(34,197,94,.09)}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-related-title{color:#294e59;font-weight:800}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-related-meta{color:#71868a}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-related-thumb{border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #49c88d}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .qm-action{min-height:45px;border:3px solid #fff;border-radius:18px;background:linear-gradient(100deg,#22c55e,#0ea5e9 54%,#8b5cf6);color:#fff;font-family:'Nunito Rounded','Arial Rounded MT Bold','Noto Sans TC',sans-serif;font-weight:900;box-shadow:0 5px 0 #15775d,0 8px 15px rgba(27,92,77,.18)}#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-spark{border:3px solid #fff;border-radius:50%;background:#fbbf24;color:#fff;box-shadow:0 0 0 2px #d99708;transform:none}
.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"]{width:544px;padding:92px 78px 96px;border:0!important;border-radius:0!important;background:linear-gradient(145deg,#fffdf1,#edfbed 56%,#f3efff)!important;box-shadow:0 31px 78px rgba(18,67,67,.38)!important;color:#173c4b;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"].visible{animation:gt-kidmap-quest-pop .45s cubic-bezier(.2,1.2,.25,1) both}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-header{padding:13px 8px 11px;border-bottom:2px dashed rgba(21,137,104,.25);background:linear-gradient(90deg,rgba(34,197,94,.12),rgba(56,189,248,.12),rgba(167,139,250,.12))}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-footer{padding:10px 8px 3px;border-top:2px dashed rgba(21,137,104,.23);background:transparent}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-close{width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:#7b5bd2;color:#fff;box-shadow:0 0 0 2px #6044ad}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-evidence{border:2px solid rgba(20,144,101,.24);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:inset 5px 0 #35c884,0 4px 10px rgba(31,87,78,.08)}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-thesis{box-shadow:inset 5px 0 #fbbf24,0 4px 10px rgba(31,87,78,.08)}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-context img{border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #3ac98b}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-context-copy span,.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-thesis p{color:#214951}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-scope p{color:#60777b}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-point-index{width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:#18b977;color:#fff;box-shadow:0 0 0 2px #16845d}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-badge{border:2px solid #64cfa0;border-radius:999px;background:#e1faec;color:#177655;font-weight:900}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:#a78bfa;background:#eee8ff;color:#6847b2}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-evidence{color:#177858}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-kidmap-quest-pop{from{opacity:0;transform:translateY(12px) scale(.94)}62%{opacity:1;transform:translateY(-2px) scale(1.012)}to{opacity:1;transform:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"]{padding:72px 62px 73px!important}.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"]{padding:80px 68px 83px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"],.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"].visible{animation:none!important}}

/* ── Topology hover theme 23 · Relationship Social Constellation ── */
#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"]{width:430px!important;padding:83px 65px 78px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(56,189,248,.15),transparent 26%),linear-gradient(145deg,rgba(7,17,37,.99),rgba(6,6,18,.995) 57%,rgba(24,8,36,.99))!important;box-shadow:0 31px 86px rgba(0,0,0,.92),0 0 39px rgba(167,139,250,.07)!important;color:#edf7ff;isolation:isolate;animation:gt-relationship-focus .4s cubic-bezier(.17,.83,.18,1) both}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"]::after,.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 18px rgba(0,0,0,.72))}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"]::before,.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"]::before{display:block;content:"";position:absolute;left:83px;right:83px;bottom:54px;height:4px;z-index:2;pointer-events:none;background:linear-gradient(90deg,#38bdf8,#7c75ed 46%,#fbbf24 50%,#c84ee8 57%,#f43f72);box-shadow:0 0 10px rgba(167,139,250,.31)}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"]>*,.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"]>*{position:relative;z-index:1}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-media{min-height:158px;border:1px solid rgba(125,211,252,.32);border-radius:50% 50% 10px 10px/17% 17% 10px 10px;background:#030817;box-shadow:inset 0 0 32px rgba(56,189,248,.08),0 8px 20px #000;overflow:hidden}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,6,17,.86)),radial-gradient(circle at 50% 12%,rgba(56,189,248,.18),transparent 30%);pointer-events:none}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-play{width:50px;height:50px;border:1px solid #7dd3fc;border-radius:50%;background:radial-gradient(circle,#694886,#152d4b 55%,#060916 57%);box-shadow:inset 0 0 0 4px #060915,0 0 17px rgba(56,189,248,.32)}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-duration{border:1px solid rgba(232,121,249,.42);border-radius:999px;background:#170c21;color:#efb0f8}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-signal{width:21px;height:21px;border:1px solid #7dd3fc;border-radius:50%;background:radial-gradient(circle,#fff 0 10%,#38bdf8 12% 26%,transparent 28% 48%,#a78bfa 50% 56%,transparent 58%);box-shadow:0 0 11px rgba(56,189,248,.32)}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-title{color:#f1f8ff;font-family:'Avenir Next',-apple-system,'Noto Sans TC',sans-serif;font-weight:760;letter-spacing:.018em}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-meta-tag{border:1px solid rgba(56,189,248,.33);border-radius:999px;background:rgba(18,65,94,.53);color:#99ddfa}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-meta-perspective{border-color:rgba(232,121,249,.34);background:rgba(78,32,91,.54);color:#edb1f6}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-reason{color:#a9b7c8}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-reason-line{background:linear-gradient(180deg,#38bdf8,#a78bfa,#e879f9)}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-related-section{border-top-color:rgba(125,211,252,.19)}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-related-heading{color:#91b8ca;font-family:ui-monospace,monospace;letter-spacing:.12em}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-tip-related-heading i{width:21px;height:15px;border:0;background:radial-gradient(circle at 15% 50%,#38bdf8 0 2px,transparent 3px),radial-gradient(circle at 85% 50%,#e879f9 0 2px,transparent 3px),linear-gradient(12deg,transparent 45%,#a78bfa 46% 52%,transparent 53%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-related-video{border-radius:10px}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-related-video:hover{background:rgba(167,139,250,.08)}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-related-thumb{border:2px solid rgba(125,211,252,.32);border-radius:50%}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .qm-action{border:1px solid rgba(125,211,252,.43);border-radius:999px;background:linear-gradient(90deg,#124463,#3c3274 52%,#682b78);color:#fff;box-shadow:inset 0 1px rgba(229,248,255,.12),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-spark{border:1px solid #7dd3fc;border-radius:50%;background:conic-gradient(#38bdf8,#a78bfa,#e879f9,#fbbf24,#38bdf8);color:#fff;box-shadow:inset 0 0 0 4px #070a16;transform:none}
.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"]{width:542px;padding:93px 73px 88px;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(56,189,248,.14),transparent 26%),linear-gradient(145deg,rgba(7,17,37,.99),rgba(6,6,18,.995) 57%,rgba(24,8,36,.99))!important;box-shadow:0 33px 89px rgba(0,0,0,.93)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"].visible{animation:gt-relationship-focus .43s cubic-bezier(.17,.83,.18,1) both}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"]::before{left:93px;right:93px;bottom:64px}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-header{padding:13px 8px 10px;border-bottom:1px solid rgba(125,211,252,.21);background:linear-gradient(90deg,rgba(34,117,156,.14),rgba(72,52,124,.12),rgba(110,41,124,.14))}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-footer{padding:10px 8px 2px;border-top-color:rgba(125,211,252,.19);background:transparent}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-evidence{border:1px solid rgba(125,211,252,.19);border-radius:12px;background:linear-gradient(105deg,rgba(30,115,151,.08),rgba(6,10,24,.78) 48%,rgba(110,39,126,.09));box-shadow:inset 3px 0 rgba(56,189,248,.17),inset -3px 0 rgba(232,121,249,.14)}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-context img{border:2px solid #7dd3fc;border-radius:50%;box-shadow:0 0 13px rgba(56,189,248,.22)}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-point-index{border:1px solid #7dd3fc;border-radius:50%;background:#102a43;color:#b9eaff}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-badge{border-color:rgba(56,189,248,.31);border-radius:999px;background:rgba(20,66,94,.55);color:#9adaf7}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(232,121,249,.32);background:rgba(78,31,90,.55);color:#edaff6}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-thesis p{color:#eef7ff}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-scope p{color:#a7b6c7}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-evidence{color:#9addfa}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-relationship-focus{from{opacity:0;transform:translateY(7px) scale(.974);filter:brightness(.67) saturate(.7)}53%{opacity:1;filter:brightness(1.12) saturate(1.15)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"]{padding:73px 58px 69px!important}.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"]{padding:81px 64px 78px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="relationshipweb-social-constellation"],.gt-summary-panel[data-gt-hover-theme="relationshipweb-social-constellation"].visible{animation:none!important}}

/* ── Topology hover theme 24 · Causal Dynamic Flowfield ──────────── */
#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"]{width:430px!important;padding:73px 69px 78px!important;border:0!important;border-radius:0!important;background-color:#040812!important;background-image:linear-gradient(rgba(3,7,14,.89),rgba(3,6,13,.96)),var(--gt-hover-texture-image)!important;background-position:center!important;background-size:cover!important;background-blend-mode:normal,screen!important;box-shadow:0 31px 86px rgba(0,0,0,.93),-11px 0 29px rgba(255,138,43,.055),11px 0 29px rgba(72,184,255,.06)!important;color:#eef5ff;isolation:isolate;animation:gt-causal-flow-in .39s cubic-bezier(.17,.83,.18,1) both}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"]::after,.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 18px rgba(0,0,0,.8))}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"]>*,.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"]>*{position:relative;z-index:1}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-media{min-height:158px;border:1px solid rgba(126,179,224,.29);border-radius:6px;background:#03070e;box-shadow:inset 4px 0 rgba(255,138,43,.12),inset -4px 0 rgba(72,184,255,.13),0 8px 21px #000;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px)}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,122,25,.16),transparent 42%,rgba(68,169,255,.17)),linear-gradient(180deg,transparent 46%,rgba(3,6,13,.86));pointer-events:none}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-play{width:50px;height:50px;border:1px solid #ff9a42;border-radius:50%;background:linear-gradient(90deg,#6c2806 0 47%,#0d3b70 53%);box-shadow:inset 0 0 0 5px #060910,0 0 16px rgba(255,138,43,.25)}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-duration{border:1px solid rgba(72,184,255,.43);border-radius:6px;background:#071628;color:#8dccff}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-signal{width:21px;height:21px;border:1px solid #f49a4d;border-radius:50%;background:conic-gradient(#ff8a2b,#8a3e39,#795fe1,#48b8ff,#ff8a2b);box-shadow:inset 0 0 0 5px #070a11,0 0 10px rgba(255,138,43,.24)}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-title{color:#f2f6fb;font-family:'Avenir Next',-apple-system,'Noto Sans TC',sans-serif;font-weight:760}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-meta-tag{border:1px solid rgba(255,138,43,.34);border-radius:6px;background:rgba(88,38,8,.54);color:#ffb46f;font-family:ui-monospace,monospace}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-meta-perspective{border-color:rgba(72,184,255,.38);background:rgba(15,52,91,.56);color:#91cbff}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-reason{color:#a9b4c3}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-reason-line{background:linear-gradient(180deg,#ff8a2b,#9a5cd2,#48b8ff)}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-related-section{border-top-color:rgba(139,160,192,.2)}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-related-heading{color:#9ca8b9;font-family:ui-monospace,monospace;letter-spacing:.12em}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-tip-related-heading i{width:21px;height:14px;border:0;background:linear-gradient(160deg,transparent 42%,#ff8a2b 43% 49%,transparent 50%),linear-gradient(20deg,transparent 42%,#48b8ff 43% 49%,transparent 50%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-related-video{border-radius:7px}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(255,138,43,.07),rgba(72,184,255,.07))}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-related-thumb{border:1px solid rgba(255,138,43,.3);border-radius:50%}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .qm-action{border:1px solid rgba(130,163,211,.45);border-radius:8px;background:linear-gradient(90deg,#702a09,#2f1c31 50%,#10447f);color:#fff;box-shadow:inset 0 1px rgba(255,227,195,.12),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-spark{border:1px solid #ff9844;border-radius:50%;background:linear-gradient(90deg,#d95d12 0 47%,#257ed0 53%);color:#fff;box-shadow:inset 0 0 0 4px #070910;transform:none}
.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"]{width:544px;padding:84px 78px 90px;border:0!important;border-radius:0!important;background-color:#040812!important;background-image:linear-gradient(rgba(3,7,14,.9),rgba(3,6,13,.97)),var(--gt-hover-texture-image)!important;background-position:center!important;background-size:cover!important;background-blend-mode:normal,screen!important;box-shadow:0 33px 89px rgba(0,0,0,.94)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"].visible{animation:gt-causal-flow-in .42s cubic-bezier(.17,.83,.18,1) both}.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-header{padding:13px 8px 10px;border-bottom:1px solid rgba(139,160,192,.21);background:linear-gradient(90deg,rgba(141,57,8,.15),rgba(49,28,48,.11),rgba(17,70,129,.15))}.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-footer{padding:10px 8px 3px;border-top-color:rgba(139,160,192,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-evidence{border:1px solid rgba(137,158,190,.2);border-radius:8px;background:linear-gradient(105deg,rgba(129,52,7,.09),rgba(4,8,16,.8) 48%,rgba(14,62,116,.1));box-shadow:inset 3px 0 rgba(255,138,43,.17),inset -3px 0 rgba(72,184,255,.16)}.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-context img{border:1px solid #ff8a2b;border-radius:50%;box-shadow:0 0 12px rgba(255,138,43,.16)}.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-point-index{border:1px solid #ff9844;border-radius:50%;background:#2a1508;color:#ffbe7e}.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-badge{border-color:rgba(255,138,43,.31);border-radius:6px;background:rgba(86,37,8,.56);color:#ffb16a}.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(72,184,255,.33);background:rgba(15,52,91,.56);color:#91cbff}.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-thesis p{color:#eef5ff}.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-scope p{color:#a7b2c2}.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-evidence{color:#ffb16b}.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-causal-flow-in{from{opacity:0;transform:translateY(8px) scale(.974);filter:brightness(.64) saturate(.72)}52%{opacity:1;filter:brightness(1.14) saturate(1.16)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"]{padding:65px 61px 69px!important}.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"]{padding:75px 69px 79px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="causalweb-dynamic-flowfield"],.gt-summary-panel[data-gt-hover-theme="causalweb-dynamic-flowfield"].visible{animation:none!important}}

/* ── Topology hover theme 25 · StreamMap Media Current ───────────── */
#gt-tooltip[data-gt-hover-theme="streammap-media-current"]{width:428px!important;padding:66px 63px 73px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(96,165,250,.13),transparent 28%),linear-gradient(150deg,rgba(13,19,31,.99),rgba(5,7,13,.995) 62%,rgba(18,8,26,.99))!important;box-shadow:0 31px 84px rgba(0,0,0,.92),0 0 37px rgba(96,165,250,.07)!important;color:#f4f7fb;isolation:isolate;animation:gt-stream-current-in .39s cubic-bezier(.16,.84,.18,1) both}#gt-tooltip[data-gt-hover-theme="streammap-media-current"]::after,.gt-summary-panel[data-gt-hover-theme="streammap-media-current"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 17px rgba(0,0,0,.75))}#gt-tooltip[data-gt-hover-theme="streammap-media-current"]::before,.gt-summary-panel[data-gt-hover-theme="streammap-media-current"]::before{display:block;content:"";position:absolute;left:79px;right:79px;bottom:50px;height:4px;z-index:2;pointer-events:none;background:linear-gradient(90deg,#38bdf8 0 25%,#22d3ee 25% 42%,#fb7185 42% 55%,#a855f7 55% 67%,rgba(100,116,139,.52) 67%);box-shadow:0 0 10px rgba(96,165,250,.24)}#gt-tooltip[data-gt-hover-theme="streammap-media-current"]>*,.gt-summary-panel[data-gt-hover-theme="streammap-media-current"]>*{position:relative;z-index:1}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-media{min-height:158px;border:1px solid rgba(96,165,250,.31);border-radius:14px;background:#050914;box-shadow:inset 0 0 29px rgba(96,165,250,.07),0 8px 20px #000;overflow:hidden}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,6,13,.85)),linear-gradient(100deg,rgba(56,189,248,.1),transparent 34%,rgba(244,114,182,.09));pointer-events:none}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-play{width:50px;height:50px;border:1px solid #76b8ff;border-radius:50%;background:linear-gradient(135deg,#164b7e,#51255d);box-shadow:inset 0 0 0 5px #060913,0 0 16px rgba(96,165,250,.28)}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-duration{border:1px solid rgba(244,114,182,.4);border-radius:999px;background:#1c0d1a;color:#f3a5cf}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-signal{width:22px;height:14px;border:0;border-radius:0;background:linear-gradient(170deg,transparent 0 36%,#38bdf8 38% 45%,transparent 47%),linear-gradient(10deg,transparent 0 44%,#f472b6 46% 53%,transparent 55%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-title{color:#f5f8fc;font-family:Georgia,'Noto Serif TC',serif;font-weight:680;letter-spacing:.012em}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-meta-tag{border:1px solid rgba(96,165,250,.32);border-radius:999px;background:rgba(19,56,92,.55);color:#9ecbff}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-meta-perspective{border-color:rgba(244,114,182,.34);background:rgba(79,29,60,.55);color:#f0a2cb}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-reason{color:#aab3c0}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-reason-line{background:linear-gradient(180deg,#60a5fa,#22d3ee,#f472b6)}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-related-section{border-top-color:rgba(117,143,179,.2)}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-related-heading{color:#919dac;font-family:ui-monospace,monospace;letter-spacing:.13em}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-tip-related-heading i{width:22px;height:14px;border:0;background:linear-gradient(165deg,transparent 43%,#38bdf8 44% 50%,transparent 51%),linear-gradient(15deg,transparent 43%,#f472b6 44% 50%,transparent 51%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-related-video{border-radius:10px}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-related-video:hover{background:rgba(96,165,250,.07)}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-related-thumb{border:1px solid rgba(96,165,250,.3);border-radius:10px}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .qm-action{border:1px solid rgba(96,165,250,.44);border-radius:12px;background:linear-gradient(90deg,#153f6c,#293761 53%,#5c2355);color:#fff;box-shadow:inset 0 1px rgba(223,242,255,.12),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="streammap-media-current"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-spark{border:1px solid #7bbaff;border-radius:50%;background:linear-gradient(135deg,#2072bd,#ba3d80);color:#fff;box-shadow:inset 0 0 0 4px #070914;transform:none}
.gt-summary-panel[data-gt-hover-theme="streammap-media-current"]{width:540px;padding:77px 72px 84px;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(96,165,250,.12),transparent 28%),linear-gradient(150deg,rgba(13,19,31,.99),rgba(5,7,13,.995) 62%,rgba(18,8,26,.99))!important;box-shadow:0 33px 88px rgba(0,0,0,.93)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"].visible{animation:gt-stream-current-in .42s cubic-bezier(.16,.84,.18,1) both}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"]::before{left:91px;right:91px;bottom:60px}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-header{padding:13px 8px 10px;border-bottom:1px solid rgba(117,143,179,.21);background:linear-gradient(90deg,rgba(35,102,158,.14),rgba(30,48,91,.1),rgba(98,36,87,.14))}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-footer{padding:10px 8px 2px;border-top-color:rgba(117,143,179,.19);background:transparent}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-evidence{border:1px solid rgba(117,143,179,.19);border-radius:11px;background:linear-gradient(105deg,rgba(33,98,153,.08),rgba(5,8,16,.79) 48%,rgba(95,34,85,.09));box-shadow:inset 3px 0 rgba(96,165,250,.16),inset -3px 0 rgba(244,114,182,.14)}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-context img{border:1px solid #60a5fa;border-radius:11px}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-point-index{border:1px solid #60a5fa;border-radius:50%;background:#102540;color:#a8d2ff}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-badge{border-color:rgba(96,165,250,.31);border-radius:999px;background:rgba(19,56,92,.55);color:#9bcaff}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(244,114,182,.32);background:rgba(78,29,59,.55);color:#efa0c9}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-thesis p{color:#f3f7fb}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-scope p{color:#a8b1bf}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-evidence{color:#9ac9fe}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-stream-current-in{from{opacity:0;transform:translateY(8px) scale(.975);filter:brightness(.68) saturate(.72)}52%{opacity:1;filter:brightness(1.12) saturate(1.14)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="streammap-media-current"]{padding:59px 56px 65px!important}.gt-summary-panel[data-gt-hover-theme="streammap-media-current"]{padding:68px 63px 74px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="streammap-media-current"],.gt-summary-panel[data-gt-hover-theme="streammap-media-current"].visible{animation:none!important}}


/* ── Topology hover theme 26 · ViewpointSet Calibration Lens ─────── */
#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"]{width:432px!important;padding:76px 74px 79px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(168,85,247,.15),transparent 27%),radial-gradient(circle at 50% 100%,rgba(103,232,249,.08),transparent 23%),linear-gradient(145deg,rgba(15,12,29,.99),rgba(5,7,15,.995) 62%,rgba(11,8,23,.99))!important;box-shadow:0 32px 87px rgba(0,0,0,.93),0 0 38px rgba(168,85,247,.07)!important;color:#f6f3fb;isolation:isolate;animation:gt-viewpoint-calibrate-in .42s cubic-bezier(.16,.84,.18,1) both}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"]::after,.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 18px rgba(0,0,0,.76))}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"]::before,.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"]::before{display:block;content:"";position:absolute;left:89px;right:89px;bottom:59px;height:5px;z-index:2;pointer-events:none;background:linear-gradient(90deg,#34d399 0 15%,transparent 15% 19%,#f59e0b 19% 34%,transparent 34% 38%,#ef4444 38% 53%,transparent 53% 57%,#a855f7 57% 72%,transparent 72% 76%,#38bdf8 76% 91%,transparent 91% 95%,#f8fafc 95%);box-shadow:0 0 10px rgba(168,85,247,.24)}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"]>*,.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-media{min-height:158px;border:1px solid rgba(168,85,247,.31);border-radius:12px;background:#050612;box-shadow:inset 0 0 31px rgba(168,85,247,.07),0 8px 21px #000;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%,0 13px)}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 0 24%,rgba(103,232,249,.05) 25% 25.5%,transparent 26% 37%,rgba(168,85,247,.06) 38% 38.5%,transparent 39%),linear-gradient(180deg,transparent 44%,rgba(5,6,15,.87))}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-play{width:50px;height:50px;border:1px solid #c084fc;border-radius:50%;background:conic-gradient(from 45deg,#4c1d95,#0e7490,#166534,#92400e,#991b1b,#4c1d95);box-shadow:inset 0 0 0 6px #080815,0 0 17px rgba(168,85,247,.32)}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-duration{border:1px solid rgba(103,232,249,.4);border-radius:4px;background:#07151c;color:#9beef4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-signal{width:22px;height:22px;border:1px solid #c084fc;border-radius:50%;background:radial-gradient(circle,#f8fafc 0 7%,transparent 8% 23%,#a855f7 24% 30%,transparent 31%),conic-gradient(#34d399,#f59e0b,#ef4444,#a855f7,#38bdf8,#34d399);box-shadow:inset 0 0 0 5px #080815,0 0 10px rgba(168,85,247,.28)}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-title{color:#f7f4fb;font-family:'Avenir Next',-apple-system,'Noto Sans TC',sans-serif;font-weight:760;letter-spacing:.016em}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-meta-tag{border:1px solid rgba(168,85,247,.34);border-radius:999px;background:rgba(66,29,104,.55);color:#d5b3f7}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-meta-perspective{border-color:rgba(103,232,249,.35);background:rgba(19,69,79,.52);color:#9deef3}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-reason{color:#aea9ba}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-reason-line{background:linear-gradient(180deg,#34d399,#f59e0b,#ef4444,#a855f7,#38bdf8)}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-related-section{border-top-color:rgba(168,85,247,.21)}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-related-heading{color:#a59ab8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-tip-related-heading i{width:20px;height:20px;border:1px solid #b677ed;border-radius:50%;background:conic-gradient(#34d399 0 20%,#f59e0b 20% 40%,#ef4444 40% 60%,#a855f7 60% 80%,#38bdf8 80%);box-shadow:inset 0 0 0 5px #080815,0 0 8px rgba(168,85,247,.22);transform:none}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-related-video{border-radius:8px}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(52,211,153,.06),rgba(168,85,247,.07),rgba(56,189,248,.06))}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-related-thumb{border:1px solid rgba(168,85,247,.31);border-radius:50%}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .qm-action{border:1px solid rgba(184,116,246,.45);border-radius:999px;background:linear-gradient(90deg,#2e1850,#512372 52%,#12485a);color:#fff;box-shadow:inset 0 1px rgba(239,223,255,.13),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-spark{border:1px solid #c084fc;border-radius:50%;background:conic-gradient(#34d399,#f59e0b,#ef4444,#a855f7,#38bdf8,#34d399);color:#fff;box-shadow:inset 0 0 0 4px #080815;transform:none}
.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"]{width:544px;padding:87px 82px 92px;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(168,85,247,.14),transparent 27%),radial-gradient(circle at 50% 100%,rgba(103,232,249,.07),transparent 24%),linear-gradient(145deg,rgba(15,12,29,.99),rgba(5,7,15,.995) 62%,rgba(11,8,23,.99))!important;box-shadow:0 34px 90px rgba(0,0,0,.94)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"].visible{animation:gt-viewpoint-calibrate-in .44s cubic-bezier(.16,.84,.18,1) both}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"]::before{left:103px;right:103px;bottom:68px}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-header{padding:13px 8px 10px;border-bottom:1px solid rgba(168,85,247,.22);background:linear-gradient(90deg,rgba(52,211,153,.09),rgba(168,85,247,.15) 50%,rgba(56,189,248,.09))}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-footer{padding:10px 8px 2px;border-top-color:rgba(168,85,247,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-close{border:1px solid rgba(192,132,252,.4);border-radius:50%;background:#120b21;color:#d8b4fe}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-evidence{border:1px solid rgba(168,85,247,.2);border-radius:9px;background:linear-gradient(105deg,rgba(52,211,153,.055),rgba(7,7,18,.8) 34%,rgba(168,85,247,.09) 65%,rgba(56,189,248,.055));box-shadow:inset 3px 0 var(--gt-tip-node-accent,#a855f7)}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-thesis{box-shadow:inset 3px 0 #f8fafc,inset -3px 0 rgba(168,85,247,.18)}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-context img{border:1px solid #a855f7;border-radius:50%;box-shadow:0 0 13px rgba(168,85,247,.2)}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-point-index{border:1px solid #c084fc;border-radius:50%;background:#26113c;color:#e9d5ff}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-badge{border-color:rgba(52,211,153,.34);border-radius:999px;background:rgba(16,75,58,.52);color:#82e8bd}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(245,158,11,.35);background:rgba(92,55,8,.52);color:#f8c55c}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-thesis p{color:#f7f4fb}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-scope p{color:#afaabd}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-evidence{color:#a7edf2}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-viewpoint-calibrate-in{from{opacity:0;transform:translateY(8px) scale(.973);filter:blur(3px) brightness(.63) hue-rotate(18deg)}54%{opacity:1;filter:blur(0) brightness(1.14) hue-rotate(0)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"]{padding:67px 65px 70px!important}.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"]{padding:77px 72px 81px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="viewpointset-calibration-lens"],.gt-summary-panel[data-gt-hover-theme="viewpointset-calibration-lens"].visible{animation:none!important}}


/* ── Topology hover theme 27 · OriginTree Lineage Strata ─────────── */
#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"]{width:432px!important;padding:74px 75px 83px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(192,138,76,.14),transparent 27%),linear-gradient(145deg,rgba(24,18,13,.99),rgba(8,8,7,.995) 63%,rgba(7,16,14,.99))!important;box-shadow:0 32px 87px rgba(0,0,0,.94),0 0 35px rgba(192,138,76,.065)!important;color:#f3eadb;isolation:isolate;animation:gt-origin-rings-in .44s cubic-bezier(.16,.84,.18,1) both}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"]::after,.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 9px 19px rgba(0,0,0,.78))}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"]::before,.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"]::before{display:block;content:"";position:absolute;left:91px;right:91px;bottom:58px;height:7px;z-index:2;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 150%,transparent 0 12px,rgba(213,167,96,.5) 13px 14px,transparent 15px 22px),linear-gradient(90deg,transparent,#b7793d 30%,#e1b668 50%,#4f8b7e 72%,transparent);filter:drop-shadow(0 0 6px rgba(192,138,76,.22))}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"]>*,.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-media{min-height:158px;border:1px solid rgba(192,138,76,.3);border-radius:4px;background:#0b0907;box-shadow:inset 0 0 28px rgba(192,138,76,.06),0 8px 21px #000;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%,0 10px)}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 43%,rgba(10,8,6,.88)),repeating-linear-gradient(90deg,transparent 0 34px,rgba(207,159,91,.035) 35px,transparent 36px)}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-play{width:49px;height:49px;border:1px solid #d4a65f;border-radius:50%;background:repeating-radial-gradient(circle,#c58d49 0 2px,#3b2615 3px 6px,#1a130d 7px 9px);box-shadow:inset 0 0 0 5px #0c0a08,0 0 15px rgba(192,138,76,.26)}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-duration{border:1px solid rgba(79,139,126,.43);border-radius:3px;background:#091613;color:#8cc4b7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-signal{width:21px;height:21px;border:1px solid #d0a15c;border-radius:50%;background:repeating-radial-gradient(circle,#e5bd73 0 2px,transparent 3px 5px,rgba(192,138,76,.72) 6px 7px,transparent 8px);box-shadow:inset 0 0 0 3px #120e0a,0 0 9px rgba(192,138,76,.23)}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-title{color:#f3eadb;font-family:Georgia,'Noto Serif TC',serif;font-weight:680;letter-spacing:.014em}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-meta-tag{border:1px solid rgba(192,138,76,.34);border-radius:3px;background:rgba(72,46,23,.55);color:#d9b47b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-meta-perspective{border-color:rgba(79,139,126,.36);background:rgba(24,65,57,.53);color:#91c8bb}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-reason{color:#b2a694}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-reason-line{background:linear-gradient(180deg,#d9ae69,#9a6737,#4f8b7e)}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-related-section{border-top-color:rgba(192,138,76,.2)}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-related-heading{color:#aa9b86;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-tip-related-heading i{width:20px;height:20px;border:1px solid #bd8a4e;border-radius:50%;background:repeating-radial-gradient(circle,#dcb16b 0 2px,transparent 3px 5px,rgba(79,139,126,.75) 6px 7px,transparent 8px);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-related-video{border-radius:4px}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(192,138,76,.075),rgba(79,139,126,.055))}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-related-thumb{border:1px solid rgba(192,138,76,.32);border-radius:50%;filter:sepia(.22) saturate(.78)}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .qm-action{border:1px solid rgba(192,138,76,.45);border-radius:4px;background:linear-gradient(90deg,#392414,#654323 55%,#214b43);color:#f8ead3;box-shadow:inset 0 1px rgba(255,238,204,.12),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-spark{border:1px solid #d3a55e;border-radius:50%;background:repeating-radial-gradient(circle,#dcb16d 0 2px,#5e3b1e 3px 5px,#17100b 6px 8px);color:#fff3d7;box-shadow:inset 0 0 0 3px #100c09;transform:none}
.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"]{width:544px;padding:85px 82px 94px;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(192,138,76,.13),transparent 27%),linear-gradient(145deg,rgba(24,18,13,.99),rgba(8,8,7,.995) 63%,rgba(7,16,14,.99))!important;box-shadow:0 34px 90px rgba(0,0,0,.95)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"].visible{animation:gt-origin-rings-in .46s cubic-bezier(.16,.84,.18,1) both}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"]::before{left:105px;right:105px;bottom:70px}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-header{padding:13px 8px 10px;border-bottom:1px solid rgba(192,138,76,.22);background:linear-gradient(90deg,rgba(124,76,34,.15),rgba(58,38,22,.1),rgba(33,80,70,.13))}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-footer{padding:10px 8px 2px;border-top-color:rgba(192,138,76,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-close{border:1px solid rgba(192,138,76,.38);border-radius:50%;background:#1a110b;color:#dcb478}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-evidence{border:1px solid rgba(192,138,76,.2);border-radius:5px;background:linear-gradient(105deg,rgba(118,73,33,.08),rgba(11,9,7,.81) 50%,rgba(31,79,69,.08));box-shadow:inset 3px 0 rgba(192,138,76,.18),inset -2px 0 rgba(79,139,126,.13)}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-context img{border:1px solid #c08a4c;border-radius:50%;filter:sepia(.25) saturate(.78);box-shadow:0 0 12px rgba(192,138,76,.16)}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-point-index{border:1px solid #d0a15b;border-radius:50%;background:#2c1c10;color:#e5bd7d}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-badge{border-color:rgba(192,138,76,.32);border-radius:3px;background:rgba(76,47,23,.55);color:#d7ae73}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(79,139,126,.33);background:rgba(26,68,60,.54);color:#91c6b9}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-thesis p{color:#f2e8d8}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-scope p{color:#b1a593}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-evidence{color:#d9b079}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-origin-rings-in{from{opacity:0;transform:translateY(8px) scale(.973);filter:brightness(.62) sepia(.3)}55%{opacity:1;filter:brightness(1.13) sepia(.08)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"]{padding:66px 66px 74px!important}.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"]{padding:75px 72px 83px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="origintree-lineage-strata"],.gt-summary-panel[data-gt-hover-theme="origintree-lineage-strata"].visible{animation:none!important}}


/* ── Topology hover theme 28 · MomentumTracker Attention Arc ─────── */
#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"]{width:432px!important;padding:70px 69px 78px!important;border:0!important;border-radius:0!important;background-color:#030912!important;background-image:linear-gradient(145deg,rgba(3,8,15,.91),rgba(4,9,14,.965) 58%,rgba(15,6,3,.94)),var(--gt-hover-texture-image)!important;background-position:center!important;background-size:cover!important;background-blend-mode:normal,screen!important;box-shadow:0 32px 87px rgba(0,0,0,.94),-10px 0 30px rgba(34,211,238,.05),10px 0 30px rgba(251,122,34,.055)!important;color:#eff9fb;isolation:isolate;animation:gt-momentum-power-in .39s cubic-bezier(.17,.83,.18,1) both}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"]::after,.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 18px rgba(0,0,0,.79))}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"]>*,.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"]>*{position:relative;z-index:1}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-media{min-height:158px;border:1px solid rgba(91,176,195,.31);border-radius:8px;background:#020812;box-shadow:inset 4px 0 rgba(34,211,238,.12),inset -4px 0 rgba(251,122,34,.13),0 8px 21px #000;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%,0 11px)}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,rgba(34,211,238,.16),transparent 38%,rgba(139,92,246,.06) 51%,transparent 62%,rgba(251,122,34,.17)),linear-gradient(180deg,transparent 44%,rgba(2,7,13,.88))}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-play{width:50px;height:50px;border:1px solid #70d9e9;border-radius:50%;background:linear-gradient(90deg,#075d6b 0 47%,#812f08 53%);box-shadow:inset 0 0 0 5px #050a10,0 0 16px rgba(34,211,238,.25)}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-duration{border:1px solid rgba(251,122,34,.43);border-radius:5px;background:#211006;color:#ffac70;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-signal{width:23px;height:17px;border:0;border-radius:0;background:linear-gradient(165deg,transparent 0 26%,#22d3ee 27% 34%,transparent 35% 45%,#fb7a22 46% 54%,transparent 55% 64%,#a78bfa 65% 72%,transparent 73%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-title{color:#f1f9fa;font-family:'Avenir Next',-apple-system,'Noto Sans TC',sans-serif;font-weight:780;letter-spacing:.014em}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-meta-tag{border:1px solid rgba(251,122,34,.35);border-radius:5px;background:rgba(102,39,8,.56);color:#ffad73;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-meta-perspective{border-color:rgba(34,211,238,.36);background:rgba(8,73,82,.55);color:#87e9f2}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-reason{color:#a6b7ba}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-reason-line{background:linear-gradient(180deg,#22d3ee,#8b5cf6,#fb7a22)}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-related-section{border-top-color:rgba(97,169,181,.2)}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-related-heading{color:#91a9ad;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-tip-related-heading i{width:22px;height:16px;border:0;background:linear-gradient(165deg,transparent 43%,#22d3ee 44% 49%,transparent 50%),linear-gradient(15deg,transparent 43%,#fb7a22 44% 49%,transparent 50%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-related-video{border-radius:7px}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(34,211,238,.07),rgba(251,122,34,.07))}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-related-thumb{border:1px solid rgba(88,183,198,.31);border-radius:7px}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .qm-action{border:1px solid rgba(95,179,196,.45);border-radius:7px;background:linear-gradient(90deg,#075866,#33294c 50%,#8b350b);color:#fff;box-shadow:inset 0 1px rgba(220,250,255,.12),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-spark{border:1px solid #70dbe9;border-radius:50%;background:linear-gradient(90deg,#0a8796 0 47%,#df5c13 53%);color:#fff;box-shadow:inset 0 0 0 4px #060a10;transform:none}
.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"]{width:544px;padding:82px 78px 89px;border:0!important;border-radius:0!important;background-color:#030912!important;background-image:linear-gradient(145deg,rgba(3,8,15,.92),rgba(4,9,14,.97) 58%,rgba(15,6,3,.95)),var(--gt-hover-texture-image)!important;background-position:center!important;background-size:cover!important;background-blend-mode:normal,screen!important;box-shadow:0 34px 90px rgba(0,0,0,.95)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"].visible{animation:gt-momentum-power-in .42s cubic-bezier(.17,.83,.18,1) both}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-header{padding:13px 8px 10px;border-bottom:1px solid rgba(91,176,195,.22);background:linear-gradient(90deg,rgba(6,105,117,.15),rgba(57,36,74,.1) 50%,rgba(139,52,9,.15))}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-footer{padding:10px 8px 3px;border-top-color:rgba(91,176,195,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-close{border:1px solid rgba(251,122,34,.39);border-radius:50%;background:#1d0d05;color:#ffab70}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-evidence{border:1px solid rgba(91,176,195,.2);border-radius:8px;background:linear-gradient(105deg,rgba(7,101,113,.09),rgba(4,8,13,.81) 48%,rgba(136,50,8,.1));box-shadow:inset 3px 0 rgba(34,211,238,.17),inset -3px 0 rgba(251,122,34,.16)}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-context img{border:1px solid #22d3ee;border-radius:7px;box-shadow:0 0 12px rgba(34,211,238,.17)}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-point-index{border:1px solid #fb7a22;border-radius:50%;background:#2d1407;color:#ffb378}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-badge{border-color:rgba(251,122,34,.33);border-radius:5px;background:rgba(101,38,7,.56);color:#ffad72}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(34,211,238,.34);background:rgba(8,72,81,.56);color:#88e9f2}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-thesis p{color:#eef8f9}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-scope p{color:#a4b5b8}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-evidence{color:#88e9f1}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-momentum-power-in{from{opacity:0;transform:translateY(8px) scale(.974);filter:brightness(.61) saturate(.65)}52%{opacity:1;filter:brightness(1.15) saturate(1.2)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"]{padding:63px 61px 70px!important}.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"]{padding:73px 69px 79px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="momentumtracker-attention-arc"],.gt-summary-panel[data-gt-hover-theme="momentumtracker-attention-arc"].visible{animation:none!important}}


/* ── Topology hover theme 29 · CreatorMap Curator Observatory ────── */
#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"]{width:432px!important;padding:74px 75px 81px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(95,160,232,.14),transparent 27%),radial-gradient(circle at 87% 72%,rgba(157,111,196,.08),transparent 28%),linear-gradient(145deg,rgba(13,22,38,.99),rgba(5,8,15,.995) 64%,rgba(16,12,25,.99))!important;box-shadow:0 32px 87px rgba(0,0,0,.94),0 0 38px rgba(95,160,232,.06)!important;color:#f4f0e8;isolation:isolate;animation:gt-creator-aperture-in .42s cubic-bezier(.16,.84,.18,1) both}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"]::after,.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 18px rgba(0,0,0,.76))}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"]::before,.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"]::before{display:block;content:"";position:absolute;left:91px;right:91px;bottom:58px;height:8px;z-index:2;pointer-events:none;background:linear-gradient(90deg,#294b9b 0 12%,#1599aa 12% 25%,#35a96c 25% 38%,#d7b54a 38% 51%,#df8548 51% 64%,#c45f8a 64% 77%,#8756bd 77% 90%,#172248 90%);mask:linear-gradient(90deg,#000 0 11%,transparent 11% 13%,#000 13% 24%,transparent 24% 26%,#000 26% 37%,transparent 37% 39%,#000 39% 50%,transparent 50% 52%,#000 52% 63%,transparent 63% 65%,#000 65% 76%,transparent 76% 78%,#000 78%);filter:drop-shadow(0 0 7px rgba(95,160,232,.22))}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"]>*,.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-media{min-height:158px;border:1px solid rgba(95,160,232,.31);border-radius:20px;background:#050912;box-shadow:inset 0 0 31px rgba(95,160,232,.07),0 8px 21px #000;overflow:hidden}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 47%,transparent 0 25%,rgba(95,160,232,.06) 26% 26.5%,transparent 27% 38%,rgba(212,165,71,.05) 39% 39.5%,transparent 40%),linear-gradient(180deg,transparent 45%,rgba(4,7,14,.87))}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-play{width:51px;height:51px;border:1px solid #71a9e8;border-radius:50%;background:conic-gradient(#5fa0e8,#9d6fc4,#d4a547,#5fc49d,#5fa0e8);box-shadow:inset 0 0 0 7px #070b14,0 0 17px rgba(95,160,232,.29)}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-duration{border:1px solid rgba(212,165,71,.42);border-radius:999px;background:#211b0c;color:#e5c878;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-signal{width:21px;height:21px;border:1px solid #d4a547;border-radius:50%;background:radial-gradient(circle,#fff4bf 0 8%,transparent 9% 25%,#5fa0e8 26% 31%,transparent 32%),conic-gradient(#d4a547,#5fa0e8,#9d6fc4,#d4a547);box-shadow:inset 0 0 0 5px #080c15,0 0 10px rgba(212,165,71,.23)}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-title{color:#f4f0e8;font-family:'Avenir Next',-apple-system,'Noto Sans TC',sans-serif;font-weight:770;letter-spacing:.012em}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-meta-tag{border:1px solid rgba(212,165,71,.34);border-radius:999px;background:rgba(79,59,17,.54);color:#dfc475}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-meta-perspective{border-color:rgba(95,160,232,.35);background:rgba(24,61,103,.53);color:#91bee9}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-reason{color:#adb8c8}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-reason-line{background:linear-gradient(180deg,#d4a547,#9d6fc4,#5fa0e8)}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-related-section{border-top-color:rgba(118,149,190,.2)}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-related-heading{color:#9da9bb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-tip-related-heading i{width:20px;height:20px;border:1px solid #d4a547;border-radius:50%;background:radial-gradient(circle,#f4df8e 0 10%,transparent 11% 27%,#5fa0e8 28% 34%,transparent 35%);box-shadow:0 0 8px rgba(95,160,232,.2);transform:none}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-related-video{border-radius:12px}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(212,165,71,.07),rgba(95,160,232,.07))}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-related-thumb{border:1px solid rgba(95,160,232,.31);border-radius:50%}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .qm-action{border:1px solid rgba(128,162,209,.45);border-radius:999px;background:linear-gradient(90deg,#5c4616,#31345c 50%,#245880);color:#fff;box-shadow:inset 0 1px rgba(255,241,198,.12),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-spark{border:1px solid #d4a547;border-radius:50%;background:conic-gradient(#5fa0e8,#9d6fc4,#d4a547,#5fc49d,#5fa0e8);color:#fff;box-shadow:inset 0 0 0 4px #070b14;transform:none}
.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"]{width:544px;padding:86px 82px 92px;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(95,160,232,.13),transparent 27%),radial-gradient(circle at 87% 72%,rgba(157,111,196,.075),transparent 28%),linear-gradient(145deg,rgba(13,22,38,.99),rgba(5,8,15,.995) 64%,rgba(16,12,25,.99))!important;box-shadow:0 34px 90px rgba(0,0,0,.95)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"].visible{animation:gt-creator-aperture-in .44s cubic-bezier(.16,.84,.18,1) both}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"]::before{left:104px;right:104px;bottom:68px}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-header{padding:13px 8px 10px;border-bottom:1px solid rgba(118,149,190,.22);background:linear-gradient(90deg,rgba(105,80,23,.13),rgba(45,49,89,.1),rgba(35,83,121,.14))}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-footer{padding:10px 8px 2px;border-top-color:rgba(118,149,190,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-close{border:1px solid rgba(212,165,71,.39);border-radius:50%;background:#17130a;color:#e0c273}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-evidence{border:1px solid rgba(118,149,190,.2);border-radius:12px;background:linear-gradient(105deg,rgba(103,78,22,.075),rgba(5,9,16,.81) 48%,rgba(35,82,120,.085));box-shadow:inset 3px 0 rgba(212,165,71,.16),inset -3px 0 rgba(95,160,232,.14)}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-context img{border:1px solid #d4a547;border-radius:50%;box-shadow:0 0 13px rgba(212,165,71,.17)}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-point-index{border:1px solid #d4a547;border-radius:9px;background:#2c2410;color:#ead17f}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-badge{border-color:rgba(212,165,71,.33);border-radius:999px;background:rgba(78,59,18,.55);color:#dfc272}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(95,160,232,.33);background:rgba(25,61,102,.55);color:#91bde7}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-thesis p{color:#f3efe7}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-scope p{color:#adb7c6}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-evidence{color:#e2c679}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-creator-aperture-in{from{opacity:0;transform:translateY(8px) scale(.973);filter:blur(2px) brightness(.62)}52%{opacity:1;filter:blur(0) brightness(1.13)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"]{padding:66px 66px 72px!important}.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"]{padding:76px 72px 81px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="creatormap-curator-observatory"],.gt-summary-panel[data-gt-hover-theme="creatormap-curator-observatory"].visible{animation:none!important}}


/* ── Topology hover theme 30 · Iceberg Seven-Layer Bathyscope ────── */
#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"]{width:432px!important;padding:83px 76px 82px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(24,57,88,.98) 0 15%,rgba(4,20,42,.992) 15.5% 56%,rgba(15,8,39,.995) 78%,rgba(25,6,37,.995))!important;box-shadow:0 32px 88px rgba(0,0,0,.94),0 0 40px rgba(56,189,248,.07)!important;color:#effaff;isolation:isolate;animation:gt-iceberg-dive-in .46s cubic-bezier(.16,.84,.18,1) both}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"]::after,.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 8px 19px rgba(0,0,0,.74))}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"]::before,.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"]::before{display:block;content:"";position:absolute;left:70px;right:70px;top:143px;height:3px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,#dff8ff 15%,#65ddff 50%,#dff8ff 85%,transparent);box-shadow:0 0 12px #38bdf8,0 0 28px rgba(56,189,248,.5)}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"]>*,.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-media{min-height:158px;border:1px solid rgba(125,211,252,.34);border-radius:12px;background:#031225;box-shadow:inset 0 0 33px rgba(56,189,248,.08),0 8px 21px #000;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px)}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(221,248,255,.07),transparent 23%,rgba(56,189,248,.08) 45%,rgba(30,64,175,.1) 65%,rgba(126,34,206,.14)),radial-gradient(circle at 50% 54%,transparent 0 28%,rgba(125,211,252,.06) 29% 29.5%,transparent 30%)}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-play{width:50px;height:50px;border:1px solid #86dcfb;border-radius:50%;background:linear-gradient(180deg,#126a92,#243990 55%,#6b21a8);box-shadow:inset 0 0 0 6px #061224,0 0 17px rgba(56,189,248,.3)}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-duration{border:1px solid rgba(192,132,252,.42);border-radius:999px;background:#1c0d31;color:#d8b4fe;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-signal{width:20px;height:22px;border:1px solid #78d7f7;border-radius:50% 50% 55% 45%;background:linear-gradient(180deg,#e0f8ff,#38bdf8 32%,#6366f1 62%,#c084fc);box-shadow:inset 0 0 0 5px #071325,0 0 10px rgba(56,189,248,.25)}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-title{color:#f0faff;font-family:'Avenir Next',-apple-system,'Noto Sans TC',sans-serif;font-weight:760;letter-spacing:.012em}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-meta-tag{border:1px solid rgba(56,189,248,.35);border-radius:999px;background:rgba(13,76,106,.55);color:#9be4f8}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-meta-perspective{border-color:rgba(192,132,252,.36);background:rgba(75,29,108,.54);color:#ddb9fa}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-reason{color:#a9c0cf}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-reason-line{background:linear-gradient(180deg,#7dd3fc,#3b82f6,#818cf8,#c084fc,#f0abfc)}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-related-section{border-top-color:rgba(95,165,207,.22)}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-related-heading{color:#9fb7c7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-tip-related-heading i{width:8px;height:23px;border:0;border-radius:999px;background:linear-gradient(180deg,#7dd3fc 0 14%,#22d3ee 14% 28%,#60a5fa 28% 42%,#818cf8 42% 56%,#a78bfa 56% 70%,#c084fc 70% 84%,#f0abfc 84%);box-shadow:0 0 8px rgba(96,165,250,.3);transform:none}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-related-video{border-radius:10px}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(56,189,248,.07),rgba(192,132,252,.07))}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-related-thumb{border:1px solid rgba(125,211,252,.32);border-radius:10px;filter:saturate(.78)}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .qm-action{border:1px solid rgba(105,186,225,.46);border-radius:999px;background:linear-gradient(90deg,#0e6684,#294b91 50%,#70289b);color:#fff;box-shadow:inset 0 1px rgba(229,251,255,.13),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-spark{border:1px solid #83daf9;border-radius:50%;background:linear-gradient(180deg,#76d7f5,#375dc8 55%,#a238cd);color:#fff;box-shadow:inset 0 0 0 4px #071326;transform:none}
.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"]{width:544px;padding:94px 82px 92px;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(24,57,88,.98) 0 15%,rgba(4,20,42,.992) 15.5% 56%,rgba(15,8,39,.995) 78%,rgba(25,6,37,.995))!important;box-shadow:0 34px 91px rgba(0,0,0,.95)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"].visible{animation:gt-iceberg-dive-in .48s cubic-bezier(.16,.84,.18,1) both}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"]::before{left:78px;right:78px;top:156px}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-header{padding:13px 8px 10px;border-bottom:1px solid rgba(95,165,207,.23);background:linear-gradient(90deg,rgba(28,125,158,.15),rgba(52,70,151,.11),rgba(117,38,148,.14))}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-footer{padding:10px 8px 2px;border-top-color:rgba(95,165,207,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-close{border:1px solid rgba(125,211,252,.4);border-radius:50%;background:#07162a;color:#9ce4fa}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-evidence{border:1px solid rgba(99,165,207,.21);border-radius:10px;background:linear-gradient(105deg,rgba(19,111,145,.09),rgba(4,14,31,.81) 45%,rgba(94,35,135,.09));box-shadow:inset 3px 0 var(--gt-tip-node-accent,#38bdf8)}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-thesis{box-shadow:inset 3px 0 #7dd3fc,inset -3px 0 rgba(192,132,252,.16)}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-context img{border:1px solid #7dd3fc;border-radius:10px;filter:saturate(.78);box-shadow:0 0 13px rgba(56,189,248,.18)}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-point-index{border:1px solid #7dd3fc;border-radius:50%;background:#0b3148;color:#b9edfa}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-badge{border-color:rgba(56,189,248,.34);border-radius:999px;background:rgba(13,76,106,.55);color:#9de4f7}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(192,132,252,.35);background:rgba(75,29,108,.55);color:#ddb8f9}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-thesis p{color:#effaff}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-scope p{color:#a9bfce}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-evidence{color:#a4e8f8}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-iceberg-dive-in{from{opacity:0;transform:translateY(-5px) scale(.974);filter:blur(3px) brightness(.7)}55%{opacity:1;filter:blur(0) brightness(1.13)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"]{padding:74px 67px 73px!important}.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"]{padding:83px 72px 81px}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="iceberg-seven-layer-bathyscope"],.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"].visible{animation:none!important}}

/* Iceberg frame safe-zone correction: keep all live content below the generated waterline. */
.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"]{padding:132px 82px 102px!important}
@media(max-width:760px){.gt-summary-panel[data-gt-hover-theme="iceberg-seven-layer-bathyscope"]{padding:118px 72px 90px!important}}

/* 31. Troubleshooting Tree — field diagnostic console. */
#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"]{width:432px!important;padding:80px 68px 74px!important;border:0!important;border-radius:0!important;background:linear-gradient(150deg,rgba(8,24,20,.995),rgba(3,12,11,.998) 62%,rgba(20,15,5,.995))!important;box-shadow:0 34px 86px rgba(0,0,0,.94),0 0 36px rgba(52,211,153,.08)!important;color:#ecfdf5;isolation:isolate;animation:gt-troubleshooting-boot .42s cubic-bezier(.16,.84,.18,1) both}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"]::after,.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 10px 22px rgba(0,0,0,.76))}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"]::before,.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"]::before{content:"";position:absolute;inset:66px 65px 70px;z-index:0;pointer-events:none;background:linear-gradient(rgba(52,211,153,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(52,211,153,.035) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"]>*,.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-media{min-height:158px;border:1px solid rgba(52,211,153,.38);border-radius:5px;background:#020b09;box-shadow:inset 0 0 29px rgba(16,185,129,.1),0 8px 21px #000;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 45%,rgba(52,211,153,.16) 49%,rgba(52,211,153,.03) 52%,transparent 56%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);animation:gt-troubleshooting-scan 2.8s linear infinite}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-play{width:50px;height:50px;border:1px solid #6ee7b7;border-radius:5px;background:linear-gradient(145deg,#064e3b,#0f766e);box-shadow:inset 0 0 0 6px #03120e,0 0 18px rgba(52,211,153,.34);transform:rotate(45deg)}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-play i{transform:translate(-43%,-50%) rotate(-45deg)}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-duration{border:1px solid rgba(245,158,11,.48);border-radius:3px;background:#1e1607;color:#fbbf24;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-signal{width:19px;height:19px;border:1px solid #6ee7b7;border-radius:3px;background:#064e3b;box-shadow:inset 0 0 0 4px #03120e,0 0 10px rgba(52,211,153,.36);transform:rotate(45deg)}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-title{color:#f0fdf4;font-family:'IBM Plex Sans','Avenir Next',-apple-system,'Noto Sans TC',sans-serif;font-weight:800;letter-spacing:.01em}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-meta-tag{border:1px solid rgba(52,211,153,.38);border-radius:3px;background:rgba(6,78,59,.48);color:#a7f3d0}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-meta-perspective{border-color:rgba(59,130,246,.4);background:rgba(10,43,91,.52);color:#93c5fd}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-reason{color:#b4c9c0}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-reason-line{background:linear-gradient(180deg,#34d399 0 30%,#3b82f6 30% 52%,#f59e0b 52% 76%,#fb7185 76%)}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-related-section{border-top-color:rgba(110,231,183,.18)}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-related-heading{color:#7dd3b0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.105em}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-related-heading i{width:9px;height:9px;border:1px solid #6ee7b7;border-radius:2px;background:#064e3b;box-shadow:0 0 8px rgba(52,211,153,.35);transform:rotate(45deg)}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-related-video{border-radius:4px}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(52,211,153,.08),rgba(59,130,246,.05))}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-related-thumb{border:1px solid rgba(52,211,153,.33);border-radius:4px;filter:saturate(.74) contrast(1.05)}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .qm-action{border:1px solid rgba(52,211,153,.54);border-radius:4px;background:linear-gradient(180deg,#0b6b4e,#064e3b);color:#f0fdf4;box-shadow:inset 0 1px rgba(209,250,229,.18),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-spark{border:1px solid #6ee7b7;border-radius:3px;background:#052e24;color:#6ee7b7;box-shadow:inset 0 0 0 3px #02110d,0 0 9px rgba(52,211,153,.32);transform:rotate(45deg)}#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-qm-icon>*{transform:rotate(-45deg)}
.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"]{width:544px;padding:101px 79px 91px!important;border:0!important;border-radius:0!important;background:linear-gradient(150deg,rgba(8,24,20,.995),rgba(3,12,11,.998) 62%,rgba(20,15,5,.995))!important;box-shadow:0 36px 94px rgba(0,0,0,.95)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"].visible{animation:gt-troubleshooting-boot .45s cubic-bezier(.16,.84,.18,1) both}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"]::before{inset:84px 76px 84px}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-header{padding:12px 8px 10px;border-bottom:1px solid rgba(52,211,153,.22);background:linear-gradient(90deg,rgba(6,95,70,.22),rgba(2,16,13,.3),rgba(120,78,5,.12))}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-footer{padding:10px 8px 2px;border-top-color:rgba(52,211,153,.18);background:transparent}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-close{border:1px solid rgba(251,113,133,.55);border-radius:3px;background:#24080f;color:#fda4af}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-evidence{border:1px solid rgba(110,231,183,.2);border-radius:5px;background:linear-gradient(100deg,rgba(6,78,59,.17),rgba(2,15,12,.78) 55%,rgba(120,78,5,.08));box-shadow:inset 3px 0 var(--gt-tip-node-accent,#34d399)}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-thesis{box-shadow:inset 3px 0 #f59e0b}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-context img{border:1px solid #34d399;border-radius:4px;filter:saturate(.74) contrast(1.05);box-shadow:0 0 13px rgba(52,211,153,.18)}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-point-index{border:1px solid #34d399;border-radius:3px;background:#063d2e;color:#a7f3d0}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-badge{border-color:rgba(52,211,153,.36);border-radius:3px;background:rgba(6,78,59,.5);color:#a7f3d0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(59,130,246,.38);background:rgba(10,43,91,.5);color:#93c5fd}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-thesis p{color:#ecfdf5}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-scope p{color:#b5c9c0}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-evidence{color:#86efac}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-troubleshooting-boot{from{opacity:0;transform:translateY(4px) scale(.975);filter:brightness(.55) saturate(.6)}58%{opacity:1;filter:brightness(1.16) saturate(1.05)}to{opacity:1;transform:none;filter:none}}@keyframes gt-troubleshooting-scan{from{transform:translateY(-55%)}to{transform:translateY(55%)}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"]{padding:72px 60px 67px!important}.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"]{padding:91px 70px 82px!important}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"],.gt-summary-panel[data-gt-hover-theme="troubleshootingtree-field-diagnostic"].visible,#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"] .gt-tip-media::after{animation:none!important}}
#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"]{padding-bottom:112px!important}
@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="troubleshootingtree-field-diagnostic"]{padding-bottom:98px!important}}

/* 32. Action Playbook — mission rail and quality-gate clipboard. */
#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"]{width:432px!important;padding:72px 66px 91px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 20% 0,rgba(45,212,191,.12),transparent 28%),radial-gradient(circle at 80% 0,rgba(139,92,246,.11),transparent 29%),linear-gradient(155deg,rgba(8,20,40,.994),rgba(3,9,21,.998) 66%,rgba(19,14,5,.996))!important;box-shadow:0 34px 88px rgba(0,0,0,.94),0 0 38px rgba(94,234,212,.065)!important;color:#eef7ff;isolation:isolate;animation:gt-actionplaybook-mission-in .43s cubic-bezier(.16,.84,.18,1) both}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"]::after,.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 9px 21px rgba(0,0,0,.77))}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"]::before,.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"]::before{content:"";position:absolute;left:76px;right:76px;bottom:67px;height:5px;z-index:2;pointer-events:none;background:linear-gradient(90deg,#5eead4 0 18%,transparent 18% 22%,#c4b5fd 22% 40%,transparent 40% 44%,#fbbf24 44% 62%,transparent 62% 66%,#fb7185 66% 82%,transparent 82% 86%,#60a5fa 86%);box-shadow:0 0 8px rgba(94,234,212,.22)}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"]>*,.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-media{min-height:158px;border:1px solid rgba(94,234,212,.34);border-radius:9px;background:#030917;box-shadow:inset 0 0 29px rgba(94,234,212,.075),0 8px 21px #000;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%,0 10px)}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(94,234,212,.12),transparent 25%,rgba(196,181,253,.08) 42%,rgba(251,191,36,.09) 58%,transparent 75%,rgba(96,165,250,.12)),linear-gradient(180deg,transparent 42%,rgba(3,9,21,.86))}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-play{width:49px;height:49px;border:1px solid #8deee0;border-radius:10px;background:linear-gradient(135deg,#0f766e,#4c1d95);box-shadow:inset 0 0 0 6px #040a16,0 0 17px rgba(94,234,212,.27)}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-duration{border:1px solid rgba(251,191,36,.45);border-radius:4px;background:#211908;color:#fde68a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-signal{width:21px;height:21px;border:1px solid #fbbf24;border-radius:4px;background:linear-gradient(135deg,#3f2b07,#a16207);box-shadow:inset 0 0 0 4px #080b13,0 0 10px rgba(251,191,36,.3);transform:rotate(45deg)}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-title{color:#f8fafc;font-family:Inter,'Avenir Next',-apple-system,'Noto Sans TC',sans-serif;font-weight:790;letter-spacing:.008em}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-meta-tag{border:1px solid rgba(94,234,212,.35);border-radius:999px;background:rgba(10,74,70,.52);color:#99f6e4}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-meta-perspective{border-color:rgba(196,181,253,.37);background:rgba(62,37,111,.52);color:#d8cafe}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-reason{color:#a9b8cb}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-reason-line{background:linear-gradient(180deg,#5eead4 0 25%,#c4b5fd 25% 50%,#fbbf24 50% 75%,#60a5fa 75%)}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-related-section{border-top-color:rgba(121,155,193,.2)}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-related-heading{color:#98a9be;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.105em}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-tip-related-heading i{width:21px;height:8px;border:0;border-radius:999px;background:linear-gradient(90deg,#5eead4 0 25%,#c4b5fd 25% 50%,#fbbf24 50% 75%,#60a5fa 75%);box-shadow:0 0 7px rgba(94,234,212,.2);transform:none}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-related-video{border-radius:7px}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(94,234,212,.07),rgba(196,181,253,.065),rgba(251,191,36,.055))}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-related-thumb{border:1px solid rgba(94,234,212,.3);border-radius:7px;filter:saturate(.8)}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .qm-action{border:1px solid rgba(251,191,36,.48);border-radius:6px;background:linear-gradient(90deg,#0b625e,#443078 48%,#8b6108);color:#fff;box-shadow:inset 0 1px rgba(255,248,214,.14),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-spark{border:1px solid #fbbf24;border-radius:4px;background:linear-gradient(135deg,#6b4a08,#e3a617);color:#fffbea;box-shadow:inset 0 0 0 4px #0b0c12,0 0 9px rgba(251,191,36,.28);transform:rotate(45deg)}
.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"]{width:544px;padding:88px 76px 101px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 20% 0,rgba(45,212,191,.12),transparent 28%),radial-gradient(circle at 80% 0,rgba(139,92,246,.11),transparent 29%),linear-gradient(155deg,rgba(8,20,40,.994),rgba(3,9,21,.998) 66%,rgba(19,14,5,.996))!important;box-shadow:0 36px 94px rgba(0,0,0,.95)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"].visible{animation:gt-actionplaybook-mission-in .46s cubic-bezier(.16,.84,.18,1) both}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"]::before{left:91px;right:91px;bottom:73px}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-header{padding:13px 8px 10px;border-bottom:1px solid rgba(126,160,198,.22);background:linear-gradient(90deg,rgba(10,105,97,.15),rgba(61,42,103,.13),rgba(124,85,7,.13))}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-footer{padding:10px 8px 2px;border-top-color:rgba(126,160,198,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-close{border:1px solid rgba(96,165,250,.42);border-radius:5px;background:#06142a;color:#93c5fd}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-evidence{border:1px solid rgba(126,160,198,.2);border-radius:8px;background:linear-gradient(100deg,rgba(13,102,96,.1),rgba(4,10,23,.8) 48%,rgba(82,55,128,.085));box-shadow:inset 3px 0 var(--gt-tip-node-accent,#5eead4)}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-thesis{box-shadow:inset 3px 0 #fbbf24}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-context img{border:1px solid #5eead4;border-radius:7px;filter:saturate(.8);box-shadow:0 0 13px rgba(94,234,212,.18)}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-point-index{border:1px solid #fbbf24;border-radius:5px;background:#332508;color:#fde68a}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-badge{border-color:rgba(94,234,212,.35);border-radius:999px;background:rgba(10,74,70,.52);color:#99f6e4}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(196,181,253,.37);background:rgba(62,37,111,.52);color:#d8cafe}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-thesis p{color:#f2f7fc}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-scope p{color:#a9b7c9}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-evidence{color:#fde68a}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-actionplaybook-mission-in{from{opacity:0;transform:translateY(6px) scale(.975);filter:brightness(.7) saturate(.7)}57%{opacity:1;filter:brightness(1.13) saturate(1.08)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"]{padding:64px 58px 82px!important}.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"]{padding:80px 68px 90px!important}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="actionplaybook-mission-rail"],.gt-summary-panel[data-gt-hover-theme="actionplaybook-mission-rail"].visible{animation:none!important}}

/* 33. Mechanism Blueprint — cutaway schematic and feedback conduit. */
#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"]{width:432px!important;padding:78px 68px 98px!important;border:0!important;border-radius:0!important;background-color:#061328!important;background-image:linear-gradient(rgba(114,214,239,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(114,214,239,.035) 1px,transparent 1px),linear-gradient(155deg,rgba(5,25,51,.96),rgba(2,11,25,.99) 68%,rgba(27,8,13,.98))!important;background-size:18px 18px,18px 18px,auto!important;box-shadow:0 34px 88px rgba(0,0,0,.94),0 0 39px rgba(34,211,238,.07)!important;color:#e8f3ff;isolation:isolate;animation:gt-mechanism-signal-in .44s cubic-bezier(.16,.84,.18,1) both}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"]::after,.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gt-hover-frame-image) center/100% 100% no-repeat;filter:drop-shadow(0 9px 22px rgba(0,0,0,.77))}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"]::before,.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"]::before{content:"";position:absolute;left:79px;right:79px;bottom:67px;height:7px;z-index:2;pointer-events:none;background:linear-gradient(90deg,#22d3ee,#a78bfa 32%,#f59e0b 52%,#34d399 73%,#fb7185);clip-path:polygon(0 35%,45% 35%,45% 0,55% 0,55% 35%,100% 35%,100% 65%,55% 65%,55% 100%,45% 100%,45% 65%,0 65%);filter:drop-shadow(0 0 6px rgba(34,211,238,.3))}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"]>*,.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"]>*{position:relative;z-index:1}
#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-media{min-height:158px;border:1px solid rgba(34,211,238,.36);border-radius:3px;background:#020c1c;box-shadow:inset 0 0 30px rgba(34,211,238,.075),0 8px 21px #000;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(34,211,238,.12),transparent 25%,rgba(167,139,250,.07) 40%,rgba(245,158,11,.08) 56%,transparent 74%,rgba(52,211,153,.11)),repeating-linear-gradient(0deg,rgba(255,255,255,.017) 0 1px,transparent 1px 4px)}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-play{width:50px;height:50px;border:1px solid #67e8f9;border-radius:50%;background:radial-gradient(circle,#22d3ee 0 10%,transparent 11% 31%,#a78bfa 32% 38%,transparent 39%),#071933;box-shadow:inset 0 0 0 5px #020b18,0 0 18px rgba(34,211,238,.3)}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-duration{border:1px solid rgba(245,158,11,.45);border-radius:2px;background:#231808;color:#fbbf24;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-signal{width:23px;height:17px;border:0;border-radius:0;background:linear-gradient(165deg,transparent 43%,#22d3ee 44% 51%,transparent 52%),linear-gradient(15deg,transparent 43%,#a78bfa 44% 51%,transparent 52%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-signal i{display:none}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-label,.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-title{color:#f4f9ff;font-family:'IBM Plex Sans','Avenir Next',-apple-system,'Noto Sans TC',sans-serif;font-weight:760;letter-spacing:.012em}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-meta-tag{border:1px solid rgba(34,211,238,.34);border-radius:2px;background:rgba(8,72,92,.5);color:#8ceafa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-meta-perspective{border-color:rgba(245,158,11,.36);background:rgba(91,56,7,.51);color:#f9c45b}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-reason{color:#aebfd1}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-reason-line{background:linear-gradient(180deg,#22d3ee 0 22%,#a78bfa 22% 44%,#f59e0b 44% 62%,#34d399 62% 80%,#fb7185 80%)}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-actions,#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-related-section{border-top-color:rgba(96,179,210,.2)}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-related-heading{color:#91a9be;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.105em}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-tip-related-heading i{width:22px;height:13px;border:0;background:linear-gradient(165deg,transparent 43%,#22d3ee 44% 50%,transparent 51%),linear-gradient(15deg,transparent 43%,#a78bfa 44% 50%,transparent 51%);box-shadow:none;transform:none}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-related-video{border-radius:3px}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-related-video:hover{background:linear-gradient(90deg,rgba(34,211,238,.07),rgba(167,139,250,.055),rgba(245,158,11,.05))}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-related-thumb{border:1px solid rgba(34,211,238,.31);border-radius:3px;filter:saturate(.76)}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-qm-btn,.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .qm-action{border:1px solid rgba(90,197,220,.47);border-radius:3px;background:linear-gradient(90deg,#075c70,#493280 48%,#85610b);color:#fff;box-shadow:inset 0 1px rgba(226,252,255,.13),0 5px 15px #000}#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-qm-icon,.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-spark{border:1px solid #67e8f9;border-radius:50%;background:radial-gradient(circle,#e0fbff 0 8%,#22d3ee 9% 20%,transparent 21% 33%,#a78bfa 34% 40%,#07142b 41%);color:#fff;box-shadow:inset 0 0 0 3px #030c1b,0 0 9px rgba(34,211,238,.28);transform:none}
.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"]{width:544px;padding:94px 78px 108px!important;border:0!important;border-radius:0!important;background-color:#061328!important;background-image:linear-gradient(rgba(114,214,239,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(114,214,239,.035) 1px,transparent 1px),linear-gradient(155deg,rgba(5,25,51,.96),rgba(2,11,25,.99) 68%,rgba(27,8,13,.98))!important;background-size:18px 18px,18px 18px,auto!important;box-shadow:0 36px 94px rgba(0,0,0,.95)!important;isolation:isolate}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"].visible{animation:gt-mechanism-signal-in .47s cubic-bezier(.16,.84,.18,1) both}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"]::before{left:94px;right:94px;bottom:76px}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-header{padding:13px 8px 10px;border-bottom:1px solid rgba(96,179,210,.22);background:linear-gradient(90deg,rgba(9,89,108,.15),rgba(67,44,111,.12),rgba(119,79,6,.12))}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-body{padding:14px 8px 16px}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-footer{padding:10px 8px 2px;border-top-color:rgba(96,179,210,.2);background:transparent}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-close{border:1px solid rgba(251,113,133,.44);border-radius:3px;background:#270912;color:#fda4af}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-context,.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-thesis,.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-point,.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-scope,.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-evidence{border:1px solid rgba(96,179,210,.2);border-radius:4px;background:linear-gradient(100deg,rgba(7,80,100,.1),rgba(3,12,27,.81) 48%,rgba(83,55,130,.075));box-shadow:inset 3px 0 var(--gt-tip-node-accent,#22d3ee)}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-thesis{box-shadow:inset 3px 0 #f59e0b}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-context img{border:1px solid #22d3ee;border-radius:3px;filter:saturate(.76);box-shadow:0 0 13px rgba(34,211,238,.18)}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-point-index{border:1px solid #22d3ee;border-radius:50%;background:#07384a;color:#a5f3fc}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-role,.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-badge{border-color:rgba(34,211,238,.34);border-radius:2px;background:rgba(8,72,92,.5);color:#8ceafa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-point:nth-of-type(even) .gt-sp-role{border-color:rgba(167,139,250,.35);background:rgba(63,42,107,.51);color:#d3c7fd}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-point-copy h4,.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-thesis p{color:#edf7ff}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-point-copy p,.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-context-copy small,.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-scope p{color:#aebdce}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-evidence{color:#94e9f5}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"] .gt-sp-footer .qm-action{width:100%}
@keyframes gt-mechanism-signal-in{from{opacity:0;transform:translateY(4px) scale(.975);filter:brightness(.62) saturate(.68)}54%{opacity:1;filter:brightness(1.14) saturate(1.09)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"]{padding:70px 60px 88px!important}.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"]{padding:84px 69px 96px!important}}@media(prefers-reduced-motion:reduce){#gt-tooltip[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"],.gt-summary-panel[data-gt-hover-theme="mechanismblueprint-cutaway-schematic"].visible{animation:none!important}}

/* All bespoke themes are declared after the generic compact-sheet rules. Keep
   that intentional art direction while restoring the viewport-safe widths at
   the end of the cascade, including image-framed themes with large padding. */
@media(max-width:760px){
  #gt-tooltip[data-gt-hover-theme]{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box}
  .gt-summary-panel.compact-sheet[data-gt-hover-theme]{width:auto!important;max-width:none!important;box-sizing:border-box}
}

/* ──────────────────────────────────────────────────────────────────────────
   Lightweight topology frames

   The first bespoke-frame pass treated each bitmap as layout: ornament took
   60–100px per edge and left the actual video/copy in a narrow slot. The frame
   is now an atmospheric overlay instead. Every topology keeps its own image,
   material palette and interior controls, while a soft perimeter mask exposes
   only rails, corners and two tiny centre clasps. Ornament punctuates content;
   it no longer determines content width.
   ────────────────────────────────────────────────────────────────────────── */
#gt-tooltip[data-gt-hover-theme],
.gt-summary-panel[data-gt-hover-theme] {
  --gt-hover-frame-edge: 9px;
  --gt-hover-frame-corner: 31px;
  --gt-hover-frame-clasp-w: 42px;
  --gt-hover-frame-clasp-h: 14px;
  --gt-hover-frame-opacity: .38;
  --gt-hover-frame-radius: 10px;
  --gt-hover-frame-saturation: .7;
  --gt-hover-frame-brightness: .76;
  --gt-hover-signature: linear-gradient(
    90deg,
    transparent,
    rgba(var(--gt-tip-accent-rgb), .12) 15%,
    rgba(var(--gt-tip-accent-rgb), .48) 48%,
    color-mix(in srgb, var(--gt-tip-accent-secondary) 45%, transparent) 58%,
    transparent
  );
  box-sizing: border-box;
  border: 1px solid rgba(var(--gt-tip-accent-rgb), .23) !important;
  border-image: none !important;
  border-radius: var(--gt-hover-frame-radius) !important;
}

/* Hover is a peek, not a panel. 432px made every themed card 29% wider than
   the generic video tooltip and ~460px tall, so on a laptop canvas the card
   covered the node it was describing. The themed card now measures exactly the
   same box as that generic tooltip (.gt-tooltip-video, 336px) — one hover size
   across the product, themed or not — and the media well, lens chip and action
   button keep their designed proportions. */
#gt-tooltip[data-gt-hover-theme] {
  width: 336px !important;
  max-width: min(336px, calc(100vw - 24px)) !important;
  padding: 12px 13px 14px !important;
}

/* Same correction as the hover card above, one surface down — but not the
   same answer. The card could simply borrow .gt-tooltip-video's 336px because
   that untheme'd tooltip is a surface people actually see. Every topology has
   a theme, so the untheme'd 448px panel is a width nobody looks at, and
   copying it would be aligning to nothing.

   Measured against a real filled summary (gist + 3 points with evidence
   timecodes + scope) instead: the panel is already at its 620px max-height at
   every width, so narrowing costs no height at all — only 19px more scroll
   distance (847 -> 866) and two characters of measure (28 -> 24 CJK per
   line). The floor is 368px, where the context row starts truncating the
   video title. 392px is the narrowest width that still holds a long title
   whole. */
.gt-summary-panel[data-gt-hover-theme] {
  width: min(392px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  padding: 8px !important;
}

/* Summary is a separate, roomier reading surface. The first lightweight-frame
   pass only reset .compact-sheet, so every desktop summary kept the old
   60–100px image-frame gutters and squeezed loading, empty and completed
   states into a ~390px centre column. Keep the authored material treatment,
   but restore the generic summary rhythm inside the decorative perimeter. */
.gt-summary-panel[data-gt-hover-theme] > .gt-sp-header {
  width: 100%;
  min-width: 0;
  padding: 10px 12px 10px 15px !important;
  box-sizing: border-box;
}

.gt-summary-panel[data-gt-hover-theme] > .gt-sp-body {
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 12px 14px 14px !important;
  box-sizing: border-box;
}

.gt-summary-panel[data-gt-hover-theme] > .gt-sp-footer {
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 10px 14px 13px !important;
  box-sizing: border-box;
}

.gt-summary-panel[data-gt-hover-theme] > .gt-sp-body > :is(
  .gt-sp-context,
  .gt-sp-loading,
  .gt-sp-empty,
  .gt-sp-thesis,
  .gt-sp-point,
  .gt-sp-scope
) {
  min-width: 0;
  max-width: none;
  box-sizing: border-box;
}

/* Restore the media-and-copy scale that existed before decorative frames were
   introduced. At desktop size the live content now owns >92% of the card
   width (310px of 336px); the frame consumes no additional layout space. */
#gt-tooltip[data-gt-hover-theme] .gt-tip-media {
  width: 100% !important;
  aspect-ratio: 16 / 9;
}

#gt-tooltip[data-gt-hover-theme] .gt-tip-label {
  font-size: 15px;
  line-height: 1.42;
}

#gt-tooltip[data-gt-hover-theme] .gt-tip-reason {
  font-size: 12.5px;
  line-height: 1.5;
}

/* A topology-specific frame bitmap is still present, but only its quietest
   perimeter information is revealed. This preserves authorship and material
   identity without rebuilding every panel around a giant transparent border. */
#gt-tooltip[data-gt-hover-theme]::after,
.gt-summary-panel[data-gt-hover-theme]::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  opacity: var(--gt-hover-frame-opacity) !important;
  background: var(--gt-hover-frame-image) center / 100% 100% no-repeat !important;
  border-radius: inherit !important;
  filter:
    saturate(var(--gt-hover-frame-saturation))
    brightness(var(--gt-hover-frame-brightness))
    drop-shadow(0 4px 8px rgba(0, 0, 0, .34)) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) top / 100% var(--gt-hover-frame-edge) no-repeat,
    linear-gradient(#000 0 0) bottom / 100% var(--gt-hover-frame-edge) no-repeat,
    linear-gradient(#000 0 0) left / var(--gt-hover-frame-edge) 100% no-repeat,
    linear-gradient(#000 0 0) right / var(--gt-hover-frame-edge) 100% no-repeat,
    radial-gradient(circle at 0 0, #000 0 69%, transparent 72%) top left / var(--gt-hover-frame-corner) var(--gt-hover-frame-corner) no-repeat,
    radial-gradient(circle at 100% 0, #000 0 69%, transparent 72%) top right / var(--gt-hover-frame-corner) var(--gt-hover-frame-corner) no-repeat,
    radial-gradient(circle at 0 100%, #000 0 69%, transparent 72%) bottom left / var(--gt-hover-frame-corner) var(--gt-hover-frame-corner) no-repeat,
    radial-gradient(circle at 100% 100%, #000 0 69%, transparent 72%) bottom right / var(--gt-hover-frame-corner) var(--gt-hover-frame-corner) no-repeat,
    linear-gradient(#000 0 0) top center / var(--gt-hover-frame-clasp-w) var(--gt-hover-frame-clasp-h) no-repeat,
    linear-gradient(#000 0 0) bottom center / var(--gt-hover-frame-clasp-w) var(--gt-hover-frame-clasp-h) no-repeat !important;
  mask:
    linear-gradient(#000 0 0) top / 100% var(--gt-hover-frame-edge) no-repeat,
    linear-gradient(#000 0 0) bottom / 100% var(--gt-hover-frame-edge) no-repeat,
    linear-gradient(#000 0 0) left / var(--gt-hover-frame-edge) 100% no-repeat,
    linear-gradient(#000 0 0) right / var(--gt-hover-frame-edge) 100% no-repeat,
    radial-gradient(circle at 0 0, #000 0 69%, transparent 72%) top left / var(--gt-hover-frame-corner) var(--gt-hover-frame-corner) no-repeat,
    radial-gradient(circle at 100% 0, #000 0 69%, transparent 72%) top right / var(--gt-hover-frame-corner) var(--gt-hover-frame-corner) no-repeat,
    radial-gradient(circle at 0 100%, #000 0 69%, transparent 72%) bottom left / var(--gt-hover-frame-corner) var(--gt-hover-frame-corner) no-repeat,
    radial-gradient(circle at 100% 100%, #000 0 69%, transparent 72%) bottom right / var(--gt-hover-frame-corner) var(--gt-hover-frame-corner) no-repeat,
    linear-gradient(#000 0 0) top center / var(--gt-hover-frame-clasp-w) var(--gt-hover-frame-clasp-h) no-repeat,
    linear-gradient(#000 0 0) bottom center / var(--gt-hover-frame-clasp-w) var(--gt-hover-frame-clasp-h) no-repeat !important;
}

/* The second surface pseudo-element is reduced to a one-pixel signature. Each
   family speaks in its own visual grammar: orbit, grain, calibration or play. */
#gt-tooltip[data-gt-hover-theme]::before,
.gt-summary-panel[data-gt-hover-theme]::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 12px 40px auto !important;
  width: auto !important;
  height: 1px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  opacity: .72 !important;
  background: var(--gt-hover-signature) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  clip-path: none !important;
  filter: none !important;
  transform: none !important;
  -webkit-mask: none !important;
  mask: none !important;
}

/* Celestial / analytical: a restrained orbit with two signal points. */
#gt-tooltip:is(
  [data-gt-hover-theme="knowledge-celestial-lens"],
  [data-gt-hover-theme="relationshipweb-social-constellation"],
  [data-gt-hover-theme="viewpointset-calibration-lens"],
  [data-gt-hover-theme="futurebranches-probability-observatory"],
  [data-gt-hover-theme="decisionlab-weighted-instrument"],
  [data-gt-hover-theme="whatiflab-scenario-chamber"],
  [data-gt-hover-theme="diffusionmap-signal-observatory"]
),
.gt-summary-panel:is(
  [data-gt-hover-theme="knowledge-celestial-lens"],
  [data-gt-hover-theme="relationshipweb-social-constellation"],
  [data-gt-hover-theme="viewpointset-calibration-lens"],
  [data-gt-hover-theme="futurebranches-probability-observatory"],
  [data-gt-hover-theme="decisionlab-weighted-instrument"],
  [data-gt-hover-theme="whatiflab-scenario-chamber"],
  [data-gt-hover-theme="diffusionmap-signal-observatory"]
) {
  --gt-hover-frame-opacity: .31;
  --gt-hover-frame-radius: 14px;
  --gt-hover-signature:
    radial-gradient(circle, var(--gt-tip-accent-secondary) 0 1px, transparent 2px) 31% 50% / 7px 7px no-repeat,
    radial-gradient(circle, var(--gt-tip-accent) 0 1px, transparent 2px) 69% 50% / 7px 7px no-repeat,
    linear-gradient(90deg, transparent, rgba(var(--gt-tip-accent-rgb), .13) 20%, rgba(var(--gt-tip-accent-rgb), .5) 50%, rgba(var(--gt-tip-accent-rgb), .13) 80%, transparent);
}

/* Organic / archival: fine grain and patina, never a wall of ornament. */
#gt-tooltip:is(
  [data-gt-hover-theme="origintree-lineage-strata"],
  [data-gt-hover-theme="pathfinder-atlas"],
  [data-gt-hover-theme="discoverymap-hydrographic-atlas"],
  [data-gt-hover-theme="timeline-chronometer-archive"],
  [data-gt-hover-theme="cycle-living-habitat"],
  [data-gt-hover-theme="patternatlas-observatory-lens"],
  [data-gt-hover-theme="opportunitymap-frontier-survey"],
  [data-gt-hover-theme="constraintmap-expedition-survey"],
  [data-gt-hover-theme="classificationatlas-specimen-cabinet"],
  [data-gt-hover-theme="legacymuseum-curatorial-vitrine"],
  [data-gt-hover-theme="iceberg-seven-layer-bathyscope"]
),
.gt-summary-panel:is(
  [data-gt-hover-theme="origintree-lineage-strata"],
  [data-gt-hover-theme="pathfinder-atlas"],
  [data-gt-hover-theme="discoverymap-hydrographic-atlas"],
  [data-gt-hover-theme="timeline-chronometer-archive"],
  [data-gt-hover-theme="cycle-living-habitat"],
  [data-gt-hover-theme="patternatlas-observatory-lens"],
  [data-gt-hover-theme="opportunitymap-frontier-survey"],
  [data-gt-hover-theme="constraintmap-expedition-survey"],
  [data-gt-hover-theme="classificationatlas-specimen-cabinet"],
  [data-gt-hover-theme="legacymuseum-curatorial-vitrine"],
  [data-gt-hover-theme="iceberg-seven-layer-bathyscope"]
) {
  --gt-hover-frame-edge: 8px;
  --gt-hover-frame-corner: 35px;
  --gt-hover-frame-opacity: .41;
  --gt-hover-frame-radius: 5px;
  --gt-hover-signature:
    repeating-radial-gradient(ellipse at 50% 120%, transparent 0 9px, color-mix(in srgb, var(--gt-tip-accent-secondary) 40%, transparent) 10px 10.5px, transparent 11px 17px),
    linear-gradient(90deg, transparent, rgba(var(--gt-tip-accent-rgb), .16) 18%, rgba(var(--gt-tip-accent-rgb), .48), transparent);
}

/* Operational / engineered: hairline calibration ticks. */
#gt-tooltip:is(
  [data-gt-hover-theme="causalweb-dynamic-flowfield"],
  [data-gt-hover-theme="streammap-media-current"],
  [data-gt-hover-theme="momentumtracker-attention-arc"],
  [data-gt-hover-theme="troubleshootingtree-field-diagnostic"],
  [data-gt-hover-theme="actionplaybook-mission-rail"],
  [data-gt-hover-theme="mechanismblueprint-cutaway-schematic"],
  [data-gt-hover-theme="skilltree-forge"]
),
.gt-summary-panel:is(
  [data-gt-hover-theme="causalweb-dynamic-flowfield"],
  [data-gt-hover-theme="streammap-media-current"],
  [data-gt-hover-theme="momentumtracker-attention-arc"],
  [data-gt-hover-theme="troubleshootingtree-field-diagnostic"],
  [data-gt-hover-theme="actionplaybook-mission-rail"],
  [data-gt-hover-theme="mechanismblueprint-cutaway-schematic"],
  [data-gt-hover-theme="skilltree-forge"]
) {
  --gt-hover-frame-edge: 8px;
  --gt-hover-frame-opacity: .4;
  --gt-hover-frame-radius: 4px;
  --gt-hover-signature:
    repeating-linear-gradient(90deg, transparent 0 17px, rgba(var(--gt-tip-accent-rgb), .42) 17px 18px),
    linear-gradient(90deg, transparent, rgba(var(--gt-tip-accent-rgb), .44) 25%, color-mix(in srgb, var(--gt-tip-accent-secondary) 40%, transparent) 75%, transparent);
}

/* Editorial / evidence / competition: a fine double-rule impression. */
#gt-tooltip:is(
  [data-gt-hover-theme="tierlist-ranked-appraisal"],
  [data-gt-hover-theme="creatormap-curator-observatory"],
  [data-gt-hover-theme="perspectivecompare-twin-tribunal"],
  [data-gt-hover-theme="casedossier-night-archive"],
  [data-gt-hover-theme="investigationboard-evidence-wall"],
  [data-gt-hover-theme="tournament-championship-matchcard"],
  [data-gt-hover-theme="goatdebate-verdict-rostrum"]
),
.gt-summary-panel:is(
  [data-gt-hover-theme="tierlist-ranked-appraisal"],
  [data-gt-hover-theme="creatormap-curator-observatory"],
  [data-gt-hover-theme="perspectivecompare-twin-tribunal"],
  [data-gt-hover-theme="casedossier-night-archive"],
  [data-gt-hover-theme="investigationboard-evidence-wall"],
  [data-gt-hover-theme="tournament-championship-matchcard"],
  [data-gt-hover-theme="goatdebate-verdict-rostrum"]
) {
  --gt-hover-frame-edge: 7px;
  --gt-hover-frame-opacity: .36;
  --gt-hover-frame-radius: 3px;
  --gt-hover-signature: linear-gradient(90deg, transparent, rgba(var(--gt-tip-accent-rgb), .18) 13%, rgba(var(--gt-tip-accent-rgb), .5) 48% 52%, color-mix(in srgb, var(--gt-tip-accent-secondary) 34%, transparent) 87%, transparent);
}

/* Kids' adventure keeps a slightly rounder, brighter outline but obeys the
   same content-first proportions. */
#gt-tooltip[data-gt-hover-theme="kidmap-adventure-quest"],
.gt-summary-panel[data-gt-hover-theme="kidmap-adventure-quest"] {
  --gt-hover-frame-edge: 8px;
  --gt-hover-frame-opacity: .34;
  --gt-hover-frame-radius: 17px;
  --gt-hover-frame-saturation: .82;
  --gt-hover-signature:
    radial-gradient(circle, var(--gt-tip-accent) 0 2px, transparent 2.5px) 28% 50% / 9px 9px no-repeat,
    radial-gradient(circle, var(--gt-tip-accent-secondary) 0 2px, transparent 2.5px) 72% 50% / 9px 9px no-repeat,
    linear-gradient(90deg, transparent, rgba(var(--gt-tip-accent-rgb), .45), transparent);
}

@media(max-width:760px) {
  #gt-tooltip[data-gt-hover-theme] {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    padding: 14px 14px 16px !important;
  }
  .gt-summary-panel.compact-sheet[data-gt-hover-theme] {
    width: auto !important;
    max-width: none !important;
    padding: 7px !important;
  }
  .gt-summary-panel.compact-sheet[data-gt-hover-theme] > .gt-sp-header {
    padding: 10px 10px 9px 12px !important;
  }
  .gt-summary-panel.compact-sheet[data-gt-hover-theme] > .gt-sp-body {
    padding: 10px 11px 12px !important;
  }
  .gt-summary-panel.compact-sheet[data-gt-hover-theme] > .gt-sp-footer {
    padding: 9px 11px 11px !important;
  }
}