/* Profile result shell */

.portrait-result-card::before {
  inset: 0;
  background: #090909;
}

.portrait-result-card {
  background: #090909;
  animation: none;
  padding-top: 45px;
}

#topicLabelSubtitle.topic-label-subtitle {
  color: rgba(145, 1, 1, 0.94);
  font-size: 0.62rem;
  font-weight: 400;
  line-height: 1.7;
}

.mobile-sentence-segment {
  display: inline;
}
.portrait-result-card::after {
  content: none;
}

.portrait-result-card > .grid48-corner {
  top: 30px;
  right: 25px;
}

.portrait-result-card .phase-head h2, .portrait-result-card .profile-copy, .portrait-result-card .phase-detail dd, .portrait-result-card .summary-hero p, .portrait-result-card .rank-list p, .portrait-result-card .evidence-grid p, .portrait-result-card .share-intro, .portrait-result-card .confirmation-detail, .portrait-result-card .confirmation-grid p, .portrait-result-card .stage-list p, .portrait-result-card .combo-panel p {
  color: #c7c7c7;
}

.portrait-result-card .phase-name, .portrait-result-card .phase-detail dt, .portrait-result-card .summary-hero strong, .portrait-result-card .rank-list strong, .portrait-result-card .evidence-grid strong, .portrait-result-card .confirmation-grid strong, .portrait-result-card .stage-list strong, .portrait-result-card .combo-panel strong {
  color: #fffb00;
}

.portrait-result-card .rarity, .portrait-result-card .phase-detail div, .portrait-result-card .rank-list li, .portrait-result-card .evidence-grid article, .portrait-result-card .confirmation-grid article, .portrait-result-card .stage-list li, .portrait-result-card .combo-panel {
  border-color: rgba(175, 255, 255, 0.36);
}

.result {
  display: grid;
  gap: 2px;
}

.theme-experience-page .phase-card.portrait-result-card {
  background: #090909;
  background-image: none;
  background-color: #090909;
  animation: none;
  padding-top: 45px;
}

#stepResultView > .portrait-result-card,
#stepResultView > .portrait-result-card::before {
  background: #090909;
  background-image: none;
  background-color: #090909;
}

.phase-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 45px;
  margin: -45px -25px 18px;
  padding: 0 78px 0 18px;
  color: #f5ffff;
  background: linear-gradient(135deg, #090909 25%, #1a1a1a 25%, #1a1a1a 50%, #090909 50%, #090909 75%, #1a1a1a 75%, #1a1a1a);
  background-color: #090909;
  background-size: 40px 40px;
  animation: topStripeMove 4s linear infinite;
}

.portrait-result-card .phase-head {
  position: static;
}

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

.phase-head h2 {
  min-width: 0;
  margin: 0;
  color: #f5ffff;
  font-size: 1.375rem;
  line-height: 1.05;
  text-shadow: 2px 2px 0 #080312;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.phase-head .eyebrow {
  flex: 0 1 auto;
  max-width: 92px;
  color: #afffff;
  line-height: 1;
  text-shadow: 2px 2px 0 #080312;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.phase-head .eyebrow:empty {
  display: none;
}

.phase-head-centered {
  justify-content: center;
  padding-right: 18px;
  text-align: center;
}

.portrait-result-card .phase-head-centered {
  padding-right: 18px;
}

.phase-head-centered > div {
  justify-content: center;
  width: 100%;
}

.phase-head-centered h2 {
  max-width: 100%;
  text-align: center;
}

.rarity {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 5;
  flex: 0 0 auto;
  display: grid;
  grid-template-rows: 22px 1fr;
  place-items: center;
  width: 45px;
  height: 45px;
  border: 1px solid rgba(175, 255, 255, 0.8);
  border-radius: 0;
  padding: 4px;
  background: #080312;
  font-weight: 700;
  color: #afffff;
  font-size: 0.5rem;
  line-height: 1.1;
  text-align: center;
  overflow-wrap: anywhere;
  cursor: pointer;
  pointer-events: auto;
  user-select: none;
}

.portrait-result-card .rarity {
  display: none;
}

.rarity .rarity-loader {
  width: 20px;
  height: 20px;
}

.rarity .rarity-loader::before {
  top: 16px;
  left: 9px;
}

.rarity .rarity-text {
  display: block;
  color: #afffff;
}

.phase-name {
  margin: 8px 0 -5px;
  color: var(--danger);
  font-weight: 800;
}

.profile-name-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 6px;font-size: 0.8rem;
}

.profile-name-row .phase-name {
  margin: 0;
}

.portrait-card-copy {
  width: min(390px, 100%);
  margin: 0 auto;
}

.portrait-card-copy .action-btn {
  width: 100%;
}

.portrait-metrics {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin: -6px 0 18px;
}

.portrait-metrics div {
  min-width: 0;
  border: 1px dashed rgba(175, 255, 255, 0.18);
  background: rgba(245, 255, 255, 0.015);
  padding: 12px;border-radius: 4px;
}

.portrait-metrics span {
  display: block;
  color: #04ffe7;
  font-family: "Arial", "SFMono-Regular", monospace;
  font-size: 0.6rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portrait-metrics strong {
  display: block;
  margin-top: 6px;
  color: #6d6c6c;
  font-family: "Arial", "SFMono-Regular", monospace;
  font-size: 0.5rem;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  text-shadow: 0 0 7px rgba(142, 213, 0, 0.35);
}

.portrait-metrics p {
  margin: 6px 0 0;
  color: rgba(245, 255, 255, 0.82);
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 1.45;}

.phase-portrait-card {
  --portrait-frame-grow: 15px;
  --portrait-frame-inset: 25px 25px 30px;
  --portrait-border-inset: 22px 22px 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(390px, 100%);
  aspect-ratio: 418 / 631;
  margin: 22px auto;
  padding: var(--portrait-frame-inset);
  font-weight: 900;
  background: none;
  filter: none;
  animation: none;
}

.phase-portrait-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #FFF;
  filter: saturate(1.18) contrast(1.08);
  pointer-events: none;border-radius: 6px;
}

.phase-portrait-content::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  clip-path: var(--portrait-shape);
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(8, 3, 18, 0.9), inset 0 0 0 2px rgba(175, 255, 255, 0.18);
}

.phase-portrait-card::after {
  content: "";
  position: absolute;
  inset: var(--portrait-border-inset);
  z-index: 1;
  clip-path: var(--portrait-shape);
  pointer-events: none;
  background: conic-gradient(from var(--portrait-border-angle), transparent 0deg 24deg, #ffffff 40deg, #8ed500 54deg, #afffff 70deg, transparent 96deg 180deg, #ff7a00 214deg, #c026d3 252deg, transparent 286deg 360deg);
  box-shadow: 0 0 12px rgba(175, 255, 255, 0.38), inset 0 0 10px rgba(175, 255, 255, 0.2);
  animation: portraitBorderFlow 2.8s linear infinite;
}

.phase-portrait-content {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-content: center;
  justify-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  color: hsl(192, 100%, 88%);
  background: #080312;
  border: 0;
  clip-path: var(--portrait-shape);
}

.phase-portrait-content::after {
  content: none;
}

.phase-portrait-border {
  display: none;
}

.phase-portrait-border::before, .phase-portrait-border::after {
  content: none;
}

.phase-portrait-title, .phase-portrait-footer, .phase-portrait-body, .phase-portrait-scan {
  position: relative;
  z-index: 2;
}

.phase-portrait-scan {
  position: absolute;
  left: 15px;
  display: grid;
  gap: 3px;
  max-width: calc(100% - 30px);
  color: rgba(175, 255, 255, 0.92);
  font-family: "Arial", "SFMono-Regular", monospace;
  font-size: 0.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.95;
  text-align: left;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.9), 1px 1px 0 #080312;
  letter-spacing: 0;
  pointer-events: none;
}

.phase-portrait-scan span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.phase-portrait-scan #profileDeviation[data-content="random-deviation-copy"] {
  max-width: 100%;
  color: rgba(230, 255, 255, 0.96);
  font-size: 0.48rem;
  line-height: 1.18;
  text-overflow: clip;
  white-space: normal;
}

.phase-portrait-content:has(#profileDeviation[data-content="random-deviation-copy"]) .scan-bottom {
  right: 15px;
  padding: 5px 7px;
}

.phase-portrait-content:has(#profileDeviation[data-content="random-deviation-copy"]) .phase-portrait-footer {
  margin-bottom: 104px;
}

.scan-top {
  top: 15px;
}

.scan-bottom {
  bottom: 15px;
}

.phase-portrait-title, .phase-portrait-footer {
  position: relative;
  width: min(84%, 320px);
  padding: 7px 10px;
  background: none;
  overflow: visible;
}

.phase-portrait-title::before, .phase-portrait-footer::before {
  content: none;
}

.phase-portrait-title::after, .phase-portrait-footer::after {
  content: none;
}

.phase-portrait-title {
  align-self: start;
  margin-top: 40px;
}

.phase-portrait-footer {
  align-self: end;
  margin-bottom: 54px;
}

#profileView .phase-portrait-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}

.phase-portrait-title .title, .phase-portrait-footer .title {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  min-width: 0;
  color: hsl(44.9, 100%, 50%);
  text-align: center;
  line-height: 1;
  overflow-wrap: anywhere;
  padding: 7px 10px;
  padding-top: 5px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.92);
  white-space: nowrap;
}

.phase-portrait-title .title {
  font-size: 1.3rem;
}

.phase-portrait-footer .title {
  font-size: 1rem;
  padding-bottom: 30px;
}

#profileView .portrait-dimension-line {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  background: linear-gradient(90deg, #efffd9 0%, #7ccf9b 24%, #ffd166 42%, #7bdff2 62%, #f28482 82%, #efffd9 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 8px rgba(124, 207, 155, 0.48));
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  animation: profileFirstDimensionFlow 1.45s linear infinite;
}

.g48-v3-audit {
  display: grid;
  gap: 9px;
  margin: 0 0 14px;
  border: 1px dashed rgba(175, 255, 255, 0.22);
  border-radius: 6px;
  background: rgba(0, 19, 22, 0.78);
  padding: 10px;
}

.g48-v3-audit.hidden {
  display: none;
}

.g48-v3-audit-head,
.g48-v3-dimensions,
.g48-v3-top3 {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

.g48-v3-audit-head {
  justify-content: space-between;
}

.g48-v3-audit-head strong {
  color: #f5ffff;
  font-size: 0.7rem;
}

.g48-v3-audit-head span,
.g48-v3-top3 span,
.g48-v3-dimension {
  border-radius: 4px;
  background: rgba(175, 255, 255, 0.12);
  color: #37afaf;
  padding: 6px 8px;
  font-size: 0.5rem;
  font-weight: 400;
}

.g48-v3-dimension {
  display: grid;
  gap: 2px;
  min-width: 76px;
}

.g48-v3-dimension strong {
  font-size: 0.875rem;
  line-height: 1.1;
}

.g48-v3-dimension em,
.g48-v3-audit small {
  color: #7b7b7b;
  font-style: normal;
  font-size: 0.6rem;
  line-height: 1.45;
}

.g48-v3-report-lines {
  display: grid;
  gap: 6px;
}

.g48-v3-report-line {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px;
  align-items: baseline;
  color: #f5ffff;
  font-size: 0.62rem;
  font-weight: 400;
  line-height: 1.55;
}

.g48-v3-report-line span {
  color: #afffff;
  white-space: nowrap;
}

.g48-v3-report-line p,
.g48-v3-report-top p {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.g48-v3-report-line .g48-v3-dominant {
  color: #c4e71e;
  font-weight: 900;
}

.g48-v3-report-top {
  display: grid;
  gap: 5px;
  border-top: 1px dashed rgba(175, 255, 255, 0.24);
  padding-top: 8px;
  color: #f5ffff;
}

.g48-v3-report-top strong {
  color: #afffff;
  font-size: 0.62rem;padding-top: 5px;
}

.g48-v3-report-top p {
  color: #f5ffff;
  font-size: 0.62rem;
  font-weight: 600;
  line-height: 1.55;
}

@media (max-width: 640px) {
  .g48-v3-report-top {
    gap: 5px;
  }

  .g48-v3-report-top strong {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .g48-v3-report-top p {
    flex: 1 1 auto;
    white-space: nowrap;
  }

  .g48-v3-audit > small {
    display: block;
    overflow-wrap: anywhere;
  }
}

#profileView .portrait-dimension-line.hidden {
  display: none;
}

@keyframes profileFirstDimensionFlow {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 220% 50%;
  }
}

.phase-code-main {
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  color: #ffd45a;
  background:
    radial-gradient(circle at 18% 50%, #fff9c8 0 9%, transparent 10% 24%),
    linear-gradient(115deg, #f7a400 0%, #ffe27a 22%, #fff7be 38%, #f2b400 55%, #ffcf33 72%, #fff1a8 100%);
  background-size: 180% 160%, 260% 100%;
  background-position: 0% 50%, 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: g48GoldLiquidText 1.7s ease-in-out infinite;
}

.phase-code-core {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: baseline;
  justify-content: center;
  min-width: min(8em, 100%);
  color: #ffd45a;
  overflow: visible;
  text-shadow: none;
}

.phase-code-core::before,
.phase-code-core::after,
.phase-code-particle-canvas {
  position: absolute;
  pointer-events: none;
  content: "";
}

.phase-code-core::before {
  content: none;
}

.phase-code-core::after {
  content: none;
}

.phase-code-particle-canvas {
  z-index: 1;
  width: calc(100% + 48px);
  height: calc(100% + 32px);
  mix-blend-mode: screen;
}

.phase-code-text-fallback {
  position: relative;
  z-index: 0;
  opacity: 0;
}

.phase-code-core.is-particle-degraded::after {
  filter: none;
  opacity: 0.58;
}

@media (prefers-reduced-motion: reduce) {
  .phase-code-main,
  .phase-code-core::after {
    animation: none;
  }

  .phase-code-particle-canvas {
    display: none;
  }

  .phase-code-text-fallback {
    opacity: 1;
  }
}

.phase-code-sub {
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  color: #36ff00;
}

.phase-code-title {
  flex: 0 0 100%;
  margin-top: 18px;
  color: hsl(192, 100%, 88%);
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.92);
  white-space: normal;
}

.phase-portrait-body {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  z-index: 1;
}

.profile-avatar {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  margin: 0;
  border: 0;
  background: #153544;
  object-fit: cover;
  object-position: center top;
  clip-path: inherit;
  box-shadow: none;
  filter: saturate(1.16) contrast(1.06);
}

.profile-copy {
  color: var(--ink);
  font-weight: 400;
  font-size:0.7REM;
}

.profile-one-line {
  margin: 0 0 16px;
  color: #aba8a8;
  font-size: 0.58rem;
  font-weight: 400;
  line-height: 1.55;
  text-shadow: 0 0 10px rgba(175, 255, 255, 0.18);
}

.profile-behavior-weights {
  display: grid;
  gap: 10px;
  margin: 0 0 16px;
}

.profile-behavior-weights-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 10px;
}

.profile-behavior-weights-head span {
  color: #afffff;
  font-size: 0.6875rem;
  font-weight: 900;
}

.profile-behavior-weights-head small {
  color: #d8f7fb;
  font-size: 0.625rem;
}

.profile-behavior-weight-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.profile-behavior-weight {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  border-radius: 3px;
  background: #afffff;
  color: #111111;
  padding: 6px;
  font-size: 0.5rem;
  font-weight: 400;
  line-height: 1;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.88);
}

#philosophyList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.philosophy-chip {
  border: 1px solid rgba(17, 17, 17, 0.9);
  border-radius: 8px;
  color: #111111;
  padding: 8px 12px;
  font-size: 0.75rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.88);
  cursor: default;
}

.philosophy-chip.tone-0 {
  background: #afffff;
}

.philosophy-chip.tone-1 {
  background: #c8ff00;
}

.philosophy-chip.tone-2 {
  background: #ffdf6b;
}

.philosophy-chip.tone-3 {
  background: #ff9fb2;
}

.philosophy-chip.tone-4 {
  background: #d8cce6;
}

.profile-behavior-weights-cta {
  margin: 2px 0 0;
  border-left: 2px solid rgba(175, 255, 255, 0.44);
  padding: 8px 0 8px 10px;
  color: #f5ffff;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.55;
}

.profile-code-explanation span,
.profile-scene-card span,
.profile-pressure-grid span,
.adjacent-phase-row span,
.profile-core-tension span {
  display: block;
  margin-bottom: 5px;
  color: #afffff;
  font-size: 0.625rem;
  font-weight: 900;
  line-height: 1.2;
}

.profile-readable-panel,
.strategy-panel {
  background: linear-gradient(135deg, #090909 25%, #1a1a1a 25%, #1a1a1a 50%, #090909 50%, #090909 75%, #1a1a1a 75%, #1a1a1a) top / 40px 45px repeat-x, linear-gradient(#080312, #080312) 0 45px / 100% calc(100% - 45px) no-repeat;
  background-color: #141414;
  color: #f5ffff;
  animation: topStripeMove 4s linear infinite;
}

.profile-readable-panel::before,
.strategy-panel::before {
  background: #080312;
}

.profile-readable-panel h3,
.strategy-panel h3 {
  color: #020202;
}

.profile-mini-biography-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.profile-mini-biography-head .scene-tag {
  margin: 0;
}

.profile-readable-panel .share-intro,
.profile-readable-panel .action-status,
.profile-readable-panel .confirmation-detail dd,
.profile-readable-panel .rank-meta,
.profile-readable-panel .archive-meta,
.profile-readable-panel .archive-warning {
  color: #b2b2b2;
  font-size:0.62rem;font-weight: 400;
}

#profilePsycheIntro.profile-psyche-intro {
  color: #b2b2b2;
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 1.7;padding-top: 5px;
}

.profile-readable-panel .confirmation-grid div,
.profile-readable-panel .confirmation-detail div,
.profile-readable-panel .rank-item,
.profile-readable-panel .member-claim-result,
.profile-readable-panel .archive-entry-empty {
  background:rgba(3, 3, 3, 0.98)
  color: #f5ffff;
}

.profile-readable-panel .confirmation-grid span,
.profile-readable-panel .confirmation-detail dt,
.profile-readable-panel .rank-title,
.profile-readable-panel .rank-score,
.profile-readable-panel .member-claim-result strong {
  color: #fff;
  font-size: 0.6rem;
}

.profile-readable-panel input,
.profile-readable-panel .share-mode-btn {
  border-color: rgba(175, 255, 255, 0.54);
  background: #f5ffff;
}

.profile-readable-panel .share-canvas {
  border-color: rgba(175, 255, 255, 0.54);
}

.public-topic-team-pair-panel {
  display: grid;
  gap: 12px;
}

.public-topic-team-pair-panel.hidden {
  display: none;
}

.public-topic-team-card {
  display: grid;
}

.public-topic-team-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.public-topic-team-status {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.55;
}

.public-topic-team-consent-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 8px;
  margin: 0;
}

.public-topic-team-consent-actions button {
  width: 100%;
  min-width: 0;
  min-height: 32px;
  border: 0;
  border-radius: 7px;
  background: #0bdd12;
  color: #ffffff;
  padding: 7px 12px;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 900;
  line-height: 1.2;
  cursor: pointer;
}

.public-topic-team-consent-actions button:only-child {
  grid-column: 1 / -1;
}

.public-topic-team-consent-actions button.secondary {
  background: #ffffff;
  color: #000000;
}

.public-topic-team-consent-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

#profileView .topic-scene-tag {
  align-items: center;
  gap: 4px;
}

#profileView .topic-scene-tag::before {
  content: "";
  display: block;
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  background-color: currentColor;
  -webkit-mask: var(--topic-scene-icon) center / contain no-repeat;
  mask: var(--topic-scene-icon) center / contain no-repeat;
}

#profileView .scene-tag-icon-boules {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M208%2C32H48A16%2C16%2C0%2C0%2C0%2C32%2C48V208a16%2C16%2C0%2C0%2C0%2C16%2C16H208a16%2C16%2C0%2C0%2C0%2C16-16V48A16%2C16%2C0%2C0%2C0%2C208%2C32Zm0%2C176H128V128H48V48h80v80h80v80Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#profileView .scene-tag-icon-users {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24ZM40%2C128a88.1%2C88.1%2C0%2C0%2C1%2C88-88V216A88.1%2C88.1%2C0%2C0%2C1%2C40%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#profileView .scene-tag-icon-confetti {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M223.45%2C40.07a8%2C8%2C0%2C0%2C0-7.52-7.52C139.8%2C28.08%2C78.82%2C51%2C52.82%2C94a87.09%2C87.09%2C0%2C0%2C0-12.76%2C49A101.72%2C101.72%2C0%2C0%2C0%2C46.7%2C175.2a4%2C4%2C0%2C0%2C0%2C6.61%2C1.43l85-86.3a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L56.74%2C195.94%2C42.55%2C210.13a8.2%2C8.2%2C0%2C0%2C0-.6%2C11.1%2C8%2C8%2C0%2C0%2C0%2C11.71.43l16.79-16.79c14.14%2C6.84%2C28.41%2C10.57%2C42.56%2C11.07q1.67.06%2C3.33.06A86.93%2C86.93%2C0%2C0%2C0%2C162%2C203.18C205%2C177.18%2C227.93%2C116.21%2C223.45%2C40.07Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#profileView .scene-tag-icon-lightning {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M213.85%2C125.46l-112%2C120a8%2C8%2C0%2C0%2C1-13.69-7l14.66-73.33L45.19%2C143.49a8%2C8%2C0%2C0%2C1-3-13l112-120a8%2C8%2C0%2C0%2C1%2C13.69%2C7L153.18%2C90.9l57.63%2C21.61a8%2C8%2C0%2C0%2C1%2C3%2C12.95Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#profileView .scene-tag-icon-head-circuit {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M174%2C47.75a254.19%2C254.19%2C0%2C0%2C0-41.45-38.3%2C8%2C8%2C0%2C0%2C0-9.18%2C0A254.19%2C254.19%2C0%2C0%2C0%2C82%2C47.75C54.51%2C79.32%2C40%2C112.6%2C40%2C144a88%2C88%2C0%2C0%2C0%2C176%2C0C216%2C112.6%2C201.49%2C79.32%2C174%2C47.75ZM128%2C26c14.16%2C11.1%2C56.86%2C47.74%2C68.84%2C94H59.16C71.14%2C73.76%2C113.84%2C37.12%2C128%2C26Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#profileView .scene-tag-icon-chat-centered-slash {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M232%2C128c0%2C56.63-47.38%2C104-104%2C104a103.67%2C103.67%2C0%2C0%2C1-31.52-4.89%2C4%2C4%2C0%2C0%2C1-1.62-6.65L220.46%2C94.85a4%2C4%2C0%2C0%2C1%2C6.65%2C1.62A103.69%2C103.69%2C0%2C0%2C1%2C232%2C128ZM215.84%2C72.39a103.16%2C103.16%2C0%2C0%2C0-6.06-8.56%2C4%2C4%2C0%2C0%2C0-6-.33L63.5%2C203.82a4%2C4%2C0%2C0%2C0%2C.33%2C6%2C103.16%2C103.16%2C0%2C0%2C0%2C8.56%2C6.06%2C4%2C4%2C0%2C0%2C0%2C5-.54L215.3%2C77.39A4%2C4%2C0%2C0%2C0%2C215.84%2C72.39ZM192.17%2C46.22a103.16%2C103.16%2C0%2C0%2C0-8.56-6.06%2C4%2C4%2C0%2C0%2C0-5%2C.54L40.7%2C178.62a4%2C4%2C0%2C0%2C0-.54%2C5%2C103.16%2C103.16%2C0%2C0%2C0%2C6.06%2C8.56%2C4%2C4%2C0%2C0%2C0%2C6%2C.33L192.5%2C52.18A4%2C4%2C0%2C0%2C0%2C192.17%2C46.22ZM159.53%2C28.89A103.67%2C103.67%2C0%2C0%2C0%2C128%2C24C71.38%2C24%2C24%2C71.37%2C24%2C128a103.69%2C103.69%2C0%2C0%2C0%2C4.89%2C31.53%2C4%2C4%2C0%2C0%2C0%2C6.65%2C1.62L161.15%2C35.54A4%2C4%2C0%2C0%2C0%2C159.53%2C28.89Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#profileView .scene-tag-icon-pencil-circle {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C32H152a8%2C8%2C0%2C0%2C0-6.34%2C3.12l-64%2C83.21L72%2C108.69a16%2C16%2C0%2C0%2C0-22.64%2C0l-8.69%2C8.7a16%2C16%2C0%2C0%2C0%2C0%2C22.63l22%2C22-32%2C32a16%2C16%2C0%2C0%2C0%2C0%2C22.63l8.69%2C8.68a16%2C16%2C0%2C0%2C0%2C22.62%2C0l32-32%2C22%2C22a16%2C16%2C0%2C0%2C0%2C22.64%2C0l8.69-8.7a16%2C16%2C0%2C0%2C0%2C0-22.63l-9.64-9.64%2C83.21-64A8%2C8%2C0%2C0%2C0%2C224%2C104V40A8%2C8%2C0%2C0%2C0%2C216%2C32Zm-8%2C68.06-81.74%2C62.88L115.32%2C152l50.34-50.34a8%2C8%2C0%2C0%2C0-11.32-11.31L104%2C140.68%2C93.07%2C129.74%2C155.94%2C48H208Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#profileView .scene-tag-icon-sword {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C32H152a8%2C8%2C0%2C0%2C0-6.34%2C3.12l-64%2C83.21L72%2C108.69a16%2C16%2C0%2C0%2C0-22.64%2C0l-12.69%2C12.7a16%2C16%2C0%2C0%2C0%2C0%2C22.63l20%2C20-28%2C28a16%2C16%2C0%2C0%2C0%2C0%2C22.63l12.69%2C12.68a16%2C16%2C0%2C0%2C0%2C22.62%2C0l28-28%2C20%2C20a16%2C16%2C0%2C0%2C0%2C22.64%2C0l12.69-12.7a16%2C16%2C0%2C0%2C0%2C0-22.63l-9.64-9.64%2C83.21-64A8%2C8%2C0%2C0%2C0%2C224%2C104V40A8%2C8%2C0%2C0%2C0%2C216%2C32ZM52.69%2C216%2C40%2C203.32l28-28L80.68%2C188Zm70.61-8L48%2C132.71%2C60.7%2C120%2C136%2C195.31ZM208%2C100.06l-81.74%2C62.88L115.32%2C152l50.34-50.34a8%2C8%2C0%2C0%2C0-11.32-11.31L104%2C140.68%2C93.07%2C129.74%2C155.94%2C48H208Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#profileView .scene-tag-icon-ghost {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M211.18%2C196.56%2C139.57%2C128l71.61-68.56a1.59%2C1.59%2C0%2C0%2C1%2C.13-.13A16%2C16%2C0%2C0%2C0%2C200%2C32H56A16%2C16%2C0%2C0%2C0%2C44.69%2C59.31a1.59%2C1.59%2C0%2C0%2C1%2C.13.13L116.43%2C128%2C44.82%2C196.56a1.59%2C1.59%2C0%2C0%2C1-.13.13A16%2C16%2C0%2C0%2C0%2C56%2C224H200a16%2C16%2C0%2C0%2C0%2C11.32-27.31A1.59%2C1.59%2C0%2C0%2C1%2C211.18%2C196.56ZM56%2C48h0v0ZM158.21%2C168H97.79L128%2C139.08ZM200%2C48l-72%2C68.92L56%2C48Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#profileView .scene-tag-icon-brandy {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C88h0a95.63%2C95.63%2C0%2C0%2C0-15.53-52.37%2C8%2C8%2C0%2C0%2C0-6.7-3.63H54.23a8%2C8%2C0%2C0%2C0-6.7%2C3.63A95.63%2C95.63%2C0%2C0%2C0%2C32%2C88h0a96.12%2C96.12%2C0%2C0%2C0%2C88%2C95.66V216H88a8%2C8%2C0%2C0%2C0%2C0%2C16h80a8%2C8%2C0%2C0%2C0%2C0-16H136V183.66A96.12%2C96.12%2C0%2C0%2C0%2C224%2C88ZM58.7%2C48H197.3a79.52%2C79.52%2C0%2C0%2C1%2C10.3%2C32H48.4A79.52%2C79.52%2C0%2C0%2C1%2C58.7%2C48Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#profileView .scene-tag-icon-tree-evergreen {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M230.32%2C187.09l-46-59.09H208a8%2C8%2C0%2C0%2C0%2C6.34-12.88l-80-104a8%2C8%2C0%2C0%2C0-12.68%2C0l-80%2C104A8%2C8%2C0%2C0%2C0%2C48%2C128H71.64l-46%2C59.09A8%2C8%2C0%2C0%2C0%2C32%2C200h88v40a8%2C8%2C0%2C0%2C0%2C16%2C0V200h88a8%2C8%2C0%2C0%2C0%2C6.32-12.91ZM48.36%2C184l46-59.09A8%2C8%2C0%2C0%2C0%2C88%2C112H64.25L128%2C29.12%2C191.75%2C112H168a8%2C8%2C0%2C0%2C0-6.31%2C12.91L207.64%2C184Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#profileView .scene-tag-icon-parachute {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M201.21%2C128%2C231%2C76A8%2C8%2C0%2C0%2C0%2C224%2C64H164.65L135%2C12a8%2C8%2C0%2C0%2C0-13.9%2C0L91.33%2C64H32a8%2C8%2C0%2C0%2C0-6.95%2C12l29.72%2C52L25.05%2C180a8%2C8%2C0%2C0%2C0%2C7%2C12H91.33l29.72%2C52a8%2C8%2C0%2C0%2C0%2C13.9%2C0l29.7-52H224A8%2C8%2C0%2C0%2C0%2C231%2C180Zm-18.42%2C0-27.42%2C48-54.75%2C0L73.2%2C128l27.42-48%2C54.75%2C0Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#profileView .scene-tag-icon-user-square {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M230.93%2C220a8%2C8%2C0%2C0%2C1-6.93%2C4H32a8%2C8%2C0%2C0%2C1-6.92-12c15.23-26.33%2C38.7-45.21%2C66.09-54.16a72%2C72%2C0%2C1%2C1%2C73.66%2C0c27.39%2C8.95%2C50.86%2C27.83%2C66.09%2C54.16A8%2C8%2C0%2C0%2C1%2C230.93%2C220Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#profileView .scene-tag-icon-eraser-fill {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M225%2C80.4%2C183.6%2C39a24%2C24%2C0%2C0%2C0-33.94%2C0L31%2C157.66a24%2C24%2C0%2C0%2C0%2C0%2C33.94l30.06%2C30.06A8%2C8%2C0%2C0%2C0%2C66.74%2C224H216a8%2C8%2C0%2C0%2C0%2C0-16h-84.7L225%2C114.34A24%2C24%2C0%2C0%2C0%2C225%2C80.4ZM213.67%2C103%2C160%2C156.69%2C107.31%2C104%2C161%2C50.34a8%2C8%2C0%2C0%2C1%2C11.32%2C0l41.38%2C41.38a8%2C8%2C0%2C0%2C1%2C0%2C11.31Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#profileView .scene-tag-icon-tree-evergreen-fill {
  --topic-scene-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M231.19%2C195.51A8%2C8%2C0%2C0%2C1%2C224%2C200H136v40a8%2C8%2C0%2C0%2C1-16%2C0V200H32a8%2C8%2C0%2C0%2C1-6.31-12.91l46-59.09H48a8%2C8%2C0%2C0%2C1-6.34-12.88l80-104a8%2C8%2C0%2C0%2C1%2C12.68%2C0l80%2C104A8%2C8%2C0%2C0%2C1%2C208%2C128H184.36l45.95%2C59.09A8%2C8%2C0%2C0%2C1%2C231.19%2C195.51Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.ai-cross-check-panel {
  background: linear-gradient(135deg, #090909 25%, #1a1a1a 25%, #1a1a1a 50%, #090909 50%, #090909 75%, #1a1a1a 75%, #1a1a1a) top / 40px 45px repeat-x, linear-gradient(#080312, #080312) 0 45px / 100% calc(100% - 45px) no-repeat;
  background-color: #141414;
  color: #f5ffff;
}

.ai-cross-check-panel h3, .ai-cross-check-panel .share-intro, .ai-cross-check-panel .action-status {
  color: #f5ffff;
  font-size: 0.625rem;
}

.ai-cross-check-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.ai-cross-check-result {
  margin-top: 16px;
}

.ai-cross-check-preview, .ai-cross-check-report {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(175, 255, 255, 0.38);
  background: rgba(245, 255, 255, 0.06);
  padding: 14px;
  color: #f5ffff;
}

.ai-cross-check-preview strong, .ai-cross-check-one-line {
  color: #afffff;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.35;
}

.ai-cross-check-preview p, .ai-cross-check-report p {
  margin: 0;
  color: #f5ffff;
}

.ai-cross-check-report dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.ai-cross-check-report dl div {
  display: grid;
  gap: 4px;
  border-top: 1px solid rgba(175, 255, 255, 0.18);
  padding-top: 8px;
}

.ai-cross-check-report dt {
  color: var(--acid);
  font-size: 0.75rem;
  font-weight: 900;
}

.ai-cross-check-report dd {
  margin: 0;
  color: #f5ffff;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.55;
}

.ai-cross-check-preview small, .ai-cross-check-report small {
  color: rgba(245, 255, 255, 0.72);
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1.45;
}

.psyche-trait-core {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.personality-v3-composition {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.psyche-composition-head {
  color: #afffff;
  font-size: 0.6875rem;
  font-weight: 900;
}

.psyche-composition-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px dashed rgba(175, 255, 255, 0.18);
  background: rgba(245, 255, 255, 0.015);
}

.personality-v3-composition .psyche-composition-row,
.psyche-trait-panel .psyche-composition-row {
  grid-template-columns: minmax(0, 1fr);
}

#profilePsychePanel .psyche-composition-row {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.personality-v3-composition .psyche-composition-row {
  align-items: start;
  padding: 12px;
  border-radius: 6px;
  background: rgba(245, 255, 255, 0.015);
}

.psyche-composition-row span {
  display: block;
  color: #17f2e8;
  font-size: 0.62rem;
  font-weight: 900;padding-bottom: 5px;
}

.psyche-composition-row p {
  margin: 4px 0 0;
  color: rgba(255, 171, 250, 0.92);
  font-size: 0.58rem;
  line-height: 1.45;padding-bottom: 5px;
}

.psyche-composition-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
}

.psyche-composition-tag {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 7px;
  border: 1px solid rgba(23, 242, 232, 0.24);
  color: #afffff;
  background: rgba(23, 242, 232, 0.07);
  font-size: 0.6rem;
  font-weight: 900;
  line-height: 1.2;
}

.psyche-composition-tag.muted {
  border-color: rgba(175, 255, 255, 0.12);
  color: rgba(245, 255, 255, 0.66);
  background: rgba(245, 255, 255, 0.035);
}

.psyche-composition-subtype {
  margin-top: 7px;
  padding: 7px;
  border-left: 2px solid rgba(142, 213, 0, 0.62);
  background: rgba(142, 213, 0, 0.055);
}

.psyche-composition-row .psyche-composition-subtype strong {
  display: block;
  color: var(--acid);
  font-size: 0.66rem;
  font-weight: 900;
  white-space: normal;
}

.psyche-composition-subtype p {
  color: rgba(245, 255, 255, 0.76);
}

.psyche-composition-behavior {
  display: grid;
  gap: 4px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}

.psyche-composition-behavior li {
  color: rgba(245, 255, 255, 0.66);
  font-size: 0.625rem;
  line-height: 1.45;
}

.psyche-composition-behavior li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 6px;
  border-radius: 999px;
  background: #17f2e8;
  vertical-align: 0.12em;
}

.psyche-composition-row strong {
  color: var(--acid);
  font-size: 0.6rem;
  font-weight: 400;
  white-space: nowrap;
}

.personality-v3-composition .psyche-composition-row strong {
  padding-top: 1px;
  color: #afffff;
}

.persona-question-confidence {
  display: block;
  color: var(--acid);
  font-size: 0.75rem;
  font-weight: 900;
  line-height: 1.2;
}

.persona-skill-evidence-card > .persona-question-title {
  display: block;
  margin: 0;
  padding-top: 0;
  color: #ffe6e6;
  font-size: 0.62rem;
  font-weight: 400;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.psyche-radar-row span,
.team-pair-psyche-summary span {
  display: block;
  color: #afffff;
  font-size: 0.625rem;
  line-height: 1.2;
}

.psyche-trait-radar {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.psyche-radar-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 32px;
  align-items: center;
}

.psyche-radar-track {
  height: 7px;
  border: 1px solid rgba(175, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.28);
  overflow: hidden;
}

.psyche-radar-track i {
  display: block;
  height: 100%;
  background: #8ed500;
}

.psyche-radar-row strong {
  color: #fff;
  font-size: 0.6rem;
  text-align: right;font-weight: 400;
}

.team-pair-psyche-grid {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.team-pair-psyche-summary {
  padding: 10px;
  border: 1px solid rgba(175, 255, 255, 0.22);
  background: rgba(245, 255, 255, 0.06);
}

.team-pair-psyche-summary div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.team-pair-psyche-summary strong {
  display: inline-grid;
  place-items: center;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid rgba(142, 213, 0, 0.46);
  color: #fff;
  font-size: 0.6875rem;
}

.profile-narrative {
  display: grid;
  gap: 12px;
}

.profile-narrative p {
  margin: 0;
  color: #cfcfcf;
  font-size: 0.62rem;
  font-weight: 400;
  line-height: 1.7;
}

.profile-core-tension {
  border: 1px dashed rgba(175, 255, 255, 0.34);
  background: rgba(245, 255, 255, 0.08);
  padding: 15px;
  font-size: 0.6875rem;
  margin-top: 10px;
}

.profile-core-tension > strong {
  display: block;
  color: #f5ffff;
  line-height: 1.7;
}

.profile-core-tension-persona > span {
  margin-bottom: 0;
  color: #f5ffff;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.65;
}

.profile-core-tension-persona .profile-core-tension-emphasis {
  display: inline;
  color: inherit;
  font: inherit;
  font-weight: 800;
  line-height: inherit;
  white-space: normal;
}

.profile-code-explanation,
.profile-pressure-grid,
.risk-behavior-narrative-sections,
.adjacent-phase-contrast {
  display: grid;
  align-items: start;
  gap: 10px;
  padding-top: 10px;
}

.profile-code-explanation > div,
.profile-pressure-grid > div,
.risk-behavior-narrative-sections article,
.adjacent-phase-row article {
  display: grid;
  align-content: start;
  border: 1px dashed rgba(175, 255, 255, 0.28);
  background: rgba(245, 255, 255, 0.06);
  padding: 15px;
  font-size: 0.6875rem;
}

.profile-code-explanation > div {
  position: relative;
}

.prototype-main-card,
.prototype-pressure-card {
  display: grid;
  gap: 12px;

  min-width: 0;
}

.prototype-main-head {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.prototype-pressure-head {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.prototype-main-title {
  display: block;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.prototype-pressure-title {
  display: block;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.prototype-main-head small {
  color: rgba(216, 247, 251, 0.72);
  font-size: 0.625rem;
  line-height: 1.35;
}

.prototype-totem-figure {
  position: relative;
  grid-column: 1 / -1;
  width: 100%;
  aspect-ratio: 1000 / 563;
  margin: 0;
  overflow: hidden;
  border: 1px dashed rgba(103, 103, 103, 0.5);
  border-radius: 8px;
  background: #050706;
}

.prototype-totem-image {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prototype-antigravity-canvas {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  mix-blend-mode: screen;
  pointer-events: none;
}

.prototype-totem-caption {
  position: absolute;
  z-index: 2;
  top: 42%;
  left: 8.5%;
  display: grid;
  max-width: 68%;
  color: #5dff00;
  transform: translateY(-50%);
  pointer-events: none;
}

.prototype-totem-caption .prototype-totem-code,
.prototype-totem-caption .prototype-totem-title,
.prototype-totem-caption .prototype-totem-definition {
  display: block;
  color: inherit;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.prototype-totem-caption .prototype-totem-code,
.prototype-totem-caption .prototype-totem-title {
  line-height: 1.15;
}

.prototype-totem-caption .prototype-totem-code {
  font-size: 2rem;
  font-weight: 950;
}

.prototype-totem-caption .prototype-totem-title {
  font-size: 1.35rem;
  font-weight: 900;
}

.prototype-totem-caption .prototype-totem-definition {
  max-width: 42rem;
  margin-top: 15px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.62rem;
  font-weight: 400;
  line-height: 1.45;
}

.prototype-quote {
}

.prototype-relation-grid,
.prototype-relation-card,
.prototype-signature-card,
.personality-v3-inline-combo,
.prototype-pressure-flow section,
.prototype-rescue-card {
  display: grid;
  gap: 7px;
  border: 1px dashed rgba(175, 255, 255, 0.18);
  background: rgba(0, 0, 0, 0.14);
  padding: 15px 10px;
  min-width: 0;
}

.prototype-relation-grid {
}

.prototype-pressure-flow {
  display: grid;
  gap: 10px;
}

.prototype-symptom-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.prototype-symptom-list li {
  border: 1px solid rgba(255, 159, 178, 0.38);
  background: rgba(255, 159, 178, 0.1);
  padding: 5px 7px;
  color: #ffffff;
  font-size: 0.5625rem;
  font-weight: 800;
  line-height: 1.25;
  border-radius: 6px;
  margin: 10px 0;
}

.prototype-safe-word {
}

#profileCodePanel,
#profilePressurePanel {
  position: relative;
  overflow: hidden;
  border-color: rgba(175, 255, 255, 0.28);
  background:
    linear-gradient(135deg, rgba(175, 255, 255, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 223, 107, 0.06), transparent 42%),
    #090909;
}

#profileCodePanel > .scene-tag,
#profilePressurePanel > .scene-tag {
  display: inline-flex;
  width: fit-content;
  min-height: 24px;
  align-items: center;
  margin: 0 0 12px;
  padding: 0 10px;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
}

#profileCodePanel .profile-code-explanation,
#profilePressurePanel .profile-pressure-grid {
  gap: 16px;
  padding-top: 4px;
}

#profileCodePanel .profile-code-explanation > div,
#profilePressurePanel .profile-pressure-grid > div {
  border: 1px solid rgba(175, 255, 255, 0.24);
  background:
    linear-gradient(90deg, rgba(175, 255, 255, 0.08), transparent 44%),
    rgba(0, 0, 0, 0.22);
}

#profileCodePanel .profile-code-explanation > .prototype-main-card,
#profilePressurePanel .profile-pressure-grid > .prototype-pressure-card {
  border: 0;
  background: transparent;
  padding: 0;
}

#profileCodePanel .profile-code-explanation > div span,
#profilePressurePanel .profile-pressure-grid > div span {
  color: #ffdf6b;
}

#profileCodePanel .prototype-main-card,
#profilePressurePanel .prototype-pressure-card {
  gap: 14px;
}

#profileCodePanel .prototype-main-head {
  position: relative;margin-top: 10px;
}

#profilePressurePanel .prototype-pressure-head {
  position: relative;
  border: 1px dashed rgba(217, 112, 0, 0.18);
  background:
    linear-gradient(90deg, rgba(175, 255, 255, 0.02), transparent 18%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent),
    rgba(245, 255, 255, 0.02);
  padding: 15px;
  border-radius: 6px;margin-top: 6px;
}

#profileCodePanel .prototype-main-headline-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  min-width: 0;
}

#profilePressurePanel .prototype-pressure-headline-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  min-width: 0;
}

#profileCodePanel .prototype-main-kicker {
  margin-bottom: 0;
  display: inline-grid;
  width: fit-content;
  min-height: 22px;
  align-items: center;
  border: 1px solid rgba(76, 81, 81, 0.28);
  background: rgba(0, 0, 0, 0.26);
  padding: 0 8px;
  color: #afffff;
  letter-spacing: 0;
  font-size: 0.6rem;
  font-weight: 400;border-radius: 6px;
}

#profilePressurePanel .prototype-pressure-kicker {
  margin-bottom: 0;
  display: inline-grid;
  width: fit-content;
  min-height: 22px;
  align-items: center;
  border: 1px solid rgba(76, 81, 81, 0.28);
  background: rgba(0, 0, 0, 0.26);
  padding: 0 8px;
  color: #afffff;
  letter-spacing: 0;
  font-size: 0.6rem;
  font-weight: 400;border-radius: 6px;
}

#profileCodePanel .prototype-main-title {
  max-width: 100%;
  color: #49e628;
  font-size: clamp(0.75rem, 2.2vw, 0.75rem);
  line-height: 1.56;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.72);
}

#profilePressurePanel .prototype-pressure-title {
  max-width: 100%;
  color: #49e628;
  font-size: clamp(0.75rem, 2.2vw, 0.75rem);
  line-height: 1.56;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.72);
}

#profilePressurePanel .prototype-shadow-mixed-title {
display: block;
  max-width: 100%;
  color: rgba(255, 200, 151, 0.94);
  font-size: 0.6rem;
  line-height: 1.62;
  font-weight: 400;
  letter-spacing: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

#profileCodePanel .prototype-main-head p {
  max-width: 760px;
  color: rgba(255, 200, 151, 0.94);
  font-size: 0.6rem;
  line-height: 1.62;
}

#profilePressurePanel .prototype-pressure-head p {
  max-width: 760px;
  color: rgba(255, 200, 151, 0.94);
  font-size: 0.62rem;
  line-height: 1.62;
}

#profileCodePanel .prototype-quote {
  border-left: 3px solid rgba(255, 223, 107, 0.74);
  background: rgba(255, 223, 107, 0.08);
  padding: 10px 12px;
  color: #ffffff;
}

#profileCodePanel .prototype-signature-card,
#profileCodePanel .personality-v3-inline-combo,
#profilePressurePanel .personality-v3-inline-combo,
#profilePressurePanel .prototype-rescue-card {
  border-style: dashed;
  padding: 10px;
}

#profileCodePanel .prototype-signature-card,
#profileCodePanel .personality-v3-inline-combo,
#profilePressurePanel .personality-v3-inline-combo,
#profilePressurePanel .prototype-rescue-card {
  border-color: rgba(255, 223, 107, 0.38);
}

#profileCodePanel .prototype-signature-card span,
#profileCodePanel .personality-v3-inline-combo span,
#profilePressurePanel .personality-v3-inline-combo span,
#profilePressurePanel .prototype-rescue-card span,
#profilePressurePanel .prototype-pressure-flow span {
  margin: 0;
  color: #6bfff8;
  font-size: 0.6rem;
  font-weight: 800;
}

#profileCodePanel .prototype-relation-grid,
#profilePressurePanel .prototype-pressure-flow {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: start;
  gap: 10px;
  border: 0;
  background: transparent;
  padding: 0;
}

#profileCodePanel .personality-v3-inline-combo,
#profilePressurePanel .personality-v3-inline-combo {
  border-radius: 6px;
  background: rgba(255, 223, 107, 0.07);
}

#profileCodePanel .personality-v3-inline-combo p,
#profilePressurePanel .personality-v3-inline-combo p {
  margin: 0;
  color: rgba(245, 255, 255, 0.76);
  font-size: 0.62rem;
  line-height: 1.65;
}

#profileCodePanel .prototype-relation-card,
#profilePressurePanel .prototype-pressure-flow section {
  position: relative;
  align-content: start;border-radius: 6px;

}

#profileCodePanel .prototype-relation-card span {
  margin: 0;
  color: #afffff;
  font-size: 0.6rem;
  font-weight: 900;
}

#profilePressurePanel .prototype-rescue-card {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;border-radius: 6px;
}

#profilePressurePanel .prototype-rescue-card .prototype-today-advice {
  display: block;
  margin: 0;
  color: #a3a0a0;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1.65;
  padding-top: 5px;
  white-space: pre-line;
}

#profilePressurePanel .prototype-symptom-list {
  gap: 8px;
}

#profilePressurePanel .prototype-symptom-list li {
  margin: 0;
  border-color: rgba(255, 159, 178, 0.42);
  background: rgba(255, 159, 178, 0.1);
  padding: 6px 8px;
  color: #ffffff;
}

#profilePressurePanel .prototype-safe-word {

  color: rgba(245, 255, 255, 0.76);
}

@media (min-width: 860px) {
  #profileCodePanel .prototype-main-card {
    grid-template-columns: minmax(0, 1.18fr) minmax(260px, 0.82fr);
  }

  #profileCodePanel[data-combo-inline="true"] .prototype-main-card {
    grid-template-columns: minmax(0, 1fr);
  }

  #profileCodePanel .prototype-main-head,
  #profileCodePanel .prototype-relation-grid {
    grid-column: 1 / -1;border-radius: 6px;
  }

  #profileCodePanel .prototype-signature-card {
    grid-column: 1 / -1;border-radius: 6px;
  }
}

@media (max-width: 859px) {
	#profileView .profile-core-tension-persona > span{font-size: 0.55rem;}
  .prototype-antigravity-canvas {
    opacity: 0.7;
  }

  .prototype-totem-caption {
    left: 7%;
    gap: 3px;
    max-width: 88%;
  }

  .prototype-totem-caption .prototype-totem-code {
    font-size: 1.25rem;
  }

  .prototype-totem-caption .prototype-totem-title {
    font-size: 0.85rem;
    line-height: 1.25;margin-top: -5px;
  }

  .prototype-totem-caption .prototype-totem-definition {
    display: block;
    margin-top: 6px;
    font-size: 0.5rem;
    line-height: 1.35;
  }

  #profileCodePanel .prototype-relation-grid,
  #profilePressurePanel .prototype-pressure-flow {
    grid-template-columns: 1fr;
  }

  .personality-v3-composition {
    grid-template-columns: 1fr;
  }

  #profileCodePanel .prototype-main-head {
    min-height: 0;
  }

  #profilePressurePanel .prototype-pressure-head {
    min-height: 0;
    padding: 10px;
  }

  #profileCodePanel .prototype-main-title {
    max-width: 100%;
  }

  #profilePressurePanel .prototype-pressure-title {
    max-width: 100%;
  }

  #profileCodePanel .prototype-relation-card,
  #profilePressurePanel .prototype-pressure-flow section {
    min-height: 0;
  }
}

.profile-pressure-grid > div {
  display: grid;
  gap: 7px;
}

.risk-behavior-narrative-sections {
  margin-top: 10px;
}

.risk-behavior-narrative-sections article {
  display: grid;
  gap: 7px;
}

.profile-pressure-grid span {
  display: block;
  margin: 0;
}

.risk-behavior-narrative-sections span {
  display: block;
  color: #f5ffff;
}

.profile-pressure-grid strong {
  display: block;
  min-width: 0;
  color: #d8f7fb;
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.profile-code-explanation p,
.profile-pressure-grid p,
.risk-behavior-narrative-sections p,
.adjacent-phase-row p,
.adjacent-phase-note {
  margin: 0;
  color: #bebebe;
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 1.7;
}

.phase-detail {
  display: grid;
  gap: 14px;
  margin: 0;
}

.phase-detail div {
  border-top: 2px solid rgba(17, 17, 17, 0.26);
  padding-top: 12px;
}

.phase-detail dt {
  margin-bottom: 6px;
  color: var(--danger);
  font-size: 0.8125rem;
  font-weight: 900;
}

.phase-detail dd {
  margin: 0;
  color: var(--ink);
  line-height: 1.7;
}

.theme-experience-page .panel h3 {
  color: #ffe684;
  font-size: 0.7rem;
  font-weight: 400;
}

.personality-v3-career-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  min-width: 0;
}

.personality-v3-career-card {
  display: grid;
  min-width: 0;gap: 5px;
  background: rgba(245, 255, 255, 0.015);

  color: #d8f7fb;
  font-size: 0.62rem;
  line-height: 1.65;
  border-radius: 6px;margin-top: 5px;
}

.personality-v3-career-card .persona-skill-evidence-card-head {
  grid-template-columns: minmax(0, 1fr) auto;
}

.personality-v3-career-card p {
  margin: 0;
  overflow-wrap: anywhere;
}

.personality-v3-career-card > strong {
  display: block;
  overflow-wrap: anywhere;
}

.personality-v3-career-card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;

  align-items: start;
}

.personality-v3-career-card-head strong {
  color: #06ffe8;
  font-size: 0.6rem;
  line-height: 1.62;
  overflow-wrap: anywhere;  font-weight: 400;
}

.general-existential-career-card .general-existential-career-aphorism {
  color: #c2c2c2;
  font-size: 0.62rem;
  font-weight: 400;
}

.personality-v3-career-card-head span {
  color: #ffe684;
  font-size: 0.6875rem;
  line-height: 1.35;
  text-align: right;
  white-space: normal;
}

.personality-v3-career-reason {
  color: rgba(190, 190, 190, 0.88);
  font-weight: 400;font-size: 0.55rem;
  line-height: 1.65;
}

.personality-v3-career-meta {
  color: rgba(216, 247, 251, 0.88);font-size: 0.55rem;
}

.personality-v3-career-tags {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;padding-bottom: 5px;
  padding-top: 5px;
}

.personality-v3-career-match {
  color: #ffe684;
  font-weight: 700;
}

.personality-v3-career-details,
.psyche-composition-details {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
  color: rgba(216, 247, 251, 0.88);
  line-height: 1.7;
}

.psyche-composition-subhead {
  margin-top: 10px;
  color: #ffe684;
  font-size: 0.625rem;
  font-weight: 800;
}

.personality-v3-career-tag {
display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 6px 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 1.2;
  overflow-wrap: anywhere;
  margin: 5px 5px 5px 0;
}

.personality-v3-career-tag.tone-1 { background: #0f8a7a; }
.personality-v3-career-tag.tone-2 { background: #b84a62; }
.personality-v3-career-tag.tone-3 { background: #6266c9; }
.personality-v3-career-tag.tone-4 { background: #9a6a18; }
.personality-v3-career-tag.tone-5 { background: #2870a8; }
.personality-v3-career-tag.tone-6 { background: #6c8b22; }

.personality-v3-career-title {
  display: block;
  color: #f5ffff;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.share-intro, .confirmation-detail dd, .rank-meta, .evidence-feedback, .card-back small, .combo-empty span, .combo-skill-card small {
  color: #cbcbcb;
}

.topic-entry-link {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
}

.rank-list, .evidence-list {
  display: grid;
  gap: 10px;
}

.rank-item, .evidence-item {
  border: 1px dashed #3f3b3b;
  background: #000;
  padding: 15px;
  border-radius: 6px;
}

.rank-item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
}

.rank-title {
  font-weight: 900;
}

.rank-meta, .evidence-feedback {
  color: var(--muted);
  font-size: 0.625rem;
  line-height: 1.5;
}

.rank-score {
  font-weight: 900;
}

.rank-list.compact {
  gap: 8px;
}

.rank-list.compact .rank-item {
  padding: 10px;
}

.evidence-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}

.evidence-grid h4 {
  margin: 0 0 8px;
  font-size: 0.875rem;
}

.evidence-title {
  margin: 0 0 8px;
  font-weight: 900;
}

.profile-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 14px;
}

.profile-actions .action-btn {
  margin-top: 0;
}

.profile-actions .secondary {
  --button-bg: #f5ffff;
  --button-color: #080312;
}

.stage-list {
  display: grid;
  gap: 10px;
}

#profileView .profile-readable-panel .share-intro,
#profileView .profile-readable-panel .action-status,
#profileView .profile-readable-panel .rank-meta,
#profileView .profile-readable-panel .intro-copy {
  opacity: 0.94;color: #ccc;
}


#profileView .profile-readable-panel .rank-title,
#profileView .profile-readable-panel .rank-score {
  color: #f5ffff;
}

.profile-parameter-card {
  display: grid;
  gap: 8px;
  margin: 12px 0 14px;
  border: 1px dashed rgba(175, 255, 255, 0.16);
  background: rgba(245, 255, 255, 0.045);
  padding: 12px;border-radius: 5px;
}

.profile-parameter-card strong {
  color: #afffff;
  font-size: 0.6rem;
  font-weight: 900;
}

.profile-parameter-card p {
  margin: 0;
  color: rgba(245, 255, 255, 0.86);
  font-size: 0.5rem;
  line-height: 1.65;
}

.confirmation-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
 margin-top: 10px;
}

.confirmation-grid div {
  border: 1px dashed #504f4f;
  background: #131210;
  padding: 8px 15px;border-radius: 6px;
}

.confirmation-grid span {
  display: block;
  font-size: 0.625rem;
  font-weight: 400;
}
#interestArchiveSummary{height:30px;line-height:30px;}

.confirmation-grid strong {
  font-size: 0.62rem;
  line-height: 1.25;font-family: Arial, Helvetica, sans-serif;
}
}

.confirmation-detail {
  display: grid;
  gap: 12px;
  margin: 14px 0 0;
}

.confirmation-detail div {
  border: 1px dashed var(--ink);
  padding: 15px;
}

.confirmation-detail dt {
  margin-bottom: 6px;
  font-size: 0.8125rem;
  font-weight: 900;
}

.confirmation-detail dd {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
  font-size:0.625rem;
}

.profile-readable-panel.confirmation-panel .confirmation-grid div,
.profile-readable-panel.confirmation-panel .confirmation-detail div {
  border-color: rgba(175, 255, 255, 0.34);
  background: rgba(245, 255, 255, 0.03);
  color: #f5ffff;border-radius: 5px;
}

.profile-readable-panel.confirmation-panel .confirmation-grid span,
.profile-readable-panel.confirmation-panel .confirmation-detail dt {
  color: #aeaeae;font-size: 0.62rem;padding-top: 5px;
}

.profile-readable-panel.confirmation-panel .confirmation-grid strong {
  color: #ddfaff;
}

.profile-readable-panel.confirmation-panel .confirmation-detail dd {
  color: #d8f7fb;
}

#topicLabelSubtitle > .mobile-sentence-segment,
#profileCodePanel .prototype-relation-card > p > .mobile-sentence-segment,
#profilePressurePanel .prototype-shadow-mixed-title > .mobile-sentence-segment,
#profilePersonalityV3CareerList .personality-v3-career-reason > .mobile-sentence-segment,
#profilePersonalityV3CareerList .general-existential-career-aphorism > .mobile-sentence-segment {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-align: inherit;
  text-shadow: inherit !important;
  white-space: inherit;
  overflow-wrap: inherit;
  word-break: inherit;
}

@media (max-width: 720px) {
  .mobile-sentence-segment-break {
    display: block !important;
    margin-top: 15px !important;
  }

  .phase-head.phase-head-centered {
    display: none !important;
  }

  #stepResultView > .portrait-result-card > .phase-head.phase-head-centered,
  #profileView .profile-card.portrait-result-card > .phase-head.phase-head-centered,
  .portrait-result-card > .phase-head.phase-head-centered {
    display: none !important;
  }

  .portrait-result-card,
  .theme-experience-page .phase-card.portrait-result-card {
    padding-top: 0;
  }
	
	.confirmation-grid {
  grid-template-columns:1fr;
}
	.confirmation-grid strong{font-size: 0.55rem;}
	.confirmation-grid div{padding: 5px 8px;}
	#profilePressurePanel .prototype-pressure-headline-row{display:revert}
  .persona-skill-evidence-head,
    .persona-skill-evidence-list {
      grid-template-columns: 1fr;
    }

  .personality-v3-composition {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
	.personality-v3-career-reason{font-size: 0.6rem;}
  .phase-head h2 {
    font-size: 1.125rem;
  }

    .portrait-result-card {
    padding-top: 0;
  }

    .portrait-result-card .phase-head {
  }

    .portrait-result-card .phase-head .eyebrow {
    max-width: 72px;
  }

    .portrait-card-copy {
    width: 100%;
    max-width: none;
  }

    .portrait-metrics {
    grid-template-columns: 1fr;
    margin-top: 0;
  }

    .phase-portrait-content {
    width: 100%;
    height: 100%;
  }

    .phase-portrait-scan {
    font-size: 0.56rem;
  }

    .phase-portrait-title {
    margin-top: 34px;
  }

    .phase-portrait-footer {
    margin-bottom: 44px;
  }

    .profile-avatar {
    width: 100%;
    height: 100%;
  }

    .confirmation-grid {
  }

    .evidence-grid {
    grid-template-columns: 1fr;
  }

    .profile-scene-grid,
  .profile-signal-grid,
  .persona-skill-head,
  .persona-skill-loadout,
  .persona-readable-grid,
  .persona-original-grid,
  .persona-transition-list,
  .persona-detail-grid,
  .persona-effect-list,
  .adjacent-phase-row,
  .share-mode-tabs {
    grid-template-columns: 1fr;
  }

    .profile-actions {
    grid-template-columns: 1fr;
  }
}