:root {
  color-scheme: dark;
  --bg-0: #050614;
  --bg-1: #070a1f;
  --bg-2: #0a0d2c;
  --primary: linear-gradient(135deg, #7a3cff 0%, #2f7dff 100%);
  --secondary: linear-gradient(135deg, #b15cff 0%, #4b6cff 50%, #18d7ff 100%);
  --card: rgba(255, 255, 255, 0.06);
  --deep-card: rgba(10, 14, 35, 0.78);
  --line: rgba(255, 255, 255, 0.12);
  --hot-line: rgba(133, 89, 255, 0.45);
  --text: rgba(255, 255, 255, 0.96);
  --muted: rgba(255, 255, 255, 0.68);
  --weak: rgba(255, 255, 255, 0.42);
  --shadow-a: 0 0 24px rgba(122, 60, 255, 0.36);
  --shadow-b: 0 0 48px rgba(47, 125, 255, 0.22);
  --radius-xl: 24px;
  --radius-lg: 18px;
  --radius-img: 18px;
}

@font-face {
  font-family: "DINCondensedBold";
  src: url("../assets/fonts/DIN-CONDENSED-BOLD.WOFF.TTF") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  background: #02030a;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0;
}

button, input, textarea { font: inherit; }
button { border: 0; cursor: pointer; color: inherit; }
input, textarea { outline: 0; }

.site-bg {
  position: fixed;
  inset: 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(122, 60, 255, 0.22), transparent 36%),
    radial-gradient(circle at 80% 20%, rgba(47, 125, 255, 0.16), transparent 28%),
    linear-gradient(180deg, #050614 0%, #080b22 52%, #050614 100%);
}

.phone {
  position: relative;
  width: min(100vw, 430px);
  min-height: 100vh;
  min-height: 100dvh;
  height: 100vh;
  height: 100dvh;
  margin: 0 auto;
  overflow: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 50% 0%, rgba(122, 60, 255, 0.18), transparent 34%),
    radial-gradient(circle at 90% 12%, rgba(24, 215, 255, 0.08), transparent 30%),
    linear-gradient(180deg, var(--bg-0), var(--bg-1) 52%, var(--bg-0));
  box-shadow: 0 0 0 1px rgba(255,255,255,0.08), 0 30px 80px rgba(0,0,0,0.38);
}

body.is-home-document-flow {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.phone.is-home-view {
  min-height: 100vh;
  min-height: 100dvh;
  height: auto;
  overflow: visible;
}

.phone.is-home-view #home {
  min-height: 100vh;
  min-height: 100dvh;
  height: auto;
  overflow: visible;
}

.view {
  display: none;
  position: relative;
  z-index: 2;
  height: 100%;
  overflow-y: auto;
  padding-bottom: calc(92px + env(safe-area-inset-bottom));
}

.view.active { display: block; }
.content { padding: 0 18px 26px; }
.page-top { padding-top: calc(22px + env(safe-area-inset-top)); }
.hidden { display: none !important; }

.particle-layer {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.particle-layer span {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(255,255,255,0.7);
  box-shadow: 0 0 14px rgba(122,60,255,0.85);
  animation: floatParticle 8s ease-in-out infinite;
}

.particle-layer span:nth-child(1) { left: 8%; top: 12%; }
.particle-layer span:nth-child(2) { left: 74%; top: 8%; animation-delay: .9s; }
.particle-layer span:nth-child(3) { left: 88%; top: 32%; animation-delay: 1.8s; }
.particle-layer span:nth-child(4) { left: 18%; top: 42%; animation-delay: 2.4s; }
.particle-layer span:nth-child(5) { left: 66%; top: 54%; animation-delay: .4s; }
.particle-layer span:nth-child(6) { left: 35%; top: 68%; animation-delay: 1.2s; }
.particle-layer span:nth-child(7) { left: 92%; top: 76%; animation-delay: 2.9s; }
.particle-layer span:nth-child(8) { left: 14%; top: 88%; animation-delay: 3.3s; }
.particle-layer span:nth-child(9) { left: 52%; top: 24%; animation-delay: 2s; }
.particle-layer span:nth-child(10) { left: 4%; top: 62%; animation-delay: .7s; }
.particle-layer span:nth-child(11) { left: 82%; top: 92%; animation-delay: 1.6s; }
.particle-layer span:nth-child(12) { left: 42%; top: 4%; animation-delay: 2.7s; }

.glass-card {
  position: relative;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(circle at 20% 0%, rgba(122,60,255,0.16), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  box-shadow: var(--shadow-b);
  backdrop-filter: blur(18px);
  overflow: hidden;
}

.glass-card::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .28;
  background-image: radial-gradient(circle, rgba(255,255,255,0.18) 1px, transparent 1px);
  background-size: 10px 10px;
  pointer-events: none;
}

.btn {
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 800;
  transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease;
}

.btn:active { transform: scale(.97); opacity: .88; }
.btn.primary { background: var(--primary); box-shadow: var(--shadow-a); animation: breathe 3s ease-in-out infinite; }
.btn.glass { border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.12); backdrop-filter: blur(14px); }
.btn.wide { width: 100%; }
.btn i, .hero-actions i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #4cffbd;
  box-shadow: 0 0 12px rgba(76,255,189,.8);
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #bda6ff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}

.eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #18d7ff;
  box-shadow: 0 0 14px rgba(24,215,255,.8);
}

.profile-hero {
  position: relative;
  min-height: 78vh;
  min-height: 78dvh;
  overflow: hidden;
  background: #050614;
}

.hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: saturate(1.05) contrast(1.04);
  pointer-events: none;
}

.hero-aura {
  position: absolute;
  width: 280px;
  height: 280px;
  right: -80px;
  top: 110px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(122,60,255,.3), transparent 62%);
  filter: blur(8px);
  pointer-events: none;
}

.hero-vignette {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 22%, rgba(47,125,255,.08), transparent 32%),
    linear-gradient(180deg, rgba(5,6,20,.08) 0%, rgba(5,6,20,.2) 46%, rgba(5,6,20,.94) 100%);
  pointer-events: none;
}

.backend-pill {
  position: absolute;
  top: calc(18px + env(safe-area-inset-top));
  right: 16px;
  z-index: 3;
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  color: rgba(255,255,255,.86);
  font-size: 12px;
  font-weight: 800;
  background: rgba(8,11,31,.42);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(12px);
}

.language-toggle {
  position: absolute;
  z-index: 10;
  min-width: 58px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  letter-spacing: .04em;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.language-toggle svg,
.language-toggle [data-language-short] {
  pointer-events: none;
}

.language-toggle svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.language-toggle [data-language-short] {
  min-width: 15px;
  font-size: 10px;
  font-weight: 900;
  text-align: center;
}

.language-toggle:active { transform: scale(.96); }
.language-toggle:focus-visible {
  outline: 2px solid rgba(125, 211, 252, .9);
  outline-offset: 3px;
}

.hero-copy {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 32px;
  z-index: 3;
}

.hero-video-narrative {
  position: absolute;
  z-index: 3;
  left: 22px;
  right: auto;
  bottom: 150px;
  width: fit-content;
  max-width: calc(100% - 54px);
  padding: 9px 15px 10px 16px;
  border: 1px solid rgba(149, 144, 255, .10);
  border-radius: 5px 13px 13px 5px;
  background: linear-gradient(100deg, rgba(25, 17, 54, .48) 0%, rgba(13, 15, 38, .30) 72%, rgba(8, 11, 30, .16) 100%);
  box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 9px 26px rgba(1, 3, 14, .10);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  transform: translateY(5px);
  transition: opacity .28s ease, transform .28s ease;
  pointer-events: none;
}

.hero-video-narrative::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: -1px;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(126, 72, 255, .92), rgba(50, 132, 255, .88));
  box-shadow: 0 0 12px rgba(91, 92, 255, .34);
}

.hero-video-narrative.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.hero-video-narrative p {
  margin: 0;
  color: rgba(245, 246, 255, .77);
  font-size: clamp(13.5px, 3.6vw, 15px);
  font-weight: 400;
  line-height: 1.54;
  letter-spacing: .045em;
  text-align: left;
  white-space: pre-line;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .38);
  -webkit-font-smoothing: antialiased;
}

.hero-video-hint {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  width: 66px;
  height: 66px;
  min-height: 66px;
  padding: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  transform: translate(-50%, -50%);
  color: #fff;
  background: rgba(7,9,24,.42);
  border: 1px solid rgba(255,255,255,.62);
  backdrop-filter: blur(5px);
  box-shadow: 0 10px 30px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.06) inset;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform .16s ease, background .16s ease, border-color .16s ease;
}

.hero-video-hint:active {
  transform: translate(-50%, -50%) scale(.92);
  background: rgba(18,21,48,.7);
  border-color: rgba(255,255,255,.82);
}

.hero-video-hint:focus-visible {
  outline: 2px solid rgba(113,219,255,.95);
  outline-offset: 4px;
}

.play-icon {
  width: 0;
  height: 0;
  margin-left: 5px;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 17px solid currentColor;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.24));
}

.hero-actions { display: flex; gap: 12px; }
.hero-actions .btn { flex: 1; }

.core-card {
  margin-top: -18px;
  padding: 18px;
}

.core-main {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  column-gap: 15px;
  align-items: center;
}

.core-main img {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.18);
  box-shadow: var(--shadow-a);
  margin-top: 0;
  object-fit: cover;
}

.core-profile {
  display: contents;
}

.core-main h2 {
  grid-column: 2;
  margin: 0;
  font-size: 29px;
  line-height: 1.04;
  align-self: end;
}
.core-main h2 span { color: rgba(255,255,255,.58); font-size: 20px; }
.core-main h3 {
  grid-column: 2;
  margin: 7px 0 0;
  font-size: 15px;
  line-height: 1.35;
  color: #efe9ff;
  align-self: start;
}
.core-tags {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 14px 0 0;
}
.core-tags span {
  padding: 5px 8px;
  border-radius: 999px;
  color: rgba(225,239,255,.9);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
  background: rgba(47,125,255,.13);
  border: 1px solid rgba(105,155,255,.2);
}
.core-main p {
  grid-column: 1 / -1;
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 16px;
  color: rgba(226,232,255,.86);
  font-size: 14px;
  line-height: 1.58;
  text-align: left;
  background: linear-gradient(135deg, rgba(47,125,255,.12), rgba(122,60,255,.09));
  border: 1px solid rgba(140,174,255,.12);
}

.contact-row {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 15px;
}

.ai-chip {
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  color: #d8efff;
  font-size: 11px;
  font-weight: 800;
  background: rgba(47,125,255,.13);
  border: 1px solid rgba(47,125,255,.28);
}

.contact-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex: none;
}

.contact-actions button {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  font-weight: 950;
  background: linear-gradient(135deg, rgba(122,60,255,.88), rgba(47,125,255,.88));
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 0 20px rgba(122,60,255,.28);
}

.contact-actions button img,
.contact-actions button > svg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  object-fit: contain;
  display: block;
  transform: translate(-50%, -50%);
  opacity: 1;
  filter: brightness(1.45) contrast(1.18) drop-shadow(0 0 2px rgba(255,255,255,.45));
}

.contact-actions .contact-location {
  width: 36px;
  min-width: 36px;
  padding: 0;
  border-radius: 50%;
  overflow: hidden;
}

.contact-actions .contact-location > svg {
  left: 50%;
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 6px rgba(137,236,255,.45));
}

.energy-line {
  position: relative;
  z-index: 1;
  height: 2px;
  margin-top: 16px;
  background: var(--secondary);
  border-radius: 999px;
  box-shadow: var(--shadow-a);
}

.section-title { margin: 30px 0 16px; }
.section-title span, .page-head span { color: #9fc7ff; font-size: 11px; font-weight: 900; letter-spacing: .1em; }
.section-title h2, .page-head h1 { margin: 6px 0 0; font-size: 22px; line-height: 1.18; }
.section-title p, .page-head p { margin: 7px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.section-title:not(:has(p)) { margin-bottom: 14px; }

.value-dashboard {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.value-card {
  min-height: 128px;
  padding: 14px 8px 12px;
  border-radius: var(--radius-lg);
}

.value-card b {
  position: relative;
  z-index: 1;
  display: block;
  font-size: 22px;
  line-height: 1;
  white-space: nowrap;
  background: var(--secondary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.value-card strong {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.28;
}

.value-card small {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 6px;
  color: var(--weak);
  font-size: 10px;
  line-height: 1.35;
}

.progress-line {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(177,92,255,.9), rgba(24,215,255,.25));
}

html[lang="en"] .value-dashboard { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html[lang="en"] .value-card { min-height: 138px; }

.film-gallery {
  display: flex;
  gap: 9px;
  overflow-x: auto;
  padding: 0 0 6px;
  margin: 0;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.film-gallery::-webkit-scrollbar {
  display: none;
}

.gallery-preview-loading {
  min-width: 150px;
  min-height: 120px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: var(--weak);
  font-size: 12px;
  background: rgba(255,255,255,.04);
  border: 1px dashed rgba(255,255,255,.1);
}

.film-card {
  position: relative;
  margin: 0;
  flex: 0 0 120px;
  height: 120px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  background: #11182b;
  scroll-snap-align: start;
}

.film-card img { width: 100%; height: 100%; object-fit: cover; object-position: center 18%; }
.film-card::after { content: ""; position: absolute; inset: auto 0 0; height: 52%; background: linear-gradient(180deg, transparent, rgba(0,0,0,.82)); }
.film-card figcaption { position: absolute; z-index: 1; left: 10px; right: 8px; bottom: 9px; }
.film-card b { display: block; font-size: 14px; line-height: 1.1; font-weight: 900; letter-spacing: 0; }
.film-card small { display: none; }

.film-title {
  margin: 34px 0 18px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.film-title h2 {
  margin: 0;
  font-size: 26px;
  line-height: 1.16;
  letter-spacing: 0;
}

.film-title h2 span {
  color: rgba(255,255,255,.58);
  font-size: 22px;
  vertical-align: 1px;
}

.gallery-entry {
  position: relative;
  flex: 0 0 auto;
  min-width: 68px;
  min-height: 36px;
  padding: 0 9px 0 11px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: rgba(239,242,255,.88);
  background:
    linear-gradient(135deg, rgba(134,87,255,.11), rgba(69,113,255,.045)),
    rgba(255,255,255,.035);
  border: 1px solid rgba(177,146,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 6px 16px rgba(0,0,0,.12);
  backdrop-filter: blur(12px);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: transform .18s ease, color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.gallery-entry span {
  color: inherit;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
}

.gallery-entry i {
  margin-top: -1px;
  color: rgba(197,178,255,.88);
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}

.gallery-entry:hover {
  color: #fff;
  border-color: rgba(191,166,255,.36);
  background-color: rgba(255,255,255,.065);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 7px 18px rgba(0,0,0,.14);
}
.gallery-entry:focus-visible { outline: 2px solid rgba(177,146,255,.62); outline-offset: 2px; }
.gallery-entry:active { transform: scale(.97); }

.gallery-space-content {
  min-height: 100%;
  padding-bottom: 118px;
}

.gallery-space-back {
  min-height: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  touch-action: manipulation;
}

.gallery-space-back > span:first-child {
  margin-top: -2px;
  font-size: 23px;
  line-height: 1;
}

.gallery-space-head {
  position: relative;
  margin: 4px 0 22px;
  padding: 22px 18px 19px;
  border-radius: 26px;
  overflow: hidden;
  background:
    radial-gradient(circle at 90% 0%, rgba(24,215,255,.12), transparent 31%),
    radial-gradient(circle at 12% 0%, rgba(122,60,255,.23), transparent 43%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 22px 54px rgba(0,0,0,.24);
}

.gallery-space-head::after {
  content: "";
  position: absolute;
  width: 126px;
  height: 126px;
  right: -56px;
  bottom: -76px;
  border-radius: 50%;
  border: 1px solid rgba(177,92,255,.18);
  box-shadow: 0 0 42px rgba(47,125,255,.12);
  pointer-events: none;
}

.gallery-space-heading {
  position: relative;
  z-index: 1;
  margin-top: 7px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: end;
}

.gallery-space-heading h1 { margin: 0; font-size: 29px; letter-spacing: -.02em; }
.gallery-space-heading p { max-width: 255px; margin-top: 9px; }

.gallery-published-stat {
  min-width: 58px;
  padding: 9px 7px 8px;
  border-radius: 18px;
  text-align: center;
  background: rgba(0,0,0,.2);
  border: 1px solid rgba(255,255,255,.09);
}

.gallery-published-stat strong {
  display: block;
  font-size: 24px;
  line-height: 1;
  background: var(--secondary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gallery-published-stat span {
  display: block;
  margin-top: 5px;
  color: var(--weak);
  font-size: 9px;
  letter-spacing: 0;
  white-space: nowrap;
}

.gallery-masonry {
  column-count: 2;
  column-gap: 10px;
}

.gallery-card {
  position: relative;
  width: 100%;
  margin: 0 0 10px;
  display: inline-block;
  break-inside: avoid;
  overflow: hidden;
  vertical-align: top;
  border-radius: 18px;
  color: var(--text);
  background:
    radial-gradient(circle at 15% 0%, rgba(122,60,255,.1), transparent 35%),
    rgba(255,255,255,.048);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: transform .18s ease, border-color .18s ease;
}

.gallery-card:hover { border-color: rgba(153,124,255,.32); }
.gallery-card:active { transform: scale(.985); }
.gallery-card img { width: 100%; height: auto; display: block; object-fit: contain; background: #090b19; }
.gallery-card figcaption,
.gallery-card .gallery-card__title {
  display: block;
  padding: 10px 11px 11px;
  color: rgba(255,255,255,.92);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.gallery-card figcaption b {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.gallery-empty {
  padding: 34px 18px;
  border-radius: 22px;
  color: var(--muted);
  text-align: center;
  font-size: 13px;
  line-height: 1.65;
  background: rgba(255,255,255,.04);
  border: 1px dashed rgba(255,255,255,.12);
}

.cooperation-pipeline { margin: 30px 0 0; }
.section-title-row {
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.section-title-row h2 { margin: 0; font-size: 26px; line-height: 1.16; letter-spacing: 0; }
.ppt-download {
  flex: 1 1 236px;
  min-width: 0;
  max-width: 258px;
  min-height: 58px;
  padding: 7px 8px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border-radius: 17px;
  color: rgba(255,255,255,.94);
  text-decoration: none;
  background:
    radial-gradient(circle at 0 50%, rgba(122,60,255,.18), transparent 48%),
    linear-gradient(145deg, rgba(20,24,55,.88), rgba(8,12,31,.92));
  border: 1px solid rgba(142,130,217,.28);
  box-shadow: 0 10px 24px rgba(20,29,90,.2), inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-tap-highlight-color: transparent;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.ppt-download__file {
  position: relative;
  width: 38px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  color: #ac92ff;
}
.ppt-download__file svg {
  width: 30px;
  height: 35px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ppt-download__file b {
  position: absolute;
  left: 0;
  bottom: 2px;
  min-width: 28px;
  padding: 2px 4px;
  border-radius: 5px;
  color: #fff;
  background: linear-gradient(135deg, #7a3cff, #2f7dff);
  box-shadow: 0 4px 12px rgba(80,74,220,.32);
  font-size: 8.5px;
  line-height: 1;
  letter-spacing: .045em;
  text-align: center;
}
.ppt-download__copy {
  min-width: 0;
  display: grid;
  gap: 4px;
  text-align: left;
}
.ppt-download__copy strong {
  overflow: hidden;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ppt-download__copy small {
  overflow: hidden;
  color: rgba(220,226,246,.62);
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ppt-download__action {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  flex: 0 0 31px;
  border: 1px solid rgba(98,177,255,.25);
  border-radius: 11px;
  color: #75c9ff;
  background: rgba(47,125,255,.09);
}
.ppt-download__action svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ppt-download:hover {
  border-color: rgba(99,211,255,.6);
  box-shadow: 0 12px 28px rgba(47,125,255,.28), inset 0 1px 0 rgba(255,255,255,.16);
}
.ppt-download:active { transform: scale(.97); }
.ppt-download:focus-visible { outline: 2px solid rgba(75,220,255,.86); outline-offset: 3px; }
.ppt-download-entry {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 11px 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(161,126,255,.32);
  border-radius: 999px;
  color: rgba(255,255,255,.92);
  background: linear-gradient(135deg, rgba(122,60,255,.27), rgba(47,125,255,.17));
  box-shadow: 0 9px 22px rgba(32,46,128,.18), inset 0 1px 0 rgba(255,255,255,.09);
  font-size: 12px;
  font-weight: 800;
  -webkit-tap-highlight-color: transparent;
}
.ppt-download-entry svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #ad99ff;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ppt-download-entry i { color: #76cfff; font-size: 17px; font-style: normal; font-weight: 400; }
.ppt-download-entry:active { transform: scale(.97); }

.download-page-content { min-height: 100%; padding-bottom: 118px; }
.download-page-back { margin-bottom: 26px; }
.download-page-head > span {
  color: #82c8ff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .17em;
}
.download-page-head h1 {
  margin: 8px 0 9px;
  color: #fff;
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -.04em;
}
.download-page-head p { margin: 0; color: rgba(228,233,250,.62); font-size: 14px; line-height: 1.55; }
.download-file-panel {
  position: relative;
  margin-top: 24px;
  padding: 18px;
  overflow: hidden;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0, rgba(47,125,255,.16), transparent 34%),
    radial-gradient(circle at 0 55%, rgba(122,60,255,.13), transparent 46%),
    linear-gradient(145deg, rgba(18,24,57,.9), rgba(7,11,31,.94));
}
.download-file-panel__status {
  margin-bottom: 13px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(185,255,228,.84);
  font-size: 12px;
  font-weight: 750;
}
.download-file-panel__status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #55d9c8;
  box-shadow: 0 0 12px rgba(85,217,200,.7);
}
.download-file-panel .ppt-download {
  width: 100%;
  max-width: none;
  min-height: 76px;
  padding: 10px 12px;
  border-radius: 19px;
}
.download-file-panel .ppt-download__file { width: 44px; height: 48px; flex-basis: 44px; }
.download-file-panel .ppt-download__file svg { width: 34px; height: 40px; }
.download-file-panel .ppt-download__copy strong { font-size: 15px; }
.download-file-panel .ppt-download__copy small { font-size: 12px; }
.download-file-panel .ppt-download__action { width: 38px; height: 38px; flex-basis: 38px; border-radius: 13px; }
.download-file-facts {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
}
.download-file-facts span {
  min-width: 0;
  padding: 12px 6px 11px;
  display: grid;
  gap: 5px;
  text-align: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(6,10,28,.42);
}
.download-file-facts b { overflow: hidden; color: #fff; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.download-file-facts small { color: rgba(220,227,248,.5); font-size: 11px; }
.download-file-tip {
  margin: 15px 1px 0;
  color: rgba(222,228,247,.58);
  font-size: 12.5px;
  line-height: 1.7;
}
@media (max-width: 374px) {
  .section-title-row { gap: 9px; }
  .section-title-row h2 { font-size: 24px; }
  .ppt-download { max-width: 230px; padding-left: 6px; padding-right: 6px; gap: 7px; }
  .ppt-download__file { width: 34px; flex-basis: 34px; }
  .ppt-download__copy strong { font-size: 12px; }
  .ppt-download__copy small { font-size: 10px; }
  .ppt-download__action { width: 29px; height: 29px; flex-basis: 29px; }
  .ppt-download-entry { padding-left: 10px; padding-right: 9px; gap: 6px; font-size: 11.5px; }
  .download-file-panel { padding: 15px; }
  .download-file-panel .ppt-download { padding-left: 9px; padding-right: 9px; }
  .download-file-panel .ppt-download__copy strong { font-size: 14px; }
  .download-file-panel .ppt-download__copy small { font-size: 11px; }
}
.pipeline-list { display: flex; flex-direction: column; gap: 18px; }
.pipeline-card {
  position: relative;
  min-height: 162px;
  padding: 16px;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 82% 4%, rgba(122,60,255,.1), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  box-shadow: 0 20px 42px rgba(0,0,0,.26);
  overflow: hidden;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.pipeline-card:active { transform: scale(.985); }
.pipeline-card:hover { border-color: rgba(133,89,255,.36); box-shadow: 0 18px 44px rgba(47,125,255,.16); }
.pipeline-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,255,255,.13) 1px, transparent 1.7px);
  background-size: 10px 10px;
  opacity: .05;
}
.pipeline-card.is-featured {
  border-color: rgba(139,84,255,.64);
  box-shadow: 0 0 0 1px rgba(139,84,255,.18), 0 0 34px rgba(122,60,255,.23), 0 20px 46px rgba(0,0,0,.32);
  background:
    radial-gradient(circle at 0% 40%, rgba(122,60,255,.26), transparent 44%),
    linear-gradient(100deg, rgba(64,37,112,.78), rgba(255,255,255,.055) 48%, rgba(255,255,255,.035));
}
.pipeline-card.is-featured::before { opacity: .14; background-size: 8px 8px; }
.pipeline-card__image {
  position: relative;
  z-index: 1;
  width: 112px;
  height: 112px;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(112,91,255,.5), rgba(63,150,255,.26));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 16px 26px rgba(0,0,0,.26);
}
.pipeline-card__image img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.pipeline-card:not(.is-featured) .pipeline-card__image img {
  transform: scale(1.16) translateY(-7px);
  transform-origin: center top;
}
.pipeline-card__content { position: relative; z-index: 1; min-width: 0; }
.pipeline-card__number {
  position: relative;
  z-index: 1;
  display: block;
  margin: -18px 0 -23px;
  padding-top: 18px;
  font-family: "DINCondensedBold", "Arial Black", "Helvetica Neue", Arial, sans-serif;
  font-size: 64px;
  line-height: 1.22;
  font-weight: 700;
  letter-spacing: 0;
  opacity: .95;
  background: linear-gradient(180deg, #ffffff 0%, #eef0f5 24%, #b6bac5 50%, rgba(80,86,102,.78) 72%, rgba(28,32,44,.08) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 5px 12px rgba(0,0,0,.2);
}
.pipeline-card__content h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 6px;
  font-size: 20px;
  line-height: 1.08;
  font-weight: 950;
  color: #fff;
  letter-spacing: 0;
}
.pipeline-card__content p {
  margin: 0;
  color: rgba(255,255,255,.42);
  font-size: 12px;
  line-height: 1.42;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.pipeline-card__bottom {
  margin-top: 11px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  min-width: 0;
}
.pipeline-card__tags {
  min-width: 0;
  display: flex;
  gap: 3px;
  overflow: hidden;
}
.pipeline-card__tags span {
  flex: 1 1 0;
  min-width: 0;
  height: 25px;
  padding: 0 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.055);
  font-size: 9px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pipeline-card__button {
  width: 62px;
  height: 32px;
  padding: 0 7px 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: 999px;
  color: #20222b;
  background: #fff;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 8px 20px rgba(0,0,0,.28);
  transition: transform .16s ease;
}
.pipeline-card__button:active { transform: scale(.96); }
.pipeline-card__button i {
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  font-style: normal;
  color: #fff;
  background: var(--secondary);
  box-shadow: 0 0 16px rgba(122,60,255,.48);
}

.assessment-panel {
  isolation: isolate;
  margin-top: 30px;
  padding: 16px;
  border-color: rgba(116,109,255,.34);
  background:
    radial-gradient(circle at 82% 8%, rgba(48,113,255,.24), transparent 36%),
    radial-gradient(circle at 10% 72%, rgba(118,55,255,.2), transparent 42%),
    linear-gradient(155deg, rgba(22,24,67,.96), rgba(7,11,34,.96));
  box-shadow: 0 26px 68px rgba(0,0,0,.42), 0 0 44px rgba(73,68,255,.16), inset 0 1px 0 rgba(255,255,255,.08);
}
@property --assessment-border-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
.assessment-panel::after {
  content: '';
  position: absolute;
  z-index: 4;
  inset: 0;
  padding: 1.5px;
  border-radius: inherit;
  pointer-events: none;
  background: conic-gradient(
    from var(--assessment-border-angle),
    transparent 0 13%,
    rgba(255,255,255,.08) 18%,
    rgba(255,255,255,.72) 23%,
    #fff 26%,
    rgba(255,255,255,.14) 31%,
    transparent 38% 62%,
    rgba(255,255,255,.08) 69%,
    rgba(255,255,255,.78) 74%,
    #fff 77%,
    transparent 85% 100%
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  filter: drop-shadow(0 0 7px rgba(255,255,255,.52));
  animation: assessment-border-flow 12s linear infinite;
}
.assessment-panel > * { position: relative; z-index: 1; }
.orb-wrap {
  height: 250px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(139,151,255,.18);
  box-shadow: 0 15px 34px rgba(0,0,0,.34), 0 0 28px rgba(46,97,255,.12);
}
.orb-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(4,7,24,.38));
  pointer-events: none;
}
.orb-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; }
.assessment-entry-badge {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 12px;
  min-height: 30px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,.92);
  background: rgba(5,9,29,.74);
  border: 1px solid rgba(143,155,255,.32);
  box-shadow: 0 8px 22px rgba(0,0,0,.28);
  backdrop-filter: blur(10px);
  font-size: 12px;
  font-weight: 800;
}
.assessment-copy { margin-top: 18px; text-align: center; }
.assessment-copy .eyebrow { color: #bfa9ff; font-size: 12px; }
.assessment-copy h2 { margin: 9px 0 0; color: #fff; font-size: 28px; line-height: 1.22; letter-spacing: -.025em; }
.assessment-copy p { max-width: 390px; margin: 9px auto 0; color: rgba(214,220,245,.7); font-size: 14px; line-height: 1.65; }
.metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 17px 0 13px; }
.metrics span {
  min-width: 0;
  min-height: 78px;
  padding: 12px 7px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 16px;
  color: rgba(211,219,243,.62);
  font-size: 12px;
  line-height: 1.4;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  border: 1px solid rgba(143,151,255,.14);
}
.metrics b { display: block; margin-bottom: 4px; color: #fff; font-size: 14px; }
.metrics em { font-style: normal; }
.assessment-value-promise {
  margin: 0 2px 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: rgba(218,225,248,.72);
  font-size: 12px;
  line-height: 1.5;
}
.assessment-value-promise i {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #071928;
  background: #68ebc8;
  box-shadow: 0 0 14px rgba(104,235,200,.35);
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}
.assessment-report-cta {
  position: relative;
  min-height: 58px;
  overflow: hidden;
  padding: 0 48px 0 24px;
  background: linear-gradient(105deg, #7544ff 0%, #6157ff 48%, #2f80ff 100%) !important;
  box-shadow: 0 16px 34px rgba(68,75,255,.36), 0 0 24px rgba(84,164,255,.16) !important;
  font-size: 16px;
  letter-spacing: .01em;
}
.assessment-report-cta::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 -36%;
  width: 24%;
  transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
  animation: assessmentCtaSweep 4.8s ease-in-out infinite;
}
.assessment-report-cta::after {
  content: "→";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.92);
  font-size: 21px;
  font-weight: 500;
}

@keyframes assessmentCtaSweep {
  0%, 58% { left: -36%; opacity: 0; }
  66% { opacity: 1; }
  86%, 100% { left: 118%; opacity: 0; }
}

.credibility-stack {
  position: relative;
  margin-top: 32px;
  padding: 0;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 24px;
  background:
    radial-gradient(circle at 8% 0%, rgba(80,111,255,.13), transparent 38%) padding-box,
    radial-gradient(circle at 92% 8%, rgba(53,221,214,.065), transparent 32%) padding-box,
    linear-gradient(150deg, rgba(12,17,42,.98), rgba(5,8,22,.99)) padding-box,
    linear-gradient(112deg, rgba(91,211,255,.38), rgba(128,93,255,.2) 48%, rgba(255,255,255,.07)) border-box;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 16px 42px rgba(0,0,0,.25);
  transition: box-shadow .32s ease, transform .22s ease;
}
.credibility-stack::after {
  content: '';
  position: absolute;
  z-index: 3;
  top: 0;
  left: 15%;
  width: 46%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(127,221,255,.62), transparent);
  opacity: .58;
  pointer-events: none;
}
.credibility-stack.is-open {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 22px 58px rgba(0,0,0,.32), 0 0 26px rgba(73,93,218,.08);
}
.credibility-stack__toggle {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 90px;
  padding: 15px 15px 15px 16px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 40px;
  align-items: center;
  gap: 12px;
  color: #fff;
  background: transparent;
  border: 0;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
}
.credibility-stack__toggle::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(255,255,255,.018), transparent 52%);
  opacity: 0;
  transition: opacity .22s ease;
}
.credibility-stack__toggle:hover::before { opacity: 1; }
.credibility-stack__toggle:active { transform: scale(.995); }
.credibility-stack__toggle:focus-visible {
  outline: 2px solid rgba(119,210,255,.82);
  outline-offset: -4px;
  border-radius: 24px;
}
.credibility-stack__mark {
  position: relative;
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 50%;
  border: 1px solid rgba(104,216,255,.58);
  background: radial-gradient(circle at 42% 44%, rgba(76,95,216,.1), transparent 54%);
  box-shadow: inset 0 0 18px rgba(58,124,255,.1), 0 0 18px rgba(69,93,255,.1);
  transition: transform .36s ease, border-color .36s ease;
}
.credibility-stack__mark::before,
.credibility-stack__mark::after,
.credibility-stack__mark i {
  content: '';
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.credibility-stack__mark::before {
  inset: 11px 3px;
  border: 1px solid rgba(149,101,255,.7);
  transform: rotate(-24deg);
}
.credibility-stack__mark::after {
  width: 6px;
  height: 6px;
  top: 7px;
  right: 7px;
  background: #5ce4d3;
  box-shadow: 0 0 10px rgba(92,228,211,.72);
}
.credibility-stack__mark i {
  inset: 18px;
  background: radial-gradient(circle at 35% 30%, #d9e8ff, #6f70ff 45%, #34277d 100%);
  box-shadow: 0 0 10px rgba(112,104,255,.46);
}
.credibility-stack__mark i::before,
.credibility-stack__mark i::after {
  content: '';
  position: absolute;
  border-radius: 50%;
}
.credibility-stack__mark i::before {
  width: 4px;
  height: 4px;
  left: -12px;
  bottom: -9px;
  background: #9b78ff;
  box-shadow: 0 0 8px rgba(155,120,255,.72);
}
.credibility-stack__mark i::after {
  inset: -9px;
  border: 1px solid rgba(103,141,255,.2);
}
.credibility-stack.is-open .credibility-stack__mark {
  border-color: rgba(110,224,255,.76);
  transform: rotate(12deg);
}
.credibility-stack__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.credibility-stack__copy small {
  color: #74dfff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .13em;
}
.credibility-stack__copy strong {
  width: 100%;
  margin-top: 6px;
  overflow: hidden;
  font-size: clamp(17px, 4.7vw, 19px);
  line-height: 1.18;
  letter-spacing: -.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.credibility-stack__copy em {
  width: 100%;
  margin-top: 7px;
  overflow: hidden;
  color: rgba(224,230,247,.52);
  font-size: 13px;
  font-style: normal;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.credibility-stack__action {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: rgba(225,233,255,.82);
  background: linear-gradient(145deg, rgba(83,102,201,.17), rgba(33,40,94,.16));
  border: 1px solid rgba(142,164,255,.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}
.credibility-stack__action b {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.credibility-stack__action svg {
  width: 18px;
  height: 18px;
  transition: transform .36s ease;
}
.credibility-stack.is-open .credibility-stack__action {
  color: #8ee9ff;
  background: linear-gradient(145deg, rgba(67,161,213,.18), rgba(69,65,171,.18));
  border-color: rgba(112,211,245,.24);
}
.credibility-stack.is-open .credibility-stack__action svg { transform: rotate(180deg); }
.credibility-stack__body {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transition: grid-template-rows .52s cubic-bezier(.22,.8,.24,1), opacity .24s ease, visibility 0s linear .52s;
}
.credibility-stack.is-open .credibility-stack__body {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.credibility-stack__clip { min-height: 0; overflow: hidden; }
.credibility-stack__inner { padding: 0 12px 14px; }
.credibility-stack .resource-constellation {
  margin-top: 0;
  padding-top: 14px;
  border-top: 1px solid rgba(128,151,255,.12);
}
.credibility-stack .resource-constellation__heading h2,
.credibility-stack .geo-workshop__heading h2 { font-size: 20px; }
.resource-constellation { margin-top: 32px; }
.resource-constellation__heading {
  margin: 0 0 10px;
  display: flex;
  align-items: center;
}
.resource-constellation__heading h2 { font-size: 26px; }
.resource-map-shell {
  position: relative;
  padding: 0 0 9px;
  overflow: hidden;
  border-radius: 24px;
  border-color: rgba(205,214,228,.11);
  background:
    radial-gradient(circle at 18% 5%, rgba(117,136,160,.07), transparent 35%),
    linear-gradient(152deg, rgba(13,18,27,.99), rgba(4,8,14,.998));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 24px 58px rgba(1,4,13,.4);
}
.resource-map-shell::before {
  display: none;
}
.resource-map-shell::after {
  content: '';
  position: absolute;
  z-index: 0;
  width: 230px;
  height: 230px;
  right: -138px;
  bottom: -34px;
  border-radius: 50%;
  background: rgba(95,123,160,.055);
  filter: blur(64px);
  pointer-events: none;
}
.resource-map-shell > * { position: relative; z-index: 1; }
.resource-map-stage {
  position: relative;
  height: 488px;
  margin-top: 0;
  overflow: hidden;
  isolation: isolate;
  border-radius: 23px 23px 0 0;
  border: 0;
  background:
    radial-gradient(ellipse at 78% 14%, rgba(55,91,145,.14), transparent 48%),
    radial-gradient(ellipse at 16% 76%, rgba(148,170,202,.11), transparent 44%),
    linear-gradient(155deg, #080d14 0%, #03070c 56%, #010409 100%);
  box-shadow: inset 0 0 82px rgba(1,4,10,.38), inset 0 1px 0 rgba(255,255,255,.025);
}
.resource-map-stage::before {
  content: '';
  position: absolute;
  z-index: 0;
  inset: -20% -26%;
  border-radius: 48%;
  background:
    radial-gradient(ellipse at 32% 68%, rgba(187,202,221,.1), transparent 34%),
    radial-gradient(ellipse at 70% 38%, rgba(94,126,169,.085), transparent 40%);
  filter: blur(24px);
  transform: rotate(-8deg);
  pointer-events: none;
}
.resource-map-stage::after {
  content: '';
  position: absolute;
  z-index: 3;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.014), inset 0 0 54px rgba(1,4,10,.24), inset 0 -42px 64px rgba(1,3,9,.18);
  pointer-events: none;
}
#resourceGraphCanvas {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
#resourceGraphCanvas.is-dragging { cursor: grabbing; }
#resourceGraphCanvas:focus-visible {
  outline: 1px solid rgba(219,197,148,.62);
  outline-offset: -4px;
  border-radius: 20px;
}

.resource-map-toolbar {
  position: absolute;
  z-index: 5;
  top: 12px;
  left: 12px;
  right: 12px;
  bottom: auto;
  min-height: 31px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  color: rgba(232,238,255,.72);
  background: transparent;
  border: 0;
  box-shadow: none;
  pointer-events: none;
}
.resource-map-toolbar > span {
  min-width: 0;
  height: 30px;
  padding: 0 10px 0 9px;
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  color: rgba(224,228,237,.52);
  background: rgba(5,8,14,.58);
  border: 1px solid rgba(255,255,255,.055);
  backdrop-filter: blur(10px);
  transition: opacity .28s ease, transform .28s ease;
}
.resource-map-toolbar > span.is-dismissed { opacity: 0; transform: translateY(-4px); }
.resource-map-toolbar > span i { color: rgba(209,219,231,.7); font-size: 11px; font-style: normal; }
.resource-map-toolbar > span b { overflow: hidden; font-size: 8px; font-weight: 750; line-height: 1.2; letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap; }
.resource-map-toolbar > div {
  flex: 0 0 auto;
  height: 35px;
  padding: 2px;
  display: flex;
  align-items: center;
  gap: 2px;
  border-radius: 999px;
  background: rgba(5,8,14,.68);
  border: 1px solid rgba(255,255,255,.065);
  backdrop-filter: blur(10px);
  pointer-events: auto;
}
.resource-map-toolbar output {
  min-width: 34px;
  color: rgba(232,236,242,.58);
  font-size: 8px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
}
.resource-map-toolbar button {
  min-width: 31px;
  width: 31px;
  height: 31px;
  padding: 0;
  border-radius: 50%;
  color: rgba(240,238,231,.62);
  background: transparent;
  border: 0;
  font-size: 12px;
  font-weight: 750;
  transition: color .16s ease, background .16s ease, transform .16s ease;
}
.resource-map-toolbar button:hover { color: rgba(249,241,220,.92); background: rgba(255,255,255,.055); }
.resource-map-toolbar button:active { transform: scale(.96); }

.resource-graph-legend {
  margin-top: 0;
  padding: 8px 8px 1px;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid rgba(255,255,255,.055);
}
.resource-graph-legend::-webkit-scrollbar { display: none; }
.resource-graph-legend button {
  flex: 0 0 auto;
  min-width: auto;
  min-height: 30px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 999px;
  color: rgba(224,229,238,.48);
  background: rgba(255,255,255,.018);
  border: 1px solid rgba(255,255,255,.048);
  font-size: 9px;
  font-weight: 750;
  text-align: center;
  scroll-snap-align: start;
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .16s ease;
}
.resource-graph-legend button i {
  flex: 0 0 auto;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--resource-color);
  box-shadow: 0 0 7px color-mix(in srgb, var(--resource-color) 68%, transparent);
}
.resource-graph-legend button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.resource-graph-legend button.active {
  color: rgba(249,248,244,.97);
  background: linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.028));
  border-color: rgba(231,235,241,.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 5px 12px rgba(0,0,0,.14);
}
.resource-graph-legend__all { font-weight: 900; }
.resource-graph-legend button:active { transform: scale(.98); }

.resource-node-detail {
  position: absolute;
  z-index: 6;
  left: 12px;
  right: 12px;
  bottom: 12px;
  margin: 0;
  padding: 12px 13px 13px;
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(20,25,34,.94), rgba(7,11,18,.96));
  border: 1px solid rgba(199,209,223,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.2);
  backdrop-filter: blur(20px);
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity .28s ease, transform .36s cubic-bezier(.2,.75,.2,1);
}
.resource-node-detail.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
.resource-node-detail__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.resource-node-detail__top span {
  min-width: 0;
  overflow: hidden;
  color: rgba(215,188,131,.82);
  font-size: 8.5px;
  font-weight: 950;
  letter-spacing: .08em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.resource-node-detail__top button {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: rgba(255,255,255,.48);
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(255,255,255,.045);
  font-size: 14px;
  line-height: 1;
}
.resource-node-detail h3 { margin: 5px 0 0; color: rgba(249,247,241,.96); font-size: 15px; line-height: 1.35; }
.resource-node-detail p {
  margin: 4px 0 0;
  overflow: hidden;
  color: rgba(222,226,236,.48);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 10.5px;
  line-height: 1.5;
}
.geo-workshop { margin-top: 32px; }
.geo-workshop__heading {
  margin: 0 0 14px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}
.geo-workshop__heading > div { min-width: 0; }
.geo-workshop__heading h2 { font-size: 26px; }
.geo-status-pill {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  color: rgba(225,238,255,.88) !important;
  background: rgba(18,31,65,.82);
  border: 1px solid rgba(94,161,255,.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  letter-spacing: 0 !important;
}
.geo-status-pill i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #40edc1;
  box-shadow: 0 0 12px rgba(64,237,193,.82);
}
.geo-status-pill b { font-size: 10px; line-height: 1; white-space: nowrap; }

.geo-console {
  padding: 18px;
  border-color: rgba(104,118,255,.26);
  background:
    radial-gradient(circle at 0% 0%, rgba(130,64,255,.24), transparent 36%),
    radial-gradient(circle at 100% 18%, rgba(25,181,255,.12), transparent 32%),
    linear-gradient(150deg, rgba(17,21,57,.96), rgba(7,10,29,.94));
  box-shadow: 0 22px 54px rgba(0,0,0,.34), 0 0 38px rgba(60,71,217,.13);
}
.geo-console::before { opacity: .18; }
.geo-console::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 210px;
  height: 210px;
  right: -106px;
  top: 42px;
  border-radius: 50%;
  border: 1px solid rgba(83,183,255,.12);
  box-shadow: 0 0 0 24px rgba(117,72,255,.025), 0 0 0 52px rgba(45,143,255,.018);
  pointer-events: none;
}
.geo-intro,
.geo-principles,
.geo-section-label,
.geo-source-grid,
.geo-feed-head,
.geo-exposure-list,
.geo-disclaimer,
.geo-content-hub { position: relative; z-index: 1; }

.geo-intro {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}
.geo-orbit {
  position: relative;
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(45,164,255,.2) 0 10%, rgba(111,66,255,.17) 11% 40%, rgba(7,11,31,.96) 68%);
  border: 1px solid rgba(119,113,255,.38);
  box-shadow: inset 0 0 22px rgba(62,137,255,.2), 0 0 24px rgba(107,63,255,.17);
}
.geo-orbit::before {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 50%;
  border: 1px dashed rgba(94,214,255,.32);
}
.geo-orbit::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  right: 12px;
  top: 18px;
  border-radius: 50%;
  background: #55e6ff;
  box-shadow: 0 0 13px rgba(85,230,255,.92);
  animation: geoSignal 2.8s ease-in-out infinite;
}
.geo-orbit > span {
  position: absolute;
  width: 108%;
  height: 36%;
  border-radius: 50%;
  border: 1px solid rgba(141,107,255,.3);
  transform: rotate(-24deg);
}
.geo-orbit strong {
  position: relative;
  z-index: 2;
  font-size: 21px;
  letter-spacing: -.04em;
  background: linear-gradient(135deg, #fff 4%, #a894ff 45%, #45d7ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.geo-intro__copy { min-width: 0; }
.geo-kicker {
  display: block;
  color: #6fdcff;
  font-size: 8px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .13em;
}
.geo-intro__copy h3 {
  margin: 7px 0 7px;
  font-size: 19px;
  line-height: 1.28;
  letter-spacing: -.02em;
  text-wrap: balance;
}
.geo-intro__copy p {
  margin: 0;
  color: rgba(255,255,255,.56);
  font-size: 11px;
  line-height: 1.62;
}

.geo-principles {
  margin-top: 16px;
  padding: 9px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  border-radius: 16px;
  background: rgba(3,8,25,.48);
  border: 1px solid rgba(255,255,255,.07);
}
.geo-principles span {
  min-width: 0;
  padding: 7px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: rgba(255,255,255,.78);
  border-right: 1px solid rgba(255,255,255,.07);
}
.geo-principles span:last-child { border-right: 0; }
.geo-principles i {
  color: #64dfff;
  font-size: 8px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
}
.geo-principles b { min-width: 0; font-size: 10px; white-space: nowrap; }

.geo-section-label,
.geo-feed-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}
.geo-section-label { margin: 18px 0 9px; }
.geo-section-label span,
.geo-feed-head span {
  color: rgba(138,190,255,.68);
  font-size: 8px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .12em;
}
.geo-section-label b,
.geo-feed-head b { color: rgba(255,255,255,.86); font-size: 11px; }
.geo-feed-head > div { display: grid; gap: 3px; }

.geo-source-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.geo-source-card {
  min-width: 0;
  min-height: 104px;
  padding: 11px 9px;
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  background: linear-gradient(155deg, rgba(110,69,255,.12), rgba(255,255,255,.035));
  border: 1px solid rgba(153,128,255,.15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.geo-source-card > .geo-source-count {
  min-height: 27px;
  display: flex;
  align-items: baseline;
  gap: 3px;
  color: #79deff;
  line-height: 1;
}
.geo-source-count > strong {
  margin: 0;
  font-size: 25px;
  line-height: 1;
  letter-spacing: -.05em;
  background: linear-gradient(135deg, #ba73ff, #47d7ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.geo-source-count > small {
  color: rgba(160,224,255,.74);
  font-size: 8px;
  font-weight: 900;
}
.geo-source-card > strong { margin-top: 8px; font-size: 11px; line-height: 1.25; }
.geo-source-card small { margin-top: 4px; color: rgba(255,255,255,.39); font-size: 8.5px; line-height: 1.45; overflow-wrap: anywhere; }

.geo-feed-head { margin: 18px 0 9px; }
.geo-record-count {
  min-height: 24px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: #b7a5ff !important;
  background: rgba(122,60,255,.1);
  border: 1px solid rgba(153,116,255,.16);
  font-size: 9px !important;
  letter-spacing: 0 !important;
}
.geo-exposure-list { display: grid; gap: 9px; }
.geo-empty-state {
  padding: 14px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  border-radius: 17px;
  background: rgba(5,10,29,.6);
  border: 1px dashed rgba(111,146,255,.25);
}
.geo-scan-mark {
  position: relative;
  width: 58px;
  height: 58px;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(104,62,255,.2), rgba(33,160,255,.1));
  border: 1px solid rgba(122,127,255,.24);
}
.geo-scan-mark::before,
.geo-scan-mark::after {
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 50%;
  border: 1px solid rgba(102,219,255,.42);
}
.geo-scan-mark::after { inset: 21px; background: #65e9ff; border: 0; box-shadow: 0 0 15px rgba(101,233,255,.74); }
.geo-scan-mark i {
  position: absolute;
  z-index: 2;
  left: 8px;
  right: 8px;
  top: 11px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #7eeaff, transparent);
  box-shadow: 0 0 8px rgba(126,234,255,.8);
  animation: geoScan 2.6s ease-in-out infinite;
}
.geo-empty-state__copy { min-width: 0; }
.geo-empty-state__copy > strong { display: block; font-size: 13px; line-height: 1.35; }
.geo-empty-state__copy > p { margin: 5px 0 8px; color: rgba(255,255,255,.48); font-size: 10px; line-height: 1.52; }
.geo-scope-chips { display: flex; flex-wrap: wrap; gap: 4px; }
.geo-scope-chips span {
  padding: 4px 6px;
  border-radius: 999px;
  color: rgba(224,230,255,.7);
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.07);
  font-size: 8px;
  line-height: 1;
}
.geo-standards-button {
  min-height: 44px;
  margin-top: 7px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #80ddff;
  background: transparent;
  font-size: 10px;
  font-weight: 900;
  text-align: left;
}
.geo-standards-button i { font-size: 17px; line-height: 1; font-style: normal; transition: transform .18s ease; }
.geo-standards-button:hover i { transform: translateX(3px); }
.geo-standards-button:focus-visible { outline: 2px solid rgba(75,220,255,.8); outline-offset: 3px; border-radius: 6px; }

.geo-record {
  padding: 13px;
  border-radius: 17px;
  background: rgba(5,10,29,.66);
  border: 1px solid rgba(124,137,255,.17);
}
.geo-record__top,
.geo-record__source,
.geo-record__bottom { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.geo-record__type,
.geo-record__verified {
  padding: 5px 7px;
  border-radius: 999px;
  font-size: 8px;
  line-height: 1;
  font-weight: 900;
}
.geo-record__type { color: #baa8ff; background: rgba(122,60,255,.11); border: 1px solid rgba(151,113,255,.16); }
.geo-record__verified { color: #5be5bb; background: rgba(58,218,171,.08); border: 1px solid rgba(58,218,171,.14); }
.geo-record__source { margin-top: 10px; align-items: baseline; }
.geo-record__source strong { font-size: 11px; }
.geo-record__source small { color: rgba(255,255,255,.32); font-size: 8px; }
.geo-record h4 { margin: 8px 0 0; font-size: 14px; line-height: 1.42; }
.geo-record > p { margin: 6px 0 0; color: rgba(255,255,255,.48); font-size: 10px; line-height: 1.52; }
.geo-record__bottom { margin-top: 11px; color: rgba(255,255,255,.36); font-size: 9px; }
.geo-record__bottom a { min-height: 44px; display: inline-flex; align-items: center; color: #78dcff; text-decoration: none; font-weight: 900; }
.geo-record__bottom a:focus-visible { outline: 2px solid rgba(75,220,255,.8); outline-offset: 2px; border-radius: 6px; }
.geo-disclaimer { margin: 12px 2px 0; color: rgba(255,255,255,.28); font-size: 8.5px; line-height: 1.5; }

.geo-trust-empty {
  min-height: 88px;
  padding: 14px;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(10,17,43,.82), rgba(5,9,28,.72));
  border: 1px dashed rgba(102,160,255,.23);
}
.geo-trust-empty > i {
  flex: 0 0 auto;
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #4aebc2;
  background: rgba(57,222,179,.09);
  border: 1px solid rgba(57,222,179,.18);
  box-shadow: 0 0 18px rgba(57,222,179,.08);
  font-size: 13px;
  font-style: normal;
  font-weight: 950;
}
.geo-trust-empty strong { display: block; font-size: 12px; line-height: 1.4; }
.geo-trust-empty p { margin: 5px 0 0; color: rgba(255,255,255,.45); font-size: 9.5px; line-height: 1.55; }
.geo-trust-empty.is-compact { min-height: 0; }

.geo-content-hub {
  margin-top: 18px;
  padding: 15px;
  overflow: hidden;
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 8%, rgba(46,184,255,.12), transparent 32%),
    linear-gradient(145deg, rgba(102,58,221,.17), rgba(5,10,30,.78) 58%);
  border: 1px solid rgba(139,104,255,.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 15px 35px rgba(0,0,0,.18);
}
.geo-content-hub::before {
  content: "";
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, #a94eff, #448cff, #33e7d8);
  opacity: .82;
}
.geo-content-hub__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.geo-content-hub__head > div { min-width: 0; }
.geo-content-hub__head span {
  display: block;
  color: #78ccff;
  font-size: 8px;
  line-height: 1.2;
  font-weight: 950;
  letter-spacing: .13em;
}
.geo-content-hub__head h4 { margin: 4px 0 0; font-size: 14px; }
.geo-content-hub__head > strong {
  flex: 0 0 auto;
  padding: 6px 8px;
  border-radius: 999px;
  color: #c6b7ff;
  background: rgba(131,76,255,.13);
  border: 1px solid rgba(161,121,255,.18);
  font-size: 8px;
  line-height: 1;
}
.geo-content-hub > h5 { margin: 13px 0 0; font-size: 15px; line-height: 1.42; text-wrap: balance; }
.geo-content-hub > p { margin: 7px 0 0; color: rgba(255,255,255,.48); font-size: 10px; line-height: 1.6; }
.geo-article-preview-list { margin-top: 13px; display: grid; gap: 7px; }
.geo-article-preview {
  position: relative;
  width: 100%;
  min-height: 94px;
  padding: 11px 32px 11px 11px;
  display: block;
  overflow: hidden;
  border-radius: 15px;
  color: #fff;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.07);
  text-align: left;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.geo-article-preview:hover { transform: translateY(-1px); border-color: rgba(100,205,255,.27); background: rgba(75,93,197,.1); }
.geo-article-preview > span { display: flex; align-items: center; gap: 6px; }
.geo-article-preview > span b,
.geo-article-preview > span em {
  padding: 4px 6px;
  border-radius: 999px;
  font-size: 7.5px;
  line-height: 1;
  font-style: normal;
}
.geo-article-preview > span b { color: #50e7c0; background: rgba(48,221,177,.08); border: 1px solid rgba(48,221,177,.14); }
.geo-article-preview > span em { color: #b9a7ff; background: rgba(132,74,255,.1); }
.geo-article-preview > strong { display: block; margin-top: 7px; font-size: 11.5px; line-height: 1.42; }
.geo-article-preview > p { margin: 5px 0 0; display: -webkit-box; overflow: hidden; color: rgba(255,255,255,.4); font-size: 9px; line-height: 1.45; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.geo-article-preview > i { position: absolute; right: 13px; top: 50%; color: #69d7ff; font-size: 21px; font-style: normal; transform: translateY(-50%); }
.geo-article-preview:focus-visible,
.geo-hub-enter:focus-visible { outline: 2px solid rgba(75,220,255,.8); outline-offset: 2px; }
.geo-hub-enter {
  width: 100%;
  min-height: 44px;
  margin-top: 12px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(100deg, rgba(125,56,255,.9), rgba(48,127,255,.9));
  box-shadow: 0 10px 24px rgba(64,73,232,.22);
  font-size: 11px;
  font-weight: 950;
}
.geo-hub-enter i { font-size: 18px; line-height: 1; font-style: normal; }

#home .geo-workshop { margin-top: 27px; }
#home .credibility-stack .geo-workshop { margin-top: 18px; }
#home .geo-workshop__heading {
  margin-bottom: 10px;
  align-items: center;
}
#home .geo-workshop__heading h2 { font-size: 24px; }
#home .geo-status-pill {
  min-height: 28px;
  padding: 0 9px;
  gap: 6px;
}
#home .geo-status-pill i { width: 6px; height: 6px; }
#home .geo-status-pill b { font-size: 9px; }
#home .geo-console--compact {
  padding: 14px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 4% 0%, rgba(119,64,246,.18), transparent 40%),
    linear-gradient(150deg, rgba(16,21,53,.94), rgba(7,11,29,.96));
  box-shadow: 0 16px 38px rgba(0,0,0,.28), 0 0 24px rgba(67,76,218,.08);
}
#home .geo-console--compact::after {
  width: 150px;
  height: 150px;
  right: -84px;
  top: 18px;
  opacity: .7;
}
#home .geo-console--compact .geo-intro {
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 11px;
}
#home .geo-console--compact .geo-orbit {
  width: 64px;
  height: 64px;
}
#home .geo-console--compact .geo-orbit::before { inset: 7px; }
#home .geo-console--compact .geo-orbit::after {
  width: 6px;
  height: 6px;
  right: 8px;
  top: 13px;
}
#home .geo-console--compact .geo-orbit strong { font-size: 17px; }
#home .geo-console--compact .geo-kicker {
  font-size: 7px;
  letter-spacing: .12em;
}
#home .geo-console--compact .geo-intro__copy h3 {
  margin: 5px 0 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.32;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#home .geo-console--compact .geo-intro__copy p { display: none; }
#home .geo-source-grid--compact {
  margin-top: 13px;
  gap: 6px;
}
#home .geo-source-grid--compact .geo-source-card {
  min-height: 68px;
  padding: 9px 8px;
  justify-content: center;
  border-radius: 13px;
}
#home .geo-source-grid--compact .geo-source-card > .geo-source-count { min-height: 21px; }
#home .geo-source-grid--compact .geo-source-count > strong { font-size: 20px; }
#home .geo-source-grid--compact .geo-source-card > strong {
  margin-top: 5px;
  color: rgba(255,255,255,.78);
  font-size: 9.5px;
}
#home .geo-hub-enter--compact {
  min-height: 40px;
  margin-top: 11px;
  border-radius: 12px;
  background: linear-gradient(105deg, rgba(111,59,238,.82), rgba(48,118,239,.82));
  box-shadow: 0 8px 18px rgba(64,73,232,.16);
  font-size: 10.5px;
}

#home .geo-faq {
  position: relative;
  z-index: 1;
  margin-top: 14px;
  padding-top: 13px;
  border-top: 1px solid rgba(128,151,255,.14);
}
#home .geo-faq__heading {
  margin-bottom: 8px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
#home .geo-faq__heading span {
  color: #6edcff;
  font-size: 7.5px;
  font-weight: 950;
  letter-spacing: .14em;
}
#home .geo-faq__heading h3 {
  margin: 0;
  color: rgba(255,255,255,.74);
  font-size: 11px;
  font-weight: 750;
}
#home .geo-faq .faq-list { gap: 5px; }
#home .geo-faq .faq-item {
  border-radius: 13px;
  background: rgba(5,9,29,.42);
  border-color: rgba(255,255,255,.055);
  box-shadow: none;
}
#home .geo-faq .faq-q {
  min-height: 46px;
  padding: 0 12px;
  gap: 10px;
  color: rgba(255,255,255,.82);
  font-size: 11px;
  font-weight: 800;
}
#home .geo-faq .faq-q span {
  flex: 0 0 auto;
  color: rgba(110,220,255,.7);
}
#home .geo-faq .faq-a {
  padding: 0 12px;
  color: rgba(255,255,255,.5);
  font-size: 10.5px;
  line-height: 1.62;
}
#home .geo-faq .faq-item.open {
  border-color: rgba(106,203,255,.2);
  background: linear-gradient(145deg, rgba(42,48,100,.38), rgba(7,11,29,.5));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
#home .geo-faq .faq-item.open .faq-a {
  max-height: 220px;
  padding-bottom: 12px;
}

.geo-hub-principles {
  margin-top: 11px;
  padding-top: 11px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  border-top: 1px solid rgba(255,255,255,.07);
}
.geo-hub-principles span {
  min-width: 0;
  min-height: 35px;
  padding: 6px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: 11px;
  color: rgba(255,255,255,.72);
  background: rgba(5,9,29,.42);
  border: 1px solid rgba(255,255,255,.055);
}
.geo-hub-principles i {
  color: #64dfff;
  font-size: 8px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
}
.geo-hub-principles b {
  min-width: 0;
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.geo-hub-disclaimer {
  margin: 11px 2px 0;
  color: rgba(255,255,255,.3);
  font-size: 8.5px;
  line-height: 1.55;
}

.geo-hub-page { padding-bottom: 126px; }
.geo-page-tools { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.geo-page-tools .back { margin-bottom: 14px; }
.geo-page-language {
  min-width: 61px;
  height: 34px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 999px;
  color: rgba(240,245,255,.92);
  background: rgba(18,27,58,.88);
  border: 1px solid rgba(113,152,255,.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  font-size: 10px;
}
.geo-page-language span { color: #61ddff; }
.geo-page-language b { font-size: 10px; }
.geo-hub-page-head {
  margin-bottom: 26px;
  padding: 21px 18px 18px;
  overflow: hidden;
  border-color: rgba(126,105,255,.25);
  background:
    radial-gradient(circle at 100% 0%, rgba(59,164,255,.17), transparent 38%),
    radial-gradient(circle at 0% 100%, rgba(128,58,255,.16), transparent 42%),
    rgba(11,15,41,.88);
}
.geo-hub-page-head::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: -36px;
  top: -40px;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  border: 1px solid rgba(79,205,255,.13);
  box-shadow: 0 0 0 18px rgba(102,70,255,.025), 0 0 0 38px rgba(77,177,255,.018);
}
.geo-hub-page-head > * { position: relative; z-index: 1; }
.geo-hub-page-head > span { color: #78caff; font-size: 9px; font-weight: 950; letter-spacing: .16em; }
.geo-hub-page-head h1 { margin: 9px 0 0; font-size: 27px; line-height: 1.2; }
.geo-hub-page-head > p { margin: 10px 0 0; color: rgba(255,255,255,.55); font-size: 11px; line-height: 1.66; }
.geo-page-stats { margin-top: 17px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.geo-page-stats > span { min-width: 0; padding: 12px 8px; border-radius: 15px; background: rgba(5,9,29,.52); border: 1px solid rgba(255,255,255,.075); }
.geo-page-stats b { display: block; color: #65ddff; font-size: 22px; line-height: 1; }
.geo-page-stats small { display: block; margin-top: 6px; color: rgba(255,255,255,.5); font-size: 8.5px; line-height: 1.3; }
.geo-hub-section { margin-top: 28px; }
.geo-hub-section__head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; margin-bottom: 13px; }
.geo-hub-section__head span { display: block; color: #82c8ff; font-size: 8.5px; font-weight: 950; letter-spacing: .14em; }
.geo-hub-section__head h2 { margin: 4px 0 0; font-size: 21px; line-height: 1.28; }
.geo-hub-section__head > p { margin: 0; color: rgba(255,255,255,.43); font-size: 10px; line-height: 1.55; }
.geo-hub-exposure-list,
.geo-article-list { display: grid; gap: 10px; }
.geo-source-grid--hub { margin-bottom: 12px; }
.geo-source-grid--hub .geo-source-card {
  min-height: 98px;
  background: linear-gradient(155deg, rgba(80,67,168,.1), rgba(255,255,255,.025));
}
.geo-hub-insight-intro {
  margin-bottom: 12px;
  padding: 14px;
  border-radius: 17px;
  background:
    radial-gradient(circle at 96% 0%, rgba(46,184,255,.09), transparent 35%),
    rgba(47,55,123,.08);
  border-color: rgba(122,131,255,.14);
}
.geo-hub-insight-intro > * { position: relative; z-index: 1; }
.geo-hub-insight-intro strong {
  display: block;
  color: rgba(255,255,255,.9);
  font-size: 13px;
  line-height: 1.45;
}
.geo-hub-insight-intro p {
  margin: 7px 0 0;
  color: rgba(255,255,255,.44);
  font-size: 9.5px;
  line-height: 1.62;
}
.geo-topic-filters {
  margin: -2px -18px 13px;
  padding: 2px 18px 3px;
  display: flex;
  gap: 7px;
  overflow-x: auto;
  scrollbar-width: none;
}
.geo-topic-filters::-webkit-scrollbar { display: none; }
.geo-topic-filters button {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 0 11px;
  border-radius: 999px;
  color: rgba(255,255,255,.56);
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  font-size: 9.5px;
  font-weight: 850;
}
.geo-topic-filters button b { margin-left: 3px; color: rgba(126,216,255,.72); }
.geo-topic-filters button.active { color: #fff; background: linear-gradient(110deg, rgba(128,58,255,.56), rgba(45,126,255,.5)); border-color: rgba(129,148,255,.32); }
.geo-article-card {
  overflow: hidden;
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(20,22,57,.9), rgba(7,10,29,.93));
  border: 1px solid rgba(126,123,255,.17);
  box-shadow: 0 14px 32px rgba(0,0,0,.18);
}
.geo-article-card.is-expanded { border-color: rgba(102,182,255,.3); box-shadow: 0 17px 40px rgba(0,0,0,.25), 0 0 28px rgba(82,82,239,.08); }
.geo-article-summary {
  width: 100%;
  padding: 15px;
  display: block;
  color: #fff;
  background: transparent;
  text-align: left;
}
.geo-article-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.geo-article-meta b,
.geo-article-meta em {
  padding: 5px 7px;
  border-radius: 999px;
  font-size: 8px;
  line-height: 1;
  font-style: normal;
}
.geo-article-meta b { color: #4ee7bf; background: rgba(48,221,177,.08); border: 1px solid rgba(48,221,177,.14); }
.geo-article-meta em { color: #c1b2ff; background: rgba(132,74,255,.1); border: 1px solid rgba(151,104,255,.13); }
.geo-article-meta small { margin-left: auto; color: rgba(255,255,255,.3); font-size: 8px; }
.geo-article-summary > strong { display: block; margin-top: 10px; font-size: 16px; line-height: 1.42; letter-spacing: -.01em; }
.geo-article-summary > p { margin: 7px 0 0; color: rgba(255,255,255,.49); font-size: 10px; line-height: 1.6; }
.geo-article-tags { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 5px; }
.geo-article-tags i { padding: 4px 7px; border-radius: 999px; color: rgba(217,224,255,.55); background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.065); font-size: 7.5px; line-height: 1; font-style: normal; }
.geo-article-toggle { margin-top: 13px; padding-top: 11px; display: flex; align-items: center; justify-content: space-between; color: #6ddaff; border-top: 1px solid rgba(255,255,255,.065); font-size: 9.5px; font-weight: 900; }
.geo-article-toggle i { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 7px; color: #fff; background: rgba(84,139,255,.16); font-size: 13px; line-height: 1; font-style: normal; }
.geo-article-body {
  max-height: 0;
  padding: 0 15px;
  overflow: hidden;
  opacity: 0;
  border-top: 1px solid transparent;
  transition: max-height .45s ease, opacity .3s ease, padding .3s ease, border-color .3s ease;
}
.geo-article-card.is-expanded .geo-article-body { max-height: 2200px; padding: 4px 15px 17px; opacity: 1; border-top-color: rgba(255,255,255,.055); }
.geo-article-body p { margin: 12px 0 0; color: rgba(242,245,255,.67); font-size: 11px; line-height: 1.82; }
.geo-governance {
  margin-top: 28px;
  padding: 18px;
  border-color: rgba(99,198,255,.19);
  background: linear-gradient(145deg, rgba(22,33,65,.82), rgba(7,11,29,.9));
}
.geo-governance > * { position: relative; z-index: 1; }
.geo-governance > span { color: #70d6ff; font-size: 8.5px; font-weight: 950; letter-spacing: .15em; }
.geo-governance h2 { margin: 7px 0 0; font-size: 19px; }
.geo-governance p { margin: 8px 0 0; color: rgba(255,255,255,.46); font-size: 10px; line-height: 1.64; }
.geo-governance button { width: 100%; min-height: 43px; margin-top: 13px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; border-radius: 13px; color: #74ddff; background: rgba(68,146,255,.08); border: 1px solid rgba(92,183,255,.14); font-size: 10px; font-weight: 900; }
.geo-governance button i { font-size: 17px; font-style: normal; }

@media (max-width: 374px) {
  .credibility-stack__toggle {
    min-height: 82px;
    padding: 13px 12px;
    grid-template-columns: 44px minmax(0, 1fr) 38px;
    gap: 9px;
  }
  .credibility-stack__mark { width: 44px; height: 44px; }
  .credibility-stack__copy strong { font-size: 16px; }
  .credibility-stack__copy em { font-size: 12px; }
  .credibility-stack__action { width: 38px; min-width: 38px; height: 38px; min-height: 38px; }
  .geo-intro { grid-template-columns: 76px minmax(0, 1fr); gap: 11px; }
  .geo-orbit { width: 76px; height: 76px; }
  .geo-intro__copy h3 { font-size: 17px; }
  .geo-source-card { padding: 10px 7px; }
  .geo-source-count > strong { font-size: 22px; }
  .geo-content-hub { padding: 13px; }
  .geo-hub-page-head { padding: 18px 15px 16px; }
  .geo-hub-page-head h1 { font-size: 24px; }
}

.faq-list { display: grid; gap: 10px; }
.faq-item { padding: 0; border-radius: var(--radius-lg); }
.faq-q { position: relative; z-index: 1; width: 100%; min-height: 58px; padding: 0 16px; display: flex; justify-content: space-between; align-items: center; background: transparent; text-align: left; font-size: 14px; font-weight: 900; }
.faq-a { position: relative; z-index: 1; max-height: 0; overflow: hidden; padding: 0 16px; color: var(--muted); font-size: 13px; line-height: 1.65; transition: max-height .26s ease, padding .26s ease; }
.faq-item.open { border-color: rgba(133,89,255,.52); box-shadow: var(--shadow-a); }
.faq-item.open .faq-a { max-height: 220px; padding-bottom: 16px; }

.connect-card { margin-top: 28px; padding: 20px; text-align: center; }
.connect-card h2 { position: relative; z-index: 1; margin: 0; font-size: 22px; }
.connect-card p { position: relative; z-index: 1; color: var(--muted); font-size: 13px; }
.connect-actions { position: relative; z-index: 1; display: grid; gap: 10px; }

.page-head { margin-bottom: 22px; }
.page-head.compact { margin-top: 0; }
.back { height: 34px; padding: 0 13px; margin-bottom: 16px; border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); }
.about-view {
  overflow-x: hidden;
  padding-bottom: calc(30px + env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 84% 3%, rgba(55,121,255,.2), transparent 24%),
    radial-gradient(circle at 8% 34%, rgba(119,59,255,.14), transparent 30%),
    linear-gradient(180deg, #050714 0%, #070a1e 44%, #040610 100%);
}
.about-page-content { padding-right: 14px; padding-left: 14px; }
.about-page-toolbar {
  position: relative;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 4px 16px;
}
.about-story-back { z-index: 1; margin: 0; }
.about-share-button {
  min-width: 72px;
  height: 34px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid rgba(139,181,255,.2);
  border-radius: 999px;
  background: rgba(44,74,143,.18);
  color: rgba(225,236,255,.82);
  backdrop-filter: blur(14px);
}
.about-share-button span { color: #79cfff; font-size: 15px; line-height: 1; }
.about-share-button b { font-size: 11px; }
.about-story-root { position: relative; min-width: 0; }
.about-story-root::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 590px;
  right: -80px;
  width: 210px;
  height: 520px;
  background: radial-gradient(ellipse, rgba(45,122,255,.14), transparent 68%);
  pointer-events: none;
}
.about-story-hero {
  position: relative;
  isolation: isolate;
  height: 600px;
  height: clamp(560px, 70svh, 630px);
  overflow: hidden;
  border: 1px solid rgba(176,199,255,.18);
  border-radius: 30px;
  background: #070a16;
  box-shadow: 0 28px 80px rgba(0,0,0,.45), 0 0 42px rgba(62,103,255,.12);
}
.about-story-hero__image {
  position: absolute;
  inset: 0;
  z-index: -4;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 36%;
  filter: saturate(.88) contrast(1.07) brightness(.84);
  transform: scale(1.035);
}
.about-story-hero__shade {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(3,5,14,.12) 0%, rgba(3,5,14,.06) 30%, rgba(4,6,16,.5) 58%, rgba(4,6,16,.98) 100%),
    linear-gradient(90deg, rgba(5,8,21,.3), transparent 64%);
}
.about-story-hero__glow {
  position: absolute;
  z-index: -3;
  right: -94px;
  bottom: 64px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(53,133,255,.38), rgba(119,55,255,.12) 38%, transparent 68%);
  filter: blur(8px);
}
.about-story-hero__identity {
  position: absolute;
  top: 22px;
  left: 22px;
  display: grid;
  gap: 5px;
}
.about-story-hero__identity > span,
.about-story-eyebrow {
  color: #9ecbff;
  font-size: 10px;
  font-weight: 950;
  line-height: 1.2;
  letter-spacing: .2em;
}
.about-story-hero__identity > strong { font-size: 17px; line-height: 1.1; }
.about-story-hero__identity > small { color: rgba(255,255,255,.56); font-size: 10px; }
.about-story-hero__copy {
  position: absolute;
  right: 22px;
  bottom: 28px;
  left: 22px;
}
.about-story-hero__copy > p {
  margin: 0 0 12px;
  color: rgba(184,211,255,.78);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
}
.about-story-hero__copy h1 {
  margin: 0;
  max-width: 344px;
  font-size: clamp(34px, 9.7vw, 42px);
  line-height: 1.12;
  letter-spacing: -.045em;
}
.about-story-hero__copy h1 span { display: block; }
.about-story-hero__copy > b {
  display: block;
  margin-top: 17px;
  padding-top: 14px;
  color: rgba(255,255,255,.78);
  font-size: 13px;
  line-height: 1.5;
  border-top: 1px solid rgba(255,255,255,.18);
}
.about-chapter-nav {
  position: sticky;
  top: 0;
  z-index: 11;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3px;
  min-height: 58px;
  margin: 12px -2px 0;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  background: rgba(7,10,25,.84);
  box-shadow: 0 14px 34px rgba(0,0,0,.24);
  backdrop-filter: blur(20px);
}
.about-chapter-nav button {
  position: relative;
  display: grid;
  place-content: center;
  gap: 2px;
  min-width: 0;
  border-radius: 12px;
  background: transparent;
  color: rgba(255,255,255,.58);
  font-size: 11px;
  font-weight: 850;
  outline: none;
}
.about-chapter-nav button:focus-visible { outline: 2px solid rgba(126,207,255,.72); outline-offset: -3px; }
.about-chapter-nav button span { color: rgba(145,194,255,.54); font-size: 7px; letter-spacing: .12em; }
.about-chapter-nav button::after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 3px;
  left: 12px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #a34fff, #2e8cff, #3ce5db);
  transform: scaleX(0);
  transition: transform .24s ease;
}
.about-chapter-nav button.is-current { color: rgba(255,255,255,.96); background: rgba(255,255,255,.055); }
.about-chapter-nav button.is-current::after { transform: scaleX(1); }
.about-story-section { margin-top: 68px; scroll-margin-top: 78px; }
.about-story-heading h2 {
  margin: 8px 0 0;
  font-size: 31px;
  line-height: 1.14;
  letter-spacing: -.035em;
}
.about-story-heading > p {
  margin: 12px 0 0;
  max-width: 340px;
  color: rgba(255,255,255,.6);
  font-size: 13px;
  line-height: 1.78;
}
.about-proof { margin-top: 34px; }
.about-proof-heading h2 { max-width: 350px; font-size: 30px; }
.about-proof-panel {
  position: relative;
  overflow: hidden;
  margin-top: 22px;
  padding: 10px 10px 20px;
  border: 1px solid rgba(146,174,255,.22);
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 44%, rgba(72,75,255,.22), transparent 26%),
    radial-gradient(circle at 88% 8%, rgba(38,190,255,.13), transparent 25%),
    linear-gradient(155deg, rgba(23,27,67,.93), rgba(6,9,25,.97) 66%);
  box-shadow: 0 28px 72px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.07);
}
.about-proof-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .46;
  background-image:
    radial-gradient(circle, rgba(189,211,255,.6) 0 1px, transparent 1.4px),
    radial-gradient(circle, rgba(95,215,255,.45) 0 1px, transparent 1.5px);
  background-position: 0 0, 17px 21px;
  background-size: 31px 31px, 47px 47px;
  mask-image: linear-gradient(180deg, #000, transparent 88%);
  pointer-events: none;
}
.about-proof-panel::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -26%;
  right: 0;
  left: 0;
  height: 34%;
  background: linear-gradient(180deg, transparent, rgba(83,170,255,.1), transparent);
  pointer-events: none;
  animation: aboutProofScan 8s ease-in-out infinite;
}
.about-proof-stage {
  --proof-node-size: clamp(100px, 29vw, 126px);
  --proof-core-size: clamp(82px, 21vw, 88px);
  position: relative;
  z-index: 2;
  height: clamp(342px, 86vw, 404px);
  isolation: isolate;
}
.about-proof-stage::before,
.about-proof-stage::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.about-proof-stage::before {
  width: clamp(224px, 62vw, 310px);
  height: clamp(224px, 62vw, 310px);
  border: 1px solid rgba(129,164,255,.14);
  box-shadow: inset 0 0 45px rgba(71,91,255,.06), 0 0 52px rgba(49,119,255,.05);
}
.about-proof-stage::after {
  width: clamp(272px, 76vw, 360px);
  height: clamp(172px, 48vw, 226px);
  border: 1px dashed rgba(98,210,255,.12);
  transform: translate(-50%, -50%) rotate(-19deg);
  animation: aboutProofOrbit 22s linear infinite;
}
.about-proof-core {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  width: var(--proof-core-size);
  height: var(--proof-core-size);
  padding: 0 11px;
  display: grid;
  place-content: center;
  gap: 4px;
  border: 1px solid rgba(177,203,255,.42);
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 24%, rgba(141,92,255,.35), transparent 40%),
    linear-gradient(145deg, rgba(25,31,82,.96), rgba(6,10,29,.98));
  box-shadow: 0 0 0 8px rgba(79,90,255,.055), 0 0 42px rgba(65,107,255,.3), inset 0 1px 0 rgba(255,255,255,.15);
  text-align: center;
  translate: -50% -50%;
  animation: aboutProofCore 4.8s ease-in-out infinite;
}
.about-proof-core small { color: rgba(194,214,255,.62); font-size: clamp(7px, 1.9vw, 9px); line-height: 1.35; letter-spacing: .08em; }
.about-proof-core strong { font-size: clamp(12px, 3.5vw, 17px); line-height: 1.24; letter-spacing: .02em; text-wrap: balance; }
.about-proof-stat {
  position: absolute;
  z-index: 3;
  width: var(--proof-node-size);
  height: var(--proof-node-size);
  padding: 15px 12px 13px;
  display: grid;
  place-content: center;
  gap: 8px;
  overflow: visible;
  border: 1px solid rgba(164,184,255,.24);
  border-radius: 50%;
  background:
    radial-gradient(circle at 38% 20%, rgba(151,93,255,.23), transparent 45%),
    linear-gradient(145deg, rgba(31,32,76,.94), rgba(9,12,31,.97));
  box-shadow: 0 18px 40px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08), 0 0 24px rgba(72,88,255,.08);
  text-align: center;
  animation: aboutProofFloat 5.8s ease-in-out infinite alternate;
}
.about-proof-stat::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(130deg, rgba(255,255,255,.09), transparent 34%, transparent 70%, rgba(73,220,255,.07));
  pointer-events: none;
}
.about-proof-stat strong {
  position: relative;
  display: block;
  white-space: nowrap;
  font-family: "DINCondensedBold", "Arial Black", sans-serif;
  padding-block: 2px;
  font-size: clamp(30px, 7.8vw, 38px);
  line-height: 1.06;
  letter-spacing: -.025em;
  background: linear-gradient(115deg, #c895ff 2%, #7b82ff 53%, #54dcf1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about-proof-stat span {
  position: relative;
  display: block;
  max-width: calc(var(--proof-node-size) - 24px);
  color: rgba(244,247,255,.77);
  font-size: clamp(9px, 2.35vw, 11px);
  font-weight: 850;
  line-height: 1.34;
  text-wrap: balance;
}
.about-proof-stat--1 { top: 6px; left: 50%; translate: -50% 0; animation-delay: -.8s; }
.about-proof-stat--2 { top: 50%; right: 0; translate: 0 -50%; animation-delay: -2.6s; }
.about-proof-stat--3 { bottom: 6px; left: 50%; translate: -50% 0; animation-delay: -1.5s; }
.about-proof-stat--4 { top: 50%; left: 0; translate: 0 -50%; animation-delay: -3.7s; }
.about-proof-stat--4 strong { font-size: clamp(28px, 7.25vw, 35px); }
.about-proof-ray {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 92px;
  height: 1px;
  overflow: visible;
  background: linear-gradient(90deg, rgba(133,118,255,.55), rgba(84,202,255,.13));
  transform-origin: 0 50%;
}
.about-proof-ray::after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #73e6ff;
  box-shadow: 0 0 10px rgba(92,215,255,.9);
  animation: aboutProofSignal 3.6s linear infinite;
}
.about-proof-ray--1 { transform: rotate(-90deg); }
.about-proof-ray--2 { transform: rotate(0deg); }
.about-proof-ray--3 { transform: rotate(90deg); }
.about-proof-ray--4 { transform: rotate(180deg); }
.about-proof-ray--2::after { animation-delay: -.9s; }
.about-proof-ray--3::after { animation-delay: -1.8s; }
.about-proof-ray--4::after { animation-delay: -2.7s; }
.about-proof-statement,
.about-proof-note { position: relative; z-index: 2; }
.about-proof-statement { margin: 2px 8px 0; color: rgba(255,255,255,.78); font-size: 13px; font-weight: 800; line-height: 1.72; text-align: center; }
.about-proof-note { display: block; margin: 10px 10px 0; color: rgba(255,255,255,.32); font-size: 8px; line-height: 1.55; text-align: center; }
.about-value-offer {
  margin-top: 38px;
  padding-top: 29px;
  border-top: 1px solid rgba(255,255,255,.12);
}
.about-value-offer .about-story-heading h2 { font-size: 27px; line-height: 1.22; }
.about-value-list { display: grid; gap: 11px; margin-top: 24px; }
.about-value-list article {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 17px;
  gap: 11px;
  min-width: 0;
  padding: 18px 14px 17px;
  overflow: hidden;
  border: 1px solid rgba(145,171,255,.15);
  border-radius: 20px;
  background:
    linear-gradient(125deg, rgba(107,61,220,.12), transparent 38%),
    linear-gradient(145deg, rgba(26,30,67,.82), rgba(8,12,30,.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}
.about-value-list article::before {
  content: "";
  position: absolute;
  top: 13px;
  bottom: 13px;
  left: 0;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, #b35cff, #3d91ff, #43dfcf);
  opacity: .78;
}
.about-value-list article > b {
  width: 37px;
  height: 37px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(132,176,255,.19);
  border-radius: 12px;
  color: #8cd8ff;
  background: rgba(62,102,217,.11);
  font-family: "DINCondensedBold", "Arial Black", sans-serif;
  font-size: 18px;
  line-height: 1;
}
.about-value-list h3 { margin: 1px 0 0; font-size: 17px; line-height: 1.34; }
.about-value-list p { margin: 8px 0 0; color: rgba(255,255,255,.56); font-size: 11px; line-height: 1.7; }
.about-value-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 11px; }
.about-value-tags i { padding: 5px 7px; border: 1px solid rgba(112,199,255,.13); border-radius: 999px; color: rgba(129,224,255,.75); background: rgba(51,155,214,.07); font-size: 8px; line-height: 1; font-style: normal; }
.about-value-arrow { color: rgba(109,208,255,.7); font-size: 15px; line-height: 1.5; }
@keyframes aboutProofFloat { from { transform: translateY(-3px) scale(.99); } to { transform: translateY(5px) scale(1.015); } }
@keyframes aboutProofCore { 0%, 100% { box-shadow: 0 0 0 8px rgba(79,90,255,.045), 0 0 34px rgba(65,107,255,.25), inset 0 1px 0 rgba(255,255,255,.15); } 50% { box-shadow: 0 0 0 12px rgba(79,90,255,.065), 0 0 52px rgba(74,116,255,.38), inset 0 1px 0 rgba(255,255,255,.18); } }
@keyframes aboutProofSignal { 0% { transform: translateX(0) scale(.5); opacity: 0; } 15% { opacity: 1; } 78% { opacity: 1; } 100% { transform: translateX(86px) scale(1); opacity: 0; } }
@keyframes aboutProofOrbit { to { transform: translate(-50%, -50%) rotate(341deg); } }
@keyframes aboutProofScan { 0%, 12% { transform: translateY(0); opacity: 0; } 28% { opacity: .8; } 55% { transform: translateY(430%); opacity: 0; } 100% { transform: translateY(430%); opacity: 0; } }
.about-opening { position: relative; padding: 10px 5px 0 18px; }
.about-opening::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 0;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, #a351ff, #3a8cff 54%, transparent);
}
.about-opening h2 { margin: 12px 0 0; color: rgba(255,255,255,.7); font-size: 16px; line-height: 1.5; }
.about-opening > strong {
  display: block;
  margin-top: 12px;
  font-size: clamp(27px, 7.5vw, 32px);
  line-height: 1.3;
  letter-spacing: -.035em;
}
.about-opening > p { margin: 18px 0 0; color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.85; }
.about-journey-list { position: relative; display: grid; gap: 48px; margin-top: 28px; }
.about-journey-item { display: grid; gap: 18px; }
.about-journey-item.is-offset .about-journey-media { margin-left: auto; }
.about-journey-media {
  position: relative;
  width: 92%;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 24px;
  background: rgba(255,255,255,.04);
  box-shadow: 0 22px 54px rgba(0,0,0,.34);
}
.about-journey-media.is-portrait { width: 78%; aspect-ratio: 4 / 5; }
.about-journey-media.is-square { width: 88%; aspect-ratio: 1 / 1; }
.about-journey-media.is-wide { width: 100%; aspect-ratio: 4 / 3; }
.about-journey-media img { width: 100%; height: 100%; display: block; object-fit: cover; }
.about-journey-media.is-portrait img { object-position: 46% 18%; }
.about-journey-media.is-square img { object-position: 50% 50%; }
.about-journey-media.is-wide img { object-position: 50% 50%; }
.about-journey-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 58%, rgba(4,6,16,.7));
  pointer-events: none;
}
.about-journey-media figcaption {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 11px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(255,255,255,.78);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .06em;
}
.about-journey-media figcaption i { width: 6px; height: 6px; border-radius: 50%; background: #4de6d3; box-shadow: 0 0 11px rgba(77,230,211,.8); }
.about-journey-copy { position: relative; padding: 0 5px; }
.about-journey-meta { display: flex; align-items: center; gap: 12px; }
.about-journey-meta > b {
  display: inline-block;
  font-family: "DINCondensedBold", "Arial Black", sans-serif;
  font-size: 58px;
  line-height: 1;
  background: linear-gradient(180deg, rgba(157,100,255,.96), rgba(53,137,255,.3));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about-journey-meta > span { color: #91c8ff; font-size: 11px; font-weight: 950; letter-spacing: .16em; }
.about-journey-copy h3 { margin: 16px 0 0; font-size: 23px; line-height: 1.28; letter-spacing: -.025em; }
.about-journey-copy p { margin: 11px 0 0; color: rgba(255,255,255,.6); font-size: 13px; line-height: 1.82; }
.about-story-link {
  width: 100%;
  min-height: 48px;
  margin-top: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
  border-bottom: 1px solid rgba(255,255,255,.17);
  background: transparent;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  font-weight: 850;
}
.about-story-link span { color: #6ccfff; font-size: 18px; }
.about-responsibility-list { margin-top: 23px; border-top: 1px solid rgba(255,255,255,.14); }
.about-responsibility-list article {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
  padding: 24px 3px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.about-responsibility-list article > b {
  font-family: "DINCondensedBold", "Arial Black", sans-serif;
  color: rgba(112,143,255,.52);
  font-size: 55px;
  line-height: 1;
}
.about-responsibility-list h3 { margin: 0; font-size: 22px; line-height: 1.2; }
.about-responsibility-list p { margin: 8px 0 0; color: rgba(255,255,255,.59); font-size: 13px; line-height: 1.75; }
.about-compass-panel {
  position: relative;
  overflow: hidden;
  margin-top: 24px;
  padding: 22px 18px 20px;
  border: 1px solid rgba(130,160,255,.24);
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 18%, rgba(88,71,255,.28), transparent 34%),
    radial-gradient(circle at 84% 64%, rgba(36,171,255,.12), transparent 34%),
    linear-gradient(155deg, rgba(24,26,65,.82), rgba(7,10,25,.94));
  box-shadow: 0 28px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
.about-compass-panel::before {
  content: "";
  position: absolute;
  top: 18px;
  right: -70px;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(78,183,255,.12);
  border-radius: 50%;
}
.about-compass-visual { position: relative; width: 252px; height: 252px; margin: 0 auto 20px; }
.about-compass-visual::before {
  content: "";
  position: absolute;
  inset: 26px;
  border-radius: 50%;
  background: conic-gradient(from 210deg, rgba(158,70,255,.22), rgba(47,139,255,.34), rgba(59,226,207,.18), rgba(158,70,255,.22));
  filter: blur(12px);
}
.about-compass-ring { position: absolute; border-radius: 50%; }
.about-compass-ring--outer { inset: 18px; border: 1px solid rgba(164,188,255,.32); box-shadow: inset 0 0 30px rgba(83,80,255,.08); }
.about-compass-ring--inner { inset: 64px; border: 1px dashed rgba(116,208,255,.28); }
.about-compass-visual > strong {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 82px;
  height: 82px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(175,195,255,.42);
  border-radius: 50%;
  background: rgba(9,14,40,.92);
  color: rgba(255,255,255,.88);
  font-size: 12px;
  box-shadow: 0 0 36px rgba(83,94,255,.34);
  transform: translate(-50%, -50%);
}
.about-compass-node {
  position: absolute;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 50%;
  background: rgba(9,13,35,.94);
  font-size: 17px;
  box-shadow: 0 0 22px rgba(82,111,255,.28);
}
.about-compass-node--1 { left: 12px; top: 112px; color: #83e5d9; }
.about-compass-node--2 { right: 12px; top: 112px; color: #83c7ff; }
.about-compass-node--3 { top: 2px; left: 103px; color: #c09bff; }
.about-compass-list { display: grid; gap: 0; border-top: 1px solid rgba(255,255,255,.12); }
.about-compass-list article { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 11px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.about-compass-list article > b { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: rgba(92,114,255,.12); color: #a9c9ff; }
.about-compass-list article div { display: grid; gap: 3px; }
.about-compass-list strong { font-size: 13px; }
.about-compass-list span { color: rgba(255,255,255,.5); font-size: 11px; line-height: 1.5; }
.about-compass-panel blockquote { margin: 18px 0 0; color: rgba(255,255,255,.9); font-size: 16px; font-weight: 850; line-height: 1.6; text-align: center; }
.about-current-list { margin-top: 24px; border-top: 1px solid rgba(255,255,255,.14); }
.about-current-list article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 22px;
  gap: 11px;
  align-items: start;
  padding: 20px 2px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.about-current-list article > b { color: #81bfff; font-size: 10px; line-height: 1.8; letter-spacing: .14em; }
.about-current-list h3 { margin: 0; font-size: 19px; }
.about-current-list p { margin: 7px 0 0; color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.7; }
.about-current-list article > span { color: rgba(114,206,255,.68); font-size: 17px; }
.about-current-note { margin: 16px 0 0; color: rgba(255,255,255,.35); font-size: 10px; line-height: 1.7; }
.about-story-closing {
  position: relative;
  overflow: hidden;
  margin: 72px 0 12px;
  padding: 30px 22px 22px;
  border: 1px solid rgba(144,132,255,.32);
  border-radius: 30px;
  background:
    radial-gradient(circle at 90% 8%, rgba(52,170,255,.25), transparent 34%),
    linear-gradient(145deg, rgba(110,55,255,.34), rgba(22,37,92,.45) 54%, rgba(8,12,30,.92));
  box-shadow: 0 28px 66px rgba(0,0,0,.38);
}
.about-story-closing::after {
  content: "";
  position: absolute;
  top: -42px;
  right: -32px;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 50%;
}
.about-story-closing h2 { position: relative; z-index: 1; margin: 13px 0 0; font-size: 25px; line-height: 1.34; letter-spacing: -.025em; }
.about-story-closing > p { position: relative; z-index: 1; margin: 14px 0 0; color: rgba(255,255,255,.64); font-size: 13px; line-height: 1.75; }
.about-story-actions { position: relative; z-index: 1; display: grid; gap: 9px; margin-top: 22px; }
.about-story-actions .btn { width: 100%; animation: none; }
[data-about-reveal] { opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .5s ease; }
[data-about-reveal].is-visible { opacity: 1; transform: translateY(0); }
html[lang="en"] .about-story-hero__copy h1 { font-size: clamp(31px, 8.8vw, 38px); letter-spacing: -.035em; }
html[lang="en"] .about-story-heading h2 { font-size: 28px; }
html[lang="en"] .about-proof-heading h2 { font-size: 27px; line-height: 1.2; }
html[lang="en"] .about-value-offer .about-story-heading h2 { font-size: 24px; }
html[lang="en"] .about-proof-stat strong { font-size: 31px; }
html[lang="en"] .about-proof-stat span { font-size: clamp(8px, 2.05vw, 10px); }

@media (max-width: 374px) {
  .about-page-content { padding-right: 12px; padding-left: 12px; }
  .about-story-hero { height: 540px; min-height: 0; border-radius: 26px; }
  .about-story-hero__identity { top: 18px; left: 18px; }
  .about-story-hero__copy { right: 18px; bottom: 24px; left: 18px; }
  .about-story-hero__copy h1 { font-size: 32px; }
  .about-chapter-nav { min-height: 54px; }
  .about-chapter-nav button { font-size: 10px; }
  .about-story-section { margin-top: 56px; }
  .about-proof { margin-top: 28px; }
  .about-proof-heading h2 { font-size: 27px; }
  .about-proof-panel { padding-right: 7px; padding-left: 7px; border-radius: 26px; }
  .about-proof-stage { --proof-node-size: 96px; --proof-core-size: 78px; height: 330px; }
  .about-proof-stage::before { width: 214px; height: 214px; }
  .about-proof-stage::after { width: 260px; height: 164px; }
  .about-proof-core { padding: 0 9px; }
  .about-proof-stat { padding: 12px 8px 10px; gap: 6px; }
  .about-proof-stat strong { font-size: 30px; }
  .about-proof-stat--4 strong { font-size: 28px; }
  .about-proof-stat span { max-width: 86px; font-size: 8.5px; }
  .about-proof-ray { width: 82px; }
  .about-value-offer .about-story-heading h2 { font-size: 25px; }
  .about-value-list article { grid-template-columns: 38px minmax(0, 1fr) 14px; gap: 9px; padding-right: 11px; padding-left: 11px; }
  .about-value-list article > b { width: 34px; height: 34px; }
  .about-value-list h3 { font-size: 16px; }
  .about-story-heading h2 { font-size: 28px; }
  .about-opening > strong { font-size: 26px; }
  .about-journey-list { gap: 42px; }
  .about-responsibility-list article { grid-template-columns: 62px minmax(0, 1fr); }
  .about-responsibility-list article > b { font-size: 50px; }
  .about-compass-panel { padding-right: 14px; padding-left: 14px; }
  .about-compass-visual { width: 232px; height: 232px; }
  .about-compass-node--1 { top: 102px; }
  .about-compass-node--2 { top: 102px; }
  .about-compass-node--3 { left: 93px; }
  html[lang="en"] .about-story-hero__copy h1 { font-size: 29px; }
}

@media (prefers-reduced-motion: reduce) {
  .about-proof-panel::after,
  .about-proof-stage::after,
  .about-proof-core,
  .about-proof-stat,
  .about-proof-ray::after { animation: none !important; }
}

.cooperation-detail-content { padding-bottom: 118px; }
.detail-hero {
  padding: 22px 18px 20px;
  min-height: 238px;
  background:
    radial-gradient(circle at 86% 8%, rgba(24,215,255,.14), transparent 28%),
    radial-gradient(circle at 10% 8%, rgba(122,60,255,.22), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
}
.detail-hero__meta {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4px;
  color: rgba(191,234,255,.78);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .14em;
}
.detail-hero__meta strong { color: rgba(255,255,255,.72); font-size: 11px; letter-spacing: .08em; }
.detail-hero__number {
  position: relative;
  z-index: 1;
  display: block;
  margin: 2px 0 -24px;
  padding-top: 18px;
  font-family: "DINCondensedBold", "Arial Black", "Helvetica Neue", Arial, sans-serif;
  font-size: 86px;
  line-height: 1.22;
  font-weight: 700;
  letter-spacing: 0;
  opacity: .95;
  background: linear-gradient(180deg, #fff 0%, #eceef4 24%, #b3b7c2 50%, rgba(80,86,102,.78) 72%, rgba(28,32,44,.08) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.detail-hero h1 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 30px;
  line-height: 1.12;
  letter-spacing: 0;
}
.detail-hero p {
  position: relative;
  z-index: 1;
  margin: 12px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}
.detail-cover {
  width: calc(100% + 36px);
  margin: 16px -18px 0;
  padding: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  overflow: hidden;
}
.detail-cover img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  display: block;
}
.detail-section { margin-top: 26px; }
.detail-section__head { margin-bottom: 14px; }
.detail-section__head span { color: #9abaff; font-size: 11px; font-weight: 950; letter-spacing: .16em; }
.detail-section__head h2 { margin: 6px 0 0; font-size: 22px; line-height: 1.2; }
.detail-highlight-grid { display: grid; gap: 12px; }
.detail-highlight-card { padding: 16px; }
.detail-mini-no {
  position: relative;
  z-index: 1;
  width: 34px;
  height: 24px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #d8c9ff;
  font-size: 11px;
  font-weight: 950;
  background: rgba(122,60,255,.18);
  border: 1px solid rgba(177,92,255,.2);
}
.detail-highlight-card h3 { position: relative; z-index: 1; margin: 10px 0 7px; font-size: 17px; }
.detail-highlight-card p { position: relative; z-index: 1; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.72; }
.detail-tags { display: flex; flex-wrap: wrap; gap: 9px; }
.detail-tags span {
  padding: 9px 12px;
  border-radius: 999px;
  color: rgba(255,255,255,.86);
  font-size: 12px;
  font-weight: 800;
  background: rgba(255,255,255,.075);
  border: 1px solid rgba(255,255,255,.1);
}
.detail-list,
.detail-check-list,
.detail-flow {
  margin: 0;
  padding: 0;
  list-style: none;
}
.detail-list { padding: 8px; display: grid; gap: 8px; }
.detail-list li {
  position: relative;
  z-index: 1;
  min-height: 42px;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: 34px 1fr;
  align-items: center;
  gap: 8px;
  border-radius: 14px;
  background: rgba(255,255,255,.045);
}
.detail-list b,
.detail-flow b {
  color: #bda6ff;
  font-size: 11px;
  letter-spacing: .06em;
}
.detail-list span,
.detail-flow span { color: rgba(255,255,255,.82); font-size: 13px; line-height: 1.5; }
.detail-check-list { padding: 14px; display: grid; gap: 11px; }
.detail-check-list li {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: start;
  gap: 8px;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  line-height: 1.5;
}
.detail-check-list i {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  font-style: normal;
  font-size: 11px;
  background: var(--secondary);
}
.detail-flow { position: relative; display: grid; gap: 10px; }
.detail-flow::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 20px;
  bottom: 20px;
  width: 1px;
  background: linear-gradient(180deg, rgba(177,92,255,.85), transparent);
}
.detail-flow li {
  padding: 13px 14px 13px 46px;
  min-height: 50px;
}
.detail-flow b {
  position: absolute;
  z-index: 1;
  left: 12px;
  top: 14px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(122,60,255,.74);
  box-shadow: var(--shadow-a);
}
.detail-flow span { position: relative; z-index: 1; display: block; }
.detail-cta { margin-top: 28px; padding: 18px; text-align: center; }
.detail-cta h2 { position: relative; z-index: 1; margin: 0; font-size: 21px; line-height: 1.26; }
.detail-cta p { position: relative; z-index: 1; margin: 8px 0 14px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.detail-cta__actions { position: relative; z-index: 1; display: grid; gap: 10px; }

.chat-view { padding-bottom: 0; }
.chat-shell { position: relative; height: 100%; min-height: 0; overflow: hidden; display: flex; flex-direction: column; padding: calc(18px + env(safe-area-inset-top)) 14px calc(92px + env(safe-area-inset-bottom)); }
.back.floating { position: absolute; z-index: 10; top: calc(18px + env(safe-area-inset-top)); left: 14px; width: 34px; padding: 0; }
.chat-head { min-height: 64px; padding: 9px 14px 9px 50px; display: flex; gap: 10px; align-items: center; justify-content: space-between; }
.agent-chat-identity { min-width: 0; display: flex; align-items: center; gap: 10px; }
.chat-head img { position: relative; z-index: 1; width: 42px; height: 42px; border-radius: 50%; }
.chat-head img.tool-avatar { border-radius: 12px; object-fit: cover; }
.chat-head h1 { position: relative; z-index: 1; margin: 0; font-size: 16px; }
.chat-head p { position: relative; z-index: 1; margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.2; }
.chat-head i { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: #4cffbd; box-shadow: 0 0 10px rgba(76,255,189,.8); }
.poster-chat-head {
  min-height: 52px;
  padding: 9px 10px 9px 48px;
  justify-content: space-between;
  border-color: rgba(111,137,255,.18);
  border-radius: 16px;
  background: rgba(14,20,48,.58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}
.poster-chat-title { min-width: 0; display: flex; align-items: center; }
.poster-chat-head .poster-chat-title h1 { overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.poster-history-trigger {
  min-width: 54px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(129,151,255,.25);
  border-radius: 999px;
  color: rgba(230,235,255,.84);
  background: rgba(80,93,170,.13);
  font-size: 12px;
  font-weight: 700;
}
.poster-history-trigger[aria-expanded="true"] { border-color: rgba(107,215,255,.52); color: #fff; background: rgba(51,114,186,.24); }
.agent-workflow-panel { flex: 0 1 auto; min-height: 0; max-height: min(58vh, 560px); max-height: min(58dvh, 560px); overflow-y: auto; margin: 8px 0 4px; padding: 10px 12px 12px; border: 1px solid rgba(101,135,255,.2); border-radius: 18px; background: linear-gradient(145deg, rgba(35,31,94,.28), rgba(7,25,53,.22)); }
.agent-workflow-toolbar { display: flex; justify-content: flex-end; margin-bottom: 8px; }
#agentWorkflowToggle {
  min-width: 108px;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid rgba(141,157,255,.5);
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, rgba(111,72,230,.72), rgba(46,107,236,.72));
  box-shadow: 0 8px 20px rgba(52,72,193,.2), inset 0 1px 0 rgba(255,255,255,.1);
  font-size: 12px;
  font-weight: 450;
  letter-spacing: .01em;
}
#agentWorkflowToggle:hover { border-color: rgba(176,190,255,.8); background: linear-gradient(135deg, rgba(123,79,244,.9), rgba(50,118,255,.9)); }
#agentWorkflowToggle:active { transform: scale(.96); }
.agent-workflow-panel form { display: grid; gap: 9px; }
.agent-workflow-fields { display: grid; gap: 10px; }
.agent-workflow-required,
.agent-workflow-optional-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.agent-workflow-field { display: grid; gap: 7px; color: rgba(237,241,255,.9); font-size: 13px; font-weight: 800; }
.agent-workflow-field.is-wide { grid-column: 1 / -1; }
.agent-workflow-panel input,
.agent-workflow-panel select,
.agent-workflow-panel textarea { width: 100%; padding: 9px 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #fff; background: rgba(4,9,29,.5); font: inherit; font-size: 11px; outline: none; }
.agent-workflow-panel input,
.agent-workflow-panel select,
.agent-workflow-panel textarea { padding: 12px 13px; border-radius: 12px; font-size: 15px; }
.agent-workflow-panel textarea { min-height: 76px; resize: vertical; line-height: 1.5; }
.agent-workflow-panel input:focus,
.agent-workflow-panel select:focus,
.agent-workflow-panel textarea:focus { border-color: rgba(122,145,255,.62); box-shadow: 0 0 18px rgba(82,104,255,.15); }
.agent-workflow-panel option { color: #10152d; }
.agent-workflow-optional { padding-top: 8px; border-top: 1px solid rgba(255,255,255,.08); }
.agent-workflow-optional summary { display: flex; align-items: center; justify-content: space-between; min-height: 38px; color: rgba(224,230,255,.82); font-size: 13px; font-weight: 800; cursor: pointer; list-style: none; }
.agent-workflow-optional summary::-webkit-details-marker { display: none; }
.agent-workflow-optional summary::after { content: '＋'; color: rgba(140,160,255,.78); font-size: 14px; }
.agent-workflow-optional[open] summary { margin-bottom: 9px; }
.agent-workflow-optional[open] summary::after { content: '－'; }
.agent-workflow-actions { display: flex; padding-top: 2px; }
.agent-workflow-actions button { width: 100%; min-height: 44px; }
.agent-workflow-panel form[aria-busy="true"] { opacity: .72; }
.agent-workflow-panel.is-collapsed { max-height: none; overflow: hidden; margin: 3px 0 0; padding: 0 4px; border-color: transparent; background: transparent; }
.agent-workflow-panel.is-collapsed > header { min-height: 30px; margin-bottom: 0; }
.agent-workflow-panel.is-collapsed form { display: none; }
.workflow-mode .messages { min-height: 0; }
.workflow-mode .chat-input { overflow: visible; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 7px 8px 8px; border-radius: 20px; }
.workflow-mode .chat-input textarea { order: 1; flex: 1 0 100%; min-height: 48px; padding: 8px 7px; border: 0; border-radius: 12px; background: transparent; box-shadow: none; }
.workflow-mode .chat-input textarea:focus { border-color: transparent; box-shadow: none; }
.workflow-mode #agentModelPicker { order: 2; }
.workflow-mode #agentSubmitButton { order: 3; width: auto; min-width: 54px; min-height: 32px; margin-left: auto; padding: 0 14px; background: linear-gradient(135deg, #7a3cff, #277cff); font-size: 12px; }
.poster-mode .prompt-row { margin: 8px 0 4px; }
.poster-mode .chat-input { overflow: visible; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 7px 8px 8px; border-radius: 20px; }
.poster-mode .chat-input textarea { order: 1; flex: 1 0 100%; min-height: 48px; padding: 8px 7px; border: 0; border-radius: 12px; background: transparent; box-shadow: none; }
.poster-mode .chat-input textarea:focus { border-color: transparent; box-shadow: none; }
.poster-mode #agentSubmitButton { order: 3; width: auto; min-width: 54px; min-height: 32px; margin-left: auto; padding: 0 14px; background: linear-gradient(135deg, #7a3cff, #277cff); font-size: 12px; }
.poster-model-picker { position: relative; order: 2; flex: 0 0 auto; align-self: center; margin-left: 2px; }
.poster-model-trigger {
  width: auto !important;
  min-width: 66px !important;
  min-height: 30px !important;
  padding: 0 8px !important;
  gap: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(119,145,255,.24) !important;
  color: rgba(231,236,255,.86);
  background: rgba(48,61,120,.2) !important;
  box-shadow: none !important;
  font-size: 10px;
}
.poster-model-trigger .poster-channel-dot { width: 6px; height: 6px; display: block; border-radius: 50%; background: #62e9d2; box-shadow: 0 0 9px rgba(98,233,210,.7); }
.poster-model-trigger b { font-size: 10px; white-space: nowrap; }
.poster-model-trigger i { color: rgba(210,219,255,.52); font-size: 9px; font-style: normal; }
.poster-model-trigger[aria-expanded="true"] { border-color: rgba(102,214,255,.52) !important; color: #fff; }
.poster-model-menu {
  position: absolute;
  z-index: 30;
  left: 0;
  bottom: calc(100% + 9px);
  width: min(220px, calc(100vw - 44px));
  padding: 7px;
  border: 1px solid rgba(119,147,255,.28);
  border-radius: 16px;
  background: rgba(8,13,34,.97);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  box-shadow: 0 18px 44px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.06);
}
.poster-model-menu button {
  width: 100% !important;
  min-height: 56px !important;
  padding: 8px 10px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid rgba(94,196,255,.28) !important;
  border-radius: 12px;
  color: #fff;
  text-align: left;
  background: linear-gradient(135deg, rgba(44,99,178,.28), rgba(88,54,180,.24)) !important;
}
.poster-model-menu button span { min-width: 0; display: grid; gap: 4px; }
.poster-model-menu button strong { font-size: 12px; }
.poster-model-menu button small { color: rgba(188,202,240,.62); font-size: 10px; }
.poster-model-menu button > i { color: #66f0ce; font-size: 13px; font-style: normal; }
.poster-history-panel,
.agent-history-panel {
  position: absolute;
  z-index: 22;
  inset: calc(80px + env(safe-area-inset-top)) 14px calc(76px + env(safe-area-inset-bottom));
  min-height: 0;
  padding: 14px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(111,139,255,.28);
  border-radius: 20px;
  background: linear-gradient(155deg, rgba(12,18,45,.985), rgba(5,8,25,.99));
  -webkit-backdrop-filter: blur(26px);
  backdrop-filter: blur(26px);
  box-shadow: 0 24px 70px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.055);
}
.poster-history-panel > header,
.agent-history-panel > header { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 1px 12px; border-bottom: 1px solid rgba(255,255,255,.08); }
.poster-history-panel > header span { display: block; color: rgba(117,218,255,.72); font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.poster-history-panel > header h2,
.agent-history-panel > header h2 { margin: 3px 0 0; color: #fff; font-size: 17px; }
.agent-history-panel > header h2 { margin: 0; }
.poster-history-panel > header button,
.agent-history-panel > header button { width: 36px; height: 36px; padding: 0; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; color: rgba(232,237,255,.78); background: rgba(255,255,255,.045); font-size: 20px; }
.poster-history-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; display: grid; align-content: start; gap: 10px; padding-top: 12px; }
.agent-history-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; display: grid; align-content: start; gap: 10px; padding-top: 12px; }
.agent-history-item { width: 100%; min-width: 0; padding: 13px; display: grid; gap: 7px; border: 1px solid rgba(122,143,255,.18); border-radius: 15px; color: #fff; text-align: left; background: rgba(255,255,255,.035); }
.agent-history-item strong { overflow: hidden; font-size: 13px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.agent-history-item p { display: -webkit-box; overflow: hidden; margin: 0; color: rgba(212,220,246,.66); font-size: 12px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.agent-history-item span { color: rgba(178,190,227,.5); font-size: 11px; }
.agent-history-item:hover { border-color: rgba(144,117,255,.46); background: rgba(101,73,198,.12); }
.poster-history-item { min-width: 0; padding: 9px; display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 10px; border: 1px solid rgba(115,142,255,.18); border-radius: 15px; background: rgba(255,255,255,.035); }
.poster-history-item img { width: 76px; height: 92px; display: block; object-fit: cover; border-radius: 10px; background: rgba(255,255,255,.04); }
.poster-history-item > div { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.poster-history-item strong { display: -webkit-box; overflow: hidden; color: rgba(246,248,255,.94); font-size: 12px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.poster-history-item span { margin-top: 6px; color: rgba(189,200,235,.56); font-size: 10px; line-height: 1.45; }
.poster-history-item a { margin-top: auto; padding-top: 7px; color: #79deff; font-size: 11px; font-weight: 700; text-decoration: none; }
.poster-history-empty { min-height: 150px; display: grid; place-content: center; gap: 7px; color: rgba(191,202,235,.52); text-align: center; }
.poster-history-empty strong { color: rgba(234,239,255,.82); font-size: 13px; }
.poster-history-empty span { font-size: 11px; }
.prompt-row { display: flex; gap: 7px; overflow-x: auto; margin: 10px 0; scrollbar-width: none; -ms-overflow-style: none; }
.prompt-row::-webkit-scrollbar { display: none; width: 0; height: 0; }
.prompt-row button { flex: 0 0 auto; max-width: 248px; min-height: 32px; padding: 0 11px; border-radius: 999px; color: rgba(255,255,255,.82); font-size: 11px; background: rgba(122,60,255,.18); border: 1px solid rgba(122,60,255,.28); }
.messages { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 4px 2px 24px; }
.msg { max-width: 82%; margin: 10px 0; padding: 11px 13px; border-radius: 16px; color: rgba(255,255,255,.82); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.08); font-size: 13px; line-height: 1.55; white-space: pre-line; }
.msg.user { margin-left: auto; color: #fff; background: var(--primary); border-color: transparent; }
.msg.thinking { color: var(--weak); }
.msg.agent-thinking {
  max-width: none;
  min-height: 42px;
  margin: 12px 0 8px;
  padding: 7px 5px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 0;
  border-radius: 0;
  color: rgba(240,242,255,.86);
  background: transparent;
  box-shadow: none;
  white-space: normal;
}
.agent-thinking__orbit {
  position: relative;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border: 1.5px solid rgba(145,114,255,.2);
  border-top-color: #9f75ff;
  border-right-color: rgba(78,219,232,.76);
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(125,82,255,.18);
  animation: agent-thinking-spin 1.05s linear infinite;
}
.agent-thinking__orbit::before {
  content: '';
  position: absolute;
  top: -3px;
  left: 9px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ff8da4;
  box-shadow: 0 0 9px rgba(255,111,146,.78);
}
.agent-thinking__orbit i { position: absolute; inset: 6px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; }
.msg.agent-thinking strong { font-size: 14px; font-weight: 760; letter-spacing: .01em; }
.agent-thinking__chevron { margin-left: 2px; color: rgba(197,205,239,.48); font-size: 20px; line-height: 1; }
@keyframes agent-thinking-spin { to { transform: rotate(360deg); } }
.msg.rich-response,
.msg.ai-error { width: min(94%, 430px); max-width: 94%; white-space: normal; }
.ai-response-body { white-space: pre-wrap; overflow-wrap: anywhere; }
.ai-knowledge-context { margin-top: 10px; padding: 9px 10px; border: 1px solid rgba(76,255,189,.18); border-radius: 11px; background: rgba(29,132,103,.08); }
.ai-knowledge-context strong { display: block; margin-bottom: 6px; color: #9dffdb; font-size: 9px; letter-spacing: .04em; }
.ai-knowledge-context div { display: flex; flex-wrap: wrap; gap: 5px; }
.ai-knowledge-context span { max-width: 100%; overflow: hidden; padding: 4px 7px; border-radius: 999px; color: rgba(225,255,244,.78); background: rgba(76,255,189,.08); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.ai-routing-context { margin-top: 7px; color: rgba(154,174,255,.62); font-size: 8px; letter-spacing: .04em; }
.ai-response-actions { display: flex; gap: 12px; margin-top: 10px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.08); }
.ai-response-actions button,
.ai-response-actions a { padding: 0; color: rgba(205,215,255,.66); background: transparent; border: 0; font-size: 10px; text-decoration: none; }
.ai-response-actions button:hover,
.ai-response-actions a:hover { color: #fff; }
.poster-response { width: min(96%, 480px); }
.poster-result-figure { margin: 0; overflow: hidden; border-radius: 14px; background: rgba(3,7,24,.72); border: 1px solid rgba(126,151,255,.2); }
.poster-result-image { display: block; width: 100%; height: auto; max-height: 520px; object-fit: contain; background: #080b1d; }
.poster-result-figure figcaption { padding: 8px 11px; color: rgba(205,215,255,.68); font-size: 10px; line-height: 1.4; }
.poster-result-figure.is-error .poster-result-image { display: none; }
.poster-result-error { margin: 0; padding: 14px; color: rgba(255,210,215,.88); font-size: 11px; }
.poster-result-prompt { margin-top: 10px; padding: 10px 11px; border-radius: 12px; background: rgba(76,108,255,.08); border: 1px solid rgba(101,135,255,.16); }
.poster-result-prompt strong { display: block; margin-bottom: 5px; color: rgba(236,240,255,.92); font-size: 10px; letter-spacing: .08em; }
.poster-result-prompt p { margin: 0; color: rgba(216,224,255,.76); font-size: 11px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.ai-suggestions,
.assessment-suggestions { display: grid; gap: 7px; margin-top: 10px; }
.ai-suggestions button,
.assessment-suggestions button {
  min-height: 36px;
  padding: 8px 11px;
  border-radius: 12px;
  color: rgba(210,222,255,.92);
  text-align: left;
  line-height: 1.35;
  background: rgba(76,108,255,.11);
  border: 1px solid rgba(101,135,255,.22);
}
.ai-suggestions button:hover,
.assessment-suggestions button:hover { background: rgba(89,114,255,.2); border-color: rgba(121,151,255,.42); }
.ai-suggestions button:disabled { opacity: .48; cursor: default; }
.msg.ai-error { color: rgba(255,225,225,.88); border-color: rgba(255,116,129,.22); background: rgba(110,25,47,.16); }
.chat-input { position: relative; z-index: 4; flex: 0 0 auto; width: 100%; max-width: 100%; min-height: 54px; height: auto; overflow: hidden; padding: 7px; border-radius: 26px; display: flex; align-items: flex-end; gap: 8px; background: rgba(10,14,35,.92); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 -10px 30px rgba(0,0,0,.28); }
.chat-input input,
.chat-input textarea { flex: 1; min-width: 0; min-height: 38px; padding: 9px 14px; color: #fff; background: rgba(255,255,255,.06); border: 1px solid transparent; border-radius: 19px; font: inherit; line-height: 1.45; }
.chat-input textarea { display: block; width: 100%; max-height: 120px; overflow-y: hidden; resize: none; }
.chat-input input:focus, .chat-input textarea:focus, .field-grid input:focus, .field-grid textarea:focus { border-color: rgba(122,60,255,.58); box-shadow: 0 0 18px rgba(122,60,255,.2); outline: none; }
.chat-input button { align-self: flex-end; flex: 0 0 auto; min-width: 68px; min-height: 40px; width: auto; padding: 0 14px; border-radius: 999px; background: var(--primary); font-weight: 900; white-space: nowrap; }

/* Agent composer: compact glass input dock inspired by modern mobile AI tools. */
#agentChatForm.agent-composer {
  --composer-edge: rgba(134,105,255,.58);
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: stretch;
  gap: 5px;
  min-height: 108px;
  padding: 11px 11px 9px;
  overflow: visible;
  border: 1px solid transparent;
  border-radius: 25px;
  background:
    linear-gradient(154deg, rgba(17,22,48,.97), rgba(7,11,28,.98)) padding-box,
    linear-gradient(118deg, rgba(255,184,130,.5), var(--composer-edge) 44%, rgba(67,164,255,.48) 76%, rgba(255,112,167,.52)) border-box;
  box-shadow:
    0 -14px 42px rgba(0,0,0,.34),
    0 10px 34px rgba(30,25,90,.22),
    inset 0 1px 0 rgba(255,255,255,.075),
    0 0 0 1px rgba(113,90,255,.06);
  transition: border-color .2s ease, box-shadow .25s ease, background .25s ease;
}
#agentChatForm.agent-composer:focus-within {
  --composer-edge: rgba(149,119,255,.88);
  box-shadow:
    0 -16px 46px rgba(0,0,0,.38),
    0 10px 38px rgba(75,48,196,.24),
    inset 0 1px 0 rgba(255,255,255,.1),
    0 0 24px rgba(118,75,255,.18);
}
#agentChatForm.agent-composer.is-listening {
  background:
    linear-gradient(154deg, rgba(17,22,48,.97), rgba(7,11,28,.98)) padding-box,
    linear-gradient(118deg, rgba(80,235,203,.82), rgba(111,106,255,.78) 52%, rgba(73,175,255,.74)) border-box;
  box-shadow: 0 -14px 42px rgba(0,0,0,.34), 0 0 28px rgba(63,225,196,.17), inset 0 1px 0 rgba(255,255,255,.1);
}
#agentChatForm.agent-composer.is-generating {
  background:
    linear-gradient(154deg, rgba(17,22,48,.97), rgba(7,11,28,.98)) padding-box,
    linear-gradient(105deg, rgba(255,158,104,.62), rgba(135,82,255,.78), rgba(64,157,255,.62)) border-box;
}
.agent-composer__editor {
  min-width: 0;
  min-height: 49px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 4px 4px 0;
}
.agent-composer__prompt-icon {
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
  margin-top: 8px;
  color: rgba(255,204,132,.82);
  filter: drop-shadow(0 0 8px rgba(255,171,96,.25));
}
.agent-composer__prompt-icon svg,
.agent-composer__tool svg,
.agent-composer__send svg { width: 100%; height: 100%; display: block; }
#agentChatForm.agent-composer textarea,
.workflow-mode #agentChatForm.agent-composer textarea,
.poster-mode #agentChatForm.agent-composer textarea {
  order: initial;
  flex: 1 1 auto;
  width: 100%;
  min-height: 43px;
  max-height: 132px;
  padding: 8px 3px 5px;
  border: 0;
  border-radius: 0;
  color: rgba(249,250,255,.95);
  background: transparent;
  box-shadow: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}
#agentChatForm.agent-composer textarea::placeholder { color: rgba(196,202,229,.58); opacity: 1; }
#agentChatForm.agent-composer textarea:focus,
.workflow-mode #agentChatForm.agent-composer textarea:focus,
.poster-mode #agentChatForm.agent-composer textarea:focus { border-color: transparent; outline: 0; box-shadow: none; }
.agent-composer__toolbar {
  position: relative;
  z-index: 3;
  min-width: 0;
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 5px;
}
#agentChatForm.agent-composer .agent-composer__tool,
#agentChatForm.agent-composer .agent-composer__send {
  align-self: center;
  flex: 0 0 40px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 10px;
  display: grid;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 50%;
  color: rgba(221,226,247,.76);
  background: transparent;
  box-shadow: none;
  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
#agentChatForm.agent-composer .agent-composer__tool:active,
#agentChatForm.agent-composer .agent-composer__send:active { transform: scale(.93); }
#agentChatForm.agent-composer .agent-composer__tool:hover { color: #fff; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.08); }
.agent-composer__channel {
  min-width: 0;
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: opacity .18s ease;
}
.agent-composer__toolbar-space { min-width: 4px; flex: 1 1 auto; }
#agentChatForm.agent-composer .poster-model-picker {
  order: initial;
  margin: 0;
  align-self: center;
}
#agentChatForm.agent-composer .poster-model-trigger {
  min-width: 76px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border-color: transparent !important;
  color: rgba(220,225,248,.7);
  background: transparent !important;
  font-size: 11px;
}
#agentChatForm.agent-composer .poster-model-trigger:hover,
#agentChatForm.agent-composer .poster-model-trigger[aria-expanded="true"] { color: #fff; border-color: rgba(139,115,255,.22) !important; background: rgba(98,72,190,.12) !important; }
#agentChatForm.agent-composer .poster-model-trigger b { font-size: 11px; font-weight: 700; }
#agentChatForm.agent-composer .poster-channel-dot { width: 5px; height: 5px; }
#agentChatForm.agent-composer .poster-model-menu { left: 50%; transform: translateX(-50%); }
#agentChatForm.agent-composer .agent-composer__voice.is-listening {
  color: #74f1d7;
  border-color: rgba(93,235,207,.32);
  background: rgba(40,189,162,.12);
  box-shadow: 0 0 18px rgba(70,226,197,.18);
}
#agentChatForm.agent-composer .agent-composer__upload.is-uploading {
  color: #79ead8;
  border-color: rgba(94,231,207,.28);
  background: rgba(45,185,162,.1);
}
#agentChatForm.agent-composer .agent-composer__upload.is-uploading svg { animation: agent-upload-spin .9s linear infinite; }
@keyframes agent-upload-spin { to { transform: rotate(360deg); } }
#agentChatForm.agent-composer .agent-composer__send,
.workflow-mode #agentChatForm.agent-composer #agentSubmitButton,
.poster-mode #agentChatForm.agent-composer #agentSubmitButton {
  order: initial;
  flex-basis: 42px;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  margin: 0;
  padding: 10px;
  color: #fff;
  background: radial-gradient(circle at 35% 28%, #a16fff 0, #7147ff 38%, #286fff 100%);
  border-color: rgba(174,153,255,.5);
  box-shadow: 0 6px 18px rgba(61,71,255,.34), inset 0 1px 0 rgba(255,255,255,.27);
}
#agentChatForm.agent-composer .agent-composer__send.is-stop {
  background: radial-gradient(circle at 35% 28%, #ff9f8b 0, #ff617e 42%, #ba477d 100%);
  border-color: rgba(255,176,178,.5);
  box-shadow: 0 6px 18px rgba(255,77,112,.25), inset 0 1px 0 rgba(255,255,255,.28);
}
.agent-composer__stop-icon { display: none; width: 11px; height: 11px; border-radius: 3px; background: currentColor; }
.agent-composer__send.is-stop .agent-composer__send-icon { display: none; }
.agent-composer__send.is-stop .agent-composer__stop-icon { display: block; }
#agentChatForm.agent-composer button:disabled { opacity: .42; cursor: default; }
.agent-composer__voice-state {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(128,245,220,.9);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  pointer-events: none;
}
.agent-composer.is-listening .agent-composer__channel { opacity: 0; }
.agent-composer__voice-wave { height: 14px; display: inline-flex; align-items: center; gap: 2px; }
.agent-composer__voice-wave i { width: 2px; height: 5px; border-radius: 2px; background: currentColor; animation: agent-voice-wave .72s ease-in-out infinite alternate; }
.agent-composer__voice-wave i:nth-child(2) { height: 11px; animation-delay: -.38s; }
.agent-composer__voice-wave i:nth-child(3) { height: 8px; animation-delay: -.2s; }
.agent-composer__voice-wave i:nth-child(4) { height: 4px; animation-delay: -.54s; }
@keyframes agent-voice-wave { to { transform: scaleY(1.75); opacity: .55; } }

@media (max-width: 430px) {
  #agentChatForm.agent-composer { min-height: 106px; padding: 10px 9px 8px; border-radius: 24px; }
  .agent-composer__editor { gap: 7px; padding-inline: 3px; }
  #agentChatForm.agent-composer textarea { font-size: 14.5px; }
  #agentChatForm.agent-composer .agent-composer__tool { flex-basis: 39px; width: 39px; min-width: 39px; height: 39px; min-height: 39px; }
}

@media (prefers-reduced-motion: reduce) {
  .agent-composer__voice-wave i,
  .agent-thinking__orbit,
  #agentChatForm.agent-composer .agent-composer__upload.is-uploading svg,
  .agent-card--strategy,
  .agent-card--strategy::after,
  .agent-guide-track,
  .agent-assistant--ticker .agent-guide-signal::after { animation: none; }
}

.phone.is-text-entry-active .chat-shell {
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
}

.phone.is-text-entry-active .workflow-mode .agent-workflow-panel {
  max-height: min(34dvh, 300px);
}

.phone.is-subpage-view .chat-shell {
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
}

.phone.is-subpage-view .view.active:not(.chat-view) {
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
}

@media (max-width: 620px) {
  .agent-workflow-panel { max-height: 56vh; }
  .agent-workflow-required,
  .agent-workflow-optional-fields { grid-template-columns: 1fr; }
  .agent-workflow-field.is-wide { grid-column: auto; }
}

.login-content {
  position: relative;
  min-height: 100%;
  padding-top: 0;
}
.login-content > .back {
  position: absolute;
  z-index: 5;
  top: calc(18px + env(safe-area-inset-top));
  left: 18px;
}
.lock-stage {
  position: relative;
  height: min(62vh, 520px);
  min-height: 430px;
  margin: 0 -18px -72px;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.lock-stage::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 42%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(5,6,20,0) 0%, rgba(5,6,20,.78) 62%, var(--bg-0) 100%);
}
.lock-stage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  opacity: .96;
}
.lock-ring { display: none; }
.login-card {
  position: relative;
  z-index: 2;
  padding: 18px;
}
.login-card h1 { position: relative; z-index: 1; margin: 8px 0 0; font-size: 24px; }
.login-card p { position: relative; z-index: 1; color: var(--muted); font-size: 13px; line-height: 1.6; }
.password-box { position: relative; z-index: 1; height: 50px; display: flex; align-items: center; gap: 8px; padding: 0 8px 0 14px; margin: 16px 0 12px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
.password-box.error { border-color: rgba(255,80,120,.72); box-shadow: 0 0 18px rgba(255,80,120,.22); animation: shake .24s ease; }
.password-box.unlocked { border-color: rgba(24,215,255,.72); box-shadow: 0 0 28px rgba(24,215,255,.25); }
.password-box input { flex: 1; min-width: 0; color: #fff; background: transparent; border: 0; }
.password-box button { width: 54px; height: 34px; border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.08); }
.error-text { position: relative; z-index: 1; display: block; min-height: 22px; margin-top: 10px; color: #ff8cab; font-size: 12px; text-align: center; }

.backend-hero { position: relative; height: 360px; overflow: hidden; }
.backend-hero img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.backend-hero-mask { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,6,20,0) 36%, rgba(5,6,20,.72) 76%, var(--bg-0) 100%); }
.backend-hero-nav {
  position: absolute;
  z-index: 3;
  top: calc(44px + env(safe-area-inset-top));
  left: 24px;
  padding: 0;
  color: rgba(255,255,255,.94);
  background: transparent;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .02em;
  text-shadow: 0 2px 14px rgba(0,0,0,.42);
}
.backend-content { margin-top: -54px; padding-bottom: 116px; }
.page-head.compact { position: relative; z-index: 3; }
.backend-module {
  padding-top: calc(20px + env(safe-area-inset-top));
  padding-bottom: 116px;
}
.backend-dashboard { padding: 16px; }
.dashboard-profile { position: relative; z-index: 1; display: flex; gap: 13px; align-items: center; }
.dashboard-profile img { width: 66px; height: 66px; border-radius: 50%; }
.dashboard-profile > div { min-width: 0; padding-right: 70px; }
.dashboard-profile h2 { margin: 0; font-size: 20px; }
.dashboard-profile p { margin: 4px 0; color: var(--muted); font-size: 12px; }
.dashboard-profile span { color: #9fffd8; font-size: 11px; }
.backend-membership-badge {
  position: absolute;
  top: 0;
  right: 0;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  color: #aeb7d2;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}
.backend-membership-badge::before { content: ""; width: 6px; height: 6px; display: inline-block; margin-right: 5px; border-radius: 50%; background: #7a839d; }
.backend-membership-badge.is-member { color: #fff; background: linear-gradient(105deg, rgba(112,65,255,.92), rgba(47,124,255,.92)); border-color: rgba(128,157,255,.45); box-shadow: 0 8px 20px rgba(50,82,220,.24); }
.backend-membership-badge.is-member::before { background: #61f2c3; box-shadow: 0 0 9px rgba(97,242,195,.7); }
.backend-stats { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 15px; }
.backend-stat { width: 100%; padding: 11px 5px; border-radius: 14px; color: inherit; text-align: center; background: rgba(0,0,0,.24); border: 1px solid rgba(255,255,255,.07); }
.backend-stat[data-view] { cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.backend-stat[data-view]:hover { transform: translateY(-2px); border-color: rgba(80,166,255,.35); background: rgba(31,66,130,.25); }
.backend-stat b { display: block; font-size: 20px; background: var(--secondary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.backend-stat span { color: var(--muted); font-size: 10px; }
.backend-subscription-card { margin: 15px 0 18px; padding: 18px; }
.backend-subscription-card__copy { position: relative; z-index: 1; }
.backend-subscription-card__copy > span { color: #55d7ff; font-size: 9px; font-weight: 1000; letter-spacing: .16em; }
.backend-subscription-card__copy h2 { margin: 5px 0 6px; font-size: 18px; }
.backend-subscription-card__copy p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.backend-subscription-card__actions { position: relative; z-index: 1; margin-top: 14px; display: grid; grid-template-columns: 1fr; gap: 8px; }
.backend-subscription-card__actions .btn { min-height: 42px; padding: 0 12px; font-size: 11px; }
.agent-list { display: grid; gap: 16px; margin-top: 24px; }
.agent-card {
  padding: 22px 24px 24px;
  display: block;
  border-radius: 26px;
  background:
    radial-gradient(circle at 92% 0%, rgba(47,125,255,.1), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
}
.agent-card--strategy {
  border-color: rgba(145,105,255,.42);
  background:
    radial-gradient(circle at 88% 4%, rgba(150,90,255,.22), transparent 34%),
    linear-gradient(135deg, rgba(91,55,180,.2), rgba(31,25,79,.14));
  box-shadow: 0 18px 46px rgba(46,28,118,.22), inset 0 1px 0 rgba(255,255,255,.07);
  isolation: isolate;
  animation: strategy-card-aura 4.8s ease-in-out infinite;
}
@property --strategy-border-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
.agent-card--strategy::after {
  content: '';
  position: absolute;
  z-index: 4;
  inset: 0;
  padding: 1.5px;
  border-radius: inherit;
  pointer-events: none;
  background: conic-gradient(
    from var(--strategy-border-angle),
    transparent 0 13%,
    rgba(255,255,255,.08) 18%,
    rgba(255,255,255,.72) 23%,
    #fff 26%,
    rgba(255,255,255,.14) 31%,
    transparent 38% 62%,
    rgba(255,255,255,.08) 69%,
    rgba(255,255,255,.78) 74%,
    #fff 77%,
    transparent 85% 100%
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  filter: drop-shadow(0 0 7px rgba(255,255,255,.52));
  animation: strategy-border-flow 9s linear infinite;
}
.agent-card--strategy .agent-avatar { box-shadow: 0 0 0 1px rgba(184,146,255,.35), 0 0 28px rgba(132,76,255,.34); }
.agent-card--strategy .agent-assistant { color: #eee7ff; background: linear-gradient(90deg, rgba(116,70,224,.22), rgba(79,70,180,.14)); }
.agent-card--strategy .btn { background: linear-gradient(110deg, #7542df, #5968f2); box-shadow: 0 10px 28px rgba(93,58,209,.3); }
.agent-card__top {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: 18px;
  align-items: center;
}
.agent-avatar {
  position: relative;
  z-index: 1;
  width: 82px;
  height: 82px;
  display: block;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #060812;
  box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 0 20px rgba(122,60,255,.22);
}
.agent-avatar.is-tool {
  border-radius: 22px;
  box-shadow: 0 0 0 1px rgba(117,168,255,.16), 0 10px 26px rgba(43,50,174,.28);
}
.agent-info h3 { position: relative; z-index: 1; margin: 0; font-size: 22px; font-weight: 800; line-height: 1.15; }
.agent-info p { position: relative; z-index: 1; color: rgba(255,255,255,.52); margin: 7px 0 0; font-size: 13px; line-height: 1.45; }
.agent-tagline { position: relative; z-index: 1; display: block; margin-top: 8px; color: #d9c6ff; font-size: 15px; line-height: 1.35; }
.agent-assistant {
  position: relative;
  z-index: 1;
  height: 28px;
  margin: 14px 0 13px;
  padding: 0 13px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.9);
  background: rgba(255,255,255,.1);
  font-size: 14px;
  font-weight: 800;
}
.agent-assistant i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.86);
  font-style: normal;
  font-size: 12px;
}
.agent-assistant--ticker {
  width: 100%;
  border: 1px solid rgba(174,147,255,.11);
  cursor: pointer;
  overflow: hidden;
  text-align: left;
  font: inherit;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.agent-assistant--ticker:active { transform: scale(.985); }
.agent-assistant--ticker:focus-visible {
  outline: 2px solid rgba(105,224,255,.76);
  outline-offset: 2px;
}
.agent-assistant--ticker .agent-guide-signal {
  position: relative;
  flex: 0 0 20px;
  border-color: rgba(182,157,255,.72);
}
.agent-assistant--ticker .agent-guide-signal b {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #79f1df;
  box-shadow: 0 0 9px rgba(121,241,223,.92);
}
.agent-assistant--ticker .agent-guide-signal::after {
  content: '';
  position: absolute;
  inset: 3px;
  border: 1px solid rgba(170,133,255,.72);
  border-radius: 50%;
  animation: agent-guide-signal 1.8s ease-out infinite;
}
.agent-guide-window {
  min-width: 0;
  height: 20px;
  flex: 1;
  overflow: hidden;
}
.agent-guide-track {
  display: flex;
  flex-direction: column;
  animation: agent-guide-roll 15s cubic-bezier(.72,0,.28,1) infinite;
}
.agent-guide-track > span {
  height: 20px;
  flex: 0 0 20px;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: rgba(247,243,255,.94);
  font-size: 13px;
  font-weight: 750;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.agent-assistant--ticker em {
  flex: 0 0 auto;
  color: #8ee9ff;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}
@keyframes agent-guide-roll {
  0%, 16% { transform: translateY(0); }
  20%, 36% { transform: translateY(-20px); }
  40%, 56% { transform: translateY(-40px); }
  60%, 76% { transform: translateY(-60px); }
  80%, 96% { transform: translateY(-80px); }
  100% { transform: translateY(-100px); }
}
@keyframes agent-guide-signal {
  0% { transform: scale(.55); opacity: .9; }
  76%, 100% { transform: scale(1.35); opacity: 0; }
}
@keyframes strategy-border-flow { to { --strategy-border-angle: 360deg; } }
@keyframes strategy-card-aura {
  0%, 100% { box-shadow: 0 18px 46px rgba(46,28,118,.22), inset 0 1px 0 rgba(255,255,255,.07); }
  50% { box-shadow: 0 20px 52px rgba(46,28,118,.25), 0 0 20px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.12); }
}
.agent-card .btn {
  position: relative;
  z-index: 1;
  height: 42px;
  min-height: 42px;
  font-size: 18px;
}
.future-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; gap: 12px; margin-top: 42px; }
.future-card {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  aspect-ratio: 1 / 1;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.05);
}
.future-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  opacity: .95;
  display: block;
}
.future-card span {
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 7px;
  min-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 18px;
  color: rgba(255,255,255,.92);
  font-size: 12px;
  font-weight: 600;
  text-shadow: 0 2px 8px #000;
}
.future-card.is-more {
  display: grid;
  place-items: center;
  color: rgba(255,255,255,.8);
  font-size: 26px;
  background: rgba(255,255,255,.08);
}
.coming-soon {
  margin-top: 16px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  letter-spacing: .02em;
}
.coming-soon span {
  display: block;
  margin-top: 4px;
  color: rgba(255,255,255,.88);
  font-size: 14px;
}
.backend-links { margin-top: 18px; padding: 8px 16px; }
.backend-links button { position: relative; z-index: 1; width: 100%; min-height: 46px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.08); color: var(--muted); background: transparent; text-align: left; }
.backend-links button:last-child { border-bottom: 0; }
.backend-links strong { display: block; color: #fff; font-size: 14px; }
.backend-links small { display: block; margin-top: 4px; color: var(--weak); font-size: 11px; line-height: 1.35; }

.profile-manager-content {
  padding-bottom: 136px;
}

.profile-manager-head {
  margin-bottom: 16px;
}

.profile-manager-head h1 {
  font-size: 28px;
}

.profile-manager-head p {
  max-width: 390px;
}

.profile-contact-overview {
  position: relative;
  margin-bottom: 14px;
  padding: 16px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border-radius: 22px;
  overflow: hidden;
}

.profile-contact-overview::after {
  content: '';
  position: absolute;
  width: 180px;
  height: 180px;
  top: -116px;
  right: -44px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(65,187,255,.24), rgba(112,71,255,.06) 58%, transparent 72%);
  pointer-events: none;
}

.profile-contact-overview__icon {
  position: relative;
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(111,69,255,.34), rgba(33,124,255,.18));
  border: 1px solid rgba(131,176,255,.24);
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 12px 34px rgba(20,63,167,.18);
}

.profile-contact-overview__icon span,
.profile-contact-overview__icon i,
.profile-contact-overview__icon b {
  position: absolute;
  top: 20px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #73f3dd;
  box-shadow: 0 0 14px currentColor;
}

.profile-contact-overview__icon span { left: 8px; color: #73f3dd; }
.profile-contact-overview__icon i { left: 20px; color: #5bc8ff; background: #5bc8ff; }
.profile-contact-overview__icon b { left: 32px; color: #a786ff; background: #a786ff; }

.profile-contact-overview > div:nth-child(2) {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.profile-contact-overview > div:nth-child(2) > span,
.profile-save-dock > div > span,
.profile-qr-upload__copy > span {
  display: block;
  color: #8fc9ff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
}

.profile-contact-overview > div:nth-child(2) > strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: 15px;
}

.profile-contact-overview > div:nth-child(2) > p {
  margin: 5px 0 0;
  color: var(--weak);
  font-size: 10px;
  line-height: 1.55;
}

.profile-contact-overview__badges {
  grid-column: 1 / -1;
  position: relative;
  z-index: 1;
  display: flex;
  gap: 7px;
}

.profile-contact-overview__badges i {
  min-height: 25px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(229,238,255,.8);
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(142,168,255,.13);
  font-size: 9px;
  font-style: normal;
}

.profile-setting-card {
  margin-top: 12px;
  padding: 18px;
  border-radius: 24px;
}

.profile-setting-card__head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.profile-setting-card__head > div > span {
  color: #8fc9ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .14em;
}

.profile-setting-card__head h2 {
  margin: 5px 0 0;
  color: #fff;
  font-size: 21px;
}

.profile-setting-card > p {
  position: relative;
  z-index: 1;
  margin: 10px 0 15px;
  color: var(--weak);
  font-size: 11px;
  line-height: 1.6;
}

.profile-visibility-switch {
  position: relative;
  z-index: 1;
  min-height: 34px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  color: var(--muted);
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  cursor: pointer;
}

.profile-visibility-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.profile-visibility-switch > span {
  position: relative;
  width: 30px;
  height: 17px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  transition: background .18s ease;
}

.profile-visibility-switch > span::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: rgba(255,255,255,.7);
  transition: transform .18s ease, background .18s ease;
}

.profile-visibility-switch input:checked + span {
  background: linear-gradient(90deg, #7047ff, #2f7dff);
}

.profile-visibility-switch input:checked + span::after {
  transform: translateX(13px);
  background: #fff;
}

.profile-visibility-switch b {
  font-size: 11px;
}

.profile-setting-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.profile-setting-grid label {
  min-width: 0;
}

.profile-setting-grid label > span {
  display: block;
  margin: 0 0 6px 2px;
  color: rgba(225,232,255,.78);
  font-size: 10px;
  font-weight: 800;
}

.profile-setting-grid input,
.profile-setting-grid textarea {
  width: 100%;
  padding: 11px 12px;
  border-radius: 14px;
  color: #fff;
  background: rgba(4,8,28,.68);
  border: 1px solid rgba(134,158,255,.15);
  font: inherit;
  font-size: 12px;
  line-height: 1.5;
  outline: none;
  resize: vertical;
}

.profile-setting-grid input:focus,
.profile-setting-grid textarea:focus {
  border-color: rgba(78,199,255,.55);
  box-shadow: 0 0 0 3px rgba(47,125,255,.09);
}

.profile-setting-wide {
  grid-column: 1 / -1;
}

.profile-qr-upload {
  position: relative;
  z-index: 1;
  margin: 4px 0 14px;
  padding: 12px;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  border-radius: 19px;
  background: linear-gradient(145deg, rgba(4,8,28,.82), rgba(24,22,69,.56));
  border: 1px solid rgba(130,160,255,.15);
}

.profile-qr-preview {
  position: relative;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 18px;
  overflow: hidden;
  background:
    linear-gradient(45deg, rgba(255,255,255,.025) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.025) 75%),
    linear-gradient(45deg, rgba(255,255,255,.025) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.025) 75%),
    rgba(255,255,255,.035);
  background-size: 14px 14px;
  background-position: 0 0, 7px 7px;
  border: 1px solid rgba(160,181,255,.18);
  box-shadow: inset 0 1px rgba(255,255,255,.08);
}

.profile-qr-preview::after {
  content: '';
  position: absolute;
  inset: 8px;
  border-radius: 13px;
  border: 1px solid rgba(91,211,255,.18);
  pointer-events: none;
}

.profile-qr-preview img {
  position: relative;
  z-index: 1;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  display: block;
  border-radius: 12px;
  object-fit: contain;
  background: #fff;
}

.profile-qr-empty {
  position: relative;
  z-index: 1;
  padding: 12px 8px;
  text-align: center;
}

.profile-qr-empty > span {
  display: grid;
  width: 34px;
  height: 34px;
  margin: 0 auto 7px;
  place-items: center;
  border-radius: 12px;
  color: #79e6ff;
  background: rgba(61,143,255,.14);
  font-size: 22px;
}

.profile-qr-empty strong,
.profile-qr-empty small {
  display: block;
}

.profile-qr-empty strong { color: #fff; font-size: 11px; }
.profile-qr-empty small { margin-top: 4px; color: var(--weak); font-size: 7px; line-height: 1.35; }
.profile-qr-preview:not(.is-empty) .profile-qr-empty { display: none; }

.profile-qr-upload__copy { min-width: 0; }
.profile-qr-upload__copy > strong { display: block; margin-top: 6px; color: #fff; font-size: 13px; line-height: 1.4; }
.profile-qr-upload__copy > p { margin: 5px 0 10px; color: var(--weak); font-size: 9px; line-height: 1.5; }
.profile-qr-upload__actions { display: flex; flex-wrap: wrap; gap: 7px; }
.profile-qr-upload__actions .btn { min-height: 34px; padding: 0 10px; font-size: 10px; }

.profile-file-button {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.profile-file-button input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.danger-soft {
  color: #ffabb9 !important;
  border-color: rgba(255,126,151,.18) !important;
}

.profile-setting-grid--descriptions { margin-top: 2px; }

.profile-setting-actions {
  position: relative;
  z-index: 1;
  margin-top: 14px;
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: 9px;
}

.profile-setting-actions > span {
  min-height: 44px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  color: var(--weak);
  font-size: 9px;
  line-height: 1.4;
}

.profile-setting-actions .btn {
  min-height: 44px;
  padding: 0 12px;
  font-size: 12px;
}

.profile-settings-status {
  min-height: 18px;
  margin: 11px 2px 0 !important;
  color: #78ebd0 !important;
  font-size: 10px !important;
}

.profile-settings-status.is-error {
  color: #ff91a7 !important;
}

.profile-save-dock {
  position: relative;
  z-index: 2;
  margin-top: 12px;
  padding: 13px 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, .8fr);
  gap: 12px;
  align-items: center;
  border-radius: 21px;
  border-color: rgba(94,173,255,.2);
  box-shadow: 0 18px 55px rgba(24,53,144,.18);
}

.profile-save-dock > div { position: relative; z-index: 1; min-width: 0; }
.profile-save-dock > div > strong { display: block; margin-top: 4px; color: #fff; font-size: 13px; }
.profile-save-dock .profile-settings-status { margin-top: 4px !important; }
.profile-save-dock > .btn { position: relative; z-index: 1; min-height: 44px; padding: 0 13px; font-size: 11px; }

.resource-graph-manager-content {
  padding-bottom: 136px;
}

.resource-graph-manager-head {
  margin-bottom: 16px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}

.resource-graph-manager-head > div {
  min-width: 0;
}

.resource-graph-manager-head h1 {
  font-size: 27px;
}

.resource-graph-manager-head p {
  max-width: 242px;
}

.resource-graph-save-top {
  flex: 0 0 auto;
  min-width: 106px;
  min-height: 44px;
  padding: 0 14px;
  font-size: 13px;
  white-space: nowrap;
}

.resource-graph-manager-content [data-action="save-resource-graph"]:disabled {
  cursor: not-allowed;
  opacity: .42;
  filter: saturate(.38);
  box-shadow: none;
  animation: none;
}

.resource-graph-editor-status {
  min-height: 50px;
  margin-bottom: 14px;
  padding: 9px 11px 9px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 50%, rgba(24,215,255,.08), transparent 34%),
    rgba(8,12,34,.74);
  box-shadow: 0 12px 28px rgba(0,0,0,.2);
}

.resource-graph-editor-status > * {
  position: relative;
  z-index: 1;
}

.resource-graph-editor-status > div {
  min-width: 0;
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr);
  align-items: center;
  column-gap: 9px;
}

.resource-graph-editor-status i {
  width: 8px;
  height: 8px;
  grid-row: 1 / span 2;
  border-radius: 50%;
  background: #69f4c2;
  box-shadow: 0 0 12px rgba(105,244,194,.72);
}

.resource-graph-editor-status strong {
  overflow: hidden;
  color: rgba(255,255,255,.88);
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.resource-graph-editor-status span {
  overflow: hidden;
  color: var(--weak);
  font-size: 9px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.resource-graph-editor-status > button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 11px;
  border-radius: 999px;
  color: #b8d9ff;
  background: rgba(47,125,255,.1);
  border: 1px solid rgba(117,179,255,.2);
  font-size: 10px;
  font-weight: 850;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.resource-graph-editor-status > button:active {
  transform: scale(.96);
}

.resource-graph-editor-status[data-state="dirty"] {
  border-color: rgba(255,195,90,.27);
  background:
    radial-gradient(circle at 0% 50%, rgba(255,185,77,.11), transparent 34%),
    rgba(8,12,34,.76);
}

.resource-graph-editor-status[data-state="dirty"] i {
  background: #ffc35a;
  box-shadow: 0 0 13px rgba(255,195,90,.74);
}

.resource-graph-editor-status[data-state="saving"] {
  border-color: rgba(100,177,255,.28);
}

.resource-graph-editor-status[data-state="saving"] i {
  background: #64b1ff;
  box-shadow: 0 0 15px rgba(100,177,255,.78);
  animation: resourceGraphStatusPulse 1.1s ease-in-out infinite;
}

.resource-graph-editor-status[data-state="error"] {
  border-color: rgba(255,101,126,.32);
  background:
    radial-gradient(circle at 0% 50%, rgba(255,75,112,.12), transparent 36%),
    rgba(8,12,34,.78);
}

.resource-graph-editor-status[data-state="error"] i {
  background: #ff657e;
  box-shadow: 0 0 13px rgba(255,101,126,.68);
}

.resource-graph-editor-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
}

.resource-graph-editor-tab:nth-child(1) { --tab-color: #64c8ff; }
.resource-graph-editor-tab:nth-child(2) { --tab-color: #b58aff; }
.resource-graph-editor-tab:nth-child(3) { --tab-color: #79e7bd; }
.resource-graph-editor-tab:nth-child(4) { --tab-color: #f0cd7a; }
.resource-graph-editor-tab:nth-child(5) { --tab-color: #87a1ff; }
.resource-graph-editor-tab:nth-child(6) { --tab-color: #f08bb4; }
.resource-graph-editor-tab:nth-child(7) { --tab-color: #d7b76a; grid-column: 2; }

.resource-graph-editor-tab {
  position: relative;
  min-width: 0;
  min-height: 88px;
  padding: 12px 9px 10px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border-radius: 18px;
  color: var(--muted);
  background:
    radial-gradient(circle at 80% 0%, rgba(47,125,255,.08), transparent 46%),
    rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.09);
  text-align: left;
  touch-action: manipulation;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.resource-graph-editor-tab::before {
  content: "";
  position: absolute;
  right: 9px;
  bottom: 7px;
  left: 10px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--tab-color, #7188ff), rgba(24,215,255,.12));
  opacity: .48;
  box-shadow: 0 0 12px color-mix(in srgb, var(--tab-color, #7188ff) 55%, transparent);
}

.resource-graph-editor-tab::after {
  content: none;
}

.resource-graph-editor-tab:active {
  transform: scale(.97);
}

.resource-graph-editor-tab > * {
  position: relative;
  z-index: 1;
  max-width: 100%;
}

.resource-graph-editor-tab > b {
  position: absolute;
  top: 11px;
  left: 10px;
  color: color-mix(in srgb, var(--tab-color, #8fa4ff) 72%, white);
  font-size: 10px;
  line-height: 1;
  letter-spacing: .08em;
}

.resource-graph-editor-tab > span {
  padding-bottom: 5px;
  display: grid;
  gap: 4px;
}

.resource-graph-editor-tab > i {
  position: absolute;
  z-index: 2;
  top: 8px;
  right: 8px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #061a1b;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.08);
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
  opacity: .56;
}

.resource-graph-editor-tab strong {
  width: 100%;
  overflow: hidden;
  color: rgba(255,255,255,.9);
  font-size: 13px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.resource-graph-editor-tab span,
.resource-graph-editor-tab small,
.resource-graph-editor-tab em {
  width: 100%;
  overflow: hidden;
  color: var(--weak);
  font-size: 9px;
  font-style: normal;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.resource-graph-editor-tab.is-active {
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--tab-color, #5f7fff) 24%, transparent), transparent 49%),
    linear-gradient(145deg, rgba(108,64,255,.32), rgba(34,102,220,.18));
  border-color: color-mix(in srgb, var(--tab-color, #728cff) 62%, rgba(255,255,255,.18));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 10px 26px rgba(50,70,185,.2);
}

.resource-graph-editor-tab.is-active::after {
  content: none;
}

.resource-graph-editor-tab.is-active > i {
  color: #07171c;
  background: #69f4c2;
  border-color: rgba(105,244,194,.74);
  box-shadow: 0 0 14px rgba(105,244,194,.36);
  opacity: 1;
}

.resource-graph-editor-tab.is-active strong {
  color: #fff;
}

.resource-graph-editor-tab.is-active span,
.resource-graph-editor-tab.is-active small,
.resource-graph-editor-tab.is-active em {
  color: rgba(219,230,255,.66);
}

.resource-graph-editor-panel {
  padding: 16px;
  border-radius: 24px;
  overflow: visible;
  background:
    radial-gradient(circle at 10% 0%, rgba(122,60,255,.14), transparent 34%),
    linear-gradient(155deg, rgba(18,22,55,.92), rgba(7,11,31,.9));
  box-shadow: 0 22px 48px rgba(0,0,0,.28), 0 0 34px rgba(47,125,255,.07);
}

.resource-graph-editor-panel::before {
  border-radius: inherit;
  opacity: .18;
}

.resource-graph-editor-panel > * {
  position: relative;
  z-index: 1;
}

.resource-graph-editor-panel-head {
  min-height: 62px;
  margin-bottom: 13px;
  padding: 2px 2px 13px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.resource-graph-editor-panel-head > div {
  min-width: 0;
}

.resource-graph-editor-panel-head span {
  display: block;
  color: #83dfff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .13em;
}

.resource-graph-editor-panel-head h2 {
  margin: 5px 0 0;
  color: #fff;
  font-size: 21px;
  line-height: 1.22;
}

.resource-graph-editor-panel-head p {
  margin: 6px 0 0;
  color: var(--weak);
  font-size: 10px;
  line-height: 1.5;
}

.resource-graph-editor-panel-head > b,
.resource-graph-editor-panel-head > small,
.resource-graph-editor-panel-head > em {
  flex: 0 0 auto;
  min-height: 27px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: #b9d8ff;
  background: rgba(47,125,255,.1);
  border: 1px solid rgba(117,179,255,.18);
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
}

.resource-graph-editor-panel-head > em {
  max-width: 172px;
  min-height: 0;
  padding: 7px 9px;
  justify-content: center;
  color: rgba(195,214,255,.6);
  font-size: 8px;
  line-height: 1.4;
  text-align: right;
}

.resource-graph-editor-section {
  margin-top: 12px;
  padding: 13px;
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.022));
  border: 1px solid rgba(255,255,255,.075);
}

.resource-graph-editor-section:first-of-type {
  margin-top: 0;
}

.resource-graph-editor-section > header,
.resource-graph-editor-section > .resource-graph-editor-row-head,
.resource-graph-editor-section-head {
  margin-bottom: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.resource-graph-editor-section > header > div {
  min-width: 0;
}

.resource-graph-editor-section-head > div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.resource-graph-editor-section-head > div > span {
  width: 27px;
  height: 27px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: #9deaff;
  background: rgba(47,125,255,.1);
  border: 1px solid rgba(117,179,255,.15);
  font-size: 9px;
  font-weight: 900;
}

.resource-graph-editor-section-head > div > strong {
  color: rgba(255,255,255,.9);
  font-size: 13px;
}

.resource-graph-editor-section-head > small {
  color: var(--weak);
  font-size: 8px;
  line-height: 1.4;
  text-align: right;
}

.resource-graph-editor-section h3,
.resource-graph-editor-row-head h3,
.resource-graph-editor-row-head strong {
  margin: 0;
  color: rgba(255,255,255,.92);
  font-size: 13px;
  line-height: 1.35;
}

.resource-graph-editor-section header p,
.resource-graph-editor-section header small,
.resource-graph-editor-row-head span,
.resource-graph-editor-row-head small {
  margin: 3px 0 0;
  color: var(--weak);
  font-size: 9px;
  line-height: 1.4;
}

.resource-graph-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.resource-graph-field {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.resource-graph-field.is-wide,
.resource-graph-field--wide,
.resource-graph-field:has(textarea) {
  grid-column: 1 / -1;
}

.resource-graph-field > span,
.resource-graph-field > label {
  color: rgba(232,237,255,.7);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.35;
}

.resource-graph-field > span i {
  margin-left: 3px;
  color: rgba(255,255,255,.3);
  font-size: 8px;
  font-style: normal;
  font-weight: 600;
}

.resource-graph-field > small {
  color: var(--weak);
  font-size: 9px;
  line-height: 1.4;
}

.resource-graph-field input,
.resource-graph-field textarea,
.resource-graph-field select,
.resource-graph-editor-row input,
.resource-graph-editor-row textarea,
.resource-graph-editor-row select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 0 11px;
  border-radius: 13px;
  outline: 0;
  color: rgba(255,255,255,.94);
  caret-color: #69f4c2;
  background: rgba(4,8,24,.68);
  border: 1px solid rgba(255,255,255,.1);
  font-size: 12px;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.resource-graph-field textarea,
.resource-graph-editor-row textarea {
  min-height: 92px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.55;
  resize: vertical;
}

.resource-graph-field select,
.resource-graph-editor-row select {
  appearance: none;
  color-scheme: dark;
  padding-right: 28px;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,.5) 50%),
    linear-gradient(135deg, rgba(255,255,255,.5) 50%, transparent 50%);
  background-position: calc(100% - 15px) 18px, calc(100% - 11px) 18px;
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
}

.resource-graph-field input::placeholder,
.resource-graph-field textarea::placeholder,
.resource-graph-editor-row input::placeholder,
.resource-graph-editor-row textarea::placeholder {
  color: rgba(255,255,255,.25);
}

.resource-graph-field input:focus,
.resource-graph-field textarea:focus,
.resource-graph-field select:focus,
.resource-graph-editor-row input:focus,
.resource-graph-editor-row textarea:focus,
.resource-graph-editor-row select:focus {
  background-color: rgba(8,13,35,.88);
  border-color: rgba(105,244,194,.48);
  box-shadow: 0 0 0 3px rgba(105,244,194,.07), 0 0 20px rgba(47,125,255,.09);
}

.resource-graph-editor-list {
  display: grid;
  gap: 9px;
}

.resource-graph-editor-row {
  min-width: 0;
  padding: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 8px;
  row-gap: 8px;
  border-radius: 15px;
  background: rgba(3,7,23,.48);
  border: 1px solid rgba(255,255,255,.075);
}

.resource-graph-editor-row-head {
  grid-column: 1 / -1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.resource-graph-editor-row-head::before {
  content: none;
}

.resource-graph-editor-row-head > b {
  width: 26px;
  height: 22px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #9deaff;
  background: rgba(47,125,255,.09);
  border: 1px solid rgba(117,179,255,.13);
  font-size: 8px;
  letter-spacing: .05em;
}

.resource-graph-editor-row-head > span {
  margin: 0;
  color: rgba(255,255,255,.38);
  font-size: 9px;
}

.resource-graph-editor-row-fields {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(86px, 104px);
  gap: 7px;
}

.resource-graph-editor-row-fields > :only-child {
  grid-column: 1 / -1;
}

.resource-graph-editor-row-actions {
  display: flex;
  align-items: center;
  align-self: center;
  gap: 5px;
}

.resource-graph-mini-button {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: rgba(218,228,255,.72);
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.085);
  font-size: 12px;
  font-weight: 900;
  touch-action: manipulation;
  transition: transform .16s ease, color .16s ease, border-color .16s ease, background .16s ease;
}

.resource-graph-mini-button:hover,
.resource-graph-mini-button:focus-visible {
  color: #fff;
  background: rgba(87,112,255,.15);
  border-color: rgba(117,179,255,.28);
}

.resource-graph-mini-button:active {
  transform: scale(.94);
}

.resource-graph-mini-button:disabled {
  cursor: default;
  opacity: .28;
}

.resource-graph-mini-button.is-danger {
  color: #ff9bae;
  background: rgba(255,75,112,.07);
  border-color: rgba(255,101,126,.14);
}

.resource-graph-mini-button.is-danger:hover,
.resource-graph-mini-button.is-danger:focus-visible {
  color: #ffd3da;
  background: rgba(255,75,112,.14);
  border-color: rgba(255,101,126,.34);
}

.resource-graph-add-button {
  width: 100%;
  min-height: 40px;
  margin-top: 9px;
  padding: 0 12px;
  border-radius: 13px;
  color: #9deaff;
  background: rgba(24,215,255,.045);
  border: 1px dashed rgba(91,218,255,.27);
  font-size: 11px;
  font-weight: 850;
  touch-action: manipulation;
  transition: color .18s ease, border-color .18s ease, background .18s ease;
}

.resource-graph-add-button:hover,
.resource-graph-add-button:focus-visible {
  color: #c9f5ff;
  background: rgba(24,215,255,.09);
  border-color: rgba(105,244,194,.45);
}

.resource-graph-add-button:disabled {
  cursor: default;
  opacity: .34;
}

.resource-graph-english-details {
  margin-top: 12px;
  border-radius: 17px;
  overflow: hidden;
  color: var(--muted);
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(255,255,255,.075);
}

.resource-graph-english-details summary {
  min-height: 46px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  list-style: none;
  color: rgba(224,230,255,.72);
  font-size: 11px;
  font-weight: 850;
  user-select: none;
}

.resource-graph-english-details summary::-webkit-details-marker {
  display: none;
}

.resource-graph-english-details summary::before {
  content: none;
}

.resource-graph-english-details summary::after {
  content: none;
}

.resource-graph-english-details summary > span {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: 8px;
}

.resource-graph-english-details summary b {
  min-width: 28px;
  height: 20px;
  grid-row: 1 / span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #9deaff;
  background: rgba(24,215,255,.08);
  border: 1px solid rgba(91,218,255,.16);
  font-size: 8px;
  letter-spacing: .08em;
}

.resource-graph-english-details summary strong {
  color: rgba(235,240,255,.76);
  font-size: 11px;
  line-height: 1.25;
}

.resource-graph-english-details summary small {
  color: var(--weak);
  font-size: 8px;
  line-height: 1.25;
}

.resource-graph-english-details summary > i {
  margin-left: auto;
  color: rgba(255,255,255,.45);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  transition: transform .18s ease;
}

.resource-graph-english-details[open] {
  background: rgba(47,125,255,.04);
  border-color: rgba(117,179,255,.15);
}

.resource-graph-english-details[open] summary {
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.resource-graph-english-details[open] summary > i {
  transform: rotate(45deg);
}

.resource-graph-english-details > :not(summary) {
  margin: 0;
  padding: 13px;
}

.resource-graph-english-details > .resource-graph-field-grid {
  padding: 13px;
}

.resource-graph-english-body {
  display: grid;
  gap: 13px;
}

.resource-graph-english-list {
  padding-top: 12px;
  display: grid;
  gap: 9px;
  border-top: 1px solid rgba(255,255,255,.07);
}

.resource-graph-english-list > strong {
  color: rgba(235,240,255,.74);
  font-size: 10px;
}

.resource-graph-editor-empty {
  min-height: 190px;
  padding: 24px 18px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  color: var(--weak);
  text-align: center;
}

.resource-graph-editor-empty::before {
  content: "◇";
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  color: #8fe7ff;
  background: rgba(47,125,255,.09);
  border: 1px solid rgba(117,179,255,.16);
  box-shadow: 0 0 22px rgba(47,125,255,.1);
  font-size: 21px;
}

.resource-graph-editor-empty strong {
  color: rgba(255,255,255,.8);
  font-size: 13px;
}

.resource-graph-editor-empty span,
.resource-graph-editor-empty p {
  margin: 0;
  font-size: 10px;
  line-height: 1.5;
}

.resource-graph-save-bottom {
  min-height: 50px;
  margin-top: 15px;
}

@keyframes resourceGraphStatusPulse {
  0%, 100% { opacity: .55; transform: scale(.78); }
  50% { opacity: 1; transform: scale(1.18); }
}

.gallery-manager-content { padding-bottom: 118px; }

.gallery-manager-head {
  margin-bottom: 17px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}

.gallery-manager-head > div { min-width: 0; }
.gallery-manager-head h1 { font-size: 27px; }
.gallery-manager-head p { max-width: 230px; }

.gallery-upload-trigger {
  flex: 0 0 auto;
  min-width: 108px;
  min-height: 44px;
  padding: 0 14px;
  font-size: 13px;
  white-space: nowrap;
}

.gallery-admin-filters {
  position: sticky;
  z-index: 5;
  top: 8px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin: 0 0 15px;
  padding: 6px;
  border-radius: 20px;
  background: rgba(10,14,35,.86);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 12px 30px rgba(0,0,0,.2);
  backdrop-filter: blur(18px);
}

.gallery-admin-filters button {
  min-height: 42px;
  padding: 0 10px;
  border-radius: 15px;
  color: var(--muted);
  background: transparent;
  font-size: 13px;
  font-weight: 850;
  touch-action: manipulation;
}

.gallery-admin-filters button span {
  min-width: 22px;
  height: 22px;
  margin-left: 5px;
  padding: 0 6px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.78);
  background: rgba(255,255,255,.08);
  font-size: 10px;
}

.gallery-admin-filters button.active {
  color: #fff;
  background: linear-gradient(135deg, rgba(122,60,255,.58), rgba(47,125,255,.48));
  box-shadow: 0 8px 22px rgba(72,70,220,.22);
}

.gallery-admin-filters button.active span { background: rgba(255,255,255,.16); }
.gallery-manager-list { display: grid; gap: 12px; }

.gallery-admin-card {
  position: relative;
  min-height: 118px;
  padding: 12px;
  display: grid;
  grid-template-columns: 98px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  border-radius: 22px;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(47,125,255,.09), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 16px 34px rgba(0,0,0,.2);
}

.gallery-admin-card > img,
.gallery-admin-card__thumb {
  width: 98px;
  height: 94px;
  border-radius: 15px;
  display: block;
  object-fit: cover;
  background: #0a0d1b;
  border: 1px solid rgba(255,255,255,.09);
}

.gallery-admin-card__thumb img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: inherit; }
.gallery-admin-card__body { min-width: 0; }
.gallery-admin-card h3 { margin: 0; font-size: 15px; line-height: 1.42; overflow-wrap: anywhere; }
.gallery-admin-card p { margin: 5px 0 0; color: var(--weak); font-size: 11px; line-height: 1.4; }

.gallery-admin-status {
  min-height: 24px;
  margin-top: 8px;
  padding: 0 8px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #aaffd5;
  background: rgba(76,255,189,.08);
  border: 1px solid rgba(76,255,189,.16);
  font-size: 10px;
  font-weight: 850;
}

.gallery-admin-status::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #4cffbd;
  box-shadow: 0 0 9px rgba(76,255,189,.7);
}

.gallery-admin-status.is-unpublished {
  color: rgba(255,255,255,.58);
  background: rgba(255,255,255,.055);
  border-color: rgba(255,255,255,.1);
}

.gallery-admin-status.is-unpublished::before { background: rgba(255,255,255,.36); box-shadow: none; }

.gallery-admin-actions {
  margin-top: 9px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.gallery-admin-actions button {
  min-height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  color: rgba(255,255,255,.82);
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.1);
  font-size: 11px;
  font-weight: 850;
  touch-action: manipulation;
}

.gallery-admin-actions button:hover { border-color: rgba(153,124,255,.34); }
.gallery-admin-actions button:active { transform: scale(.97); }
.gallery-admin-actions .is-danger { color: #ffabc1; border-color: rgba(255,80,120,.18); background: rgba(255,80,120,.07); }

.gallery-admin-empty {
  padding: 34px 18px;
  border-radius: 22px;
  text-align: center;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
  background: rgba(255,255,255,.04);
  border: 1px dashed rgba(255,255,255,.12);
}

.knowledge-hub-card {
  margin-top: 18px;
  padding: 18px;
  background:
    radial-gradient(circle at 92% 0%, rgba(24,215,255,.12), transparent 32%),
    radial-gradient(circle at 0% 100%, rgba(122,60,255,.14), transparent 38%),
    linear-gradient(145deg, rgba(18,22,52,.96), rgba(8,11,30,.92));
  border-color: rgba(109,155,255,.22);
}
.knowledge-hub-head { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.knowledge-hub-head > div { min-width: 0; }
.knowledge-hub-head span { color: #75ddff; font-size: 9px; font-weight: 950; letter-spacing: .18em; }
.knowledge-hub-head h2 { margin: 5px 0 4px; font-size: 23px; }
.knowledge-hub-head p { max-width: 265px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.knowledge-quick-upload {
  flex: 0 0 auto;
  min-width: 76px;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #713dff, #2f7dff);
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 8px 22px rgba(59,91,255,.28);
}
.knowledge-hub-stats { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 15px; }
.knowledge-hub-stats > div { min-width: 0; padding: 11px 7px; border-radius: 15px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.07); }
.knowledge-hub-stats b { display: block; overflow: hidden; color: #fff; font-size: 18px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-hub-stats span { display: block; margin-top: 4px; color: var(--weak); font-size: 9px; }
.knowledge-hub-recent-head { position: relative; z-index: 1; margin: 16px 1px 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.knowledge-hub-recent-head strong { font-size: 13px; }
.knowledge-hub-recent-head span { color: #8fffd2; font-size: 9px; }
.knowledge-hub-recent { position: relative; z-index: 1; display: grid; gap: 6px; }
.knowledge-hub-file {
  width: 100%;
  min-height: 52px;
  padding: 7px 9px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  border-radius: 14px;
  color: #fff;
  text-align: left;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.065);
}
.knowledge-hub-file > span:nth-child(2) { min-width: 0; }
.knowledge-hub-file strong { display: block; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-hub-file small { display: block; margin-top: 3px; overflow: hidden; color: var(--weak); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-hub-file i { color: #9dffd9; font-size: 9px; font-style: normal; }
.knowledge-hub-empty { padding: 15px 10px; border-radius: 14px; color: var(--weak); font-size: 11px; line-height: 1.55; text-align: center; background: rgba(255,255,255,.035); border: 1px dashed rgba(255,255,255,.09); }
.knowledge-hub-open { position: relative; z-index: 1; width: 100%; min-height: 43px; margin-top: 10px; padding: 0 3px; display: flex; align-items: center; justify-content: space-between; color: #bfeaff; background: transparent; border-top: 1px solid rgba(255,255,255,.07); font-size: 12px; font-weight: 900; text-align: left; }
.knowledge-hub-open span { font-size: 18px; }

.knowledge-content { padding-bottom: 118px; }
.knowledge-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; }
.knowledge-head > div { min-width: 0; }
.knowledge-head h1 { font-size: 28px; }
.knowledge-head p { max-width: 270px; }
.knowledge-upload-trigger { flex: 0 0 auto; min-width: 108px; min-height: 44px; padding: 0 13px; font-size: 12px; white-space: nowrap; }
.knowledge-model-map {
  margin-top: 15px;
  padding: 14px;
  background:
    radial-gradient(circle at 8% 0%, rgba(122,60,255,.14), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(24,215,255,.09), transparent 38%),
    linear-gradient(145deg, rgba(18,22,52,.94), rgba(8,11,30,.92));
  border-color: rgba(112,146,255,.18);
}
.knowledge-model-head { position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; }
.knowledge-model-head > div { min-width: 0; }
.knowledge-model-head span { display: block; color: #75ddff; font-size: 7px; font-weight: 950; letter-spacing: .16em; }
.knowledge-model-head h2 { margin: 5px 0 0; font-size: 18px; }
.knowledge-model-head > small { flex: 0 0 auto; color: var(--weak); font-size: 8px; }
.knowledge-library-map { position: relative; z-index: 1; margin-top: 12px; display: grid; gap: 8px; }
.knowledge-library-group { padding: 9px; border-radius: 16px; background: rgba(0,0,0,.18); border: 1px solid rgba(255,255,255,.065); }
.knowledge-library-group > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.knowledge-library-group > header > div { min-width: 0; display: flex; align-items: baseline; gap: 7px; }
.knowledge-library-group > header strong { font-size: 12px; }
.knowledge-library-group > header small { overflow: hidden; color: var(--weak); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-library-group > header > span { flex: 0 0 auto; color: #8fffd2; font-size: 8px; }
.knowledge-library-group > div { margin-top: 7px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.knowledge-library-group button {
  min-width: 0;
  min-height: 51px;
  padding: 7px 8px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  color: #fff;
  text-align: left;
  border-radius: 12px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.075);
}
.knowledge-library-group button > b { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 9px; color: #95e7ff; background: rgba(47,125,255,.12); font-size: 8px; }
.knowledge-library-group button > span { min-width: 0; }
.knowledge-library-group button strong { display: block; overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-library-group button small { display: block; margin-top: 3px; overflow: hidden; color: var(--weak); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-library-group button.active { background: linear-gradient(135deg, rgba(122,60,255,.36), rgba(47,125,255,.25)); border-color: rgba(117,179,255,.32); box-shadow: inset 0 0 18px rgba(88,100,255,.1); }
.knowledge-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 16px 0 13px; }
.knowledge-stats > div { min-width: 0; padding: 11px 5px; text-align: center; }
.knowledge-stats b { position: relative; z-index: 1; display: block; overflow: hidden; font-size: 18px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; background: var(--secondary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.knowledge-stats span { position: relative; z-index: 1; display: block; margin-top: 5px; color: var(--weak); font-size: 9px; }
.knowledge-toolbar {
  position: sticky;
  z-index: 6;
  top: 8px;
  margin-bottom: 10px;
  padding: 9px;
  background: rgba(9,12,31,.92);
  backdrop-filter: blur(20px);
  box-shadow: 0 12px 32px rgba(0,0,0,.25);
}
.knowledge-search { position: relative; z-index: 1; height: 43px; padding: 0 12px; display: flex; align-items: center; gap: 9px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.09); }
.knowledge-search > span { color: #8ddfff; font-size: 21px; line-height: 1; }
.knowledge-search input { flex: 1; min-width: 0; height: 100%; color: #fff; border: 0; background: transparent; font-size: 12px; }
.knowledge-search input::placeholder { color: rgba(255,255,255,.34); }
.knowledge-category-filters { position: relative; z-index: 1; margin-top: 8px; padding-bottom: 1px; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.knowledge-category-filters::-webkit-scrollbar { display: none; }
.knowledge-category-filters button,
.knowledge-status-filters button { flex: 0 0 auto; min-height: 34px; padding: 0 10px; border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); font-size: 10px; font-weight: 850; }
.knowledge-category-filters button span,
.knowledge-status-filters button span { margin-left: 3px; color: var(--weak); }
.knowledge-category-filters button.active,
.knowledge-status-filters button.active { color: #fff; background: linear-gradient(135deg, rgba(122,60,255,.56), rgba(47,125,255,.44)); border-color: rgba(121,151,255,.3); }
.knowledge-category-filters button.active span,
.knowledge-status-filters button.active span { color: rgba(255,255,255,.8); }
.knowledge-status-filters { display: flex; gap: 7px; margin-bottom: 12px; overflow-x: auto; scrollbar-width: none; }
.knowledge-status-filters::-webkit-scrollbar { display: none; }
.knowledge-file-list { display: grid; gap: 9px; }
.knowledge-file-row {
  min-height: 86px;
  padding: 12px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  background: linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.026));
}
.knowledge-file-type { width: 50px; height: 50px; border-radius: 15px; display: grid; place-items: center; color: #bfeaff; background: linear-gradient(145deg, rgba(47,125,255,.2), rgba(122,60,255,.13)); border: 1px solid rgba(101,175,255,.18); font-size: 9px; font-weight: 950; letter-spacing: .03em; }
.knowledge-hub-file .knowledge-file-type { width: 38px; height: 38px; border-radius: 11px; font-size: 8px; }
.knowledge-file-copy { position: relative; z-index: 1; min-width: 0; }
.knowledge-file-copy h3 { margin: 0; overflow: hidden; font-size: 14px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-file-copy p { margin: 5px 0 0; overflow: hidden; color: var(--weak); font-size: 9px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-file-tags { margin-top: 6px; display: flex; gap: 4px; overflow: hidden; }
.knowledge-file-tags span { flex: 0 0 auto; padding: 3px 6px; border-radius: 999px; color: rgba(255,255,255,.58); background: rgba(255,255,255,.05); font-size: 8px; }
.knowledge-file-side { position: relative; z-index: 1; min-width: 48px; display: grid; justify-items: end; gap: 9px; }
.knowledge-file-side > button { width: 38px; height: 30px; border-radius: 10px; color: #fff; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.08); font-weight: 900; letter-spacing: .08em; }
.knowledge-file-status { min-height: 21px; padding: 0 7px; border-radius: 999px; display: inline-flex; align-items: center; color: #9fffd8; background: rgba(76,255,189,.075); border: 1px solid rgba(76,255,189,.14); font-size: 8px; white-space: nowrap; }
.knowledge-file-status.is-inactive { color: rgba(255,255,255,.55); background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.08); }
.knowledge-file-status.is-trashed { color: #ffabc1; background: rgba(255,80,120,.07); border-color: rgba(255,80,120,.14); }
.knowledge-empty { padding: 34px 18px; text-align: center; }
.knowledge-empty strong { position: relative; z-index: 1; display: block; font-size: 16px; }
.knowledge-empty p { position: relative; z-index: 1; margin: 7px auto 0; max-width: 260px; color: var(--weak); font-size: 11px; line-height: 1.6; }

.knowledge-upload-sheet,
.knowledge-edit-sheet { max-height: 92vh; overflow-y: auto; overscroll-behavior: contain; }
.knowledge-upload-form,
.knowledge-edit-form { position: relative; z-index: 1; padding: 2px 2px 4px; }
.knowledge-upload-form h2,
.knowledge-edit-form h2 { margin: 7px 40px 6px 0; font-size: 22px; }
.knowledge-upload-form > p { margin: 0 38px 14px 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.knowledge-upload-modes { margin-bottom: 10px; padding: 4px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; border-radius: 16px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.065); }
.knowledge-upload-modes button { min-width: 0; min-height: 53px; padding: 8px; display: grid; align-content: center; gap: 3px; border-radius: 12px; color: var(--muted); background: transparent; text-align: left; }
.knowledge-upload-modes button strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-upload-modes button small { color: var(--weak); font-size: 8px; }
.knowledge-upload-modes button.active { color: #fff; background: linear-gradient(135deg, rgba(122,60,255,.68), rgba(47,125,255,.52)); box-shadow: 0 8px 20px rgba(48,60,210,.18); }
.knowledge-upload-modes button.active small { color: rgba(255,255,255,.7); }
.knowledge-upload-pane { display: block; }
.knowledge-upload-dropzone {
  min-height: 126px;
  padding: 18px;
  display: grid;
  place-items: center;
  align-content: center;
  border-radius: 20px;
  cursor: pointer;
  text-align: center;
  background: linear-gradient(145deg, rgba(122,60,255,.1), rgba(47,125,255,.05));
  border: 1px dashed rgba(137,172,255,.35);
}
.knowledge-upload-dropzone input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.knowledge-upload-dropzone > span { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--primary); font-size: 22px; box-shadow: 0 8px 24px rgba(69,80,255,.28); }
.knowledge-upload-dropzone strong { margin-top: 8px; font-size: 14px; }
.knowledge-upload-dropzone small { margin-top: 5px; color: var(--weak); font-size: 9px; line-height: 1.45; }
.knowledge-six-selection-head { min-height: 34px; padding: 0 3px 7px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.knowledge-six-selection-head span { color: var(--muted); font-size: 9px; }
.knowledge-six-selection-head strong { flex: 0 0 auto; min-height: 24px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 999px; color: #9deaff; background: rgba(47,125,255,.1); border: 1px solid rgba(117,179,255,.16); font-size: 8px; }
.knowledge-six-upload-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.knowledge-six-upload-slot { position: relative; min-width: 0; min-height: 92px; padding: 10px; display: grid; grid-template-columns: 27px minmax(0, 1fr); column-gap: 8px; align-content: center; border-radius: 15px; cursor: pointer; color: #fff; text-align: left; touch-action: manipulation; background: linear-gradient(145deg, rgba(122,60,255,.09), rgba(47,125,255,.045)); border: 1px dashed rgba(137,172,255,.22); transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease; }
.knowledge-library-file-input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.knowledge-six-upload-slot > i { position: absolute; top: 8px; right: 8px; min-height: 21px; padding: 0 7px; display: none; align-items: center; border-radius: 999px; color: #071b19; background: #69f4c2; font-size: 7px; font-style: normal; font-weight: 950; box-shadow: 0 5px 14px rgba(105,244,194,.2); }
.knowledge-six-upload-slot > b { grid-row: 1 / span 3; width: 27px; height: 27px; display: grid; place-items: center; border-radius: 9px; color: #9deaff; background: rgba(47,125,255,.14); font-size: 8px; }
.knowledge-six-upload-slot > strong { min-width: 0; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-six-upload-slot > small { margin-top: 2px; color: var(--weak); font-size: 7px; }
.knowledge-six-upload-slot > em { min-width: 0; margin-top: 6px; overflow: hidden; color: #8fffd2; font-size: 8px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-six-upload-slot:active { transform: scale(.985); }
.knowledge-six-upload-slot:focus-visible { outline: 2px solid rgba(117,179,255,.62); outline-offset: 2px; }
.knowledge-six-upload-slot.is-selected { background: linear-gradient(145deg, rgba(46,216,179,.16), rgba(47,125,255,.12)); border: 1px solid rgba(105,244,194,.68); box-shadow: inset 0 0 0 1px rgba(105,244,194,.1), 0 8px 24px rgba(30,157,142,.13); }
.knowledge-six-upload-slot.is-selected > i,
.knowledge-six-upload-slot.has-error > i { display: inline-flex; }
.knowledge-six-upload-slot.is-selected > b { color: #071b19; background: #69f4c2; }
.knowledge-six-upload-slot.is-selected > em { color: #9fffd8; font-weight: 850; }
.knowledge-six-upload-slot.is-uploading { border-color: rgba(117,179,255,.72); box-shadow: inset 0 0 0 1px rgba(117,179,255,.12), 0 8px 24px rgba(47,125,255,.14); }
.knowledge-six-upload-slot.is-uploading > i { color: #fff; background: linear-gradient(135deg, #713dff, #2f7dff); }
.knowledge-six-upload-slot.is-done { border-color: rgba(105,244,194,.82); }
.knowledge-six-upload-slot.has-error { border: 1px solid rgba(255,101,137,.58); background: rgba(255,80,120,.07); }
.knowledge-six-upload-slot.has-error > i { color: #fff; background: #d94b70; }
.knowledge-six-upload-slot.has-error > em { color: #ffabc1; }
.knowledge-upload-queue { margin-top: 10px; display: grid; gap: 6px; }
.knowledge-upload-queue:empty { display: none; }
.knowledge-upload-item { min-height: 48px; padding: 7px 9px; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 8px; align-items: center; border-radius: 13px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.07); }
.knowledge-upload-item > span { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: #bfeaff; background: rgba(47,125,255,.12); font-size: 7px; font-weight: 950; }
.knowledge-upload-item div { min-width: 0; }
.knowledge-upload-item strong { display: block; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-upload-item small { display: block; margin-top: 3px; color: var(--weak); font-size: 8px; }
.knowledge-upload-item.has-error { border-color: rgba(255,80,120,.2); }
.knowledge-upload-item.has-error small { color: #ff9eb6; }
.knowledge-upload-item.is-done { border-color: rgba(76,255,189,.18); }
.knowledge-upload-item.is-done small { color: #9fffd8; }
.knowledge-upload-fields,
.knowledge-edit-form { display: grid; gap: 10px; }
.knowledge-upload-fields { margin-top: 12px; }
.knowledge-upload-fields label,
.knowledge-edit-form > label { display: grid; gap: 6px; }
.knowledge-upload-fields label > span,
.knowledge-edit-form > label > span { color: rgba(255,255,255,.78); font-size: 11px; font-weight: 850; }
.knowledge-upload-fields em { margin-left: 3px; color: var(--weak); font-size: 9px; font-style: normal; font-weight: 500; }
.knowledge-upload-fields input,
.knowledge-upload-fields select,
.knowledge-edit-form input,
.knowledge-edit-form select { width: 100%; min-height: 43px; padding: 0 12px; border-radius: 13px; color: #fff; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }
.knowledge-upload-fields select,
.knowledge-edit-form select { color-scheme: dark; }
.knowledge-upload-status { min-height: 18px; margin: 4px 2px 0 !important; color: #9fffd8 !important; }
.knowledge-upload-save { min-height: 47px; }
.knowledge-upload-save:disabled { opacity: .45; cursor: default; filter: saturate(.55); }
.knowledge-edit-meta { min-height: 64px; padding: 9px; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 10px; align-items: center; border-radius: 16px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); }
.knowledge-edit-meta .knowledge-file-type { width: 46px; height: 46px; border-radius: 13px; }
.knowledge-edit-meta > div { min-width: 0; }
.knowledge-edit-meta strong { display: block; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-edit-meta small { display: block; margin-top: 4px; color: var(--weak); font-size: 9px; }
.knowledge-edit-primary-actions,
.knowledge-lifecycle-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.knowledge-edit-primary-actions { margin-top: 3px; }
.knowledge-lifecycle-actions { padding-top: 10px; border-top: 1px solid rgba(255,255,255,.07); }
.btn.danger { color: #ffabc1; background: rgba(255,80,120,.08); border: 1px solid rgba(255,80,120,.18); }

.business-content { padding-bottom: 118px; }
.business-head em {
  display: inline-flex;
  margin-top: 12px;
  padding: 8px 11px;
  border-radius: 999px;
  color: #bfeaff;
  font-size: 11px;
  font-style: normal;
  background: rgba(240,248,255,.08);
  border: 1px solid rgba(130,210,255,.22);
  box-shadow: 0 0 22px rgba(80,180,255,.14);
}
.radar-add { margin: -8px 0 16px; }
.radar-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 18px;
}
.radar-stat {
  min-height: 76px;
  padding: 12px 5px;
  border-radius: 18px;
  text-align: center;
  background: rgba(240,248,255,.08);
  border: 1px solid rgba(130,210,255,.2);
  box-shadow: 0 0 20px rgba(80,180,255,.12);
  backdrop-filter: blur(14px);
}
.radar-stat b { display: block; color: #eaf7ff; font-size: 25px; text-shadow: 0 0 18px rgba(80,180,255,.45); }
.radar-stat span { color: rgba(255,255,255,.62); font-size: 10px; line-height: 1.25; }
.high-intent { padding: 16px; margin-bottom: 16px; }
.high-intent__title { position: relative; z-index: 1; margin-bottom: 12px; }
.high-intent__title span { color: #9abaff; font-size: 10px; font-weight: 950; letter-spacing: .16em; }
.high-intent__title h2 { margin: 5px 0 0; font-size: 20px; }
.high-intent__list { position: relative; z-index: 1; display: grid; gap: 10px; }
.intent-alert {
  padding: 12px;
  border-radius: 16px;
  background: rgba(240,248,255,.08);
  border: 1px solid rgba(130,210,255,.22);
  box-shadow: 0 0 22px rgba(80,180,255,.12);
}
.intent-alert b,
.intent-alert span,
.intent-alert em,
.intent-alert small { display: block; }
.intent-alert b { font-size: 13px; color: #fff; }
.intent-alert span { margin-top: 5px; color: var(--muted); font-size: 12px; }
.intent-alert em { margin-top: 4px; color: #bfeaff; font-size: 12px; font-style: normal; }
.intent-alert small { margin-top: 4px; color: rgba(255,255,255,.5); font-size: 11px; }
.opportunity-filters {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 10px;
  margin-bottom: 8px;
  scrollbar-width: none;
}
.opportunity-filters::-webkit-scrollbar { display: none; }
.opportunity-filters button {
  flex: 0 0 auto;
  height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  color: var(--muted);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.1);
  font-size: 12px;
  font-weight: 900;
}
.opportunity-filters button.active { color: #fff; background: rgba(122,60,255,.32); border-color: rgba(122,60,255,.52); box-shadow: var(--shadow-a); }
.opportunity-list { display: grid; gap: 14px; }
.opportunity-card { padding: 15px; }
.opportunity-top { position: relative; z-index: 1; display: grid; grid-template-columns: 44px 1fr 66px; gap: 10px; align-items: center; }
.opportunity-avatar {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 950;
  background: var(--secondary);
  box-shadow: var(--shadow-a);
}
.opportunity-name h3 { margin: 0; font-size: 17px; }
.opportunity-name p { margin: 4px 0; color: var(--muted); font-size: 12px; line-height: 1.35; }
.opportunity-name span { color: #bda6ff; font-size: 11px; font-weight: 900; }
.intent-score {
  padding: 8px 4px;
  border-radius: 16px;
  text-align: center;
  background: rgba(240,248,255,.08);
  border: 1px solid rgba(130,210,255,.22);
  box-shadow: 0 0 18px rgba(80,180,255,.14);
}
.intent-score b { display: block; color: #eaf7ff; font-size: 22px; line-height: 1; }
.intent-score span { color: rgba(255,255,255,.66); font-size: 10px; }
.intent-score.large { display: inline-block; min-width: 86px; margin-right: 10px; vertical-align: top; }
.intent-score.large b { font-size: 34px; }
.opportunity-meta { position: relative; z-index: 1; display: grid; gap: 6px; margin: 13px 0; }
.opportunity-meta span { color: rgba(255,255,255,.64); font-size: 12px; line-height: 1.45; }
.ai-suggestion {
  position: relative;
  z-index: 1;
  padding: 11px;
  border-radius: 16px;
  background: rgba(122,60,255,.12);
  border: 1px solid rgba(122,60,255,.18);
}
.ai-suggestion b { display: block; color: #d9c9ff; font-size: 11px; margin-bottom: 5px; }
.ai-suggestion p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.opportunity-foot { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin-top: 12px; }
.status-badge {
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  color: #bfeaff;
  font-size: 11px;
  font-weight: 900;
  background: rgba(24,215,255,.1);
  border: 1px solid rgba(24,215,255,.18);
}
.opportunity-foot button {
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  color: #fff;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.1);
  font-size: 11px;
  font-weight: 900;
}
.empty-text { color: var(--muted); font-size: 13px; line-height: 1.6; }

.subscription-content {
  min-height: 100%;
  padding-bottom: 104px;
}
.subscription-hero {
  position: relative;
  overflow: hidden;
  margin: 12px 0 16px;
  padding: 24px 18px 22px;
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 12%, rgba(57,149,255,.34), transparent 38%),
    linear-gradient(145deg, rgba(37,22,96,.96), rgba(9,17,47,.98));
  border: 1px solid rgba(115,142,255,.32);
  box-shadow: 0 24px 54px rgba(15,12,64,.34);
}
.subscription-hero::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  right: -58px;
  bottom: -88px;
  border-radius: 38px;
  border: 28px solid rgba(109,160,255,.1);
  transform: rotate(38deg);
}
.subscription-hero span {
  position: relative;
  z-index: 1;
  color: #66d8ff;
  font-size: 9px;
  font-weight: 1000;
  letter-spacing: .18em;
}
.subscription-hero h1 {
  position: relative;
  z-index: 1;
  margin: 7px 0 8px;
  font-size: 25px;
  line-height: 1.18;
}
.subscription-hero p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: rgba(235,241,255,.7);
  font-size: 12px;
  line-height: 1.65;
}
.subscription-account {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: 8px;
  padding: 12px;
}
.subscription-account div {
  min-width: 0;
  padding: 10px;
  border-radius: 14px;
  background: rgba(255,255,255,.045);
}
.subscription-account span,
.subscription-account strong { display: block; }
.subscription-account span { color: var(--weak); font-size: 9px; }
.subscription-account strong { overflow: hidden; margin-top: 5px; color: #fff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.subscription-account div:last-child strong { color: #54d7ff; }
.subscription-switch {
  width: min(272px, 82%);
  margin: 18px auto;
  padding: 4px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.08);
}
.subscription-switch button {
  min-height: 38px;
  border-radius: 999px;
  color: var(--weak);
  background: transparent;
  font-size: 12px;
  font-weight: 900;
}
.subscription-switch button.active {
  color: #fff;
  background: linear-gradient(105deg, #6b38ff, #247cff);
  box-shadow: 0 8px 20px rgba(46,91,255,.28);
}
.subscription-plan-list { display: grid; gap: 14px; }
.subscription-plan-card {
  position: relative;
  overflow: hidden;
  padding: 20px 18px 18px;
  border-radius: 24px;
  background: linear-gradient(155deg, rgba(25,27,63,.94), rgba(10,14,36,.96));
  border: 1px solid rgba(130,144,255,.18);
  box-shadow: 0 18px 44px rgba(0,0,0,.24);
}
.subscription-plan-card.is-featured {
  border-color: rgba(49,148,255,.55);
  box-shadow: 0 20px 52px rgba(33,81,219,.23);
}
.subscription-plan-badge {
  position: absolute;
  top: 14px;
  right: -32px;
  width: 108px;
  padding: 7px 0;
  color: #fff;
  text-align: center;
  font-size: 10px;
  font-weight: 1000;
  background: linear-gradient(90deg, #1bc3ff, #214fd4);
  transform: rotate(42deg);
}
.subscription-plan-card h2 { margin: 0; color: #fff; font-size: 21px; }
.subscription-plan-price { margin: 14px 0 4px; color: #fff; }
.subscription-plan-price b { color: #4c91ff; font-size: 39px; letter-spacing: -.04em; }
.subscription-plan-price small { color: var(--weak); font-size: 12px; font-weight: 800; }
.subscription-plan-summary { min-height: 38px; margin: 0 0 14px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.subscription-plan-action {
  width: 100%;
  min-height: 48px;
  margin-bottom: 15px;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(105deg, #6b38ff, #247cff);
  font-size: 15px;
  font-weight: 1000;
  box-shadow: 0 12px 30px rgba(47,78,255,.24);
}
.subscription-plan-action:disabled { opacity: .55; cursor: wait; }
.subscription-plan-credit {
  margin-bottom: 14px;
  color: #4fcfff;
  font-size: 12px;
  font-weight: 900;
}
.subscription-plan-features { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.subscription-plan-features li {
  position: relative;
  padding-left: 19px;
  color: rgba(238,241,255,.82);
  font-size: 11px;
  line-height: 1.55;
}
.subscription-plan-features li::before { content: "✓"; position: absolute; left: 0; color: #3aa9ff; font-weight: 1000; }
.subscription-note { margin-top: 16px; padding: 15px 16px; }
.subscription-note strong { color: #fff; font-size: 12px; }
.subscription-note p { margin: 6px 0 0; color: var(--weak); font-size: 10px; line-height: 1.6; }
.compute-cost-policy { margin-top: 12px; padding-top: 11px; display: grid; grid-template-columns: repeat(2,1fr); gap: 7px; border-top: 1px solid rgba(255,255,255,.08); }
.compute-cost-policy span { min-height: 30px; padding: 0 9px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-radius: 9px; color: var(--muted); background: rgba(255,255,255,.035); font-size: 9px; }
.compute-cost-policy b { color: #55d7ff; font-size: 10px; }
.subscription-loading { padding: 28px 16px; color: var(--muted); text-align: center; font-size: 12px; }

.bottom-nav {
  --bottom-nav-x: -50%;
  position: fixed;
  z-index: 50;
  left: 50%;
  right: auto;
  bottom: 0;
  width: min(100vw, 430px);
  height: calc(64px + env(safe-area-inset-bottom));
  min-height: 64px;
  padding: 5px 5px calc(4px + env(safe-area-inset-bottom));
  border-radius: 0;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0;
  background: rgba(10,14,35,.94);
  border: 0;
  border-top: 1px solid rgba(255,255,255,.12);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  box-shadow: 0 -12px 36px rgba(0,0,0,.32);
  transform: translate(var(--bottom-nav-x), 0);
  transition: opacity .24s ease, transform .24s ease;
}

.phone.is-home-view .bottom-nav {
  --bottom-nav-x: -50%;
  position: fixed;
  left: 50%;
  right: auto;
  width: min(100vw, 430px);
}

.phone.is-about-reading .bottom-nav,
.phone.is-text-entry-active .bottom-nav,
.phone.is-subpage-view .bottom-nav {
  opacity: 0;
  pointer-events: none;
  transform: translate(var(--bottom-nav-x), calc(100% + 24px));
}

.bottom-nav button,
.bottom-nav .nav-core {
  min-width: 0;
  min-height: 54px;
  padding: 2px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  border-radius: 16px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 500;
  background: transparent;
  box-shadow: none;
  transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}
.bottom-nav button.active,
.bottom-nav .nav-core.active { color: #fff; background: var(--primary); box-shadow: var(--shadow-a), inset 0 1px 0 rgba(255,255,255,.18); }
.bottom-nav button.active::before { content: none; display: none; }
.bottom-nav .gp-nav-icon {
  position: relative;
  width: 27px;
  height: 25px;
  display: block;
  flex: 0 0 25px;
  color: currentColor;
}
.bottom-nav .active .gp-nav-icon { width: 28px; }
.bottom-nav .gp-nav-icon::before,
.bottom-nav .gp-nav-icon::after,
.bottom-nav .gp-nav-icon i { content: none !important; display: none !important; }
.bottom-nav .gp-nav-icon svg {
  width: 100%;
  height: 25px;
  display: block;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.48;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.bottom-nav button:nth-child(1) .gp-nav-icon svg { transform: translateY(1px) scale(.9,.95); transform-origin: center; }
.bottom-nav button:nth-child(2) .gp-nav-icon svg { transform: translate(-.75px,.25px) scale(1.07,1.08); transform-origin: center; }
.bottom-nav button:nth-child(3) .gp-nav-icon svg { transform: translate(-1px,1px) scale(.95,.96); transform-origin: center; }

.modal {
  position: fixed;
  z-index: 100;
  inset: 0;
  padding: 22px;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.66);
  backdrop-filter: blur(12px);
}

.modal-card {
  width: min(390px, 100%);
  max-height: 88vh;
  overflow-y: auto;
  padding: 18px;
  background: rgba(10,14,35,.94);
}

.modal:not(.hidden) .modal-card,
.modal:not(.hidden) .image-preview-card {
  animation: modalUp .22s ease both;
}

.bottom-sheet {
  position: fixed;
  z-index: 120;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.sheet-scrim {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.62);
  backdrop-filter: blur(10px);
}

.sheet-panel {
  position: relative;
  width: min(430px, 100%);
  max-height: 85vh;
  padding: 18px 16px calc(18px + env(safe-area-inset-bottom));
  border-radius: 26px 26px 0 0;
  background: rgba(10,14,35,.96);
  animation: sheetUp .24s ease both;
}

.sheet-scroll {
  position: relative;
  z-index: 1;
  max-height: calc(85vh - 36px);
  overflow-y: auto;
  padding-right: 2px;
}

.backend-password-sheet { padding: 24px 20px calc(22px + env(safe-area-inset-bottom)); }
.backend-password-form { position: relative; z-index: 1; display: grid; gap: 14px; }
.backend-password-form > .eyebrow { color: #72ddff; font-size: 10px; font-weight: 950; letter-spacing: .16em; }
.backend-password-form h2 { margin: -5px 40px -5px 0; font-size: 23px; }
.backend-password-form > p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.backend-password-form label { display: grid; gap: 7px; color: rgba(255,255,255,.9); font-size: 14px; font-weight: 760; }
.backend-password-form label small { color: var(--weak); font-size: 11px; font-weight: 500; line-height: 1.45; }
.backend-password-form input {
  width: 100%; min-height: 50px; padding: 0 14px; border-radius: 15px;
  color: #fff; font-size: 16px; background: rgba(3,7,25,.68);
  border: 1px solid rgba(130,154,255,.22); outline: none;
}
.backend-password-form input:focus { border-color: rgba(105,214,255,.68); box-shadow: 0 0 0 3px rgba(65,172,255,.1); }
.backend-password-status { min-height: 20px; }
.backend-password-status[data-tone="error"] { color: #ff9caf; }
.backend-password-form .btn:disabled { opacity: .62; cursor: wait; }

.sheet-head { padding-right: 38px; }
.sheet-head span { color: #9abaff; font-size: 10px; font-weight: 950; letter-spacing: .16em; }
.sheet-head h2 { margin: 7px 0 4px; font-size: 23px; }
.sheet-head p { margin: 0; color: var(--muted); font-size: 13px; }
.sheet-section { margin-top: 18px; }
.sheet-section h3 { margin: 0 0 10px; font-size: 16px; }
.info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.info-grid span {
  min-height: 58px;
  padding: 10px;
  border-radius: 14px;
  color: rgba(255,255,255,.82);
  font-size: 12px;
  line-height: 1.45;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}
.info-grid b { display: block; margin-bottom: 4px; color: var(--weak); font-size: 10px; }
.judgement-card {
  padding: 12px;
  border-radius: 18px;
  background: rgba(240,248,255,.08);
  border: 1px solid rgba(130,210,255,.22);
  box-shadow: 0 0 22px rgba(80,180,255,.12);
}
.judgement-card p { margin: 0 0 8px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.judgement-card small { color: #bfeaff; font-size: 12px; }
.behavior-timeline { position: relative; margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.behavior-timeline::before { content: ""; position: absolute; left: 31px; top: 10px; bottom: 10px; width: 1px; background: linear-gradient(180deg, rgba(24,215,255,.65), transparent); }
.behavior-timeline li { position: relative; display: grid; grid-template-columns: 56px 1fr; gap: 10px; align-items: start; }
.behavior-timeline time { position: relative; z-index: 1; padding: 5px 0; border-radius: 999px; color: #bfeaff; font-size: 11px; text-align: center; background: rgba(24,215,255,.1); border: 1px solid rgba(24,215,255,.14); }
.behavior-timeline span { color: var(--muted); font-size: 12px; line-height: 1.55; }
.suggested-actions { margin: 0; padding: 12px 12px 12px 30px; border-radius: 18px; color: var(--muted); font-size: 13px; line-height: 1.65; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); }
.script-box { padding: 13px; border-radius: 18px; color: rgba(255,255,255,.82); font-size: 13px; line-height: 1.65; background: rgba(122,60,255,.13); border: 1px solid rgba(122,60,255,.22); }
.sheet-note { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.sheet-actions { position: sticky; z-index: 2; bottom: -18px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 18px -4px 0; padding: 12px 4px 4px; background: linear-gradient(180deg, transparent, rgba(10,14,35,.98) 24%); }
.sheet-actions .btn { min-height: 42px; }

.gallery-upload-sheet {
  max-height: 92vh;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.gallery-upload-form {
  position: relative;
  z-index: 1;
  padding: 2px 2px 4px;
}

.gallery-upload-form h2 { margin: 8px 40px 7px 0; font-size: 23px; }
.gallery-upload-form > p { margin: 0 40px 16px 0; color: var(--muted); font-size: 12px; line-height: 1.6; }

.gallery-upload-dropzone {
  position: relative;
  min-height: 148px;
  padding: 22px 16px;
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  background:
    radial-gradient(circle at 50% 0%, rgba(122,60,255,.2), transparent 48%),
    rgba(255,255,255,.04);
  border: 1px dashed rgba(177,146,255,.38);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: border-color .18s ease, background .18s ease;
}

.gallery-upload-dropzone:hover { border-color: rgba(177,146,255,.65); background-color: rgba(255,255,255,.06); }
.gallery-upload-dropzone:active { background-color: rgba(122,60,255,.09); }

.gallery-upload-dropzone input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.gallery-upload-dropzone > span {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, rgba(122,60,255,.86), rgba(47,125,255,.82));
  box-shadow: 0 0 25px rgba(122,60,255,.3);
  font-size: 26px;
  font-weight: 300;
}

.gallery-upload-dropzone strong { margin-top: 3px; font-size: 14px; }
.gallery-upload-dropzone small { color: var(--weak); font-size: 10px; }

.gallery-upload-preview {
  margin-top: 12px;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.04);
}

.gallery-upload-preview:empty { display: none; }
.gallery-upload-preview img { width: 100%; max-height: 260px; display: block; object-fit: contain; background: #070916; }
.gallery-upload-preview .gallery-upload-preview__meta { padding: 9px 11px; color: var(--weak); font-size: 10px; line-height: 1.4; }

.gallery-upload-fields {
  margin: 14px 0;
  display: grid;
  gap: 11px;
}

.gallery-upload-fields label { display: grid; gap: 7px; }
.gallery-upload-fields label > span { color: rgba(255,255,255,.8); font-size: 12px; font-weight: 800; }
.gallery-upload-fields label em { margin-left: 4px; color: var(--weak); font-size: 10px; font-style: normal; font-weight: 500; }

.gallery-upload-fields input {
  width: 100%;
  min-height: 48px;
  padding: 0 13px;
  border-radius: 15px;
  color: #fff;
  background: rgba(255,255,255,.065);
  border: 1px solid rgba(255,255,255,.11);
  transition: border-color .18s ease, box-shadow .18s ease;
}

.gallery-upload-fields input::placeholder { color: rgba(255,255,255,.3); }
.gallery-upload-fields input:focus { border-color: rgba(153,124,255,.55); box-shadow: 0 0 0 3px rgba(122,60,255,.1); }
.gallery-upload-save { min-height: 48px; margin-top: 2px; }

.modal-close {
  position: absolute;
  z-index: 2;
  right: 12px;
  top: 12px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255,255,255,.1);
  font-size: 24px;
}

.assessment-step { position: relative; z-index: 1; }
.assessment-step h2 { margin: 0 40px 8px 0; font-size: 22px; }
.assessment-step p { color: var(--muted); font-size: 13px; line-height: 1.6; }
#assessmentModal .modal-card { width: min(410px, 100%); padding: 20px; overflow-x: hidden; }
.assessment-entry-eyebrow {
  display: block;
  margin: 1px 42px 9px 0;
  color: #63dfff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
}
.assessment-entry-choice > h2 { margin-bottom: 7px; font-size: 23px; }
.assessment-mode-grid { display: grid; gap: 11px; margin: 18px 0 14px; }
.assessment-mode-card {
  width: 100%;
  min-height: 102px;
  padding: 14px 13px;
  border-radius: 20px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 12px;
  color: #fff;
  text-align: left;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.11);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.assessment-mode-card--quick {
  background: linear-gradient(135deg, rgba(112,53,255,.18), rgba(40,126,255,.12));
  border-color: rgba(116,123,255,.28);
}
.assessment-mode-card:active { transform: scale(.98); border-color: rgba(143,151,255,.55); }
.assessment-mode-card:focus-visible { outline: 2px solid rgba(99,223,255,.8); outline-offset: 2px; }
.assessment-mode-card > span:nth-child(2) { min-width: 0; display: grid; gap: 4px; }
.assessment-mode-card strong { font-size: 15px; }
.assessment-mode-card small { color: rgba(205,211,232,.68); font-size: 11px; line-height: 1.45; }
.assessment-mode-card em { color: rgba(117,226,255,.82); font-size: 9px; font-style: normal; font-weight: 800; }
.assessment-mode-card > b { color: rgba(255,255,255,.5); font-size: 28px; font-weight: 300; }
.assessment-mode-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(100,83,255,.16);
  border: 1px solid rgba(143,133,255,.24);
}
.assessment-mode-icon--guided { align-content: center; gap: 4px; }
.assessment-mode-icon--guided i { width: 22px; height: 3px; border-radius: 999px; background: rgba(255,255,255,.82); }
.assessment-mode-icon--guided i:nth-child(2) { width: 16px; margin-right: 6px; opacity: .72; }
.assessment-mode-icon--quick i {
  position: relative;
  width: 25px;
  height: 19px;
  border-radius: 9px;
  border: 2px solid rgba(255,255,255,.88);
}
.assessment-mode-icon--quick i::after {
  content: "";
  position: absolute;
  left: 4px;
  bottom: -6px;
  width: 7px;
  height: 7px;
  border-left: 2px solid rgba(255,255,255,.88);
  transform: skew(-28deg);
}
.assessment-mode-switch {
  min-height: 30px;
  margin: -2px 0 9px;
  padding: 0;
  color: rgba(177,191,222,.74);
  background: transparent;
  font-size: 11px;
  font-weight: 800;
}
.assessment-guided-toolbar {
  min-height: 32px;
  margin: -3px 40px 7px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.assessment-guided-toolbar .assessment-mode-switch { margin: 0; }
.assessment-guided-toolbar > span { color: rgba(111,220,255,.8); font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.assessment-quick-entry > h2 { margin-bottom: 7px; }
.assessment-quick-compose { position: relative; margin: 15px 0 10px; }
.assessment-quick-compose textarea {
  width: 100%;
  min-height: 150px;
  padding: 14px 14px 32px;
  border-radius: 18px;
  resize: vertical;
  color: #fff;
  background: rgba(255,255,255,.065);
  border: 1px solid rgba(255,255,255,.12);
  line-height: 1.65;
}
.assessment-quick-compose textarea:focus { border-color: rgba(128,116,255,.62); box-shadow: 0 0 0 3px rgba(107,79,255,.1); }
.assessment-quick-compose textarea::placeholder { color: rgba(190,198,222,.36); }
.assessment-quick-counter { position: absolute; right: 12px; bottom: 9px; color: rgba(170,182,210,.48); font-size: 9px; }
.assessment-voice-button {
  width: 100%;
  min-height: 56px;
  padding: 0 14px;
  border-radius: 18px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 46px;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.93);
  background: rgba(36,191,126,.095);
  border: 1px solid rgba(62,220,151,.25);
  font-size: 13px;
  font-weight: 900;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  transition: background .16s ease, border-color .16s ease, transform .16s ease;
}
.assessment-voice-button.is-listening {
  background: rgba(38,204,137,.2);
  border-color: rgba(71,239,168,.65);
  box-shadow: 0 0 28px rgba(40,213,144,.16);
  transform: scale(.985);
}
.assessment-voice-button.is-keyboard-fallback {
  touch-action: manipulation;
  color: rgba(240,243,255,.96);
  background: linear-gradient(135deg, rgba(92,73,224,.2), rgba(45,112,242,.16));
  border-color: rgba(121,141,255,.4);
}
.assessment-voice-button.is-keyboard-fallback:active { transform: scale(.985); }
.assessment-voice-button.is-keyboard-fallback .assessment-mic-icon { background: rgba(101,122,255,.18); }
.assessment-voice-button.is-keyboard-fallback .assessment-voice-wave { color: #90a2ff; opacity: .72; }
.assessment-mic-icon {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(59,219,151,.14);
}
.assessment-mic-icon i { width: 8px; height: 13px; border: 2px solid currentColor; border-radius: 6px; }
.assessment-mic-icon::before { content: ""; position: absolute; left: 10px; top: 14px; width: 12px; height: 9px; border: 2px solid currentColor; border-top: 0; border-radius: 0 0 8px 8px; }
.assessment-mic-icon::after { content: ""; position: absolute; left: 15px; top: 23px; width: 2px; height: 5px; background: currentColor; }
.assessment-voice-wave { height: 22px; display: flex; align-items: center; justify-content: flex-end; gap: 3px; opacity: .42; }
.assessment-voice-wave i { width: 3px; height: 7px; border-radius: 999px; background: currentColor; }
.assessment-voice-wave i:nth-child(2) { height: 14px; }
.assessment-voice-wave i:nth-child(3) { height: 20px; }
.assessment-voice-wave i:nth-child(4) { height: 11px; }
.assessment-voice-button.is-listening .assessment-voice-wave { opacity: 1; }
.assessment-voice-button.is-listening .assessment-voice-wave i { animation: assessmentVoiceWave .72s ease-in-out infinite alternate; }
.assessment-voice-button.is-listening .assessment-voice-wave i:nth-child(2) { animation-delay: -.18s; }
.assessment-voice-button.is-listening .assessment-voice-wave i:nth-child(3) { animation-delay: -.36s; }
.assessment-voice-status { min-height: 20px; margin: 7px 2px 10px !important; color: rgba(170,184,215,.64) !important; font-size: 10px !important; }
.assessment-quick-contact {
  width: 100%;
  min-height: 46px;
  padding: 0 13px;
  border-radius: 16px;
  color: #fff;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.1);
}
.assessment-quick-contact::placeholder { color: rgba(190,198,222,.35); }
.assessment-quick-actions { margin-top: 13px; }
.assessment-privacy { margin: 10px 0 0; padding: 9px 11px; border-radius: 12px; color: rgba(178,193,225,.66) !important; background: rgba(255,255,255,.035); font-size: 10px !important; }
.assessment-loading { min-height: 260px; display: grid; align-content: center; justify-items: center; text-align: center; }
.assessment-loader { width: 50px; height: 50px; margin-bottom: 18px; border-radius: 50%; border: 2px solid rgba(255,255,255,.1); border-top-color: #7b6cff; box-shadow: 0 0 26px rgba(90,99,255,.28); animation: assessmentSpin 1s linear infinite; }
.assessment-error { padding: 18px 0 4px; }
.field-grid { display: grid; gap: 11px; margin: 16px 0; }
.field-grid input, .field-grid textarea, .field-grid select {
  width: 100%;
  min-height: 46px;
  padding: 12px 13px;
  border-radius: 16px;
  color: #fff;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
}
.field-grid select { appearance: none; }
.field-grid textarea { min-height: 96px; resize: vertical; }
.manual-form { position: relative; z-index: 1; }
.manual-form h2 { margin: 8px 40px 12px 0; font-size: 22px; }
.option-grid { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.option-grid button { min-height: 34px; padding: 0 12px; border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); }
.option-grid button.selected { color: #fff; background: rgba(122,60,255,.32); border-color: rgba(122,60,255,.54); }
.assessment-resource-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.assessment-resource-option {
  min-width: 0;
  min-height: 62px;
  padding: 10px 11px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  color: rgba(225,231,248,.78);
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.09);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.35;
  text-align: left;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.assessment-resource-option i {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: transparent;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(175,186,225,.2);
  font-size: 12px;
  font-style: normal;
}
.assessment-resource-option.selected {
  color: #fff;
  background: linear-gradient(135deg, rgba(105,72,255,.24), rgba(48,124,231,.14));
  border-color: rgba(127,120,255,.46);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 8px 22px rgba(53,62,186,.16);
}
.assessment-resource-option.selected i {
  color: #071323;
  background: #72e9cb;
  border-color: rgba(114,233,203,.8);
  box-shadow: 0 0 14px rgba(114,233,203,.22);
}
.assessment-resource-option:active { transform: scale(.98); }
.assessment-resource-option:focus-visible { outline: 2px solid rgba(100,221,255,.72); outline-offset: 2px; }
.assessment-choice-hint {
  margin: 1px 2px 0 !important;
  color: rgba(181,194,225,.6) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.step-actions { display: flex; gap: 10px; }
.step-actions .btn { flex: 1; }
.score-ring { width: 150px; height: 150px; margin: 14px auto; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(177,92,255,.52); box-shadow: inset var(--shadow-a), var(--shadow-a); }
.score-ring b { font-size: 44px; }
.result-lines { display: grid; gap: 10px; margin: 16px 0; }
.result-lines div { padding: 12px; border-radius: 16px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); color: var(--muted); font-size: 13px; line-height: 1.55; }
.result-lines strong { color: #fff; }

#assessmentModal.is-report { padding: 8px; place-items: center; }
#assessmentModal.is-report .modal-card {
  width: min(430px, 100%);
  max-height: calc(100dvh - 16px);
  padding: 14px;
  border-radius: 26px;
  background: linear-gradient(165deg, rgba(7,11,28,.985), rgba(12,13,37,.985));
  border-color: rgba(129,132,255,.24);
  box-shadow: 0 28px 90px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.055);
}
#assessmentModal.is-report .modal-close { top: 15px; right: 15px; background: rgba(255,255,255,.07); }
.assessment-report-shell { display: grid; gap: 10px; }
.assessment-report-header {
  position: relative;
  overflow: hidden;
  padding: 16px 15px 13px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 90% 0, rgba(101,81,255,.25), transparent 46%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(53,59,134,.055));
  border: 1px solid rgba(151,158,255,.17);
}
.assessment-report-header::after {
  content: "";
  position: absolute;
  right: -38px;
  top: -42px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 1px solid rgba(116,230,255,.16);
  box-shadow: 0 0 0 22px rgba(108,77,255,.045), 0 0 0 46px rgba(108,77,255,.025);
}
.assessment-report-header .assessment-entry-eyebrow { margin-right: 42px; font-size: 10px; }
.assessment-report-header h2 { margin: 0 40px 5px 0; font-size: 24px; letter-spacing: -.02em; }
.assessment-report-header > p { max-width: 342px; margin: 0; color: rgba(205,214,240,.67); font-size: 12px; line-height: 1.65; }
.assessment-report-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; color: rgba(177,190,222,.62); font-size: 11px; }
.assessment-report-meta span { color: #8ce8ff; font-weight: 800; letter-spacing: .04em; }
.assessment-report-score {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 11px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(100,74,255,.11), rgba(39,125,255,.055));
  border: 1px solid rgba(122,127,255,.2);
}
.score-ring.score-ring--report {
  width: 72px;
  height: 72px;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle, rgba(120,93,255,.18), rgba(21,24,58,.38));
  border: 1.5px solid rgba(124,109,255,.62);
  box-shadow: 0 0 24px rgba(96,73,255,.15), inset 0 0 18px rgba(94,80,255,.08);
}
.score-ring.score-ring--report b { font-size: 27px; line-height: 1; }
.score-ring.score-ring--report small { margin-top: 3px; color: rgba(204,213,238,.55); font-size: 10px; }
.assessment-report-score-copy { min-width: 0; display: grid; justify-items: start; gap: 8px; }
.assessment-fit-badge { display: inline-flex; min-height: 28px; align-items: center; padding: 0 11px; border-radius: 999px; font-size: 12px; font-weight: 900; }
.assessment-fit-badge--high { color: #62f0c0; background: rgba(51,215,159,.12); border: 1px solid rgba(76,232,180,.28); }
.assessment-fit-badge--medium { color: #78dfff; background: rgba(58,180,235,.11); border: 1px solid rgba(90,205,255,.26); }
.assessment-fit-badge--needs-info { color: #ffcf88; background: rgba(232,161,54,.11); border: 1px solid rgba(255,191,94,.25); }
.assessment-fit-badge--low { color: #ff9ca9; background: rgba(225,81,107,.11); border: 1px solid rgba(255,110,135,.25); }
.assessment-report-score-copy > p { margin: 8px 0 9px; color: rgba(216,223,246,.68); font-size: 12px; line-height: 1.55; }
.assessment-channel-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.assessment-channel-chips span { padding: 5px 8px; border-radius: 999px; color: rgba(239,243,255,.9); background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.09); font-size: 11px; font-weight: 700; }
.assessment-report-sections { display: grid; gap: 8px; }
.assessment-report-section {
  padding: 13px;
  border-radius: 17px;
  background: rgba(255,255,255,.038);
  border: 1px solid rgba(255,255,255,.075);
}
.assessment-report-section--focus { background: linear-gradient(135deg, rgba(104,75,255,.105), rgba(65,107,224,.055)); border-color: rgba(139,126,255,.2); }
.assessment-report-section--value { background: linear-gradient(135deg, rgba(37,194,164,.1), rgba(47,125,255,.05)); border-color: rgba(92,231,202,.18); }
.assessment-report-section--value .assessment-report-label { color: #73ebcb; }
.assessment-report-section--plan { background: linear-gradient(135deg, rgba(58,121,235,.09), rgba(65,89,205,.045)); border-color: rgba(100,158,255,.17); }
.assessment-report-section--plan .assessment-report-label { color: #83b8ff; }
.assessment-report-section--growth { background: linear-gradient(135deg, rgba(93,81,255,.1), rgba(43,112,218,.055)); border-color: rgba(120,132,255,.2); }
.assessment-report-section--growth .assessment-report-label { color: #a99aff; }
.assessment-report-section--caution { background: rgba(212,142,44,.045); border-color: rgba(255,183,83,.13); }
.assessment-report-section--action { background: linear-gradient(135deg, rgba(42,207,151,.09), rgba(57,137,217,.055)); border-color: rgba(82,226,178,.18); }
.assessment-report-section--soft { background: rgba(105,122,183,.045); }
.assessment-report-label { display: block; margin-bottom: 7px; color: #7de5ff; font-size: 12px; font-weight: 900; letter-spacing: .03em; }
.assessment-report-section--caution .assessment-report-label { color: #ffc77d; }
.assessment-report-section--action .assessment-report-label { color: #6deabf; }
.assessment-report-section p { margin: 0; color: rgba(231,235,249,.84); font-size: 14px; line-height: 1.65; }
.assessment-report-section > strong { display: block; margin-bottom: 7px; color: #fff; font-size: 14px; line-height: 1.55; }
.assessment-report-section--action > strong { margin: 0; font-size: 15px; line-height: 1.65; }
.assessment-report-section ul { margin: 0; padding-left: 18px; color: rgba(231,235,249,.82); font-size: 14px; line-height: 1.6; }
.assessment-report-section li + li { margin-top: 4px; }
.assessment-report-stage {
  display: block;
  margin: -1px 0 7px;
  color: rgba(128,230,211,.68);
  font-size: 12px;
  line-height: 1.5;
}
.assessment-report-next {
  margin-top: 11px;
  padding: 11px 12px;
  border-radius: 13px;
  background: rgba(6,10,30,.44);
  border: 1px solid rgba(113,226,199,.16);
}
.assessment-report-next span { display: block; margin-bottom: 4px; color: #75e8c8; font-size: 12px; font-weight: 850; }
.assessment-report-next strong { display: block; color: #fff; font-size: 14px; line-height: 1.55; }
.assessment-report-readiness {
  border-radius: 15px;
  background: rgba(255,183,83,.035);
  border: 1px solid rgba(255,183,83,.12);
}
.assessment-report-readiness summary {
  min-height: 44px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: rgba(255,211,153,.82);
  cursor: pointer;
  list-style: none;
  font-size: 13px;
  font-weight: 800;
}
.assessment-report-readiness summary::-webkit-details-marker { display: none; }
.assessment-report-readiness summary b { min-width: 24px; height: 24px; display: grid; place-items: center; border-radius: 999px; background: rgba(255,190,94,.1); font-size: 11px; }
.assessment-report-readiness ul { margin: 0; padding: 0 16px 13px 30px; color: rgba(231,224,211,.74); font-size: 13px; line-height: 1.6; }
.assessment-appointment-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  padding: 14px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(90,63,255,.18), rgba(34,135,206,.11));
  border: 1px solid rgba(117,136,255,.27);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.assessment-appointment-card > span { width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center; color: #7ce6ff; background: rgba(74,190,228,.1); border: 1px solid rgba(87,218,255,.22); font-size: 20px; }
.assessment-appointment-card > div { min-width: 0; }
.assessment-appointment-card strong { display: block; color: #fff; font-size: 14px; }
.assessment-appointment-card p { margin: 5px 0 0; color: rgba(224,230,250,.75); font-size: 12px; line-height: 1.55; }
.assessment-appointment-card small { display: block; margin-top: 5px; color: rgba(186,198,229,.55); font-size: 11px; line-height: 1.5; }
.assessment-appointment-card .btn { grid-column: 1 / -1; min-height: 46px; margin-top: 2px; }
.assessment-appointment-card.is-open { background: linear-gradient(145deg, rgba(84,61,238,.2), rgba(27,117,185,.13)); }
.assessment-booking-form {
  grid-column: 1 / -1;
  display: grid;
  gap: 9px;
  margin-top: 3px;
  padding-top: 12px;
  border-top: 1px solid rgba(154,170,255,.14);
}
.assessment-booking-form input,
.assessment-booking-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 12px 13px;
  color: #f7f9ff;
  background: rgba(4,8,24,.52);
  border: 1px solid rgba(142,160,238,.18);
  border-radius: 13px;
  outline: none;
  font: 600 13px/1.5 inherit;
  box-sizing: border-box;
}
.assessment-booking-form textarea { min-height: 82px; resize: vertical; }
.assessment-booking-form input::placeholder,
.assessment-booking-form textarea::placeholder { color: rgba(190,201,229,.52); }
.assessment-booking-form input:focus,
.assessment-booking-form textarea:focus { border-color: rgba(103,218,255,.48); box-shadow: 0 0 0 3px rgba(69,169,255,.08); }
.assessment-booking-form > p { margin: 1px 2px 0; color: rgba(199,211,240,.68); font-size: 12px; line-height: 1.6; }
.assessment-booking-form .btn { width: 100%; margin-top: 1px; }
.assessment-booking-error { padding: 9px 11px; color: #ffc0c8; background: rgba(225,73,105,.1); border: 1px solid rgba(255,112,139,.18); border-radius: 11px; font-size: 12px; line-height: 1.5; }
.assessment-appointment-card.is-success { background: linear-gradient(135deg, rgba(35,181,134,.16), rgba(42,111,183,.1)); border-color: rgba(80,226,179,.27); }
.assessment-appointment-card.is-success > span { color: #6ef0bd; background: rgba(54,208,157,.1); border-color: rgba(80,230,181,.24); }
.assessment-appointment-card.is-success small { color: #72e7c0; font-weight: 800; letter-spacing: .03em; }
.assessment-report-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.assessment-report-actions .btn { min-height: 44px; font-size: 13px; }
.assessment-report-followups { padding: 13px; border-radius: 18px; background: rgba(255,255,255,.028); border: 1px solid rgba(255,255,255,.07); }
.assessment-report-followups > span { color: rgba(216,224,247,.72); font-size: 12px; font-weight: 800; }
.assessment-report-followups .assessment-suggestions { margin-top: 9px; }
.assessment-report-followups .assessment-suggestions button { min-height: 40px; font-size: 12px; }
.assessment-report-footer { padding-top: 2px; }
.assessment-report-footer .btn { min-height: 42px; color: rgba(222,229,249,.76); background: rgba(255,255,255,.035); }

@keyframes assessmentVoiceWave {
  from { transform: scaleY(.52); opacity: .55; }
  to { transform: scaleY(1.08); opacity: 1; }
}

@media (max-width: 360px) {
  #assessmentModal.modal { padding: 14px; }
  #assessmentModal .modal-card { padding: 17px; }
  .assessment-mode-card { grid-template-columns: 44px minmax(0, 1fr) 12px; gap: 9px; padding: 12px 10px; }
  .assessment-mode-icon { width: 44px; height: 44px; }
  .assessment-quick-compose textarea { min-height: 132px; }
  #assessmentModal.is-report { padding: 5px; }
  #assessmentModal.is-report .modal-card { max-height: calc(100dvh - 10px); padding: 11px; border-radius: 22px; }
  .assessment-report-header { padding: 16px 13px 13px; }
  .assessment-report-score { grid-template-columns: 70px minmax(0, 1fr); gap: 10px; padding: 10px; }
  .score-ring.score-ring--report { width: 66px; height: 66px; }
  .score-ring.score-ring--report b { font-size: 25px; }
  .assessment-report-section { padding: 13px; }
}

.contact-modal h2,
.info-modal h2 {
  position: relative;
  z-index: 1;
  margin: 0 40px 14px 0;
  font-size: 22px;
}

.contact-modal p,
.info-modal p,
.info-list {
  position: relative;
  z-index: 1;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
}

.qr-frame {
  position: relative;
  z-index: 1;
  width: 190px;
  height: 190px;
  margin: 10px auto 14px;
  padding: 12px;
  border-radius: 24px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(122,60,255,.34);
  box-shadow: var(--shadow-a);
}

.qr-frame img { width: 100%; height: 100%; border-radius: 16px; object-fit: cover; }
.phone-value { position: relative; z-index: 1; margin: 14px 0 18px; padding: 16px; border-radius: 18px; text-align: center; color: #fff; font-size: 18px; font-weight: 900; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); }
.info-list { margin: 0 0 18px; padding-left: 18px; }
.info-list li { margin: 8px 0; }

.image-preview-card { position: relative; width: min(390px, 100%); }
.image-preview-card img { width: 100%; max-height: 76vh; display: block; border-radius: 22px; object-fit: contain; background: #050610; }
.preview-title {
  margin-top: 10px;
  padding: 0 8px;
  color: rgba(255,255,255,.92);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
  text-align: center;
}
.preview-title:empty { display: none; }
.toast { position: fixed; z-index: 200; left: 50%; bottom: 110px; transform: translateX(-50%); padding: 10px 14px; border-radius: 999px; color: #fff; background: rgba(10,14,35,.92); border: 1px solid rgba(255,255,255,.16); box-shadow: var(--shadow-a); font-size: 13px; }

.fade-up { animation: fadeUp .6s ease both; }
@keyframes fadeUp { from { transform: translateY(18px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes breathe { 0%,100% { box-shadow: 0 0 18px rgba(122,60,255,.34); } 50% { box-shadow: 0 0 34px rgba(47,125,255,.38); } }
@keyframes slowRotate { from { transform: rotate(0); } to { transform: rotate(360deg); } }
@keyframes floatParticle { 0%,100% { transform: translate3d(0,0,0); opacity: .32; } 50% { transform: translate3d(12px,-24px,0); opacity: .9; } }
@keyframes shake { 0%,100% { transform: translateX(0); } 30% { transform: translateX(-7px); } 65% { transform: translateX(7px); } }
@keyframes modalUp { from { transform: translateY(16px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes sheetUp { from { transform: translateY(24px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes aiCoreFloat { 0%,100% { transform: scale(1.03) translateY(0); filter: saturate(1.06); } 50% { transform: scale(1.055) translateY(-5px); filter: saturate(1.18) brightness(1.08); } }
@keyframes aiCorePulse { 0%,100% { opacity: .32; transform: translateX(-8px); } 50% { opacity: .6; transform: translateX(8px); } }
@keyframes geoSignal { 0%,100% { opacity: .46; transform: scale(.72); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes geoScan { 0%,100% { transform: translateY(0); opacity: .35; } 50% { transform: translateY(34px); opacity: 1; } }
@keyframes assessmentSpin { to { transform: rotate(360deg); } }
@keyframes assessment-border-flow { to { --assessment-border-angle: 360deg; } }
@media (prefers-reduced-motion: reduce) {
  .credibility-stack,
  .credibility-stack__body,
  .credibility-stack__mark,
  .credibility-stack__action svg { transition: none !important; }
  .geo-orbit::after,
  .geo-scan-mark i,
  .assessment-report-cta,
  .assessment-report-cta::before,
  .assessment-panel::after,
  .resource-graph-editor-status[data-state="saving"] i { animation: none; }
  [data-about-reveal] { opacity: 1; transform: none; transition: none; }
  .about-chapter-nav button::after { transition: none; }
}

@media (max-width: 480px) {
  .profile-setting-grid { grid-template-columns: 1fr; }
  .profile-setting-grid label { grid-column: 1; }
  .profile-qr-upload { grid-template-columns: 96px minmax(0, 1fr); gap: 11px; padding: 10px; }
  .profile-save-dock { grid-template-columns: 1fr; }
  .profile-save-dock > .btn { width: 100%; }
  .resource-map-stage { height: 476px; }
  .resource-map-toolbar { left: 8px; right: 8px; }
  .resource-node-detail { left: 8px; right: 8px; bottom: 8px; }
}

@media (max-width: 374px) {
  .profile-qr-upload { grid-template-columns: 1fr; }
  .profile-qr-preview { width: 116px; margin: 0 auto; }
  .hero-copy h1 { font-size: 30px; }
  .value-dashboard { grid-template-columns: repeat(2, 1fr); }
  .film-title { gap: 9px; }
  .film-title h2 { font-size: 23px; }
  .film-title h2 span { font-size: 20px; }
  .gallery-entry { min-width: 64px; min-height: 34px; padding: 0 8px 0 10px; }
  .gallery-space-head { padding: 19px 15px 17px; }
  .gallery-space-heading { gap: 9px; }
  .gallery-space-heading h1 { font-size: 26px; }
  .gallery-manager-head { align-items: stretch; flex-direction: column; }
  .gallery-manager-head p { max-width: none; }
  .gallery-upload-trigger { width: 100%; }
  .resource-graph-manager-head { align-items: stretch; flex-direction: column; }
  .resource-graph-manager-head p { max-width: none; }
  .resource-graph-save-top { width: 100%; }
  .resource-graph-editor-status { padding-left: 12px; }
  .resource-graph-editor-status > button { padding: 0 9px; }
  .resource-graph-editor-tabs { gap: 6px; }
  .resource-graph-editor-tab { min-height: 80px; padding: 10px 7px 8px; border-radius: 16px; }
  .resource-graph-editor-tab::before { top: auto; right: 7px; bottom: 6px; left: 8px; width: auto; }
  .resource-graph-editor-tab > b { top: 10px; left: 8px; }
  .resource-graph-editor-tab > i { top: 7px; right: 7px; width: 20px; height: 20px; }
  .resource-graph-editor-tab strong { font-size: 12px; }
  .resource-graph-editor-tab span,
  .resource-graph-editor-tab small,
  .resource-graph-editor-tab em { font-size: 8px; }
  .resource-graph-editor-panel { padding: 12px; border-radius: 21px; }
  .resource-graph-editor-panel-head { flex-direction: column; gap: 8px; }
  .resource-graph-editor-panel-head > em { max-width: none; text-align: left; }
  .resource-graph-field-grid { grid-template-columns: 1fr; }
  .resource-graph-field { grid-column: 1 / -1; }
  .resource-graph-editor-section { padding: 11px; }
  .resource-graph-editor-row { grid-template-columns: 1fr; }
  .resource-graph-editor-row-head,
  .resource-graph-editor-row-fields,
  .resource-graph-editor-row-actions { grid-column: 1; }
  .resource-graph-editor-row-actions { justify-content: flex-end; }
  .resource-graph-mini-button { width: 36px; height: 36px; }
  .knowledge-head { align-items: stretch; flex-direction: column; }
  .knowledge-head p { max-width: none; }
  .knowledge-upload-trigger { width: 100%; }
  .knowledge-stats { grid-template-columns: repeat(2, 1fr); }
  .knowledge-hub-head { display: grid; }
  .knowledge-quick-upload { width: 100%; }
  .knowledge-file-row { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 8px; padding: 10px; }
  .knowledge-file-row > .knowledge-file-type { width: 44px; height: 44px; border-radius: 13px; }
  .knowledge-file-copy h3 { font-size: 13px; }
  .gallery-admin-card { grid-template-columns: 88px minmax(0, 1fr); gap: 11px; }
  .gallery-admin-card > img,
  .gallery-admin-card__thumb { width: 88px; height: 88px; }
  .pipeline-card {
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 11px;
    padding: 12px;
  }
  .pipeline-card__image { width: 108px; height: 108px; border-radius: 18px; }
  .pipeline-card__number { font-size: 49px; }
  .pipeline-card__content h3 { font-size: 18px; }
  .pipeline-card__content p { font-size: 11px; }
  .pipeline-card__tags { gap: 3px; }
  .pipeline-card__tags span { height: 25px; padding: 0 3px; font-size: 9px; }
  .pipeline-card__button { width: 62px; height: 32px; padding: 0 7px 0 5px; font-size: 12px; }
  .pipeline-card__button i { width: 21px; height: 21px; }
  .resource-constellation__heading { align-items: center; }
  .resource-constellation__heading h2 { font-size: 24px; }
  .resource-map-shell { padding: 0 0 8px; }
  .resource-map-stage { height: 452px; border-radius: 19px 19px 0 0; }
  .resource-map-toolbar { left: 8px; right: 8px; }
  .resource-map-toolbar > span b { max-width: 116px; }
  .resource-map-toolbar button { min-width: 29px; width: 29px; padding: 0; }
  .resource-graph-legend { gap: 5px; }
  .resource-graph-legend button { min-height: 29px; padding: 0 9px; gap: 4px; font-size: 8.5px; }
  .geo-workshop__heading { align-items: flex-start; }
  .geo-workshop__heading h2 { font-size: 24px; }
  .geo-status-pill { min-height: 30px; padding: 0 8px; }
  .geo-status-pill b { font-size: 9px; }
  .geo-console { padding: 14px; }
  .geo-intro { grid-template-columns: 72px minmax(0, 1fr); gap: 11px; }
  .geo-orbit { width: 72px; height: 72px; }
  .geo-intro__copy h3 { font-size: 17px; }
  .geo-intro__copy p { font-size: 10px; }
  .geo-source-grid { gap: 6px; }
  .geo-source-card { min-height: 94px; padding: 10px 7px; }
  .geo-source-card > strong { font-size: 10px; }
  .geo-source-count > strong { font-size: 22px; }
  .geo-source-card small { font-size: 8px; }
  .geo-empty-state { grid-template-columns: 50px minmax(0, 1fr); gap: 10px; padding: 12px; }
  .geo-scan-mark { width: 50px; height: 50px; }
  .geo-scan-mark::before { inset: 12px; }
  .geo-scan-mark::after { inset: 18px; }
  #home .geo-console--compact { padding: 12px; }
  #home .geo-console--compact .geo-intro { grid-template-columns: 58px minmax(0, 1fr); gap: 9px; }
  #home .geo-console--compact .geo-orbit { width: 58px; height: 58px; }
  #home .geo-console--compact .geo-intro__copy h3 { font-size: 15px; }
  #home .geo-source-grid--compact .geo-source-card { min-height: 64px; padding: 8px 6px; }
}

/* 合作管道在手机端使用“路径编号 + 完整价值说明”的紧凑信息卡。
   旧版大号编号会挤压长标题与说明，这里保留视觉识别但不再牺牲可读性。 */
@media (max-width: 430px) {
  .pipeline-list { gap: 14px; }
  .pipeline-card {
    min-height: 178px;
    padding: 13px;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    border-radius: 22px;
  }
  .pipeline-card__image {
    width: 96px;
    height: 132px;
    border-radius: 18px;
  }
  .pipeline-card:not(.is-featured) .pipeline-card__image img {
    transform: scale(1.08) translateY(-3px);
  }
  .pipeline-card__number {
    width: fit-content;
    margin: 0 0 7px;
    padding: 4px 7px;
    border-radius: 999px;
    color: #8ee8ff;
    background: rgba(63, 201, 255, .09);
    border: 1px solid rgba(79, 216, 255, .2);
    font-family: inherit;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .12em;
    opacity: 1;
    -webkit-text-fill-color: currentColor;
    text-shadow: none;
  }
  .pipeline-card__content h3 {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1.24;
  }
  .pipeline-card__content p {
    color: rgba(255, 255, 255, .58);
    font-size: 10.5px;
    line-height: 1.48;
    -webkit-line-clamp: 3;
  }
  .pipeline-card__bottom {
    margin-top: 9px;
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 5px;
  }
  .pipeline-card__tags { gap: 3px; }
  .pipeline-card__tags span {
    height: 23px;
    padding: 0 2px;
    font-size: 8px;
  }
  .pipeline-card__button {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 50%;
  }
  .pipeline-card__button span { display: none; }
  .pipeline-card__button i {
    width: 24px;
    height: 24px;
  }
}

/* Readability pass: keep the mobile composition while removing sub-10px body copy. */
.core-profile h3{font-size:max(13px,1em)}.core-profile p{font-size:12px;line-height:1.65}.core-tags span{font-size:10px}.value-card strong{font-size:12px}.value-card small{font-size:11px;line-height:1.45}.pipeline-card__content>p{font-size:12px;line-height:1.55}.pipeline-card__tags span{font-size:10px}.assessment-copy>p{font-size:12px;line-height:1.55}.assessment-copy .metrics em{font-size:10px}.faq-q{font-size:13px}.faq-a{font-size:12px;line-height:1.65}.resource-map-toolbar>span b{font-size:10px}.geo-intro__copy>p,.geo-hub-section__head>p,.geo-article-summary>p,.geo-governance p{font-size:11px;line-height:1.6}.bottom-nav button,.bottom-nav-label{font-size:11px}
.builder-preview-status {
  position: fixed;
  top: 76px;
  left: 50%;
  z-index: 10050;
  max-width: calc(100% - 36px);
  padding: 9px 14px;
  border: 1px solid rgba(119, 255, 218, 0.34);
  border-radius: 999px;
  color: #dffff6;
  background: rgba(5, 13, 29, 0.92);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.32);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -8px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.builder-preview-status[data-tone="hidden"] {
  border-color: rgba(255, 190, 115, 0.42);
  color: #ffe4bf;
}

.builder-preview-status.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

[data-lounge-module][hidden] {
  display: none !important;
}

/* Knowledge OS — a compact training loop shared by files, agents and business context. */
.knowledge-os-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 20px;
  border-color: rgba(143, 177, 255, .25);
  background:
    radial-gradient(circle at 48% 31%, rgba(86, 102, 255, .16), transparent 30%),
    radial-gradient(circle at 102% 0%, rgba(58, 226, 255, .10), transparent 35%),
    linear-gradient(150deg, rgba(20, 24, 62, .97), rgba(6, 10, 28, .97));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 24px 60px rgba(0,0,0,.28);
}
.knowledge-os-radiance { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.knowledge-os-radiance::before {
  content: "";
  position: absolute;
  inset: -55%;
  background: conic-gradient(from 0deg, transparent 0 35%, rgba(255,255,255,.34) 42%, transparent 48% 83%, rgba(110,231,255,.22) 90%, transparent 96%);
  animation: knowledge-os-turn 14s linear infinite;
}
.knowledge-os-radiance::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: linear-gradient(150deg, rgba(16,21,52,.98), rgba(6,9,25,.98));
}
.knowledge-os-radiance i { position: absolute; z-index: 1; width: 3px; height: 3px; border-radius: 50%; background: #fff; box-shadow: 0 0 13px 3px rgba(128,207,255,.5); opacity: .7; }
.knowledge-os-radiance i:nth-child(1) { top: 18%; left: 7%; }
.knowledge-os-radiance i:nth-child(2) { top: 43%; right: 9%; animation-delay: -2s; }
.knowledge-os-radiance i:nth-child(3) { bottom: 13%; left: 33%; animation-delay: -4s; }
.knowledge-os-card .knowledge-hub-head { align-items: center; }
.knowledge-os-card .knowledge-hub-head span { font-size: 10px; }
.knowledge-os-card .knowledge-hub-head h2 { margin-top: 7px; font-size: 24px; letter-spacing: -.03em; }
.knowledge-os-card .knowledge-hub-head p { max-width: 300px; color: rgba(224,230,255,.68); font-size: 12px; }
.knowledge-trainer-open {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid rgba(137,170,255,.3);
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, rgba(112,59,255,.9), rgba(45,117,255,.78));
  box-shadow: 0 10px 28px rgba(61,72,255,.24);
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}
.knowledge-trainer-open span { margin-left: 4px; color: #fff !important; font-size: 14px !important; letter-spacing: 0 !important; }
.knowledge-os-flow {
  position: relative;
  z-index: 2;
  height: 218px;
  margin-top: 18px;
  border: 1px solid rgba(128,163,255,.12);
  border-radius: 22px;
  overflow: hidden;
  background:
    linear-gradient(rgba(112,146,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(112,146,255,.06) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, rgba(83,67,255,.20), rgba(4,9,25,.3) 56%);
  background-size: 24px 24px, 24px 24px, auto;
}
.knowledge-os-flow::before,
.knowledge-os-flow::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 178px;
  height: 178px;
  border: 1px solid rgba(116,160,255,.16);
  border-radius: 50%;
  transform: translate(-50%,-50%);
}
.knowledge-os-flow::after { width: 126px; height: 126px; border-style: dashed; animation: knowledge-os-turn 24s linear infinite reverse; }
.knowledge-os-core {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 92px;
  height: 92px;
  display: grid;
  place-content: center;
  text-align: center;
  border: 1px solid rgba(139,190,255,.42);
  border-radius: 50%;
  transform: translate(-50%,-50%);
  background: radial-gradient(circle at 35% 30%, rgba(103,101,255,.38), rgba(7,13,34,.98) 66%);
  box-shadow: 0 0 0 8px rgba(102,93,255,.06), 0 0 42px rgba(72,97,255,.33), inset 0 0 24px rgba(109,217,255,.12);
}
.knowledge-os-core i { position: absolute; top: 12px; right: 15px; width: 7px; height: 7px; border-radius: 50%; background: #70f6d3; box-shadow: 0 0 13px #70f6d3; }
.knowledge-os-core strong { color: #fff; font-size: 10px; line-height: 1.25; letter-spacing: .12em; }
.knowledge-os-core small { margin-top: 5px; color: #87dcff; font-size: 9px; }
.knowledge-os-rail {
  position: absolute;
  z-index: 3;
  width: 94px;
  min-height: 46px;
  padding: 7px 9px;
  display: grid;
  align-content: center;
  border: 1px solid rgba(134,170,255,.17);
  border-radius: 13px;
  background: rgba(10,15,39,.86);
  box-shadow: 0 8px 20px rgba(0,0,0,.2);
}
.knowledge-os-rail::after { content: ""; position: absolute; top: 50%; width: 42px; border-top: 1px dashed rgba(116,179,255,.28); }
.knowledge-os-rail span { color: #fff; font-size: 11px; font-weight: 800; }
.knowledge-os-rail b { margin-top: 3px; color: rgba(172,193,236,.55); font-size: 9px; font-weight: 600; }
.knowledge-os-rail--twin { top: 20px; left: 15px; }
.knowledge-os-rail--agents { top: 20px; right: 15px; }
.knowledge-os-rail--business { bottom: 20px; left: 15px; }
.knowledge-os-rail--chat { right: 15px; bottom: 20px; }
.knowledge-os-rail--twin::after,
.knowledge-os-rail--business::after { left: 100%; transform: rotate(22deg); transform-origin: left; }
.knowledge-os-rail--agents::after,
.knowledge-os-rail--chat::after { right: 100%; transform: rotate(-22deg); transform-origin: right; }
.knowledge-os-rail--business::after,
.knowledge-os-rail--chat::after { transform: rotate(-22deg); }
.knowledge-os-rail--chat::after { transform: rotate(22deg); }
.knowledge-os-card .knowledge-hub-stats { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 6px; margin-top: 10px; }
.knowledge-os-card .knowledge-hub-stats > div { padding: 10px 5px; text-align: center; }
.knowledge-os-card .knowledge-hub-stats b { font-size: 16px; }
.knowledge-os-card .knowledge-hub-stats span { font-size: 9px; line-height: 1.3; }
.knowledge-os-actions { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 10px; }
.knowledge-os-actions button { min-width: 0; min-height: 60px; padding: 9px 7px; display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; gap: 7px; border: 1px solid rgba(132,164,255,.14); border-radius: 15px; color: #fff; text-align: left; background: rgba(255,255,255,.04); }
.knowledge-os-actions button > i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 10px; color: #9eeeff; font-size: 10px; font-style: normal; font-weight: 900; background: rgba(61,108,255,.16); }
.knowledge-os-actions button span { min-width: 0; }
.knowledge-os-actions strong { display: block; font-size: 10px; white-space: nowrap; }
.knowledge-os-actions small { display: block; margin-top: 3px; overflow: hidden; color: rgba(196,207,236,.46); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }

.knowledge-training-cockpit { position: relative; margin-top: 15px; padding: 16px; overflow: hidden; border-color: rgba(118,157,255,.22); background: linear-gradient(155deg, rgba(18,23,58,.96), rgba(6,10,28,.96)); }
.knowledge-training-head { position: relative; z-index: 2; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.knowledge-training-head span:first-child { color: #73dfff; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.knowledge-training-head h2 { margin: 6px 0 0; max-width: 290px; font-size: 20px; line-height: 1.3; }
.knowledge-training-live { flex: 0 0 auto; min-height: 28px; padding: 0 8px; display: inline-flex; align-items: center; gap: 5px; border: 1px solid rgba(88,255,202,.16); border-radius: 999px; color: #8fffd2; font-size: 9px; }
.knowledge-training-live i { width: 5px; height: 5px; border-radius: 50%; background: #6df4c7; box-shadow: 0 0 9px #6df4c7; }
.knowledge-graph-board { position: relative; height: 300px; margin-top: 14px; overflow: hidden; border: 1px solid rgba(121,157,255,.14); border-radius: 22px; background: radial-gradient(circle at 50% 50%, rgba(85,75,255,.18), transparent 37%), rgba(3,8,23,.55); }
.knowledge-graph-board::before { content: ""; position: absolute; inset: 0; opacity: .45; background-image: radial-gradient(circle, rgba(130,163,255,.32) 1px, transparent 1.2px); background-size: 18px 18px; }
.knowledge-graph-board svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.knowledge-graph-lines line { stroke: rgba(111,187,255,.34); stroke-width: 1.2; stroke-dasharray: 3 6; animation: knowledge-line-flow 9s linear infinite; }
.knowledge-graph-orbit { fill: none; stroke: rgba(121,146,255,.16); stroke-width: 1; stroke-dasharray: 2 6; }
.knowledge-graph-orbit--outer { stroke: rgba(121,196,255,.1); }
.knowledge-graph-core { position: absolute; left: 50%; top: 50%; z-index: 3; width: 94px; height: 94px; padding: 0; display: grid; place-content: center; border: 1px solid rgba(132,186,255,.5); border-radius: 50%; color: #fff; transform: translate(-50%,-50%); background: radial-gradient(circle at 35% 25%, rgba(104,94,255,.58), rgba(8,14,36,.98) 65%); box-shadow: 0 0 0 9px rgba(87,93,255,.07), 0 0 45px rgba(76,94,255,.35); }
.knowledge-graph-core i { position: absolute; top: 12px; right: 14px; width: 7px; height: 7px; border-radius: 50%; background: #6df4c7; box-shadow: 0 0 11px #6df4c7; }
.knowledge-graph-core strong { font-size: 12px; }
.knowledge-graph-core small { margin-top: 5px; color: rgba(192,213,255,.62); font-size: 9px; }
.knowledge-graph-node { position: absolute; left: var(--node-x); top: var(--node-y); z-index: 3; min-width: 70px; min-height: 39px; padding: 6px 8px; display: grid; border: 1px solid rgba(125,162,255,.2); border-radius: 12px; color: #fff; transform: translate(-50%,-50%); background: rgba(10,16,39,.92); box-shadow: 0 8px 18px rgba(0,0,0,.22); animation: knowledge-node-float 5s ease-in-out var(--node-delay) infinite; }
.knowledge-graph-node strong { font-size: 10px; }
.knowledge-graph-node small { margin-top: 3px; color: #7edfff; font-size: 8px; }
.knowledge-graph-node.active { border-color: rgba(109,244,199,.66); box-shadow: 0 0 22px rgba(83,219,196,.18); }
.knowledge-graph-pulse { position: absolute; z-index: 2; width: 4px; height: 4px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px #7bc9ff; animation: knowledge-pulse-travel 7s linear infinite; }
.knowledge-graph-pulse--one { left: 22%; top: 24%; }
.knowledge-graph-pulse--two { right: 19%; top: 36%; animation-delay: -2.3s; }
.knowledge-graph-pulse--three { left: 29%; bottom: 19%; animation-delay: -4.6s; }
.knowledge-system-links { display: grid; gap: 7px; margin-top: 10px; }
.knowledge-system-links > div { min-height: 50px; padding: 8px 10px; display: grid; grid-template-columns: 8px minmax(0,1fr) auto; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: rgba(255,255,255,.035); }
.knowledge-system-links > div > i { width: 6px; height: 6px; border-radius: 50%; background: #67f0c4; box-shadow: 0 0 9px rgba(103,240,196,.62); }
.knowledge-system-links span { min-width: 0; }
.knowledge-system-links strong { display: block; font-size: 11px; }
.knowledge-system-links small { display: block; margin-top: 3px; color: rgba(202,213,240,.5); font-size: 9px; }
.knowledge-system-links b { color: #91f4d1; font-size: 9px; font-weight: 750; }
.knowledge-training-actions { display: grid; gap: 8px; margin-top: 12px; }
.knowledge-training-actions button { min-height: 60px; padding: 9px 11px; display: grid; grid-template-columns: 31px minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px solid rgba(126,158,255,.14); border-radius: 16px; color: #fff; text-align: left; background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(74,74,255,.055)); }
.knowledge-training-actions button > b { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; color: #8ce7ff; background: rgba(56,116,255,.14); font-size: 9px; }
.knowledge-training-actions span { min-width: 0; }
.knowledge-training-actions strong { display: block; font-size: 12px; }
.knowledge-training-actions small { display: block; margin-top: 3px; color: rgba(202,213,240,.51); font-size: 10px; }
.knowledge-training-actions button > i { color: #8ccfff; font-size: 14px; font-style: normal; }
.agent-card--knowledge { border-color: rgba(128,116,255,.38); background: radial-gradient(circle at 86% 0%, rgba(105,73,255,.26), transparent 42%), linear-gradient(145deg, rgba(29,23,73,.96), rgba(9,12,34,.97)); box-shadow: 0 18px 48px rgba(38,31,133,.24), inset 0 1px 0 rgba(255,255,255,.06); }
.agent-card--knowledge .agent-tagline { color: #b9abff; }
.knowledge-save-output { color: #dffef4 !important; border-color: rgba(94,242,194,.25) !important; background: rgba(56,191,157,.11) !important; }

@keyframes knowledge-os-turn { to { transform: rotate(360deg); } }
@keyframes knowledge-line-flow { to { stroke-dashoffset: -90; } }
@keyframes knowledge-node-float { 0%,100% { margin-top: -2px; } 50% { margin-top: 2px; } }
@keyframes knowledge-pulse-travel { 0%,100% { opacity: .2; transform: scale(.7); } 50% { opacity: 1; transform: scale(1.7); } }

@media (max-width: 430px) {
  .knowledge-os-card { padding: 16px; }
  .knowledge-os-card .knowledge-hub-head h2 { font-size: 21px; }
  .knowledge-trainer-open { padding: 0 10px; font-size: 10px; }
  .knowledge-os-flow { height: 205px; }
  .knowledge-os-rail { width: 84px; padding: 6px 7px; }
  .knowledge-os-rail--twin,.knowledge-os-rail--business { left: 9px; }
  .knowledge-os-rail--agents,.knowledge-os-rail--chat { right: 9px; }
  .knowledge-os-actions button { grid-template-columns: 24px minmax(0,1fr); padding: 8px 5px; gap: 5px; }
  .knowledge-os-actions button > i { width: 24px; height: 24px; }
  .knowledge-os-actions small { display: none; }
  .knowledge-training-cockpit { padding: 13px; }
  .knowledge-training-head h2 { font-size: 18px; }
  .knowledge-graph-board { height: 276px; }
  .knowledge-graph-node { min-width: 62px; padding: 6px; }
  .knowledge-graph-node strong { font-size: 9px; }
}

@media (prefers-reduced-motion: reduce) {
  .knowledge-os-radiance::before,
  .knowledge-os-flow::after,
  .knowledge-graph-lines line,
  .knowledge-graph-node,
  .knowledge-graph-pulse { animation: none !important; }
}

/* Compact Knowledge OS entry inside the backend identity dashboard. */
.backend-knowledge-entry-shell {
  position: relative;
  grid-column: span 2;
  min-width: 0;
  min-height: 68px;
  padding: 1px;
  overflow: hidden;
  border-radius: 15px;
  background: rgba(255,255,255,.08);
  box-shadow: 0 8px 24px rgba(52,44,195,.18), inset 0 1px 0 rgba(255,255,255,.08);
}
.backend-knowledge-entry {
  position: absolute;
  inset: 1px;
  z-index: 1;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  padding: 9px 10px 9px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-radius: 14px;
  color: #fff;
  text-align: left;
  background:
    radial-gradient(circle at 85% 12%, rgba(116,87,255,.42), transparent 42%),
    linear-gradient(135deg, rgba(42,33,112,.98), rgba(13,18,53,.98));
}
.backend-knowledge-entry-copy { min-width: 0; display: grid; justify-items: start; }
.backend-knowledge-entry-copy > em { color: #8be8ff; font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: .13em; }
.backend-knowledge-entry-copy > strong { margin-top: 3px; overflow: hidden; font-size: 13px; line-height: 1.18; text-overflow: ellipsis; white-space: nowrap; }
.backend-knowledge-entry-copy > small { margin-top: 4px; color: rgba(221,226,255,.62); font-size: 9px; }
.backend-knowledge-entry-copy > small i { margin-left: 3px; color: #fff; font-size: 13px; font-style: normal; }
.backend-knowledge-entry-icon { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; color: rgba(255,255,255,.9); background: rgba(5,9,28,.42); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.backend-knowledge-entry-icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.backend-knowledge-entry-shell:has(.backend-knowledge-entry:hover) { box-shadow: 0 12px 30px rgba(69,55,225,.3), 0 0 24px rgba(255,255,255,.09); }
.agent-chat-head-actions { position: relative; z-index: 2; flex: 0 0 auto; display: flex; align-items: center; gap: 5px; }
.agent-chat-head-actions > button { min-width: 42px; min-height: 32px; padding: 0 8px; border: 1px solid rgba(129,151,255,.24); border-radius: 999px; color: rgba(230,235,255,.84); background: rgba(80,93,170,.12); font-size: 10px; font-weight: 700; }
.agent-chat-head-actions .poster-history-trigger { min-width: 42px; min-height: 32px; padding: 0 8px; font-size: 10px; }

@media (max-width: 430px) {
  .backend-stats { gap: 6px; }
  .backend-stat { padding-inline: 3px; }
  .backend-knowledge-entry { padding-left: 9px; }
  .backend-knowledge-entry-copy > strong { font-size: 11px; }
  .backend-knowledge-entry-copy > small { font-size: 8px; }
  .backend-knowledge-entry-icon { width: 31px; height: 31px; }
  .agent-chat-head-actions { gap: 3px; }
  .agent-chat-head-actions > button,
  .agent-chat-head-actions .poster-history-trigger { min-width: 36px; padding: 0 6px; font-size: 9px; }
}

/* Cognitive Atlas: conversation first, knowledge assets continue below. */
.knowledge-trainer-stage {
  position: relative;
  min-height: min(780px, calc(100dvh - 66px));
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid rgba(161,176,255,.13);
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 20%, rgba(88,87,255,.16), transparent 33%),
    radial-gradient(circle at 8% 78%, rgba(48,210,229,.07), transparent 27%),
    linear-gradient(180deg, rgba(8,11,29,.98), rgba(3,6,18,.995));
  box-shadow: 0 28px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
}
.knowledge-trainer-stage::before { content:""; position:absolute; inset:0; opacity:.42; pointer-events:none; background-image:radial-gradient(circle,rgba(153,176,255,.34) .7px,transparent .8px); background-size:20px 20px; mask-image:linear-gradient(to bottom,#000,transparent 82%); }
.knowledge-trainer-stage::after { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(139,154,255,.025) 50%,transparent); }
.knowledge-trainer-visual { position:absolute; z-index:1; left:50%; top:33%; width:min(520px,112vw); aspect-ratio:1; transform:translate(-50%,-50%); pointer-events:none; }
.knowledge-trainer-orbit {
  position: absolute;
  inset: 4%;
  border-radius: 50%;
  border: 1px solid rgba(146,164,255,.16);
  box-shadow: inset 0 0 64px rgba(95,77,255,.045);
}
.knowledge-trainer-orbit::before { content:""; position:absolute; inset:-1px; border-radius:inherit; background:conic-gradient(from 80deg,transparent 0 14%,rgba(103,225,255,.75) 20%,transparent 27% 53%,rgba(146,116,255,.72) 61%,transparent 70% 100%); mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; -webkit-mask-composite:xor; padding:1px; animation:knowledge-trainer-orbit 18s linear infinite; }
.knowledge-trainer-orbit.orbit-two { inset:18%; border-color:rgba(175,188,255,.11); transform:rotate(-22deg); }
.knowledge-trainer-orbit.orbit-two::before { animation-duration:24s; animation-direction:reverse; background:conic-gradient(from 10deg,transparent 0 28%,rgba(255,255,255,.58) 34%,transparent 39% 72%,rgba(88,109,255,.55) 79%,transparent 86% 100%); }
.knowledge-trainer-core { position:absolute; left:50%; top:50%; width:118px; height:118px; display:grid; place-content:center; justify-items:center; gap:3px; border:1px solid rgba(169,186,255,.24); border-radius:50%; color:#fff; text-align:center; transform:translate(-50%,-50%); background:radial-gradient(circle at 42% 32%,rgba(119,111,255,.55),rgba(25,28,70,.92) 54%,rgba(5,9,26,.98)); box-shadow:0 0 0 10px rgba(107,112,255,.035),0 0 48px rgba(85,79,255,.28),inset 0 1px 12px rgba(255,255,255,.13); }
.knowledge-trainer-core span { color:#8ee8ff; font-size:7px; font-weight:900; letter-spacing:.13em; }
.knowledge-trainer-core strong { font-size:19px; letter-spacing:.02em; }
.knowledge-trainer-core small { color:rgba(226,231,255,.56); font-size:9px; }
.knowledge-node { position:absolute; width:7px; height:7px; border-radius:50%; background:#a9f6ff; box-shadow:0 0 0 5px rgba(111,233,255,.06),0 0 17px rgba(114,235,255,.8); }
.knowledge-node.node-one { left:12%; top:42%; }.knowledge-node.node-two { right:10%; top:32%; background:#b798ff; }.knowledge-node.node-three { right:21%; bottom:17%; }.knowledge-node.node-four { left:27%; bottom:12%; background:#fff; }
.knowledge-trainer-stage-head { position:absolute; z-index:5; top:17px; left:18px; right:18px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.knowledge-trainer-brand { min-width:0; display:flex; align-items:center; gap:10px; }
.knowledge-trainer-brand > div { min-width:0; display:grid; gap:2px; }
.knowledge-trainer-brand > div > span { color:#8de6ff; font-size:8px; font-weight:900; letter-spacing:.14em; }
.knowledge-trainer-brand strong { font-size:14px; }
.knowledge-trainer-brand-mark { width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(152,176,255,.18); border-radius:12px; color:#c7d5ff; background:linear-gradient(145deg,rgba(93,76,255,.22),rgba(17,24,55,.5)); }
.knowledge-trainer-brand-mark svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; }
.knowledge-trainer-history-button { min-width:52px; height:32px; padding:0 13px; border:1px solid rgba(151,171,255,.24); border-radius:999px; color:rgba(239,242,255,.88); background:rgba(73,76,151,.16); font-size:10px; font-weight:700; letter-spacing:.04em; box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.knowledge-trainer-history-button:hover,.knowledge-trainer-history-button[aria-expanded="true"] { border-color:rgba(144,174,255,.48); color:#fff; background:rgba(91,83,214,.3); }
.knowledge-trainer-history-panel { position:absolute; z-index:12; top:61px; left:16px; right:16px; bottom:70px; padding:14px; overflow:hidden; border:1px solid rgba(149,169,255,.2); border-radius:24px; background:linear-gradient(155deg,rgba(19,23,54,.98),rgba(7,11,31,.98)); box-shadow:0 30px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.07); backdrop-filter:blur(28px); }
.knowledge-trainer-history-panel > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:1px 2px 12px; border-bottom:1px solid rgba(255,255,255,.07); }
.knowledge-trainer-history-panel > header > div { display:grid; gap:3px; }
.knowledge-trainer-history-panel > header span { color:#8beaff; font-size:8px; font-weight:900; letter-spacing:.15em; }
.knowledge-trainer-history-panel > header strong { font-size:17px; }
.knowledge-trainer-history-panel > header button { width:32px; height:32px; border:1px solid rgba(151,170,255,.18); border-radius:50%; color:rgba(239,242,255,.76); background:rgba(255,255,255,.04); font-size:20px; font-weight:300; }
.knowledge-trainer-history-list { height:calc(100% - 58px); padding-top:11px; display:grid; align-content:start; gap:8px; overflow-y:auto; scrollbar-width:none; }
.knowledge-trainer-history-list::-webkit-scrollbar { display:none; }
.knowledge-trainer-history-item { width:100%; padding:11px 12px; display:grid; gap:5px; overflow:hidden; border:1px solid rgba(142,163,255,.12); border-radius:16px; color:#fff; text-align:left; background:linear-gradient(145deg,rgba(70,70,145,.18),rgba(21,28,60,.45)); }
.knowledge-trainer-history-item:hover { border-color:rgba(123,167,255,.34); background:linear-gradient(145deg,rgba(92,78,198,.26),rgba(28,42,86,.5)); }
.knowledge-trainer-history-item > span { color:#78dff1; font-size:8px; }
.knowledge-trainer-history-item > strong { overflow:hidden; font-size:12px; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }
.knowledge-trainer-history-item > p { margin:0; overflow:hidden; color:rgba(224,229,252,.52); font-size:9px; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; }
.knowledge-trainer-history-empty { min-height:150px; display:grid; place-content:center; justify-items:center; gap:5px; color:rgba(231,235,255,.46); text-align:center; }
.knowledge-trainer-history-empty strong { color:rgba(244,246,255,.78); font-size:14px; }
.knowledge-trainer-history-empty span { font-size:10px; }
.knowledge-trainer-title { position:absolute; z-index:4; top:112px; left:24px; right:24px; text-align:center; }
.knowledge-trainer-title > span { color:#9aaeff; font-size:8px; font-weight:900; letter-spacing:.18em; }
.knowledge-trainer-title h1 { max-width:390px; margin:7px auto 0; font-size:27px; line-height:1.2; letter-spacing:-.04em; text-shadow:0 8px 30px rgba(0,0,0,.48); }
.knowledge-trainer-title p { margin:7px 0 0; color:rgba(232,235,255,.5); font-size:12px; }
.knowledge-trainer-composer {
  position:absolute;
  z-index:5;
  top:315px;
  left:18px;
  right:18px;
  min-height:176px;
  padding:10px 13px 11px;
  display:grid;
  grid-template-rows:auto minmax(58px,auto) auto auto;
  border:1px solid rgba(163,178,255,.22);
  border-radius:25px;
  background:linear-gradient(155deg,rgba(24,27,57,.91),rgba(10,14,36,.95));
  box-shadow:0 26px 70px rgba(0,0,0,.48),0 0 0 1px rgba(116,108,255,.05),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(26px) saturate(130%);
}
.knowledge-trainer-modes { display:flex; gap:4px; overflow-x:auto; scrollbar-width:none; }
.knowledge-trainer-modes::-webkit-scrollbar { display:none; }
.knowledge-trainer-modes button { min-height:30px; padding:0 10px; flex:0 0 auto; border:1px solid transparent; border-radius:999px; color:rgba(225,230,255,.48); background:transparent; font-size:10px; }
.knowledge-trainer-modes button.active { border-color:rgba(142,166,255,.2); color:#fff; background:linear-gradient(135deg,rgba(111,76,255,.34),rgba(49,117,255,.2)); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.knowledge-trainer-composer textarea { width:100%; min-height:58px; max-height:112px; padding:12px 3px 5px; resize:none; overflow:hidden; border:0; outline:0; color:#fff; background:transparent; font-size:15px; line-height:1.55; }
.knowledge-trainer-composer textarea::placeholder { color:rgba(224,229,250,.3); }
.knowledge-trainer-attachment { width:max-content; max-width:100%; margin:2px 0 6px; padding:5px 9px; overflow:hidden; border:1px solid rgba(111,220,255,.15); border-radius:999px; color:#a9eaff; background:rgba(70,154,204,.09); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.knowledge-trainer-tools { display:grid; grid-template-columns:34px minmax(0,1fr) auto 34px 40px; align-items:center; gap:6px; }
.knowledge-trainer-tools > button { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; color:rgba(240,241,255,.65); background:transparent; font-size:18px; }
.knowledge-trainer-tools > button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.knowledge-trainer-tools .knowledge-trainer-add { border:1px solid rgba(172,186,255,.13); color:#fff; background:rgba(255,255,255,.035); font-size:22px; font-weight:300; }
.knowledge-trainer-tools .knowledge-trainer-add.is-uploading { animation:knowledge-trainer-spin .85s linear infinite; }
.knowledge-trainer-mode-label { min-width:0; overflow:hidden; color:rgba(222,229,255,.43); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.knowledge-trainer-tools > label { min-width:0; justify-self:end; display:flex; align-items:center; gap:5px; }
.knowledge-trainer-live-dot { width:6px; height:6px; flex:0 0 auto; border-radius:50%; background:#5ce9c2; box-shadow:0 0 9px rgba(92,233,194,.8); }
.knowledge-trainer-tools select { min-width:60px; height:30px; padding:0 18px 0 5px; border:0; outline:0; color:rgba(239,241,255,.68); background:transparent; font-size:10px; color-scheme:dark; }
.knowledge-trainer-tools .knowledge-trainer-send { width:40px; height:40px; color:#fff; background:linear-gradient(145deg,#7447ff,#347cff); box-shadow:0 8px 22px rgba(80,68,255,.36); font-size:18px; }
.knowledge-trainer-tools #knowledgeTrainerVoice.is-listening { color:#fff; background:rgba(255,91,133,.28); box-shadow:0 0 14px rgba(255,91,133,.26); }
.knowledge-trainer-composer.is-generating .knowledge-trainer-send { background:rgba(190,92,112,.78); font-size:11px; }
.knowledge-trainer-messages { position:absolute; z-index:4; top:510px; left:18px; right:18px; bottom:76px; display:grid; align-content:start; gap:8px; overflow-y:auto; scrollbar-width:none; }
.knowledge-trainer-messages:empty { display:none; }
.knowledge-trainer-messages::-webkit-scrollbar { display:none; }
.knowledge-trainer-message { max-width:92%; padding:12px 13px; border:1px solid rgba(147,164,255,.12); border-radius:17px; color:rgba(245,246,255,.9); background:rgba(24,29,55,.88); font-size:12px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; box-shadow:0 12px 32px rgba(0,0,0,.16); }
.knowledge-trainer-message.user { justify-self:end; border-bottom-right-radius:5px; background:linear-gradient(135deg,rgba(113,67,255,.94),rgba(50,114,255,.9)); }
.knowledge-trainer-message.ai { justify-self:start; border-bottom-left-radius:5px; }
.knowledge-trainer-message.ai.thinking { display:flex; align-items:center; gap:8px; color:rgba(231,235,255,.65); }
.knowledge-trainer-message.ai.thinking::before { content:""; width:15px; height:15px; flex:0 0 auto; border:2px solid rgba(139,170,255,.16); border-top-color:#8beaff; border-radius:50%; animation:knowledge-trainer-spin .85s linear infinite; }
.knowledge-trainer-message > small { display:block; margin-top:7px; color:#86e7ca; font-size:9px; }
.knowledge-trainer-message footer { margin-top:8px; padding-top:8px; display:flex; gap:7px; border-top:1px solid rgba(255,255,255,.07); }
.knowledge-trainer-message footer button { min-height:27px; padding:0 9px; border:1px solid rgba(137,163,255,.15); border-radius:999px; color:rgba(236,239,255,.68); background:rgba(255,255,255,.04); font-size:9px; }
.knowledge-scroll-cue { position:absolute; z-index:4; left:50%; bottom:16px; padding:0; display:grid; justify-items:center; gap:1px; color:rgba(226,232,255,.5); background:transparent; transform:translateX(-50%); }
.knowledge-scroll-cue span { font-size:9px; }
.knowledge-scroll-cue i { font-size:21px; font-style:normal; animation:knowledge-scroll-cue 1.8s ease-in-out infinite; }
.knowledge-assets-section { scroll-margin-top:12px; padding-top:18px; }
.knowledge-ingest-dock { position:relative; margin-bottom:14px; padding:14px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:11px; overflow:hidden; border-color:rgba(113,176,255,.18); background:linear-gradient(140deg,rgba(22,29,65,.92),rgba(9,16,38,.94)); }
.knowledge-ingest-dock::after { content:""; position:absolute; right:-42px; top:-64px; width:150px; height:150px; border:1px solid rgba(111,201,255,.09); border-radius:50%; }
.knowledge-ingest-icon { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(126,204,255,.24); border-radius:14px; color:#fff; background:linear-gradient(145deg,rgba(90,82,255,.46),rgba(39,128,255,.34)); box-shadow:0 8px 24px rgba(55,78,255,.2); font-size:25px; font-weight:300; }
.knowledge-ingest-dock > div { min-width:0; display:grid; gap:2px; }
.knowledge-ingest-dock > div > span { color:#8ee8ff; font-size:8px; font-weight:900; letter-spacing:.12em; }
.knowledge-ingest-dock strong { font-size:14px; }
.knowledge-ingest-dock small { overflow:hidden; color:rgba(223,230,255,.52); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.knowledge-ingest-dock button { position:relative; z-index:1; min-height:35px; padding:0 12px; border:1px solid rgba(152,176,255,.2); border-radius:999px; color:#fff; background:rgba(87,83,216,.22); font-size:10px; font-weight:750; }

@keyframes knowledge-trainer-orbit { to { transform:rotate(360deg); } }
@keyframes knowledge-trainer-spin { to { transform:rotate(360deg); } }
@keyframes knowledge-scroll-cue { 0%,100% { transform:translateY(0); opacity:.42; } 50% { transform:translateY(6px); opacity:.95; } }

@media (max-height: 720px) {
  .knowledge-trainer-stage { min-height:680px; }
  .knowledge-trainer-title { top:100px; }
  .knowledge-trainer-composer { top:285px; }
  .knowledge-trainer-messages { top:480px; }
}

@media (max-width: 430px) {
  .knowledge-trainer-title { top:106px; }
  .knowledge-trainer-title h1 { font-size:24px; }
  .knowledge-trainer-visual { top:31%; width:116vw; }
  .knowledge-trainer-composer { left:10px; right:10px; }
  .knowledge-trainer-messages { left:10px; right:10px; }
  .knowledge-trainer-modes button { padding-inline:9px; }
  .knowledge-ingest-dock { grid-template-columns:39px minmax(0,1fr); }
  .knowledge-ingest-dock button { grid-column:2; justify-self:start; }
  .knowledge-ingest-dock small { white-space:normal; line-height:1.4; }
}

@media (prefers-reduced-motion: reduce) {
  .knowledge-trainer-orbit::before,
  .knowledge-trainer-message.ai.thinking::before,
  .knowledge-scroll-cue i { animation:none !important; }
}

/* Restore the original floating conversation stage; the redesign belongs to the knowledge cockpit below. */
.knowledge-trainer-stage {
  min-height:min(760px,calc(100dvh - 72px));
  border-color:rgba(255,255,255,.06);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(12,13,28,.97),rgba(7,9,23,.99));
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}
.knowledge-trainer-stage::before,.knowledge-trainer-stage::after { display:none; }
.knowledge-trainer-orbit {
  inset:auto;
  left:50%;
  top:42%;
  right:auto;
  width:min(480px,92%);
  aspect-ratio:1;
  margin:0;
  box-sizing:border-box;
  padding:6px;
  border:0;
  border-radius:50%;
  transform:translate(-50%,-50%);
  transform-origin:center;
  background:conic-gradient(from 214deg,rgba(255,255,255,.92),rgba(84,222,255,.86) 12%,rgba(81,126,255,.42) 35%,rgba(116,75,255,.34) 57%,rgba(145,103,255,.82) 78%,rgba(255,255,255,.92));
  filter:drop-shadow(0 0 18px rgba(82,126,255,.34));
  box-shadow:none;
  animation:knowledge-trainer-breathe 6s ease-in-out infinite;
}
.knowledge-trainer-orbit::before {
  inset:6px;
  padding:0;
  border-radius:inherit;
  background:radial-gradient(circle at 50% 45%,rgba(23,23,43,.86),#090b19 64%);
  box-shadow:inset 0 0 45px rgba(151,93,255,.12);
  -webkit-mask:none;
  mask:none;
  animation:none;
}
.knowledge-trainer-orbit::after { content:""; position:absolute; inset:-22px; border:1px solid rgba(255,255,255,.07); border-radius:inherit; }
.knowledge-trainer-orbit i { position:absolute; z-index:2; width:5px; height:5px; border-radius:50%; background:#fff; box-shadow:0 0 12px rgba(255,255,255,.9); }
.knowledge-trainer-orbit i:nth-child(1) { top:8%; left:31%; }
.knowledge-trainer-orbit i:nth-child(2) { right:5%; top:48%; }
.knowledge-trainer-orbit i:nth-child(3) { bottom:12%; left:25%; }
.knowledge-trainer-stage-head { top:17px; left:18px; right:18px; }
.knowledge-trainer-stage-head > div { display:grid; gap:3px; }
.knowledge-trainer-stage-head > div > span { color:#8de6ff; font-size:9px; font-weight:900; letter-spacing:.14em; }
.knowledge-trainer-stage-head > div > strong { font-size:14px; }
.knowledge-trainer-title { top:25%; }
.knowledge-trainer-title h1 { max-width:none; margin:0; font-size:29px; }
.knowledge-trainer-title p { margin-top:8px; }
.knowledge-trainer-composer {
  top:43%;
  left:16px;
  right:16px;
  min-height:118px;
  padding:13px 13px 10px;
  grid-template-rows:minmax(42px,auto) auto auto;
  border-color:rgba(255,255,255,.12);
  border-radius:24px;
  background:rgba(18,19,35,.91);
  box-shadow:0 20px 50px rgba(0,0,0,.4),0 0 0 1px rgba(91,127,255,.09);
  backdrop-filter:blur(22px);
}
.knowledge-trainer-composer textarea { min-height:42px; max-height:94px; padding:2px 3px; font-size:14px; }
.knowledge-trainer-tools { grid-template-columns:32px minmax(0,1fr) auto 34px 40px; }
.knowledge-trainer-tool-space { min-width:0; }
.knowledge-trainer-tools .knowledge-trainer-add { justify-self:start; margin-left:-3px; border-color:transparent; background:transparent; box-shadow:none; }
.knowledge-trainer-mode-picker { justify-self:start !important; }
.knowledge-trainer-mode-picker select { min-width:66px; padding-left:3px; color:rgba(239,241,255,.64); }
.knowledge-trainer-messages { top:62%; left:16px; right:16px; bottom:76px; }
@keyframes knowledge-trainer-breathe { 0%,100% { filter:drop-shadow(0 0 15px rgba(82,126,255,.26)); transform:translate(-50%,-50%) scale(.99); } 50% { filter:drop-shadow(0 0 25px rgba(120,99,255,.42)); transform:translate(-50%,-50%) scale(1.01); } }
@media (max-height:720px) {
  .knowledge-trainer-stage { min-height:640px; }
  .knowledge-trainer-title { top:22%; }
  .knowledge-trainer-composer { top:40%; }
  .knowledge-trainer-messages { top:59%; }
}
@media (max-width:430px) {
  .knowledge-trainer-title { top:25%; }
  .knowledge-trainer-title h1 { font-size:25px; }
  .knowledge-trainer-composer,.knowledge-trainer-messages { left:10px; right:10px; }
  .knowledge-trainer-tools { gap:4px; }
  .knowledge-trainer-mode-picker select { min-width:58px; font-size:9px; }
}

/* Knowledge cockpit — compact bento architecture instead of a decorative node diagram. */
.knowledge-training-cockpit {
  margin-top:15px;
  padding:18px;
  border-color:rgba(126,154,255,.18);
  background:
    radial-gradient(circle at 88% 4%,rgba(64,215,255,.09),transparent 30%),
    linear-gradient(150deg,rgba(17,22,54,.98),rgba(5,9,27,.99));
  box-shadow:0 22px 64px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);
}
.knowledge-training-cockpit::before { content:""; position:absolute; left:18px; right:18px; top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(121,225,255,.65),rgba(139,112,255,.55),transparent); }
.knowledge-training-head span:first-child { font-size:10px; }
.knowledge-training-head h2 { margin-top:7px; max-width:320px; font-size:21px; letter-spacing:-.025em; }
.knowledge-graph-board {
  height:auto;
  min-height:320px;
  margin-top:16px;
  padding:12px;
  display:grid;
  grid-template-columns:minmax(122px,.82fr) minmax(0,1.45fr);
  grid-template-rows:1fr auto;
  gap:10px;
  border-color:rgba(129,157,255,.11);
  border-radius:21px;
  background:linear-gradient(145deg,rgba(5,10,29,.72),rgba(11,16,43,.58));
  box-shadow:inset 0 1px 28px rgba(31,52,118,.1);
}
.knowledge-graph-board::before { display:none; }
.knowledge-vault-core {
  min-width:0;
  padding:14px 10px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  border:1px solid rgba(143,172,255,.18);
  border-radius:18px;
  color:#fff;
  text-align:left;
  background:
    radial-gradient(circle at 50% 40%,rgba(92,89,255,.2),transparent 44%),
    linear-gradient(155deg,rgba(32,37,88,.82),rgba(10,15,40,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 30px rgba(0,0,0,.16);
}
.knowledge-vault-core > span { color:#83e7ff; font-size:8px; font-weight:900; letter-spacing:.12em; }
.knowledge-vault-core > i { position:relative; width:74px; height:74px; margin:14px 0 12px; display:grid; place-content:center; justify-items:center; border-radius:50%; font-style:normal; background:conic-gradient(#7aeaff var(--knowledge-ready),rgba(117,140,214,.12) 0); box-shadow:0 0 28px rgba(83,137,255,.16); }
.knowledge-vault-core > i::after { content:""; position:absolute; inset:5px; border-radius:inherit; background:radial-gradient(circle at 35% 25%,rgba(77,76,167,.7),rgba(8,13,35,.98) 68%); }
.knowledge-vault-core > i b,.knowledge-vault-core > i small { position:relative; z-index:1; }
.knowledge-vault-core > i b { font-size:22px; line-height:1; }
.knowledge-vault-core > i small { margin-top:2px; color:rgba(217,227,255,.48); font-size:8px; }
.knowledge-vault-core > strong { font-size:14px; }
.knowledge-vault-core > small { margin-top:5px; color:rgba(206,218,255,.48); font-size:9px; line-height:1.45; }
.knowledge-vault-libraries { min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.knowledge-vault-library {
  min-width:0;
  min-height:72px;
  padding:9px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  border:1px solid rgba(126,151,232,.11);
  border-radius:15px;
  color:#fff;
  text-align:left;
  background:rgba(255,255,255,.025);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.knowledge-vault-library:hover,.knowledge-vault-library.active { border-color:rgba(107,220,255,.35); background:linear-gradient(135deg,rgba(49,106,180,.15),rgba(88,72,200,.12)); transform:translateY(-1px); }
.knowledge-vault-library > b { width:28px; height:28px; display:grid; place-items:center; border-radius:9px; color:#9eeeff; background:rgba(64,105,220,.13); font-size:9px; }
.knowledge-vault-library > span { min-width:0; }
.knowledge-vault-library strong { display:block; overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.knowledge-vault-library small { display:block; margin-top:3px; overflow:hidden; color:rgba(203,216,255,.42); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.knowledge-vault-library > em { color:rgba(236,241,255,.88); font-size:16px; font-style:normal; font-weight:800; }
.knowledge-vault-status { grid-column:1/-1; min-height:36px; padding:0 10px; display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid rgba(119,150,224,.09); border-radius:12px; color:rgba(205,218,255,.52); background:rgba(255,255,255,.022); font-size:9px; }
.knowledge-vault-status span { display:flex; align-items:center; gap:6px; }
.knowledge-vault-status i { width:5px; height:5px; border-radius:50%; background:#67efc5; box-shadow:0 0 8px rgba(103,239,197,.75); }
.knowledge-vault-status strong { color:#8fe8d0; font-size:9px; }
.knowledge-system-links { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:10px; }
.knowledge-system-links > div { min-height:70px; padding:10px; grid-template-columns:7px minmax(0,1fr); align-content:center; }
.knowledge-system-links b { grid-column:2; margin-top:3px; }
.knowledge-training-actions { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.knowledge-training-actions button { min-height:84px; padding:10px; grid-template-columns:28px minmax(0,1fr); align-content:center; }
.knowledge-training-actions button > i { display:none; }
.knowledge-training-actions small { white-space:normal; line-height:1.4; }
@media (max-width:430px) {
  .knowledge-training-cockpit { padding:14px; }
  .knowledge-training-head h2 { font-size:19px; }
  .knowledge-graph-board { min-height:302px; padding:9px; grid-template-columns:minmax(108px,.78fr) minmax(0,1.5fr); gap:7px; }
  .knowledge-vault-core { padding:11px 8px; }
  .knowledge-vault-core > i { width:64px; height:64px; }
  .knowledge-vault-libraries { gap:6px; }
  .knowledge-vault-library { min-height:67px; padding:7px; grid-template-columns:24px minmax(0,1fr) auto; gap:5px; }
  .knowledge-vault-library > b { width:24px; height:24px; }
  .knowledge-vault-library strong { font-size:10px; }
  .knowledge-vault-library > em { font-size:14px; }
  .knowledge-vault-status { padding-inline:8px; }
  .knowledge-system-links,.knowledge-training-actions { grid-template-columns:1fr; }
  .knowledge-system-links > div { min-height:54px; }
  .knowledge-training-actions button { min-height:64px; }
}

/* Obsidian-inspired knowledge constellation: relationships first, counters second. */
.knowledge-graph-board {
  position:relative;
  height:388px;
  min-height:0;
  margin-top:16px;
  padding:0;
  display:block;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(116,143,229,.13);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 46%,rgba(71,65,210,.22),transparent 29%),
    radial-gradient(circle at 14% 18%,rgba(54,193,225,.08),transparent 28%),
    linear-gradient(155deg,rgba(3,8,24,.92),rgba(8,12,34,.98));
  box-shadow:inset 0 0 70px rgba(16,32,86,.2);
}
.knowledge-graph-board::before {
  content:"";
  position:absolute;
  inset:0;
  display:block;
  opacity:.42;
  background-image:radial-gradient(circle,rgba(148,170,255,.48) .7px,transparent .9px);
  background-size:19px 19px;
  mask-image:radial-gradient(circle at 50% 48%,#000 15%,rgba(0,0,0,.62) 55%,transparent 98%);
}
.knowledge-network-toolbar { position:absolute; z-index:5; top:13px; left:14px; display:flex; gap:5px; }
.knowledge-network-toolbar i { width:5px; height:5px; border-radius:50%; background:rgba(180,196,255,.24); }
.knowledge-network-toolbar i:first-child { background:#73e8ff; box-shadow:0 0 10px rgba(115,232,255,.62); }
.knowledge-network-lines { position:absolute; z-index:1; inset:0; width:100%; height:100%; overflow:visible; }
.knowledge-network-spokes line { stroke:url(#knowledgeEdge); stroke-width:.34; stroke-dasharray:1.2 1.9; vector-effect:non-scaling-stroke; animation:knowledge-network-flow 13s linear infinite; }
.knowledge-network-relations line { stroke:rgba(128,149,231,.2); stroke-width:.24; vector-effect:non-scaling-stroke; }
.knowledge-network-satellite-lines line { stroke:rgba(105,202,240,.18); stroke-width:.2; vector-effect:non-scaling-stroke; }
.knowledge-network-orbit { fill:none; stroke:rgba(118,131,225,.1); stroke-width:.28; stroke-dasharray:1 2.5; vector-effect:non-scaling-stroke; }
.knowledge-network-orbit.outer { stroke:rgba(98,180,228,.07); stroke-dasharray:.5 3; }
.knowledge-network-dust { position:absolute; z-index:1; inset:0; pointer-events:none; }
.knowledge-network-dust i { position:absolute; left:var(--x); top:var(--y); width:2px; height:2px; border-radius:50%; opacity:.32; background:#c8d7ff; box-shadow:0 0 6px currentColor; animation:knowledge-dust-pulse 5.5s ease-in-out var(--delay) infinite; }
.knowledge-network-satellite { position:absolute; z-index:2; left:var(--x); top:var(--y); width:5px; height:5px; border:1px solid color-mix(in srgb,var(--node-color) 80%,white); border-radius:50%; transform:translate(-50%,-50%); background:color-mix(in srgb,var(--node-color) 72%,transparent); box-shadow:0 0 10px color-mix(in srgb,var(--node-color) 55%,transparent); animation:knowledge-satellite-breathe 3.8s ease-in-out var(--delay) infinite; }
.knowledge-network-core {
  position:absolute;
  z-index:6;
  left:50%;
  top:49%;
  width:94px;
  height:94px;
  padding:0;
  display:grid;
  place-content:center;
  justify-items:center;
  border:1px solid rgba(127,210,255,.5);
  border-radius:50%;
  color:#fff;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle at 37% 28%,rgba(112,99,255,.72),rgba(24,27,76,.95) 51%,rgba(5,10,29,.98) 74%);
  box-shadow:0 0 0 10px rgba(92,91,255,.055),0 0 54px rgba(70,104,255,.36),inset 0 1px 12px rgba(255,255,255,.12);
  animation:knowledge-core-breathe 5.5s ease-in-out infinite;
}
.knowledge-network-core::before { content:""; position:absolute; inset:-17px; border:1px solid rgba(120,146,255,.1); border-radius:inherit; }
.knowledge-network-core > span { color:#9eebff; font-size:22px; font-weight:800; line-height:1; }
.knowledge-network-core > strong { margin-top:5px; font-size:14px; }
.knowledge-network-core > small { margin-top:4px; color:rgba(218,227,255,.52); font-size:10px; }
.knowledge-network-core.active { border-color:rgba(122,237,255,.78); }
.knowledge-network-node {
  position:absolute;
  z-index:5;
  left:var(--x);
  top:var(--y);
  min-width:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:7px;
  border:0;
  color:#fff;
  text-align:left;
  background:transparent;
  transform:translate(-50%,-50%);
  animation:knowledge-node-drift 6.5s ease-in-out var(--delay) infinite;
}
.knowledge-network-node > i { position:relative; width:13px; height:13px; flex:0 0 auto; border:2px solid color-mix(in srgb,var(--node-color) 78%,white); border-radius:50%; background:color-mix(in srgb,var(--node-color) 44%,#0b1230); box-shadow:0 0 0 5px color-mix(in srgb,var(--node-color) 7%,transparent),0 0 16px color-mix(in srgb,var(--node-color) 42%,transparent); transition:transform .2s ease,box-shadow .2s ease; }
.knowledge-network-node > i::after { content:""; position:absolute; inset:3px; border-radius:inherit; background:#fff; opacity:.76; }
.knowledge-network-node > span { display:grid; gap:1px; white-space:nowrap; }
.knowledge-network-node strong { font-size:13px; font-weight:720; text-shadow:0 3px 12px rgba(0,0,0,.8); }
.knowledge-network-node small { color:color-mix(in srgb,var(--node-color) 72%,#aeb7d8); font-size:10px; }
.knowledge-network-node.is-right { flex-direction:row-reverse; text-align:right; }
.knowledge-network-node.is-latent { opacity:.48; }
.knowledge-network-node:hover,.knowledge-network-node:focus-visible,.knowledge-network-node.active { opacity:1; }
.knowledge-network-node:hover > i,.knowledge-network-node:focus-visible > i,.knowledge-network-node.active > i { transform:scale(1.24); box-shadow:0 0 0 7px color-mix(in srgb,var(--node-color) 12%,transparent),0 0 24px color-mix(in srgb,var(--node-color) 72%,transparent); }
.knowledge-network-status { position:absolute; z-index:6; left:13px; right:13px; bottom:12px; min-height:36px; padding:0 11px; display:flex; align-items:center; gap:10px; border:1px solid rgba(131,155,231,.1); border-radius:13px; color:rgba(210,220,250,.58); background:rgba(7,12,32,.72); backdrop-filter:blur(12px); font-size:10px; }
.knowledge-network-status > span { display:flex; align-items:center; gap:6px; }
.knowledge-network-status > span i { width:5px; height:5px; border-radius:50%; background:#62efc5; box-shadow:0 0 9px rgba(98,239,197,.8); }
.knowledge-network-status b { margin-left:auto; color:#8de9d1; font-size:10px; }
.knowledge-network-status small { color:rgba(201,211,241,.38); font-size:9px; }
.knowledge-system-links { min-height:52px; padding:7px 3px; display:flex; gap:0; overflow:hidden; border:1px solid rgba(120,148,229,.1); border-radius:16px; background:rgba(255,255,255,.018); }
.knowledge-system-links > div { min-height:38px; padding:4px 10px; flex:1; display:flex; align-items:center; gap:7px; border:0; border-radius:0; background:transparent; }
.knowledge-system-links > div + div { border-left:1px solid rgba(255,255,255,.065); }
.knowledge-system-links span { display:block; }
.knowledge-system-links strong { font-size:12px; }
.knowledge-system-links small { display:none; }
.knowledge-system-links b { margin-left:auto; color:#79e3c7; font-size:9px; }
.knowledge-training-actions { margin-top:10px; display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; }
.knowledge-training-actions::-webkit-scrollbar { display:none; }
.knowledge-training-actions button { min-width:148px; min-height:54px; padding:8px 11px; flex:1 0 148px; display:grid; grid-template-columns:25px minmax(0,1fr); align-items:center; gap:8px; border:1px solid rgba(126,158,255,.11); border-radius:15px; background:linear-gradient(135deg,rgba(83,70,187,.09),rgba(40,96,155,.055)); }
.knowledge-training-actions button > b { width:25px; height:25px; border-radius:50%; }
.knowledge-training-actions strong { font-size:11px; }
.knowledge-training-actions small { display:none; }
@keyframes knowledge-network-flow { to { stroke-dashoffset:-24; } }
@keyframes knowledge-dust-pulse { 0%,100% { opacity:.18;transform:scale(.8); } 50% { opacity:.62;transform:scale(1.4); } }
@keyframes knowledge-satellite-breathe { 0%,100% { opacity:.35;transform:translate(-50%,-50%) scale(.8); } 50% { opacity:1;transform:translate(-50%,-50%) scale(1.18); } }
@keyframes knowledge-core-breathe { 0%,100% { box-shadow:0 0 0 10px rgba(92,91,255,.055),0 0 42px rgba(70,104,255,.25),inset 0 1px 12px rgba(255,255,255,.12); } 50% { box-shadow:0 0 0 13px rgba(92,91,255,.07),0 0 64px rgba(70,104,255,.42),inset 0 1px 12px rgba(255,255,255,.16); } }
@keyframes knowledge-node-drift { 0%,100% { translate:0 0; } 50% { translate:0 -4px; } }
@media (max-width:430px) {
  .knowledge-graph-board { height:350px; min-height:0; padding:0; display:block; }
  .knowledge-network-core { width:82px; height:82px; }
  .knowledge-network-core > span { font-size:19px; }
  .knowledge-network-core > strong { font-size:12px; }
  .knowledge-network-node { gap:5px; }
  .knowledge-network-node > i { width:11px; height:11px; }
  .knowledge-network-node strong { font-size:11px; }
  .knowledge-network-node small { font-size:8px; }
  .knowledge-network-status { gap:7px; }
  .knowledge-network-status small { display:none; }
  .knowledge-system-links { overflow-x:auto; scrollbar-width:none; }
  .knowledge-system-links > div { min-width:125px; flex:0 0 125px; }
  .knowledge-training-actions { grid-template-columns:none; }
  .knowledge-training-actions button { min-height:54px; }
}
@media (prefers-reduced-motion:reduce) {
  .knowledge-network-spokes line,.knowledge-network-dust i,.knowledge-network-satellite,.knowledge-network-core,.knowledge-network-node { animation:none !important; }
}

.knowledge-trainer-shortcuts { position:absolute; z-index:6; top:500px; left:18px; right:18px; margin:0; padding:0 1px 3px; display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; }
.knowledge-trainer-shortcuts::-webkit-scrollbar { display:none; }
.knowledge-trainer-shortcuts button { min-width:148px; min-height:48px; padding:7px 10px; flex:1 0 148px; border-color:rgba(130,157,255,.15); background:linear-gradient(135deg,rgba(77,63,177,.16),rgba(33,102,174,.09)); backdrop-filter:blur(12px); }
.knowledge-trainer-shortcuts button > b { width:24px; height:24px; }
.knowledge-trainer-shortcuts strong { font-size:11px; }
.knowledge-trainer-messages { top:562px; }
@media (max-height:720px) {
  .knowledge-trainer-shortcuts { top:430px; }
  .knowledge-trainer-messages { top:489px; }
}
@media (max-width:430px) {
  .knowledge-trainer-shortcuts { left:10px; right:10px; }
}

/* Knowledge asset manager — one archive, six libraries, continuous deposits. */
.knowledge-manager-hub {
  margin-top:16px;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(127,154,244,.18);
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 0%,rgba(57,202,255,.09),transparent 29%),
    radial-gradient(circle at 8% 12%,rgba(115,74,255,.16),transparent 31%),
    linear-gradient(155deg,rgba(14,19,49,.98),rgba(5,9,27,.99));
  box-shadow:0 24px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.045);
}
.knowledge-manager-hub .knowledge-asset-layers { margin-top:0; }
.knowledge-manager-hub::before { content:""; position:absolute; inset:0; opacity:.34; pointer-events:none; background-image:radial-gradient(circle,rgba(148,170,255,.38) .7px,transparent .8px); background-size:19px 19px; mask-image:linear-gradient(to bottom,#000,transparent 82%); }
.knowledge-manager-head { position:relative; z-index:1; display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.knowledge-manager-head > div { min-width:0; }
.knowledge-manager-head span,.knowledge-library-manager header span,.knowledge-master-copy > span,.knowledge-incremental-card > div > span,.knowledge-file-manager-head span,.knowledge-archive-sheet header > span { color:#7fe7ff; font-size:11px; font-weight:850; letter-spacing:.13em; }
.knowledge-manager-head h2 { margin:6px 0 0; font-size:25px; letter-spacing:-.035em; }
.knowledge-manager-head p { margin:7px 0 0; color:rgba(210,220,248,.62); font-size:14px; line-height:1.55; }
.knowledge-manager-upload { min-width:82px; min-height:42px; padding:0 13px; border:1px solid rgba(147,178,255,.26); border-radius:14px; color:#fff; background:linear-gradient(135deg,rgba(111,63,255,.75),rgba(45,113,255,.7)); font-size:14px; font-weight:750; box-shadow:0 10px 24px rgba(65,77,226,.2); }
.knowledge-asset-layers { position:relative; z-index:1; margin-top:17px; display:grid; gap:11px; }
.knowledge-master-archive { position:relative; min-height:118px; padding:15px; display:grid; grid-template-columns:64px minmax(0,1fr); gap:13px; align-items:center; overflow:hidden; border:1px solid rgba(123,209,255,.25); border-radius:21px; background:linear-gradient(135deg,rgba(47,77,166,.31),rgba(83,47,183,.22) 52%,rgba(10,18,46,.72)); box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 15px 35px rgba(15,20,75,.22); }
.knowledge-master-archive::after { content:""; position:absolute; width:170px; height:170px; right:-82px; top:-92px; border:1px solid rgba(120,225,255,.2); border-radius:50%; box-shadow:0 0 35px rgba(81,101,255,.16); }
.knowledge-master-file { position:relative; width:62px; height:76px; display:grid; place-content:center; justify-items:center; overflow:hidden; border:1px solid rgba(147,212,255,.34); border-radius:16px; background:linear-gradient(155deg,rgba(81,101,229,.55),rgba(37,32,102,.75)); box-shadow:0 10px 28px rgba(25,42,133,.28),inset 0 1px 0 rgba(255,255,255,.14); }
.knowledge-master-file::after { content:""; position:absolute; right:-1px; top:-1px; width:18px; height:18px; border-left:1px solid rgba(165,222,255,.32); border-bottom:1px solid rgba(165,222,255,.32); border-radius:0 14px 0 7px; background:rgba(8,14,43,.54); }
.knowledge-master-file span { color:#9cecff; font-size:8px; font-weight:900; letter-spacing:.09em; }
.knowledge-master-file strong { margin-top:5px; font-size:15px; }
.knowledge-master-copy { min-width:0; padding-right:3px; }
.knowledge-master-copy h3 { margin:5px 0 0; font-size:18px; letter-spacing:-.02em; }
.knowledge-master-copy p { margin:6px 0 0; color:rgba(211,222,250,.58); font-size:13px; line-height:1.45; }
.knowledge-master-actions { grid-column:1/-1; display:grid; grid-template-columns:1fr .72fr; gap:8px; }
.knowledge-master-actions button { min-height:40px; border:1px solid rgba(153,182,255,.17); border-radius:12px; color:#dce8ff; background:rgba(255,255,255,.055); font-size:13px; font-weight:750; }
.knowledge-master-actions button.primary { color:#fff; border-color:rgba(116,206,255,.31); background:linear-gradient(135deg,#7442ff,#347dff); box-shadow:0 8px 22px rgba(52,74,224,.23); }
.knowledge-library-manager { padding:14px; border:1px solid rgba(121,148,229,.13); border-radius:21px; background:rgba(3,8,25,.46); }
.knowledge-library-manager > header { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; }
.knowledge-library-manager header h3 { margin:5px 0 0; font-size:18px; }
.knowledge-library-manager header small { color:rgba(206,218,248,.47); font-size:12px; }
.knowledge-library-map { margin-top:12px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.knowledge-library-card { min-width:0; min-height:76px; display:grid; grid-template-columns:minmax(0,1fr) 38px; align-items:stretch; border:1px solid rgba(127,155,238,.12); border-radius:16px; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(67,79,167,.04)); transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.knowledge-library-card:hover,.knowledge-library-card.active { border-color:rgba(115,218,255,.36); background:linear-gradient(145deg,rgba(55,117,184,.18),rgba(100,69,215,.14)); transform:translateY(-1px); }
.knowledge-library-open { min-width:0; padding:11px; display:grid; grid-template-columns:30px minmax(0,1fr); gap:8px; align-content:center; align-items:center; color:#fff; text-align:left; background:transparent; }
.knowledge-library-open > b { grid-row:1/span 2; width:29px; height:29px; display:grid; place-items:center; border-radius:10px; color:#9aeaff; background:rgba(55,114,224,.14); font-size:10px; }
.knowledge-library-open > span { min-width:0; }
.knowledge-library-open strong { display:block; font-size:14px; }
.knowledge-library-open small { display:block; margin-top:4px; overflow:hidden; color:rgba(205,216,247,.48); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.knowledge-library-open > i { grid-column:2; color:#86dfef; font-size:12px; font-style:normal; }
.knowledge-library-download { margin:9px 8px 9px 0; border:1px solid rgba(139,177,255,.14); border-radius:11px; color:#bfeaff; background:rgba(51,83,171,.12); font-size:18px; }
.knowledge-incremental-card { min-height:92px; padding:14px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; border:1px solid rgba(126,156,235,.13); border-radius:20px; background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(49,89,155,.05)); }
.knowledge-incremental-card h3 { margin:5px 0 0; font-size:18px; }
.knowledge-incremental-card p { margin:5px 0 0; color:rgba(207,219,247,.52); font-size:13px; }
.knowledge-incremental-card > strong { min-width:48px; color:#91e7ff; font-size:30px; line-height:1; text-align:center; }
.knowledge-incremental-card > div:last-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.knowledge-incremental-card button { min-height:38px; border:1px solid rgba(144,173,250,.14); border-radius:12px; color:#dbe7ff; background:rgba(255,255,255,.045); font-size:13px; }
.knowledge-stats { position:relative; z-index:1; margin:13px 0 0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.knowledge-stats > div { padding:10px 4px; border-color:rgba(125,151,229,.1); border-radius:14px; background:rgba(255,255,255,.025); }
.knowledge-stats b { font-size:18px; }
.knowledge-stats span { margin-top:4px; font-size:12px; }
.knowledge-file-manager { margin-top:19px; }
.knowledge-file-manager-head { margin:0 3px 10px; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
.knowledge-file-manager-head h2 { margin:5px 0 0; font-size:22px; }
.knowledge-file-manager-head > small { min-height:28px; padding:0 10px; display:inline-flex; align-items:center; border:1px solid rgba(129,160,239,.13); border-radius:999px; color:#9adff2; background:rgba(50,91,171,.08); font-size:13px; }
.knowledge-toolbar { top:8px; margin-bottom:10px; padding:10px; border-radius:20px; background:rgba(7,11,30,.93); }
.knowledge-search { height:48px; padding:0 14px; border-radius:14px; }
.knowledge-search input { font-size:14px; }
.knowledge-source-filters { margin-top:9px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.knowledge-source-filters button { min-width:0; min-height:38px; padding:0 8px; border:1px solid rgba(132,158,234,.1); border-radius:12px; color:rgba(214,224,249,.55); background:rgba(255,255,255,.035); font-size:13px; font-weight:700; }
.knowledge-source-filters button span { margin-left:4px; color:rgba(211,222,250,.38); }
.knowledge-source-filters button.active { color:#fff; border-color:rgba(123,208,255,.28); background:linear-gradient(135deg,rgba(105,61,234,.55),rgba(43,113,224,.4)); }
.knowledge-category-filters { margin-top:8px; gap:6px; }
.knowledge-category-filters button,.knowledge-status-filters button { min-height:36px; padding:0 11px; font-size:13px; }
.knowledge-status-filters { margin:0 0 11px; gap:7px; }
.knowledge-file-list { gap:9px; }
.knowledge-file-row { min-height:105px; padding:13px; grid-template-columns:52px minmax(0,1fr) auto; gap:11px; border-color:rgba(125,152,230,.12); border-radius:19px; background:linear-gradient(145deg,rgba(19,27,62,.75),rgba(8,12,32,.92)); }
.knowledge-file-type { width:50px; height:58px; border-radius:14px; font-size:11px; }
.knowledge-file-copy h3 { font-size:15px; white-space:normal; }
.knowledge-file-copy p { margin-top:5px; font-size:12px; white-space:normal; }
.knowledge-file-copy > small { display:block; margin-top:4px; color:rgba(149,219,239,.58); font-size:12px; }
.knowledge-file-tags { margin-top:7px; }
.knowledge-file-tags span { padding:4px 7px; font-size:11px; }
.knowledge-file-side { min-width:58px; gap:6px; }
.knowledge-file-status { min-height:24px; padding:0 8px; font-size:11px; }
.knowledge-file-side > button { width:54px; min-height:30px; height:auto; border-radius:10px; font-size:12px; letter-spacing:0; }
.knowledge-file-side > button.manage { color:#cde8ff; border-color:rgba(116,187,255,.18); background:rgba(51,104,194,.12); }
.knowledge-archive-sheet { max-height:92vh; overflow:hidden; display:grid; grid-template-rows:auto minmax(0,1fr) auto; }
.knowledge-archive-sheet header { padding:2px 38px 12px 2px; }
.knowledge-archive-sheet header h2 { margin:7px 0 0; font-size:23px; }
.knowledge-archive-sheet header p { margin:7px 0 0; color:rgba(207,219,247,.58); font-size:13px; }
.knowledge-archive-preview { min-height:260px; max-height:62vh; padding:16px; overflow:auto; overscroll-behavior:contain; border:1px solid rgba(128,157,235,.12); border-radius:18px; background:rgba(2,7,22,.62); }
.knowledge-archive-preview h2 { margin:0 0 12px; font-size:20px; }
.knowledge-archive-preview h3 { margin:22px 0 9px; padding-bottom:7px; border-bottom:1px solid rgba(128,157,235,.12); color:#9fe8ff; font-size:17px; }
.knowledge-archive-preview h4 { margin:18px 0 8px; font-size:15px; }
.knowledge-archive-preview h5 { margin:13px 0 5px; color:#eaf1ff; font-size:14px; }
.knowledge-archive-preview p,.knowledge-archive-preview blockquote { margin:5px 0; color:rgba(220,228,249,.72); font-size:14px; line-height:1.65; }
.knowledge-archive-preview blockquote { padding:8px 10px; border-left:2px solid #7cdfff; background:rgba(70,103,189,.07); }
.knowledge-archive-preview .archive-list { padding-left:14px; position:relative; }
.knowledge-archive-preview .archive-list::before { content:""; position:absolute; left:1px; top:.72em; width:4px; height:4px; border-radius:50%; background:#7ddff5; }
.knowledge-archive-preview .archive-space { display:block; height:6px; }
.knowledge-archive-loading { min-height:220px; display:grid; place-items:center; color:rgba(209,221,249,.52); font-size:14px; }
.knowledge-archive-sheet > .btn { margin-top:11px; min-height:46px; }

@media (max-width:430px) {
  .knowledge-manager-hub { padding:14px; border-radius:24px; }
  .knowledge-manager-head h2 { font-size:23px; }
  .knowledge-manager-head p { max-width:245px; }
  .knowledge-manager-upload { min-width:74px; padding-inline:10px; }
  .knowledge-master-archive { padding:13px; grid-template-columns:58px minmax(0,1fr); }
  .knowledge-master-file { width:56px; height:70px; }
  .knowledge-master-copy h3 { font-size:17px; }
  .knowledge-library-manager { padding:12px; }
  .knowledge-library-manager header small { display:none; }
  .knowledge-library-map { gap:7px; }
  .knowledge-library-card { grid-template-columns:minmax(0,1fr) 34px; }
  .knowledge-library-open { padding:9px 7px; grid-template-columns:26px minmax(0,1fr); gap:6px; }
  .knowledge-library-open > b { width:26px; height:26px; }
  .knowledge-library-open strong { font-size:13px; }
  .knowledge-library-open small { font-size:11px; }
  .knowledge-library-download { margin:8px 6px 8px 0; }
  .knowledge-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .knowledge-stats > div { min-height:60px; display:grid; align-content:center; }
  .knowledge-file-row { grid-template-columns:46px minmax(0,1fr); align-items:start; }
  .knowledge-file-type { width:44px; height:52px; }
  .knowledge-file-side { grid-column:2; width:100%; margin-top:2px; display:flex; align-items:center; justify-content:flex-end; }
  .knowledge-file-side .knowledge-file-status { margin-right:auto; }
  .knowledge-file-side > button { width:auto; min-width:52px; padding:0 10px; }
}

/* Owner-reviewed cognitive proposals: AI suggests, the owner governs the core. */
.knowledge-proposal-desk {
  position:relative;
  margin-bottom:14px;
  padding:18px;
  overflow:hidden;
  border-color:rgba(139,164,255,.2);
  border-radius:27px;
  background:
    radial-gradient(circle at 92% 3%,rgba(111,70,255,.2),transparent 34%),
    radial-gradient(circle at 0% 85%,rgba(44,196,237,.08),transparent 35%),
    linear-gradient(150deg,rgba(18,23,56,.98),rgba(6,10,29,.99));
  box-shadow:0 22px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);
}
.knowledge-proposal-desk::before { content:""; position:absolute; inset:0; opacity:.24; pointer-events:none; background-image:radial-gradient(circle,rgba(154,173,255,.46) .7px,transparent .8px); background-size:19px 19px; mask-image:linear-gradient(145deg,#000,transparent 75%); }
.knowledge-proposal-head { position:relative; z-index:1; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.knowledge-proposal-head > div { min-width:0; }
.knowledge-proposal-head span { color:#87e8ff; font-size:10px; font-weight:900; letter-spacing:.14em; }
.knowledge-proposal-head h2 { margin:6px 0 0; font-size:23px; letter-spacing:-.03em; }
.knowledge-proposal-head p { margin:6px 0 0; color:rgba(213,222,248,.58); font-size:13px; line-height:1.5; }
.knowledge-proposal-head > b { flex:0 0 auto; min-height:31px; padding:0 10px; display:inline-flex; align-items:center; border:1px solid rgba(100,226,202,.17); border-radius:999px; color:#88ebcf; background:rgba(53,193,166,.07); font-size:11px; }
.knowledge-proposal-list { position:relative; z-index:1; margin-top:15px; display:grid; gap:10px; }
.knowledge-proposal-card { position:relative; padding:15px; overflow:hidden; border:1px solid rgba(139,163,244,.15); border-radius:20px; background:linear-gradient(145deg,rgba(33,40,83,.76),rgba(10,14,37,.94)); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.knowledge-proposal-card::after { content:""; position:absolute; right:-48px; top:-68px; width:140px; height:140px; border:1px solid rgba(125,207,255,.1); border-radius:50%; }
.knowledge-proposal-card-head { position:relative; z-index:1; display:flex; justify-content:space-between; gap:12px; }
.knowledge-proposal-card-head > span { min-width:0; overflow:hidden; color:#88dff3; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.knowledge-proposal-confidence { flex:0 0 auto; color:rgba(211,222,249,.56); font-size:10px; }
.knowledge-proposal-card h3 { position:relative; z-index:1; margin:10px 0 0; font-size:18px; line-height:1.35; }
.knowledge-proposal-insights { position:relative; z-index:1; margin-top:12px; display:grid; gap:8px; }
.knowledge-proposal-insights > div { padding:9px 10px; border-left:2px solid rgba(110,215,255,.4); border-radius:0 11px 11px 0; background:rgba(255,255,255,.025); }
.knowledge-proposal-insights b { display:block; color:rgba(150,221,243,.72); font-size:10px; }
.knowledge-proposal-insights p { margin:4px 0 0; color:rgba(231,235,251,.77); font-size:13px; line-height:1.58; }
.knowledge-proposal-actions { position:relative; z-index:1; margin-top:12px; display:grid; grid-template-columns:1.25fr 1fr .72fr; gap:7px; }
.knowledge-proposal-actions button { min-height:40px; padding:0 9px; border:1px solid rgba(142,166,243,.14); border-radius:12px; color:rgba(229,235,255,.72); background:rgba(255,255,255,.04); font-size:12px; font-weight:720; }
.knowledge-proposal-actions button.primary { color:#fff; border-color:rgba(128,205,255,.34); background:linear-gradient(135deg,#7442ff,#357dff); box-shadow:0 9px 24px rgba(56,70,225,.22); }
.knowledge-proposal-empty { min-height:108px; padding:18px; display:grid; place-content:center; justify-items:center; text-align:center; border:1px dashed rgba(133,160,239,.14); border-radius:18px; background:rgba(255,255,255,.018); }
.knowledge-proposal-empty strong { font-size:15px; }
.knowledge-proposal-empty p { max-width:300px; margin:6px 0 0; color:rgba(211,221,247,.48); font-size:12px; line-height:1.55; }
.knowledge-proposal-empty.is-loading strong::before { content:""; width:14px; height:14px; margin-right:8px; display:inline-block; vertical-align:-2px; border:2px solid rgba(135,169,255,.18); border-top-color:#8feaff; border-radius:50%; animation:knowledge-trainer-spin .8s linear infinite; }
.knowledge-proposal-refresh { position:relative; z-index:1; width:100%; min-height:42px; margin-top:10px; border:1px solid rgba(133,168,255,.14); border-radius:13px; color:#cae9ff; background:rgba(73,101,190,.09); font-size:13px; font-weight:750; }
.knowledge-proposal-refresh:disabled { opacity:.48; }
.knowledge-proposal-sheet { max-height:92vh; overflow:auto; }
.knowledge-proposal-form { position:relative; z-index:1; padding:2px; display:grid; gap:11px; }
.knowledge-proposal-form h2 { margin:7px 40px 0 0; font-size:23px; }
.knowledge-proposal-form > p { margin:0 38px 3px 0; color:rgba(213,222,248,.58); font-size:13px; line-height:1.55; }
.knowledge-proposal-form > label { display:grid; gap:6px; }
.knowledge-proposal-form > label > span { color:rgba(241,244,255,.78); font-size:12px; font-weight:780; }
.knowledge-proposal-form input,.knowledge-proposal-form select,.knowledge-proposal-form textarea { width:100%; min-height:44px; padding:10px 12px; border:1px solid rgba(147,170,244,.14); border-radius:13px; color:#fff; background:rgba(255,255,255,.05); font:inherit; font-size:14px; line-height:1.6; resize:vertical; }
.knowledge-proposal-form select { color-scheme:dark; }
.knowledge-proposal-source { padding:11px 12px; border:1px solid rgba(111,219,255,.13); border-radius:14px; color:rgba(213,229,252,.66); background:rgba(52,116,179,.07); font-size:12px; line-height:1.55; }
.knowledge-proposal-form details { padding:10px 12px; border:1px solid rgba(140,161,232,.11); border-radius:13px; background:rgba(255,255,255,.025); }
.knowledge-proposal-form summary { color:#9ee9f7; font-size:12px; cursor:pointer; }
.knowledge-proposal-form blockquote { margin:9px 0 0; color:rgba(222,229,248,.62); font-size:12px; line-height:1.65; }
.knowledge-upload-modes { grid-template-columns:repeat(3,minmax(0,1fr)); }
.knowledge-upload-modes button { padding-inline:6px; }
.knowledge-upload-modes button strong { font-size:10px; }
@media (max-width:430px) {
  .knowledge-proposal-desk { padding:14px; border-radius:23px; }
  .knowledge-proposal-head h2 { font-size:21px; }
  .knowledge-proposal-head p { max-width:245px; }
  .knowledge-proposal-insights > div:nth-child(3) { display:none; }
  .knowledge-proposal-actions { grid-template-columns:1fr 1fr; }
  .knowledge-proposal-actions button:last-child { grid-column:1/-1; min-height:34px; }
  .knowledge-upload-modes button small { font-size:7px; }
}
@media (prefers-reduced-motion:reduce) { .knowledge-proposal-empty.is-loading strong::before { animation:none; } }

/* 潘红云专属视觉层：人物裁切、荣誉拼图、双下载与AI雨伞设计 */
.hero-img {
position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: saturate(1.05) contrast(1.04);
  pointer-events: none;
}

.hero-video-narrative {
position: absolute;
  z-index: 3;
  left: 22px;
  right: auto;
  bottom: 150px;
  width: fit-content;
  max-width: calc(100% - 54px);
  padding: 9px 15px 10px 16px;
  border: 1px solid rgba(149, 144, 255, .10);
  border-radius: 5px 13px 13px 5px;
  background: linear-gradient(100deg, rgba(25, 17, 54, .48) 0%, rgba(13, 15, 38, .30) 72%, rgba(8, 11, 30, .16) 100%);
  box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 9px 26px rgba(1, 3, 14, .10);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  transform: translateY(5px);
  transition: opacity .28s ease, transform .28s ease;
  pointer-events: none;
}

.hero-video-narrative::before {
content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: -1px;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(126, 72, 255, .92), rgba(50, 132, 255, .88));
  box-shadow: 0 0 12px rgba(91, 92, 255, .34);
}

.hero-video-narrative.is-visible {
opacity: 1;
  transform: translateY(0);
}

.hero-video-narrative p {
margin: 0;
  color: rgba(245, 246, 255, .77);
  font-size: clamp(13.5px, 3.6vw, 15px);
  font-weight: 400;
  line-height: 1.54;
  letter-spacing: .045em;
  text-align: left;
  white-space: pre-line;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .38);
  -webkit-font-smoothing: antialiased;
}

.film-card--lead img {
object-position: center 24%;
}

.gallery-card--wide {
grid-column: 1 / -1;
}

.gallery-card:first-child img {
object-position: center 28%;
}

.gallery-card--wide img {
aspect-ratio: 3 / 2; object-position: center;
}

.download-file-list {
margin-top: 24px;
  display: grid;
  gap: 14px;
}

.download-file-list .download-file-panel {
margin-top: 0;
}

.download-file-panel--quote {
border-color: rgba(231,192,103,.17);
  background:
    radial-gradient(circle at 96% 0, rgba(231,192,103,.14), transparent 41%),
    radial-gradient(circle at 0 60%, rgba(70,190,173,.11), transparent 48%),
    linear-gradient(145deg, rgba(25,28,40,.94), rgba(7,12,22,.96));
}

.ppt-download__file--pdf {
color: #e6c370;
}

.umbrella-designer-card {
position: relative;
  width: min(680px, calc(100vw - 18px));
  max-height: min(92vh, 920px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.umbrella-designer-head {
padding-right: 36px;
}

.umbrella-designer-head > span {
color: #67dcff; font-size: 11px; font-weight: 950; letter-spacing: .16em;
}

.umbrella-designer-head h2 {
margin: 6px 0 6px; font-size: 23px;
}

.umbrella-designer-head p {
margin: 0 0 12px; color: var(--muted); font-size: 14px; line-height: 1.6;
}

.umbrella-intent-switch {
display: grid; grid-template-columns: 118px minmax(0,1fr); align-items: center; gap: 12px; margin: 2px 0 14px; padding: 12px; border-radius: 16px; background: linear-gradient(145deg,rgba(49,70,143,.24),rgba(13,18,42,.7)); border: 1px solid rgba(103,177,246,.2);
}

.umbrella-intent-switch small { color: #67dcff; font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.umbrella-intent-switch h3 { margin: 5px 0 0; font-size: 15px; }
.umbrella-intent-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.umbrella-intent-options button { min-width: 0; min-height: 60px; padding: 9px 10px; text-align: left; border-radius: 12px; color: rgba(233,239,255,.68); background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.09); }
.umbrella-intent-options button b,.umbrella-intent-options button span { display: block; }
.umbrella-intent-options button b { color: rgba(246,249,255,.92); font-size: 13px; }
.umbrella-intent-options button span { margin-top: 4px; font-size: 10px; line-height: 1.35; }
.umbrella-intent-options button.is-selected { background: linear-gradient(135deg,rgba(104,60,255,.64),rgba(41,132,255,.56)); border-color: rgba(108,217,255,.72); box-shadow: 0 8px 24px rgba(35,88,206,.2); }

.umbrella-workflow-steps {
display: grid; grid-template-columns: 1fr 28px 1fr; align-items: center; gap: 8px; margin: 2px 0 15px; padding: 10px; border-radius: 14px; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.075);
}

.umbrella-workflow-steps > span { display: flex; align-items: center; gap: 8px; color: rgba(215,225,248,.43); }
.umbrella-workflow-steps > span b { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.06); font-size: 10px; }
.umbrella-workflow-steps > span em { font-size: 12px; font-style: normal; font-weight: 800; }
.umbrella-workflow-steps > span.is-current { color: #fff; }
.umbrella-workflow-steps > span.is-current b { background: linear-gradient(135deg,#7744ff,#2b8cff); box-shadow: 0 0 18px rgba(75,121,255,.35); }
.umbrella-workflow-steps > span.is-complete { color: #79e5bd; }
.umbrella-workflow-steps > span.is-complete b { background: rgba(61,190,143,.2); }
.umbrella-workflow-steps > i { height: 1px; background: linear-gradient(90deg,rgba(110,219,255,.4),rgba(120,88,255,.32)); }

.umbrella-catalog-source {
display: flex; gap: 6px; margin: 0 0 12px; overflow-x: auto; scrollbar-width: none;
}

.umbrella-catalog-source::-webkit-scrollbar { display: none; }

.umbrella-catalog-source span {
flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; color: rgba(218,230,255,.7); background: rgba(91,117,198,.11); border: 1px solid rgba(124,153,238,.15); font-size: 11px;
}

.umbrella-product-library {
margin-bottom: 17px; padding: 14px; border-radius: 18px; background: linear-gradient(145deg,rgba(38,55,114,.28),rgba(13,18,42,.76)); border: 1px solid rgba(102,158,242,.22);
}

.umbrella-product-library > header {
display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px;
}

.umbrella-product-library > header small,
.umbrella-proof-heading small {
color: #62dcff; font-size: 9px; font-weight: 900; letter-spacing: .13em;
}

.umbrella-product-library > header h3,
.umbrella-proof-heading h3 {
margin: 5px 0 4px; font-size: 18px;
}

.umbrella-product-library > header p,
.umbrella-proof-heading p {
margin: 0; color: rgba(215,225,247,.58); font-size: 11px; line-height: 1.5;
}

.umbrella-product-library > header > strong {
display: flex; min-width: 52px; padding: 8px 7px; flex-direction: column; align-items: center; justify-content: center; border-radius: 13px; color: #fff; background: rgba(73,109,220,.2); border: 1px solid rgba(99,213,255,.25);
}

.umbrella-product-library > header > strong b { color: #75e4ff; font-size: 19px; line-height: 1; }
.umbrella-product-library > header > strong span { margin-top: 4px; color: rgba(224,234,255,.56); font-size: 9px; }

.umbrella-catalog-source button {
flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; color: rgba(218,230,255,.7); background: rgba(91,117,198,.11); border: 1px solid rgba(124,153,238,.15); font-size: 11px; font-weight: 760; white-space: nowrap;
}

.umbrella-catalog-source button.is-selected {
color: #fff; background: linear-gradient(135deg,rgba(104,60,255,.72),rgba(41,132,255,.72)); border-color: rgba(112,214,255,.72); box-shadow: 0 7px 20px rgba(32,92,212,.18);
}

.umbrella-product-carousel {
display: grid; grid-template-columns: 34px minmax(0,1fr) 34px; align-items: center; gap: 7px;
}

.umbrella-product-carousel > button {
width: 34px; height: 52px; padding: 0; border-radius: 11px; color: rgba(244,248,255,.9); background: rgba(255,255,255,.06); border: 1px solid rgba(139,178,255,.17); font-size: 24px; font-weight: 500;
}

.umbrella-product-rail {
display: flex; gap: 9px; min-width: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;
}

.umbrella-product-rail::-webkit-scrollbar { display: none; }

.umbrella-product-card {
position: relative; flex: 0 0 clamp(138px,42vw,174px); min-width: 0; padding: 6px 6px 9px; scroll-snap-align: start; text-align: left; border-radius: 14px; color: rgba(237,242,255,.84); background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09); overflow: hidden;
}

.umbrella-product-card img {
width: 100%; aspect-ratio: 5 / 6; display: block; object-fit: cover; border-radius: 10px; background: #f6f3eb;
}

.umbrella-product-card span { display: block; margin: 8px 3px 2px; overflow: hidden; color: #fff; font-size: 12px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.umbrella-product-card small { display: block; margin: 0 3px; overflow: hidden; color: rgba(211,224,249,.48); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.umbrella-product-card.is-selected { background: linear-gradient(145deg,rgba(76,59,211,.34),rgba(26,109,171,.24)); border-color: rgba(96,220,255,.78); box-shadow: 0 0 0 2px rgba(74,205,255,.08); }
.umbrella-product-card.is-selected::after { content: "✓"; position: absolute; top: 12px; right: 12px; display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: #082338; background: #6fe5ff; font-size: 12px; font-weight: 950; box-shadow: 0 5px 16px rgba(22,78,143,.3); }

.umbrella-selected-product {
display: grid; grid-template-columns: 94px minmax(0,1fr); align-items: center; gap: 12px; margin-top: 11px; padding: 8px; border-radius: 14px; background: rgba(4,9,25,.42); border: 1px solid rgba(113,169,255,.14);
}

.umbrella-selected-product img { width: 94px; height: 94px; object-fit: cover; border-radius: 11px; background: #f6f3eb; }
.umbrella-selected-product small { color: #67ddff; font-size: 9px; font-weight: 850; letter-spacing: .05em; }
.umbrella-selected-product h4 { margin: 4px 0 3px; font-size: 15px; }
.umbrella-selected-product p { margin: 0; color: rgba(222,232,251,.64); font-size: 10px; line-height: 1.5; }
.umbrella-selected-product span { display: block; margin-top: 4px; color: rgba(192,208,239,.45); font-size: 9px; line-height: 1.45; }
.umbrella-selected-product em { display: inline-flex; margin-top: 7px; padding: 4px 7px; border-radius: 999px; color: #84e7c6; background: rgba(44,171,126,.11); border: 1px solid rgba(79,214,165,.14); font-size: 9px; font-style: normal; font-weight: 760; }

.umbrella-purchase-action {
display: grid; grid-template-columns: minmax(0,1fr) 210px; align-items: center; gap: 14px; margin-top: 14px; padding: 16px; border-radius: 17px; background: linear-gradient(145deg,rgba(40,65,139,.27),rgba(16,22,53,.78)); border: 1px solid rgba(91,173,255,.25);
}
.umbrella-purchase-action small { color: #66dcff; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.umbrella-purchase-action h3 { margin: 5px 0 4px; font-size: 18px; }
.umbrella-purchase-action p { margin: 0; color: rgba(215,226,249,.62); font-size: 11px; line-height: 1.55; }

.umbrella-proof-heading { margin: 4px 2px 10px; }

.umbrella-designer-preview {
position: relative; height: auto; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 18px; background: #fff; border: 1px solid rgba(76,105,156,.16);
}

.umbrella-designer-preview canvas {
width: 100%; height: 100%; display: block;
}

.umbrella-top-board { position: absolute; inset: 0; touch-action: none; cursor: crosshair; }

.umbrella-board-hint {
position: absolute; z-index: 3; top: 12px; left: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 999px; color: #33405c; background: rgba(255,255,255,.86); border: 1px solid rgba(68,96,146,.16); box-shadow: 0 7px 20px rgba(31,46,78,.08); backdrop-filter: blur(8px); font-size: 12px; font-weight: 780; pointer-events: none;
}
.umbrella-board-hint i { opacity: .42; }

.umbrella-designer-preview .umbrella-legacy-canvas { display: none !important; }
.umbrella-designer-preview.is-photo-proof .umbrella-3d-viewport { display: none; }
.umbrella-designer-preview.is-photo-proof .umbrella-legacy-canvas { display: block !important; width: 100%; height: 100%; }

.umbrella-3d-viewport {
position: absolute; inset: 0; overflow: hidden; touch-action: none; background-color: #f8fbff; background-image: linear-gradient(rgba(66,101,158,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(66,101,158,.065) 1px,transparent 1px); background-size: 36px 36px; cursor: grab;
}

.umbrella-3d-viewport:active { cursor: grabbing; }
.umbrella-3d-viewport canvas { position: absolute; inset: 0; }
.umbrella-3d-viewport > img { position: absolute; inset: 7%; width: 86%; height: 86%; object-fit: contain; }

.umbrella-3d-hint {
position: absolute; z-index: 3; top: 12px; left: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 999px; color: #33405c; background: rgba(255,255,255,.82); border: 1px solid rgba(68,96,146,.16); box-shadow: 0 7px 20px rgba(31,46,78,.08); backdrop-filter: blur(8px); font-size: 12px; font-weight: 750; pointer-events: none;
}

.umbrella-3d-hint i { opacity: .42; }

.umbrella-3d-views {
position: absolute; z-index: 4; left: 50%; bottom: 52px; display: grid; grid-template-columns: 32px 48px 48px 48px 32px; gap: 4px; transform: translateX(-50%); padding: 5px; border-radius: 14px; background: rgba(255,255,255,.88); border: 1px solid rgba(68,96,146,.16); box-shadow: 0 10px 28px rgba(28,42,74,.13); backdrop-filter: blur(10px);
}

.umbrella-3d-views button {
min-width: 0; min-height: 34px; padding: 6px 4px; border: 0; border-radius: 9px; color: #34415e; background: transparent; font-size: 12px; font-weight: 850; white-space: nowrap;
}

.umbrella-3d-views button.is-selected { color: #fff; background: linear-gradient(135deg,#673dff,#2f78ff); }

.umbrella-3d-views button:hover,
.umbrella-3d-views button:focus-visible { color: #fff; background: linear-gradient(135deg,#673dff,#2f78ff); outline: none; }

.umbrella-designer-preview::after {
content: ""; position: absolute; inset: auto 0 0; height: 18%; background: linear-gradient(to bottom, transparent, rgba(238,243,250,.38)); pointer-events: none;
}

.umbrella-designer-preview > span {
position: absolute;
  z-index: 2;
  left: 11px;
  bottom: 10px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: 999px;
  color: rgba(255,255,255,.9);
  background: rgba(5,9,28,.76);
  border: 1px solid rgba(143,171,255,.24);
  backdrop-filter: blur(9px);
  font-size: 12px;
  font-weight: 850;
}

.umbrella-designer-preview > span i {
width: 7px; height: 7px; border-radius: 50%; background: #56e4ff; box-shadow: 0 0 12px #56e4ff;
}

.umbrella-designer-preview > span b {
font-size: inherit;
}

.umbrella-preview-tools {
position: absolute; z-index: 3; top: 10px; right: 10px; display: flex; gap: 6px;
}

.umbrella-preview-tools button {
min-height: 36px; padding: 7px 11px; border-radius: 10px; color: rgba(246,249,255,.9); background: rgba(5,9,25,.72); border: 1px solid rgba(157,184,255,.22); backdrop-filter: blur(8px); font-size: 12px; font-weight: 750;
}

.umbrella-designer-form {
display: grid; gap: 16px; margin-top: 18px;
}

.umbrella-designer-form fieldset {
min-width: 0; margin: 0; padding: 0; border: 0;
}

.umbrella-designer-form legend,
.umbrella-brief > span {
display: block; margin-bottom: 9px; color: #fff; font-size: 14px; font-weight: 850;
}

.umbrella-designer-form legend b,
.umbrella-brief > span b {
margin-right: 6px; color: #62dcff; font-size: 10px; letter-spacing: .08em;
}

.umbrella-option-grid {
display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px;
}

.umbrella-option-grid button {
min-height: 42px;
  padding: 8px 9px;
  border-radius: 12px;
  color: rgba(233,238,255,.74);
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  font-size: 13px;
  font-weight: 750;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.umbrella-model-grid {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px;
}

.umbrella-model-grid button {
display: grid; grid-template-columns: 62px minmax(0,1fr); grid-template-rows: auto auto; align-items: center; gap: 2px 9px; min-width: 0; min-height: 82px; padding: 8px; text-align: left; border-radius: 14px; color: rgba(235,240,255,.76); background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.1);
}

.umbrella-model-grid button.is-selected {
color: #fff; background: linear-gradient(135deg, rgba(84,67,218,.3), rgba(29,134,197,.2)); border-color: rgba(93,213,255,.72); box-shadow: 0 0 0 2px rgba(69,191,255,.08), inset 0 0 24px rgba(62,95,222,.12);
}

.umbrella-model-grid img {
grid-row: 1 / 3; width: 62px; height: 62px; object-fit: contain; border-radius: 10px; background: radial-gradient(circle, rgba(70,92,151,.34), rgba(5,8,20,.8));
}

.umbrella-model-grid span { align-self: end; font-size: 13px; font-weight: 850; }
.umbrella-model-grid small { align-self: start; overflow: hidden; color: rgba(218,227,250,.48); font-size: 10px; line-height: 1.35; text-overflow: ellipsis; }

.umbrella-option-grid button:active {
transform: scale(.98);
}

.umbrella-option-grid button.is-selected {
color: #fff; background: linear-gradient(135deg, rgba(108,57,255,.34), rgba(38,121,255,.25)); border-color: rgba(102,201,255,.65); box-shadow: inset 0 0 18px rgba(83,103,255,.12), 0 0 15px rgba(40,147,255,.12);
}

.umbrella-color-options button {
display: flex; align-items: center; justify-content: center; gap: 7px;
}

.umbrella-color-options button i {
width: 14px; height: 14px; flex: 0 0 auto; border-radius: 50%; background: var(--swatch); border: 1px solid rgba(255,255,255,.38); box-shadow: 0 0 9px color-mix(in srgb, var(--swatch), transparent 44%);
}

.umbrella-upload-grid {
display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 10px;
}

.umbrella-upload-card {
display: flex; min-height: 88px; padding: 14px; flex-direction: column; align-items: flex-start; justify-content: center; border-radius: 14px; color: rgba(238,244,255,.94); background: linear-gradient(145deg, rgba(40,71,139,.2), rgba(20,25,55,.56)); border: 1px dashed rgba(108,197,255,.42); cursor: pointer;
}

.umbrella-upload-card input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.umbrella-upload-card b { font-size: 15px; }
.umbrella-upload-card span { margin-top: 5px; color: rgba(217,228,251,.58); font-size: 12px; line-height: 1.45; }

.umbrella-artwork-controls {
display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 12px;
}

.umbrella-artwork-controls label { color: rgba(224,233,253,.66); font-size: 12px; }
.umbrella-artwork-controls input { width: 100%; margin-top: 7px; accent-color: #6de2ff; }

.umbrella-upload-status { margin: 9px 0 0; color: rgba(213,226,250,.55); font-size: 12px; line-height: 1.55; }
.umbrella-upload-status[data-state="success"] { color: #75e2bf; }
.umbrella-upload-status[data-state="error"] { color: #ff9caa; }

.umbrella-advanced-options {
padding: 12px; border-radius: 14px; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.08);
}

.umbrella-advanced-options summary { color: rgba(239,244,255,.82); font-size: 13px; font-weight: 800; cursor: pointer; }
.umbrella-advanced-options summary b { margin-right: 6px; color: #62dcff; font-size: 10px; }
.umbrella-advanced-options[open] summary { margin-bottom: 14px; }
.umbrella-advanced-options fieldset + fieldset { margin-top: 14px; }
.umbrella-advanced-options legend { font-size: 12px; }

.umbrella-print-layout {
padding: 14px !important; border-radius: 15px !important; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.085) !important;
}

.umbrella-print-layout > fieldset + fieldset { margin-top: 14px; }
.umbrella-print-layout > fieldset > legend { margin-bottom: 8px; color: rgba(226,235,255,.68); font-size: 12px; }
.umbrella-three-options { grid-template-columns: repeat(3,minmax(0,1fr)); }

.umbrella-layout-note {
margin: 8px 2px 0; color: rgba(205,218,246,.54); font-size: 11px; line-height: 1.5;
}

.umbrella-adjust-grid {
display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px;
}

.umbrella-adjust-row {
display: grid; grid-template-columns: minmax(52px,1fr) 38px 58px 38px; align-items: center; gap: 5px; min-width: 0; padding: 7px; border-radius: 13px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.09);
}

.umbrella-adjust-row > span {
padding-left: 4px; color: rgba(233,239,255,.76); font-size: 12px; font-weight: 780;
}

.umbrella-adjust-row button {
width: 38px; height: 36px; padding: 0; border-radius: 10px; color: #fff; background: rgba(75,94,151,.24); border: 1px solid rgba(130,173,255,.2); font-size: 19px; font-weight: 700;
}

.umbrella-adjust-row button:active { transform: scale(.94); }

.umbrella-adjust-row output {
min-width: 0; color: #6fe2ff; font-size: 12px; font-weight: 900; text-align: center; font-variant-numeric: tabular-nums;
}

.umbrella-print-audit {
display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px;
}

.umbrella-print-audit > span {
min-width: 0; min-height: 72px; padding: 11px; border-radius: 12px; background: linear-gradient(145deg,rgba(50,76,145,.18),rgba(22,29,62,.55)); border: 1px solid rgba(112,154,237,.14);
}

.umbrella-print-audit small { display: block; margin-bottom: 5px; color: rgba(178,200,242,.56); font-size: 10px; }
.umbrella-print-audit b { display: block; color: rgba(244,247,255,.9); font-size: 12px; line-height: 1.45; }

.umbrella-brief textarea {
width: 100%; min-height: 92px; resize: vertical; padding: 12px; border-radius: 13px; color: #fff; outline: none; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); font: inherit; font-size: 12px; line-height: 1.55;
}

.umbrella-brief textarea::placeholder {
color: rgba(255,255,255,.32);
}

.umbrella-brief textarea:focus {
border-color: rgba(87,203,255,.58); box-shadow: 0 0 0 3px rgba(43,125,255,.1);
}

.umbrella-generate {
min-height: 48px;
}

.umbrella-generate:disabled {
opacity: .72; cursor: wait;
}

.umbrella-workflow-pipeline {
display: flex; align-items: center; justify-content: center; gap: 5px; overflow-x: auto; padding: 9px 10px; border-radius: 12px; color: rgba(218,229,251,.62); background: rgba(76,111,202,.09); border: 1px solid rgba(112,151,239,.12); scrollbar-width: none;
}

.umbrella-workflow-pipeline::-webkit-scrollbar { display: none; }
.umbrella-workflow-pipeline span { flex: 0 0 auto; font-size: 10px; font-weight: 760; }
.umbrella-workflow-pipeline i { color: rgba(101,217,255,.68); font-size: 10px; font-style: normal; }

.umbrella-loading-dot {
width: 12px; height: 12px; display: inline-block; border: 2px solid rgba(255,255,255,.34); border-top-color: #fff; border-radius: 50%; animation: umbrellaSpinner .7s linear infinite;
}

.umbrella-design-result {
margin-top: 17px; padding: 15px; border-radius: 17px; background: linear-gradient(145deg, rgba(44,70,155,.22), rgba(17,21,54,.8)); border: 1px solid rgba(92,169,255,.26);
}

.umbrella-design-result__head {
display: flex; align-items: center; justify-content: space-between; gap: 8px;
}

.umbrella-ai-result-image {
width: 100%; max-height: 360px; margin-top: 12px; display: block; object-fit: contain; border-radius: 13px; background: rgba(4,8,19,.72);
}

.umbrella-design-result__head span {
color: #66dfff; font-size: 8px; font-weight: 900; letter-spacing: .12em;
}

.umbrella-design-result__head b {
color: #8ff0c8; font-size: 10px;
}

.umbrella-design-result h3 {
margin: 9px 0 11px; font-size: 18px;
}

.umbrella-design-result__facts {
display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-bottom: 11px;
}

.umbrella-design-result__facts span {
padding: 9px; border-radius: 11px; background: rgba(255,255,255,.05);
}

.umbrella-design-result__facts small {
display: block; margin-bottom: 3px; color: var(--weak); font-size: 9px;
}

.umbrella-design-result__facts b {
font-size: 11px;
}

.umbrella-design-result p {
margin: 8px 0 0; color: var(--muted); font-size: 11px; line-height: 1.65;
}

.umbrella-design-result p strong {
color: rgba(255,255,255,.9);
}

.umbrella-design-result__next {
margin-top: 11px; padding: 10px; border-radius: 11px; color: rgba(224,233,255,.86); background: rgba(38,110,223,.14); font-size: 10px; line-height: 1.55;
}

.umbrella-result-pipeline {
display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin: 10px 0;
}

.umbrella-result-pipeline span {
padding: 8px; border-radius: 10px; color: #9eeacb; background: rgba(43,168,126,.09); border: 1px solid rgba(89,216,169,.14); font-size: 10px; font-weight: 700;
}

.umbrella-result-next { margin-top: 13px; min-height: 46px; }

.umbrella-design-result em {
display: block; margin-top: 9px; color: rgba(255,255,255,.38); font-size: 9px; font-style: normal;
}

.umbrella-designer-note {
margin: 13px 2px 1px; color: rgba(255,255,255,.45); font-size: 11px; line-height: 1.6;
}

.umbrella-production-stage {
padding: 15px; border-radius: 18px; background: linear-gradient(150deg,rgba(43,65,132,.22),rgba(14,19,47,.78)); border: 1px solid rgba(101,164,255,.23);
}

.umbrella-production-stage > header > span { color: #69dfff; font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.umbrella-production-stage > header h3 { margin: 6px 0 5px; font-size: 20px; }
.umbrella-production-stage > header p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.umbrella-production-choice { display: grid; grid-template-columns: 88px 1fr; align-items: center; gap: 12px; margin: 14px 0; padding: 9px; border-radius: 13px; background: rgba(255,255,255,.045); }
.umbrella-production-choice img { width: 88px; height: 72px; object-fit: cover; border-radius: 9px; background: rgba(0,0,0,.2); }
.umbrella-production-choice small { display: block; margin-bottom: 4px; color: var(--weak); font-size: 10px; }
.umbrella-production-choice b { font-size: 13px; line-height: 1.45; }
.umbrella-production-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.umbrella-production-form label { display: grid; gap: 6px; min-width: 0; }
.umbrella-production-form label.wide { grid-column: 1 / -1; }
.umbrella-production-form label > span { color: rgba(237,243,255,.78); font-size: 11px; font-weight: 760; }
.umbrella-production-form input,
.umbrella-production-form select,
.umbrella-production-form textarea { width: 100%; min-width: 0; padding: 11px; border-radius: 11px; color: #fff; outline: none; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); font: inherit; font-size: 12px; }
.umbrella-production-form select option { color: #111; }
.umbrella-production-form textarea { min-height: 78px; resize: vertical; line-height: 1.5; }
.umbrella-production-actions { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9px; }
.umbrella-production-summary { margin-top: 14px; padding: 13px; border-radius: 14px; background: rgba(5,10,28,.58); border: 1px solid rgba(104,205,255,.18); }
.umbrella-production-summary pre { margin: 12px 0; white-space: pre-wrap; color: rgba(231,238,255,.78); font: inherit; font-size: 11px; line-height: 1.7; }
.umbrella-production-summary em { display: block; margin-top: 8px; color: rgba(255,255,255,.4); font-size: 9px; font-style: normal; }

@media (max-width:430px) {
  .umbrella-designer-card { width: calc(100vw - 10px); padding: 17px 14px 20px; border-radius: 24px; }
  .umbrella-designer-head h2 { font-size: 22px; }
  .umbrella-intent-switch { grid-template-columns: 1fr; }
  .umbrella-intent-switch h3 { margin-bottom: 2px; }
  .umbrella-intent-options button { min-height: 58px; }
  .umbrella-purchase-action { grid-template-columns: 1fr; }
  .umbrella-catalog-source { margin-right: -14px; padding-right: 14px; }
  .umbrella-model-grid button { grid-template-columns: 54px minmax(0,1fr); min-height: 74px; padding: 7px; }
  .umbrella-model-grid img { width: 54px; height: 54px; }
  .umbrella-model-grid span { font-size: 12px; }
  .umbrella-model-grid small { font-size: 9px; }
  .umbrella-option-grid button { font-size: 12px; }
  .umbrella-print-audit { grid-template-columns: 1fr; }
  .umbrella-print-audit > span { min-height: 0; }
  .umbrella-adjust-grid { grid-template-columns: 1fr; }
  .umbrella-production-form { grid-template-columns: 1fr; }
  .umbrella-production-form label.wide { grid-column: auto; }
  .umbrella-production-actions { grid-template-columns: 1fr; }
}

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

.about-story-hero__image {
position: absolute;
  inset: 0;
  z-index: -4;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 36%;
  filter: saturate(.88) contrast(1.07) brightness(.84);
  transform: scale(1.035);
}

.about-journey-media.is-portrait {
width: 78%; aspect-ratio: 4 / 5;
}

.about-journey-media.is-square {
width: 88%; aspect-ratio: 1 / 1;
}

.about-journey-media.is-wide {
width: 100%; aspect-ratio: 4 / 3;
}

.about-journey-media.is-portrait img {
object-position: 46% 18%;
}

.about-journey-media.is-square img {
object-position: 50% 50%;
}

.about-journey-media.is-wide img {
object-position: 50% 8%;
}

.about-journey-media.is-collage {
width: 100%;
  aspect-ratio: auto;
  padding: 13px 13px 42px;
  border-color: rgba(231,192,103,.3);
  background:
    radial-gradient(circle at 14% 8%, rgba(239,194,89,.16), transparent 30%),
    radial-gradient(circle at 88% 92%, rgba(99,90,255,.2), transparent 36%),
    linear-gradient(145deg, rgba(23,20,32,.98), rgba(5,8,18,.99));
  box-shadow: 0 26px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
}

.about-journey-item.is-offset .about-journey-media.is-collage {
margin-left: 0;
}

.about-journey-media.is-collage::before {
content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(234,196,109,.14);
  border-radius: 18px;
  pointer-events: none;
}

.about-journey-media.is-collage::after {
background: linear-gradient(180deg, rgba(3,5,12,.02) 62%, rgba(3,5,12,.88));
}

.about-honor-collage__topline {
position: relative;
  z-index: 2;
  min-height: 31px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 3px 9px;
  color: rgba(255,255,255,.6);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .15em;
}

.about-honor-collage__topline span {
color: #e6c370;
}

.about-honor-collage__topline b {
color: rgba(255,255,255,.58); font-size: 9px; letter-spacing: .05em;
}

.about-honor-collage__grid {
position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-rows: repeat(8, clamp(43px, 11.5vw, 57px));
  gap: 7px;
  padding: 2px;
}

.about-honor-collage__tile {
position: relative;
  display: block;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 11px;
  background: #090b15;
  box-shadow: 0 10px 25px rgba(0,0,0,.34), inset 0 0 0 1px rgba(231,192,103,.04);
  transform: rotate(var(--honor-rotate, 0deg));
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.about-honor-collage__tile::after {
content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, rgba(255,236,183,.08), transparent 42%, rgba(81,72,255,.07));
  pointer-events: none;
}

.about-honor-collage__tile img {
width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: saturate(.92) contrast(1.03) brightness(.92);
}

.about-honor-collage__tile--1 {
grid-column: 1 / 4; grid-row: 1 / 3; --honor-rotate: -1deg;
}

.about-honor-collage__tile--2 {
grid-column: 4 / 7; grid-row: 1 / 3; --honor-rotate: .7deg;
}

.about-honor-collage__tile--3 {
grid-column: 1 / 3; grid-row: 3 / 5; --honor-rotate: .8deg;
}

.about-honor-collage__tile--4 {
grid-column: 3 / 5; grid-row: 3 / 5; --honor-rotate: -1deg;
}

.about-honor-collage__tile--5 {
grid-column: 5 / 7; grid-row: 3 / 5; --honor-rotate: .9deg;
}

.about-honor-collage__tile--6 {
grid-column: 1 / 4; grid-row: 5 / 7; --honor-rotate: -.6deg;
}

.about-honor-collage__tile--7 {
grid-column: 4 / 7; grid-row: 5 / 7; --honor-rotate: .65deg;
}

.about-honor-collage__tile--8 {
grid-column: 1 / 4; grid-row: 7 / 9; --honor-rotate: .6deg;
}

.about-honor-collage__tile--9 {
grid-column: 4 / 7; grid-row: 7 / 9; --honor-rotate: -.8deg;
}

.about-honor-collage__tile:active {
z-index: 3;
  border-color: rgba(235,199,112,.7);
  box-shadow: 0 14px 34px rgba(0,0,0,.46), 0 0 0 2px rgba(235,199,112,.12);
  transform: rotate(0) scale(1.025);
}

.about-journey-media.is-collage figcaption {
right: 16px; bottom: 14px; color: rgba(242,216,155,.9);
}

.about-journey-media.is-collage figcaption i {
background: #e6c370; box-shadow: 0 0 12px rgba(230,195,112,.72);
}

.phone.is-text-entry-active .chat-shell {
padding-bottom: calc(12px + env(safe-area-inset-bottom));
}

.phone.is-text-entry-active .workflow-mode .agent-workflow-panel {
max-height: min(34dvh, 300px);
}

.phone.is-about-reading .bottom-nav,
.phone.is-text-entry-active .bottom-nav,
.phone.is-subpage-view .bottom-nav {
opacity: 0;
  pointer-events: none;
  transform: translate(var(--bottom-nav-x), calc(100% + 24px));
}