/* Envie en Vue — consolidated stylesheet
   Cascade order preserved from v2 alpha 109; 32 exact duplicate rules removed. */

/* 01. Design tokens */
:root {
  
  --color-coral: #f3a483;
  --color-turquoise: #69c9c3;
  --color-raspberry: #c64b67;
  --color-plum: #403a5c;
  --color-turquoise-deep: #287f86;

  --color-bg: #f5f3fa;
  --color-lilac: #e7e1f0;
  --color-cream: #fff8f3;
  --color-card: #ffffff;
  --color-border: #e5dde9;
  --color-text-muted: #7b768c;

  --color-coral-pale: #fcebe5;
  --color-turquoise-pale: #e8f7f6;
  --color-raspberry-pale: #fbecef;
  --color-lilac-pale: #f1edf6;
  --color-cream-strong: #fff3e5;
  --color-neutral-pale: #eeebf2;

  --color-success: #287f86;
  --color-warning: #9b6b21;
  --color-danger: #a43d56;

  
  --eiv-plum: var(--color-plum);
  --eiv-raspberry: var(--color-raspberry);
  --eiv-turquoise: var(--color-turquoise);
  --eiv-turquoise-deep: var(--color-turquoise-deep);
  --eiv-coral: var(--color-coral);
  --eiv-bg: var(--color-bg);
  --eiv-border: var(--color-border);
  --eiv-text-muted: var(--color-text-muted);
  --eiv-text-secondary: var(--color-text-muted);
  --eiv-coral-pale: var(--color-coral-pale);
  --eiv-turquoise-pale: var(--color-turquoise-pale);
  --eiv-raspberry-pale: var(--color-raspberry-pale);
  --eiv-lilac-pale: var(--color-lilac-pale);
  --eiv-cream: var(--color-cream);
  --eiv-cream-strong: var(--color-cream-strong);

  --font-family: "Nunito", "Avenir Next", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: "Baloo 2", "Nunito", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.375rem;
  --font-size-2xl: clamp(1.75rem, 4vw, 2.6rem);

  --line-height-tight: 1.2;
  --line-height-normal: 1.55;

  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-dialog: 24px;
  --radius-pill: 999px;

  --shadow-xs: 0 2px 8px rgba(64, 58, 92, 0.06);
  --shadow-sm: 0 5px 16px rgba(64, 58, 92, 0.08);
  --shadow-md: 0 12px 32px rgba(64, 58, 92, 0.11);
  --shadow-lg: 0 24px 64px rgba(64, 58, 92, 0.18);
  --shadow-card-hover: 0 16px 34px rgba(64, 58, 92, 0.13);
  --shadow-dialog: 0 28px 84px rgba(64, 58, 92, 0.22);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  --control-height: 44px;
  --control-height-compact: 38px;
  --container: 1180px;
  --content-reading: 760px;
  --header-height: 72px;
  --mobile-nav-height: 72px;

  --layer-sticky: 20;
  --layer-sidebar: 40;
  --layer-topbar: 50;
  --layer-mobile-nav: 60;
  --layer-dialog: 90;
  --layer-toast: 110;

  --focus-ring: 0 0 0 4px rgba(105, 201, 195, 0.32);
  --transition-fast: 150ms ease;
  --transition-base: 220ms ease;
}

/* 02. Document defaults */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background: var(--color-bg);
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  margin: 0;
  color: var(--color-plum);
  background: var(--color-bg);
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

img {
  display: block;
  max-width: 100%;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1,
h2,
h3 {
  color: var(--color-plum);
  font-family: var(--font-display);
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: var(--line-height-tight);
}

h1 {
  margin-bottom: var(--space-4);
  font-size: var(--font-size-2xl);
}

h2 {
  margin-bottom: var(--space-4);
  font-size: var(--font-size-xl);
}

h3 {
  margin-bottom: var(--space-2);
  font-size: var(--font-size-lg);
}

p:last-child {
  margin-bottom: 0;
}

code {
  padding: 0.08rem 0.3rem;
  border-radius: 6px;
  background: var(--color-lilac-pale);
  color: var(--color-plum);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.92em;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.noscript {
  margin: var(--space-4);
  padding: var(--space-4);
  border: 1px solid var(--color-danger);
  border-radius: var(--radius-md);
  background: var(--color-raspberry-pale);
  color: var(--color-danger);
}

.boot-screen {
  display: grid;
  min-height: 100vh;
  place-content: center;
  justify-items: center;
  gap: var(--space-4);
  color: var(--color-text-muted);
}



body.dialog-open,
body.filter-sheet-open,
body.drawer-open {
  overflow: hidden;
}

::selection {
  background: var(--color-raspberry-pale);
  color: var(--color-plum);
}

button,
[role="button"] {
  touch-action: manipulation;
}

input,
select,
textarea {
  color: var(--color-plum);
}

input::placeholder,
textarea::placeholder {
  color: var(--color-text-muted);
  opacity: 0.88;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* 03. Generic layout */
.app-shell {
  min-height: 100vh;
}

.topbar {
  position: sticky;
  z-index: 20;
  top: 0;
  display: flex;
  min-height: var(--header-height);
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(64, 58, 92, 0.96);
  color: white;
  backdrop-filter: blur(12px);
}

.topbar__inner,
.page {
  width: min(calc(100% - 2rem), var(--container));
  margin-inline: auto;
}

.topbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.brand {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-3);
}

.brand__logo {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.brand__name,
.brand__version {
  display: block;
}

.brand__name { font-weight: 900; }
.brand__version { color: rgba(255, 255, 255, 0.68); font-size: var(--font-size-xs); }

.topbar__status {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.page {
  padding-block: var(--space-8) var(--space-12);
}

.hero {
  display: grid;
  align-items: center;
  gap: var(--space-6);
  grid-template-columns: minmax(0, 1fr) auto;
  margin-bottom: var(--space-8);
  padding: clamp(1.25rem, 4vw, 2.5rem);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: var(--shadow-md);
}

.hero__eyebrow,
.section-eyebrow {
  margin-bottom: var(--space-2);
  color: var(--color-turquoise-deep);
  font-size: var(--font-size-xs);
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.hero__lead {
  max-width: 55rem;
  margin-bottom: var(--space-5);
  color: var(--color-text-muted);
  font-size: var(--font-size-lg);
}

.hero__logo { width: clamp(100px, 14vw, 168px); }
.grid { display: grid; gap: var(--space-5); }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.section { margin-top: var(--space-8); }
.section__header { display: flex; align-items: end; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-4); }
.footer { padding: var(--space-6) var(--space-4); border-top: 1px solid var(--color-border); color: var(--color-text-muted); text-align: center; font-size: var(--font-size-sm); }

/* 04. Shared components */
.card {
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-card);
  box-shadow: var(--shadow-sm);
}

.card--coral { background: var(--color-coral-pale); }
.card--turquoise { background: var(--color-turquoise-pale); }
.card--lilac { background: var(--color-lilac-pale); }
.card--cream { background: var(--color-cream); }
.card--raspberry { background: var(--color-raspberry-pale); }
.card--neutral { background: var(--color-neutral-pale); }

.button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: 0.7rem 1rem;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 850;
  text-decoration: none;
  transition: transform 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.button:hover {
  transform: translateY(-1px);
}

.button:active {
  transform: translateY(0);
}

.button--primary {
  background: var(--color-raspberry);
  color: white;
}

.button--primary:hover {
  background: #b9435d;
}

.button--secondary {
  border-color: var(--color-turquoise);
  background: white;
  color: var(--color-turquoise-deep);
}

.button--secondary:hover {
  background: var(--color-turquoise-pale);
}

.button--neutral {
  border-color: var(--color-border);
  background: white;
  color: var(--color-plum);
}

.button[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
  transform: none;
}

.badge {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  gap: var(--space-2);
  padding: 0.2rem 0.65rem;
  border-radius: var(--radius-pill);
  background: var(--color-lilac-pale);
  color: var(--color-plum);
  font-size: var(--font-size-xs);
  font-weight: 850;
}

.badge::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  content: "";
}

.badge--ok {
  background: var(--color-turquoise-pale);
  color: var(--color-turquoise-deep);
}

.badge--warning {
  background: var(--color-cream-strong);
  color: var(--color-warning);
}

.badge--locked {
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
}

.metric {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
}

.metric__icon {
  display: grid;
  flex: 0 0 40px;
  height: 40px;
  place-items: center;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.72);
  font-size: 1.25rem;
}

.metric__value {
  display: block;
  margin-bottom: 0.15rem;
  font-size: 1.45rem;
  font-weight: 950;
  line-height: 1;
}

.metric__label {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.list {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--color-border);
}

.list-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.list-item__main {
  min-width: 0;
}

.list-item__title {
  font-weight: 850;
}

.list-item__detail {
  margin-top: 0.15rem;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.callout {
  padding: var(--space-4);
  border-left: 4px solid var(--color-turquoise);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  background: var(--color-turquoise-pale);
}

.table-wrap {
  overflow-x: auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}

table {
  width: 100%;
  border-collapse: collapse;
  background: white;
  font-size: var(--font-size-sm);
}

th,
td {
  padding: 0.75rem;
  border-bottom: 1px solid var(--color-border);
  text-align: left;
  vertical-align: top;
}

th {
  background: var(--color-lilac-pale);
  color: var(--color-plum);
  font-weight: 900;
}

tr:last-child td {
  border-bottom: 0;
}

.button--compact { min-height: 38px; padding: 0.45rem 0.75rem; font-size: var(--font-size-sm); }


.button {
  min-height: var(--control-height);
  border-radius: 14px;
  box-shadow: none;
  font-weight: 900;
  line-height: 1.2;
  transition: transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);
}

.button:hover:not([disabled]) {
  box-shadow: var(--shadow-xs);
}

.button--compact {
  min-height: var(--control-height-compact);
  padding: 0.45rem 0.75rem;
  border-radius: 12px;
  font-size: var(--font-size-sm);
}

.button--danger {
  border-color: rgba(164, 61, 86, 0.35);
  background: white;
  color: var(--color-danger);
}

.button--danger:hover:not([disabled]) {
  background: var(--color-raspberry-pale);
}

.button--ghost {
  border-color: transparent;
  background: transparent;
  color: var(--color-turquoise-deep);
}

.button--ghost:hover:not([disabled]) {
  background: var(--color-turquoise-pale);
}

.button[aria-busy="true"] {
  cursor: progress;
}

.badge {
  min-height: 26px;
  border: 1px solid transparent;
  line-height: 1.1;
}

.badge--neutral {
  border-color: var(--color-border);
  background: white;
  color: var(--color-text-muted);
}

.badge--info {
  background: var(--color-lilac-pale);
  color: var(--color-plum);
}

.badge--danger {
  background: var(--color-raspberry-pale);
  color: var(--color-danger);
}

.badge--plain::before,
.badge:has(.icon)::before {
  display: none;
}

.field {
  display: grid;
  gap: 0.4rem;
}

.field > span,
.field__label {
  color: var(--color-turquoise-deep);
  font-size: var(--font-size-xs);
  font-weight: 900;
}

.field-control,
.field input,
.field select,
.field textarea {
  width: 100%;
  min-height: var(--control-height);
  padding: 0.65rem 0.8rem;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: white;
  color: var(--color-plum);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}

.field textarea {
  min-height: 112px;
  resize: vertical;
}

.field-control:hover,
.field input:hover,
.field select:hover,
.field textarea:hover {
  border-color: rgba(105, 201, 195, 0.85);
}

.field-control:focus,
.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: var(--color-turquoise);
}

.field__help {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.surface-card {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-card);
  box-shadow: var(--shadow-sm);
}

.surface-card--flat {
  box-shadow: none;
}

.surface-card--interactive {
  transition: transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.surface-card--interactive:hover {
  border-color: rgba(105, 201, 195, 0.68);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.content-density-v0 { padding: var(--space-2) var(--space-3); }
.content-density-v1 { padding: var(--space-4); }
.content-density-v2 { padding: var(--space-5); }
.content-density-v3 { padding: clamp(1rem, 3vw, 1.75rem); }
.content-density-v4 { padding: clamp(1rem, 3vw, 2rem); }

.state-panel {
  display: grid;
  min-height: 190px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-5);
  padding: clamp(1rem, 3vw, 1.75rem);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: white;
  box-shadow: var(--shadow-xs);
}

.state-panel__icon {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border-radius: 18px;
  background: var(--color-lilac-pale);
  color: var(--color-plum);
}

.state-panel__icon .icon {
  width: 30px;
  height: 30px;
}

.state-panel__body {
  min-width: 0;
}

.state-panel__eyebrow {
  margin: 0 0 0.25rem;
  color: var(--color-turquoise-deep);
  font-size: var(--font-size-xs);
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.state-panel h2,
.state-panel h3 {
  margin-bottom: 0.35rem;
}

.state-panel p {
  margin: 0;
  color: var(--color-text-muted);
}

.state-panel__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-2);
}

.state-panel--compact {
  min-height: 0;
  grid-template-columns: auto minmax(0, 1fr);
  padding: var(--space-4);
  border-radius: var(--radius-md);
  box-shadow: none;
}

.state-panel--compact .state-panel__icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
}

.state-panel--compact .state-panel__icon .icon {
  width: 23px;
  height: 23px;
}

.state-panel--compact .state-panel__actions {
  grid-column: 1 / -1;
  justify-content: flex-start;
}

.state-panel--empty-source,
.state-panel--empty {
  background: var(--color-cream);
}

.state-panel--no-results {
  background: var(--color-lilac-pale);
}

.state-panel--not-applicable,
.state-panel--readonly {
  background: var(--color-neutral-pale);
}

.state-panel--secret .state-panel__icon,
.state-panel--locked .state-panel__icon {
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
}

.state-panel--offline .state-panel__icon,
.state-panel--error .state-panel__icon {
  background: var(--color-cream-strong);
  color: var(--color-warning);
}

.state-panel--loading .state-panel__icon {
  background: var(--color-turquoise-pale);
  color: var(--color-turquoise-deep);
}

.state-panel--error {
  border-color: rgba(164, 61, 86, 0.25);
}

.spinner {
  width: 28px;
  height: 28px;
  border: 3px solid var(--color-lilac);
  border-top-color: var(--color-turquoise-deep);
  border-radius: 50%;
  animation: eiv-spinner 0.8s linear infinite;
}

@keyframes eiv-spinner {
  to { transform: rotate(360deg); }
}

.filter-sheet {
  position: relative;
}

.filter-sheet__backdrop {
  display: none;
}

.filter-sheet__panel {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-lilac-pale);
}

.filter-sheet__header,
.filter-sheet__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}

.filter-sheet__header h2,
.filter-sheet__header h3 {
  margin: 0;
  font-size: 1.1rem;
}

.filter-sheet__close {
  display: none;
}

.filter-sheet__active {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.filter-chip {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.65rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: white;
  color: var(--color-plum);
  font-size: var(--font-size-xs);
  font-weight: 850;
}

.filter-sheet__footer {
  justify-content: flex-end;
  padding-top: var(--space-2);
  border-top: 1px solid rgba(64, 58, 92, 0.08);
}

.eiv-dialog-layer {
  position: fixed;
  z-index: var(--layer-dialog);
  inset: 0;
  display: grid;
  place-items: center;
  padding: var(--space-4);
}

.eiv-dialog-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(64, 58, 92, 0.52);
}

.eiv-dialog {
  position: relative;
  z-index: 1;
  width: min(760px, calc(100vw - 2rem));
  max-height: min(86vh, 920px);
  overflow: auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background: white;
  box-shadow: var(--shadow-lg);
}

@media (max-width: 760px) {
  .state-panel {
    grid-template-columns: 1fr;
    align-items: start;
    text-align: left;
  }

  .state-panel__actions {
    justify-content: stretch;
  }

  .state-panel__actions .button {
    width: 100%;
  }

  .filter-sheet.is-open .filter-sheet__backdrop {
    position: fixed;
    z-index: calc(var(--layer-dialog) - 1);
    inset: 0;
    display: block;
    border: 0;
    background: rgba(64, 58, 92, 0.48);
  }

  .filter-sheet.is-open .filter-sheet__panel {
    position: fixed;
    z-index: var(--layer-dialog);
    right: 0;
    bottom: 0;
    left: 0;
    max-height: min(82vh, 760px);
    overflow: auto;
    padding: var(--space-4) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));
    border: 0;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    background: white;
    box-shadow: 0 -18px 48px rgba(64, 58, 92, 0.22);
  }

  .filter-sheet__close {
    display: inline-grid;
  }

  .filter-sheet__footer {
    position: sticky;
    bottom: calc(-1 * var(--space-4));
    margin: 0 calc(-1 * var(--space-4)) calc(-1 * var(--space-4));
    padding: var(--space-3) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));
    background: white;
  }

  .filter-sheet__footer .button {
    flex: 1;
  }

  .eiv-dialog-layer {
    align-items: end;
    padding: 0;
  }

  .eiv-dialog {
    width: 100%;
    max-height: 92vh;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  }
}

/* 05. Authentication */
.auth-page {
  display: grid;
  min-height: 100vh;
  grid-template-columns: minmax(340px, 0.92fr) minmax(440px, 1.08fr);
  background: var(--color-bg);
}

.auth-card {
  display: flex;
  width: min(100%, 640px);
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 7vw, 5rem);
  background: rgba(255, 255, 255, 0.96);
}

.auth-brand {
  width: min(270px, 72%);
  margin-bottom: var(--space-8);
}

.auth-card h1 {
  max-width: 660px;
  margin-bottom: var(--space-4);
}

.auth-intro {
  max-width: 620px;
  margin-bottom: var(--space-6);
  color: var(--color-text-muted);
}

.auth-form {
  display: grid;
  gap: var(--space-4);
}

.field {
  display: grid;
  gap: var(--space-2);
  color: var(--color-plum);
  font-weight: 850;
}

.field input {
  min-height: 50px;
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: white;
  color: var(--color-plum);
  padding: 0.8rem 0.95rem;
  outline: none;
}

.field input:focus {
  border-color: var(--color-turquoise);
  box-shadow: var(--focus-ring);
}

.field-hint,
.auth-version {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.auth-notice {
  margin-bottom: var(--space-5);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-cream-strong);
  color: var(--color-plum);
  font-weight: 750;
}

.button--wide {
  width: 100%;
}

.auth-separator {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: var(--space-5) 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.auth-separator::before,
.auth-separator::after {
  height: 1px;
  flex: 1;
  background: var(--color-border);
  content: "";
}

.auth-diagnostic-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-5);
  color: var(--color-turquoise-deep);
  font-weight: 850;
  text-decoration: none;
}

.auth-diagnostic-link .icon {
  width: 19px;
  height: 19px;
}

.auth-version {
  margin-top: var(--space-6);
}

.auth-visual {
  position: relative;
  display: grid;
  min-height: 100vh;
  align-content: center;
  justify-items: center;
  overflow: hidden;
  padding: clamp(2rem, 6vw, 5rem);
  background: var(--color-lilac-pale);
}

.auth-visual::after {
  position: absolute;
  right: -8rem;
  bottom: -8rem;
  width: 24rem;
  height: 24rem;
  border-radius: 50%;
  background: rgba(198, 75, 103, 0.08);
  content: "";
}

.auth-visual__hero {
  z-index: 1;
  width: min(520px, 86%);
  max-height: 42vh;
  object-fit: contain;
}

.auth-visual__content {
  z-index: 1;
  width: min(620px, 100%);
  margin-top: var(--space-5);
  padding: var(--space-6);
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.83);
  box-shadow: var(--shadow-md);
  backdrop-filter: blur(12px);
}

.journey-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  margin: var(--space-5) 0 0;
  padding: 0;
  list-style: none;
}

.journey-list li {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
  border-radius: var(--radius-md);
  background: white;
}

.journey-list li > span {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  border-radius: 50%;
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
  font-weight: 950;
}

.journey-list strong,
.journey-list small {
  display: block;
}

.journey-list small {
  color: var(--color-text-muted);
  line-height: 1.35;
}

/* 06. Application shell */
.icon {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}

.application-shell {
  min-height: 100vh;
  background: var(--color-bg);
}

.app-topbar {
  position: fixed;
  z-index: 50;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  min-height: var(--header-height);
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: 0 var(--space-5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(64, 58, 92, 0.98);
  color: white;
  box-shadow: 0 4px 20px rgba(38, 31, 66, 0.14);
  backdrop-filter: blur(14px);
}

.app-topbar__left,
.app-topbar__actions,
.app-brand,
.profile-trigger,
.location-chip {
  display: flex;
  align-items: center;
}

.app-topbar__left,
.app-topbar__actions {
  gap: var(--space-3);
}

.app-brand {
  gap: var(--space-3);
  color: white;
  text-decoration: none;
}

.app-brand img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.app-brand strong,
.app-brand small,
.profile-trigger strong,
.profile-trigger small,
.workspace-pill strong,
.workspace-pill small,
.profile-panel__header strong,
.profile-panel__header small {
  display: block;
}

.app-brand strong {
  font-size: 1.08rem;
  font-weight: 950;
}

.app-brand small,
.profile-trigger small {
  color: rgba(255, 255, 255, 0.7);
}

.icon-button {
  position: relative;
  display: inline-grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  color: inherit;
  cursor: pointer;
}

.icon-button:hover {
  background: rgba(255, 255, 255, 0.14);
}

.app-topbar__menu,
.app-sidebar__close {
  display: none;
}

.location-chip {
  min-height: 42px;
  gap: var(--space-2);
  padding: 0.55rem 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.08);
  color: white;
  cursor: pointer;
}

.location-chip .icon {
  width: 18px;
  height: 18px;
  color: var(--color-turquoise);
}

.notification-dot {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 8px;
  height: 8px;
  border: 2px solid var(--color-plum);
  border-radius: 50%;
  background: var(--color-coral);
}

.profile-trigger {
  min-height: 48px;
  gap: var(--space-2);
  padding: 0.25rem 0.5rem 0.25rem 0.3rem;
  border: 0;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.08);
  color: white;
  cursor: pointer;
  text-align: left;
}

.profile-trigger:hover {
  background: rgba(255, 255, 255, 0.14);
}

.avatar {
  display: inline-grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border: 2px solid rgba(255, 255, 255, 0.72);
  border-radius: 50%;
  background: var(--color-raspberry);
  color: white;
  font-size: var(--font-size-sm);
  font-weight: 950;
}

.avatar--large {
  width: 56px;
  height: 56px;
  flex-basis: 56px;
  font-size: 1rem;
}

.application-frame {
  display: grid;
  min-height: 100vh;
  grid-template-columns: 270px minmax(0, 1fr);
  padding-top: var(--header-height);
}

.app-sidebar {
  position: fixed;
  z-index: 30;
  top: var(--header-height);
  bottom: 0;
  left: 0;
  display: flex;
  width: 270px;
  flex-direction: column;
  padding: var(--space-4);
  border-right: 1px solid var(--color-border);
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 8px 0 30px rgba(64, 58, 92, 0.05);
}

.app-sidebar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}

.workspace-pill {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
  border-radius: var(--radius-md);
  background: var(--color-lilac-pale);
}

.workspace-pill__icon {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border-radius: 13px;
  background: white;
  color: var(--color-raspberry);
}

.workspace-pill__icon .icon {
  width: 20px;
  height: 20px;
}

.workspace-pill strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-pill small {
  color: var(--color-text-muted);
}

.app-sidebar__add {
  width: 100%;
  margin-bottom: var(--space-4);
}

.app-sidebar__add .icon {
  width: 19px;
  height: 19px;
}

.side-nav,
.mobile-nav {
  display: grid;
  gap: var(--space-1);
}

.side-nav__item,
.mobile-nav__item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  color: var(--color-plum);
  font-weight: 850;
  text-decoration: none;
}

.side-nav__item {
  position: relative;
  min-height: 48px;
  padding: 0.65rem 0.8rem;
  border: 0;
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.side-nav__item:hover {
  background: var(--color-bg);
}

.side-nav__item.is-active {
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
}

.application-shell--reference .side-nav__item.is-active::before,
.application-shell--reference .side-nav__item.is-active::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.application-shell--reference .side-nav__item.is-active::before {
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--color-turquoise);
}

.application-shell--reference .side-nav__item.is-active::after {
  left: 7px;
  top: 8px;
  bottom: 8px;
  width: 3px;
  background: var(--color-coral);
}

.side-nav__icon {
  width: 21px;
  height: 21px;
}

.side-nav--secondary {
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border);
}

.app-sidebar__spacer {
  flex: 1;
}

.app-sidebar__version {
  margin-top: var(--space-4);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  text-align: center;
}

.app-main {
  min-width: 0;
  grid-column: 2;
  padding: var(--space-8) clamp(1rem, 4vw, 3rem) var(--space-12);
}

.page-heading {
  display: flex;
  max-width: 1180px;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-4);
  margin: 0 auto var(--space-5);
}

.page-heading h1 {
  margin-bottom: 0;
}

.page-heading__lead {
  margin: var(--space-2) 0 0;
  color: var(--color-text-muted);
}

.preview-notice,
.app-page-content,
.app-footer {
  width: min(100%, 1180px);
  margin-inline: auto;
}

.preview-notice {
  margin-bottom: var(--space-5);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-cream-strong);
  color: var(--color-plum);
  font-size: var(--font-size-sm);
}

.app-footer {
  margin-top: var(--space-10);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  text-align: center;
}

.mobile-nav,
.mobile-add-button {
  display: none;
}

.profile-panel {
  position: fixed;
  z-index: 80;
  top: calc(var(--header-height) - 4px);
  right: var(--space-4);
  width: min(340px, calc(100vw - 2rem));
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: white;
  box-shadow: var(--shadow-md);
}

.profile-panel__header,
.settings-profile {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.profile-panel__header small {
  color: var(--color-text-muted);
}

.profile-panel__badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-3) 0;
}

.profile-panel__link {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  gap: var(--space-3);
  padding: 0.65rem 0.7rem;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-plum);
  cursor: pointer;
  font-weight: 800;
  text-align: left;
  text-decoration: none;
}

.profile-panel__link:hover {
  background: var(--color-bg);
}

.profile-panel__link .icon {
  width: 20px;
  height: 20px;
}

.profile-panel__link--danger {
  color: var(--color-danger);
}

.toast {
  position: fixed;
  z-index: 100;
  right: var(--space-5);
  bottom: var(--space-5);
  max-width: min(420px, calc(100vw - 2rem));
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  background: var(--color-plum);
  color: white;
  box-shadow: var(--shadow-md);
  font-weight: 750;
}

.drawer-backdrop {
  position: fixed;
  z-index: 25;
  inset: var(--header-height) 0 0;
  background: rgba(35, 29, 54, 0.42);
}

/* 07. Shared page structures */
.welcome-card,
.migration-card {
  display: grid;
  align-items: center;
  gap: var(--space-6);
  grid-template-columns: minmax(0, 1fr) auto;
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: white;
  box-shadow: var(--shadow-sm);
}

.welcome-card img {
  width: 210px;
  height: 145px;
  border-radius: var(--radius-md);
  object-fit: cover;
}

.migration-card {
  grid-template-columns: 190px minmax(0, 1fr);
  margin-bottom: var(--space-5);
}

.migration-card > img {
  width: 190px;
  height: 145px;
  object-fit: contain;
}

.home-stack {
  display: grid;
  gap: var(--space-5);
  margin-top: var(--space-5);
}

.dashboard-block {
  display: grid;
  min-height: 190px;
  align-items: center;
  gap: var(--space-5);
  grid-template-columns: minmax(0, 1fr) 210px;
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: white;
  box-shadow: var(--shadow-sm);
}

.dashboard-block--intro { background: white; }
.dashboard-block--attention { background: var(--color-cream); }
.dashboard-block--agreements { background: var(--color-raspberry-pale); }
.dashboard-block--choice { background: var(--color-turquoise-pale); }
.dashboard-block--planning { background: var(--color-cream); }
.dashboard-block--activity { background: var(--color-lilac-pale); }

.dashboard-block__copy {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
}

.block-index {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  place-items: center;
  border-radius: 50%;
  background: white;
  color: var(--color-raspberry);
  box-shadow: var(--shadow-sm);
  font-weight: 950;
}

.dashboard-block img {
  width: 210px;
  max-height: 155px;
  object-fit: contain;
}

.preview-toolbar {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}

.preview-search {
  display: flex;
  min-height: 48px;
  flex: 1;
  align-items: center;
  gap: var(--space-2);
  padding: 0 var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: white;
}

.preview-search input {
  width: 100%;
  border: 0;
  background: transparent;
  outline: none;
}

.preview-card-grid,
.agreement-preview-grid,
.mode-grid,
.settings-grid,
.state-showcase {
  display: grid;
  gap: var(--space-4);
}

.preview-card-grid,
.agreement-preview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.idea-preview-card {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: var(--space-4);
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: white;
  box-shadow: var(--shadow-sm);
}

.idea-preview-card__image img {
  width: 150px;
  height: 130px;
  border-radius: var(--radius-md);
  object-fit: cover;
}

.idea-preview-card--secret {
  background: var(--color-lilac-pale);
}

.secret-symbol {
  display: grid;
  min-height: 130px;
  place-items: center;
  border: 2px dashed var(--color-border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.7);
  color: var(--color-raspberry);
  font-size: 3rem;
  font-weight: 950;
}

.agreement-preview {
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: white;
}

.agreement-preview--turquoise { background: var(--color-turquoise-pale); }
.agreement-preview--lilac { background: var(--color-lilac-pale); }
.agreement-preview--cream { background: var(--color-cream); }
.agreement-preview--neutral { background: var(--color-neutral-pale); }

.agreement-preview__icon {
  display: inline-grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 15px;
  background: white;
  color: var(--color-raspberry);
  font-size: 1.35rem;
  font-weight: 950;
}

.agreement-preview > strong {
  float: right;
  font-size: 2rem;
}

.mode-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mode-card {
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: white;
  box-shadow: var(--shadow-sm);
}

.mode-card__icon {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  margin-bottom: var(--space-4);
  border-radius: 18px;
  background: var(--color-turquoise-pale);
  color: var(--color-turquoise-deep);
  font-size: 1.6rem;
}

.tabs-preview {
  display: flex;
  gap: var(--space-2);
  margin-bottom: var(--space-5);
  overflow-x: auto;
  padding-bottom: var(--space-2);
}

.tabs-preview button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: var(--space-2);
  padding: 0.6rem 0.9rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: white;
  color: var(--color-plum);
  cursor: default;
  white-space: nowrap;
}

.tabs-preview button.is-active {
  border-color: var(--color-raspberry);
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
  font-weight: 900;
}

.tabs-preview span {
  display: inline-grid;
  min-width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  background: var(--color-bg);
  font-size: var(--font-size-xs);
  font-weight: 900;
}

.settings-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-card {
  min-height: 240px;
}

.settings-card h2 {
  margin-top: var(--space-3);
}

.settings-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.state-showcase {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.state-panel {
  display: grid;
  align-items: center;
  gap: var(--space-4);
  grid-template-columns: auto minmax(0, 1fr);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: white;
  box-shadow: var(--shadow-sm);
}

.state-showcase .state-panel {
  grid-template-columns: 1fr;
  align-content: start;
}

.state-panel__icon {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 18px;
  background: var(--color-lilac-pale);
  color: var(--color-plum);
}

.state-panel--error .state-panel__icon {
  background: var(--color-raspberry-pale);
  color: var(--color-danger);
}

.state-panel--expired .state-panel__icon {
  background: var(--color-cream-strong);
  color: var(--color-warning);
}

.state-panel h2 {
  margin-bottom: var(--space-2);
  font-size: var(--font-size-lg);
}

.state-panel p {
  color: var(--color-text-muted);
}

.spinner {
  width: 34px;
  height: 34px;
  border: 4px solid var(--color-lilac);
  border-top-color: var(--color-raspberry);
  border-radius: 50%;
  animation: spin 0.9s linear infinite;
}

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

/* 08. Home dashboard */
.home-dashboard {
  display: grid;
  gap: var(--space-5);
}

.home-section {
  position: relative;
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-card);
  box-shadow: var(--shadow-sm);
}

.home-section--attention,
.home-section--program { background: var(--color-cream); }
.home-section--agreements { background: var(--color-raspberry-pale); }
.home-section--choice { background: var(--color-turquoise-pale); }
.home-section--activity { background: var(--color-lilac-pale); }

.home-section__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-5);
}

.home-section__heading > div {
  min-width: 0;
  flex: 1;
}

.home-section__heading h2 {
  margin-bottom: var(--space-2);
}

.home-section__heading p:last-child {
  color: var(--color-text-muted);
}

.home-section__number {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border-radius: 50%;
  background: white;
  color: var(--color-raspberry);
  box-shadow: var(--shadow-sm);
  font-weight: 950;
}

.home-onboarding {
  overflow: hidden;
}

.home-onboarding--compact {
  display: flex;
  min-height: 104px;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.home-onboarding--compact .home-section__heading {
  align-items: center;
  margin: 0;
}

.home-onboarding__close {
  position: absolute;
  top: var(--space-4);
  right: var(--space-4);
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  background: white;
  color: var(--color-plum);
  cursor: pointer;
}

.home-onboarding__intro {
  display: grid;
  align-items: center;
  gap: var(--space-6);
  grid-template-columns: minmax(0, 1fr) 245px;
  padding-right: var(--space-8);
}

.home-onboarding__intro > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: var(--space-4);
}

.home-onboarding__intro .home-section__number {
  grid-row: 1 / span 3;
}

.home-onboarding__intro .section-eyebrow,
.home-onboarding__intro h2,
.home-onboarding__intro p {
  grid-column: 2;
}

.home-onboarding__intro img {
  width: 245px;
  height: 190px;
  object-fit: contain;
}

.home-onboarding__steps {
  display: grid;
  gap: var(--space-3);
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  margin-top: var(--space-5);
}

.onboarding-step {
  position: relative;
  min-height: 192px;
  padding: var(--space-4);
  border: 1px solid rgba(64, 58, 92, 0.08);
  border-radius: var(--radius-md);
}

.onboarding-step--coral { background: var(--color-coral-pale); }
.onboarding-step--lilac { background: var(--color-lilac-pale); }
.onboarding-step--turquoise { background: var(--color-turquoise-pale); }
.onboarding-step--cream { background: var(--color-cream); }

.onboarding-step__icon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  margin-bottom: var(--space-4);
  border-radius: 14px;
  background: white;
  color: var(--color-turquoise-deep);
}

.onboarding-step__icon .icon {
  width: 23px;
  height: 23px;
}

.onboarding-step__number {
  position: absolute;
  top: var(--space-4);
  right: var(--space-4);
  color: var(--color-raspberry);
  font-weight: 950;
}

.onboarding-step p {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.home-onboarding__example {
  margin-top: var(--space-4);
  padding: var(--space-4);
  border-left: 4px solid var(--color-turquoise);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  background: var(--color-cream);
}

.home-onboarding__actions,
.home-section__actions,
.home-section__footer {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.home-onboarding__actions {
  justify-content: flex-end;
}

.home-action-list {
  display: grid;
  gap: var(--space-3);
}

.home-action-card {
  display: grid;
  align-items: center;
  gap: var(--space-4);
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: var(--space-4);
  border: 1px solid rgba(198, 75, 103, 0.16);
  border-radius: var(--radius-md);
  background: var(--color-cream-strong);
}

.home-action-card__icon {
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  border-radius: 16px;
  background: white;
  color: var(--color-raspberry);
}

.home-action-card__title {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-2);
}

.home-action-card h3,
.home-action-card p {
  margin: 0;
}

.home-action-card p {
  color: var(--color-text-muted);
}

.home-summary-layout {
  display: grid;
  align-items: center;
  gap: var(--space-6);
  grid-template-columns: minmax(0, 1fr) 235px;
}

.home-section__visual {
  width: 235px;
  height: 180px;
  object-fit: contain;
}

.home-metrics-grid {
  display: grid;
  gap: var(--space-3);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-metric {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: white;
}

.home-metric__icon {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border-radius: 14px;
  background: var(--color-bg);
}

.home-metric--raspberry .home-metric__icon { color: var(--color-raspberry); background: var(--color-raspberry-pale); }
.home-metric--turquoise .home-metric__icon { color: var(--color-turquoise-deep); background: var(--color-turquoise-pale); }
.home-metric--lilac .home-metric__icon { color: var(--color-plum); background: var(--color-lilac-pale); }

.home-metric strong,
.home-metric small {
  display: block;
}

.home-metric strong {
  font-size: 1.45rem;
  line-height: 1;
}

.home-metric small {
  margin-top: 0.25rem;
  color: var(--color-text-muted);
}

.quota-block {
  margin-top: var(--space-4);
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: white;
}

.quota-block > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-2);
  font-size: var(--font-size-sm);
}

.quota-bar {
  height: 9px;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: var(--color-lilac-pale);
}

.quota-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--color-turquoise);
}

.quota-block--warning .quota-bar span { background: var(--color-coral); }
.quota-block--critical .quota-bar span { background: var(--color-raspberry); }

.home-helper-text {
  margin: var(--space-3) 0 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.agreement-stats {
  display: grid;
  gap: var(--space-3);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.agreement-stat {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid rgba(64, 58, 92, 0.08);
  border-radius: var(--radius-md);
  color: var(--color-plum);
  text-decoration: none;
}

.agreement-stat--turquoise { background: var(--color-turquoise-pale); }
.agreement-stat--lilac { background: var(--color-lilac-pale); }
.agreement-stat--cream { background: var(--color-cream); }
.agreement-stat--neutral { background: var(--color-neutral-pale); }

.agreement-stat__icon {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border-radius: 14px;
  background: white;
  color: var(--color-raspberry);
  font-weight: 950;
}

.agreement-stat strong,
.agreement-stat small {
  display: block;
}

.agreement-stat strong {
  font-size: 1.5rem;
  line-height: 1;
}

.agreement-stat small {
  margin-top: 0.25rem;
}

.choice-mode-grid {
  display: grid;
  gap: var(--space-3);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.choice-mode-card {
  display: grid;
  align-content: start;
  gap: var(--space-3);
  min-height: 235px;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: white;
}

.choice-mode-card__icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 16px;
  background: var(--color-turquoise-pale);
  color: var(--color-turquoise-deep);
}

.choice-mode-card p {
  color: var(--color-text-muted);
}

.choice-mode-card .button,
.choice-mode-card .badge {
  align-self: end;
  justify-self: start;
  margin-top: auto;
}

.choice-mode-card--future {
  background: var(--color-lilac-pale);
}

.program-list,
.activity-list {
  display: grid;
  gap: var(--space-3);
}

.program-card {
  display: grid;
  align-items: center;
  gap: var(--space-4);
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: white;
}

.program-card__date {
  display: grid;
  width: 70px;
  height: 70px;
  place-content: center;
  border-radius: 18px;
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
  text-align: center;
}

.program-card__date strong {
  font-size: 1.6rem;
  line-height: 1;
}

.program-card__date span {
  margin-top: 0.2rem;
  font-size: var(--font-size-xs);
  font-weight: 900;
}

.program-card__copy h3 {
  margin: var(--space-2) 0;
}

.program-card__copy p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1);
  color: var(--color-text-muted);
}

.program-card__copy p .icon {
  width: 16px;
  height: 16px;
}

.program-card__link,
.activity-row__chevron {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 50%;
  color: var(--color-raspberry);
}

.activity-row {
  display: grid;
  align-items: center;
  gap: var(--space-3);
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: white;
  color: var(--color-plum);
  text-decoration: none;
}

.activity-row:hover {
  border-color: var(--color-turquoise);
}

.activity-row__avatar {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 50%;
  background: var(--color-coral-pale);
  color: var(--color-plum);
  font-weight: 950;
}

.activity-row__type {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 10px;
  background: var(--color-lilac-pale);
  color: var(--color-plum);
}

.activity-row--opinion .activity-row__type { background: var(--color-raspberry-pale); color: var(--color-raspberry); }
.activity-row--idea .activity-row__type { background: var(--color-turquoise-pale); color: var(--color-turquoise-deep); }
.activity-row--agreement .activity-row__type { background: var(--color-turquoise-pale); color: var(--color-turquoise-deep); }
.activity-row--planning .activity-row__type { background: var(--color-cream-strong); color: var(--color-warning); }

.activity-row__type .icon {
  width: 17px;
  height: 17px;
}

.activity-row__copy {
  min-width: 0;
}

.activity-row__copy small {
  display: block;
  margin-top: 0.15rem;
  color: var(--color-text-muted);
}

.home-empty-inline {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.7);
  color: var(--color-text-muted);
}

.home-empty-inline .icon {
  width: 24px;
  height: 24px;
  color: var(--color-turquoise-deep);
}

@media (max-width: 980px) {
  .home-onboarding__steps,
  .agreement-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .choice-mode-grid {
    grid-template-columns: 1fr;
  }

  .choice-mode-card {
    min-height: auto;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
  }

  .choice-mode-card .button,
  .choice-mode-card .badge {
    margin-top: 0;
  }
}

@media (max-width: 760px) {
  .home-section {
    padding: var(--space-4);
  }

  .home-section__heading,
  .home-onboarding--compact {
    display: grid;
  }

  .home-section__heading .button,
  .home-onboarding--compact .button {
    width: 100%;
  }

  .home-onboarding__intro,
  .home-summary-layout {
    grid-template-columns: 1fr;
  }

  .home-onboarding__intro {
    padding-right: 0;
  }

  .home-onboarding__intro img,
  .home-section__visual {
    width: min(235px, 72%);
    height: auto;
    justify-self: center;
    order: -1;
  }

  .home-onboarding__intro > div {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .home-onboarding__steps,
  .home-metrics-grid,
  .agreement-stats {
    grid-template-columns: 1fr;
  }

  .home-action-card,
  .program-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .home-action-card .button,
  .program-card__link {
    grid-column: 1 / -1;
    width: 100%;
  }

  .program-card__link {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
  }

  .choice-mode-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .choice-mode-card .button,
  .choice-mode-card .badge {
    grid-column: 1 / -1;
    width: 100%;
    justify-self: stretch;
  }
}

@media (max-width: 560px) {
  .home-section__heading {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .home-section__heading > .button,
  .home-section__heading > a.button {
    grid-column: 1 / -1;
  }

  .home-onboarding__close {
    top: 0.65rem;
    right: 0.65rem;
  }

  .home-onboarding__intro > div {
    grid-template-columns: 1fr;
  }

  .home-onboarding__intro .home-section__number,
  .home-onboarding__intro .section-eyebrow,
  .home-onboarding__intro h2,
  .home-onboarding__intro p {
    grid-column: 1;
  }

  .home-onboarding__intro .home-section__number {
    grid-row: auto;
    margin-bottom: var(--space-3);
  }

  .home-action-card {
    grid-template-columns: 1fr;
  }

  .home-action-card__icon {
    width: 44px;
    height: 44px;
  }

  .home-action-card__title {
    align-items: flex-start;
    flex-direction: column;
  }

  .activity-row {
    grid-template-columns: auto auto minmax(0, 1fr);
  }

  .activity-row__chevron {
    display: none;
  }
}

/* 09. Idea library base */
.library-overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-6);
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-cream);
  box-shadow: var(--shadow-sm);
}

.library-overview h2 {
  margin: var(--space-2) 0 var(--space-3);
}

.library-overview p:last-child {
  max-width: 760px;
  color: var(--color-text-muted);
}

.library-overview img {
  width: 210px;
  height: 160px;
  object-fit: contain;
}

.library-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.library-metric {
  display: flex;
  min-height: 92px;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: white;
}

.library-metric__icon {
  display: grid;
  flex: 0 0 44px;
  height: 44px;
  place-items: center;
  border-radius: 14px;
  background: var(--color-bg);
}

.library-metric__icon .icon {
  width: 23px;
  height: 23px;
}

.library-metric strong,
.library-metric small {
  display: block;
}

.library-metric strong {
  color: var(--color-plum);
  font-size: 1.35rem;
  line-height: 1;
}

.library-metric small {
  margin-top: 0.35rem;
  color: var(--color-text-muted);
}

.library-metric--raspberry .library-metric__icon { background: var(--color-raspberry-pale); color: var(--color-raspberry); }
.library-metric--turquoise .library-metric__icon { background: var(--color-turquoise-pale); color: var(--color-turquoise-deep); }
.library-metric--lilac .library-metric__icon { background: var(--color-lilac-pale); color: var(--color-plum); }
.library-metric--cream .library-metric__icon { background: var(--color-cream-strong); color: var(--color-warning); }

.library-toolbar {
  position: sticky;
  z-index: 15;
  top: calc(var(--header-height) + var(--space-2));
  display: grid;
  grid-template-columns: minmax(260px, 1.8fr) repeat(4, minmax(125px, 0.7fr));
  gap: var(--space-3);
  margin-top: var(--space-5);
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--shadow-sm);
  backdrop-filter: blur(12px);
}

.library-toolbar label {
  display: grid;
  gap: 0.35rem;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 850;
}

.library-toolbar select,
.library-toolbar input {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: white;
  color: var(--color-plum);
}

.library-toolbar select {
  padding: 0 0.75rem;
}

.library-search {
  position: relative;
  display: block !important;
}

.library-search .icon {
  position: absolute;
  top: 50%;
  left: 0.85rem;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  color: var(--color-text-muted);
  pointer-events: none;
}

.library-search input {
  padding: 0 0.9rem 0 2.65rem;
}

.library-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-3);
}

.library-active-filters button {
  min-height: 34px;
  padding: 0.35rem 0.7rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
  cursor: pointer;
  font-weight: 800;
}

.library-active-filters .library-reset {
  background: white;
  color: var(--color-text-muted);
}

.library-results-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-4);
  margin: var(--space-5) 0 var(--space-3);
}

.library-results-heading strong {
  color: var(--color-raspberry);
  font-size: 1.35rem;
}

.library-results-heading p {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.idea-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.idea-card {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: white;
  box-shadow: var(--shadow-sm);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.idea-card:hover {
  transform: translateY(-2px);
  border-color: var(--color-turquoise);
  box-shadow: var(--shadow-md);
}

.idea-card__open {
  position: absolute;
  z-index: 2;
  inset: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.idea-card__media {
  position: relative;
  height: 175px;
  overflow: hidden;
  background: var(--color-bg);
}

.idea-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.idea-card__fallback {
  display: grid;
  height: 100%;
  place-items: center;
  color: var(--color-turquoise-deep);
}

.idea-card__fallback .icon {
  width: 48px;
  height: 48px;
}

.idea-card__creator {
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  border: 3px solid white;
  box-shadow: var(--shadow-sm);
}

.idea-card__status {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.3rem 0.65rem;
  border-radius: var(--radius-pill);
  background: rgba(64, 58, 92, 0.9);
  color: white;
  font-size: var(--font-size-xs);
  font-weight: 850;
}

.idea-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: var(--space-4);
}

.idea-card__topline {
  position: relative;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.idea-card h3 {
  margin: var(--space-3) 0 var(--space-2);
  font-size: 1.08rem;
}

.idea-card p {
  display: -webkit-box;
  overflow: hidden;
  color: var(--color-text-muted);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.idea-card__agreement {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0.2rem 0.6rem;
  border-radius: var(--radius-pill);
  font-size: var(--font-size-xs);
  font-weight: 850;
}

.idea-card__agreement--turquoise { background: var(--color-turquoise-pale); color: var(--color-turquoise-deep); }
.idea-card__agreement--lilac { background: var(--color-lilac-pale); color: var(--color-plum); }
.idea-card__agreement--cream { background: var(--color-cream); color: var(--color-text-muted); }
.idea-card__agreement--neutral { background: var(--color-neutral-pale); color: var(--color-text-muted); }

.idea-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-3);
}

.idea-card__meta span,
.library-dialog__meta span {
  padding: 0.25rem 0.55rem;
  border-radius: var(--radius-pill);
  background: var(--color-bg);
  color: var(--color-plum);
  font-size: var(--font-size-xs);
  font-weight: 750;
}

.idea-card__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: var(--space-3);
}

.idea-card__labels span {
  color: var(--color-turquoise-deep);
  font-size: var(--font-size-xs);
  font-weight: 750;
}

.idea-card__labels span::before {
  content: "#";
}

.idea-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-top: auto;
  padding-top: var(--space-4);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.idea-card__chevron .icon {
  width: 18px;
  height: 18px;
}

.idea-card__result-link,
.idea-card__secret-action {
  position: relative;
  z-index: 3;
}

.idea-card__result-link {
  align-self: flex-start;
  margin-top: var(--space-3);
  color: var(--color-raspberry);
  font-size: var(--font-size-sm);
  font-weight: 850;
}

.idea-card--archived {
  opacity: 0.82;
}

.idea-card--secret {
  border-style: dashed;
  background: var(--color-cream);
}

.idea-card__secret-visual {
  display: grid;
  height: 175px;
  place-items: center;
  background: var(--color-lilac-pale);
  color: var(--color-raspberry);
}

.idea-card__secret-visual span,
.idea-card__secret-visual strong {
  grid-area: 1 / 1;
}

.idea-card__secret-visual span .icon {
  width: 86px;
  height: 86px;
  opacity: 0.24;
}

.idea-card__secret-visual strong {
  font-size: 3rem;
}

.idea-card__secret-action {
  width: 100%;
  margin-top: var(--space-4);
}

.library-empty {
  display: grid;
  min-height: 290px;
  place-items: center;
  align-content: center;
  gap: var(--space-2);
  padding: var(--space-6);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-lg);
  background: white;
  text-align: center;
}

.library-empty > .icon {
  width: 42px;
  height: 42px;
  color: var(--color-turquoise-deep);
}

.library-dialog-backdrop {
  position: fixed;
  z-index: 80;
  inset: 0;
  background: rgba(64, 58, 92, 0.5);
  backdrop-filter: blur(4px);
}

.library-dialog {
  position: fixed;
  z-index: 81;
  top: 50%;
  left: 50%;
  width: min(620px, calc(100vw - 2rem));
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: white;
  box-shadow: var(--shadow-lg);
  transform: translate(-50%, -50%);
}

.library-dialog__close {
  position: absolute;
  z-index: 2;
  top: var(--space-3);
  right: var(--space-3);
  background: white;
}

.library-dialog__image {
  width: 100%;
  height: 230px;
  margin-bottom: var(--space-4);
  border-radius: var(--radius-md);
  object-fit: cover;
}

.library-dialog__badges,
.library-dialog__meta,
.library-dialog__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.library-dialog h2 {
  margin: var(--space-3) 0;
}

.library-dialog > p {
  color: var(--color-text-muted);
}

.library-dialog__collection,
.library-dialog__author {
  margin-top: var(--space-4);
}

.library-dialog__actions {
  justify-content: flex-end;
  margin-top: var(--space-5);
}

.library-dialog__secret {
  display: grid;
  width: 110px;
  height: 110px;
  place-items: center;
  margin: 0 auto var(--space-4);
  border-radius: 32px;
  background: var(--color-lilac-pale);
  color: var(--color-raspberry);
}

.library-dialog__secret .icon,
.library-dialog__secret strong {
  grid-area: 1 / 1;
}

.library-dialog__secret .icon {
  width: 70px;
  height: 70px;
  opacity: 0.24;
}

.library-dialog__secret strong {
  font-size: 2.7rem;
}

@media (max-width: 1180px) {
  .library-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .library-search {
    grid-column: 1 / -1;
  }

  .idea-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .library-overview {
    grid-template-columns: 1fr;
    padding: var(--space-4);
  }

  .library-overview img {
    width: min(220px, 70%);
    height: auto;
    justify-self: center;
    order: -1;
  }

  .library-metrics,
  .idea-card-grid {
    grid-template-columns: 1fr;
  }

  .library-toolbar {
    position: static;
    grid-template-columns: 1fr;
  }

  .library-search {
    grid-column: auto;
  }

  .library-results-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .library-dialog {
    width: calc(100vw - 1rem);
    max-height: calc(100vh - 1rem);
    padding: var(--space-4);
  }

  .library-dialog__image {
    height: 180px;
  }
}

/* 10. Opinion flow */
.opinion-modal-layer {
  z-index: 110;
  place-items: center;
  padding: 18px;
  overflow: hidden;
}

.opinion-modal-layer .settings-modal-layer__backdrop {
  background: rgba(64, 58, 92, 0.3);
  backdrop-filter: blur(7px);
}

.opinion-dialog {
  position: relative;
  z-index: 1;
  width: min(790px, 100%);
  max-height: calc(100vh - 36px);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid #E5DDE9;
  border-radius: 26px;
  background: #FFF8F3;
  box-shadow: 0 26px 74px rgba(32, 27, 52, 0.28);
  scrollbar-width: thin;
  scrollbar-color: #C8C2D2 transparent;
}

.opinion-page {
  display: grid;
  gap: 12px;
  max-width: none;
  margin: 0;
  padding: 0 0 16px;
  color: #403A5C;
}

.opinion-header-card,
.opinion-idea-card,
.opinion-partner-status,
.opinion-answer-card,
.opinion-empty {
  background: #FFFFFF;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.opinion-header-card {
  padding: 16px 18px 14px;
  border-bottom: 1px solid #E5DDE9;
  background: #FFF8F3;
}

.opinion-header-card__top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.opinion-header-card__top h2 {
  margin: 1px 0 2px;
  font-family: "Baloo 2", sans-serif;
  font-size: 29px;
  line-height: 1;
  color: #403A5C;
}

.opinion-header-card__top p:last-child {
  margin: 0;
  color: #7B768C;
  font-size: 13px;
}

.opinion-header-card .icon-button {
  border-color: #E5DDE9;
  background: #FFFFFF;
  color: #403A5C;
}

.opinion-back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding-top: 7px;
  color: #C64B67;
  font-weight: 850;
  text-decoration: none;
}

.opinion-back svg {
  width: 17px;
  height: 17px;
  transform: rotate(180deg);
}

.opinion-progress {
  margin-top: 13px;
  padding: 10px 12px;
  border: 1px solid #E5DDE9;
  border-radius: 14px;
  background: #F5F3FA;
}

.opinion-progress > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #7B768C;
  font-size: 12px;
}

.opinion-progress strong {
  color: #403A5C;
  font-size: 14px;
}

.opinion-progress__track {
  height: 7px;
  margin-top: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #E7E1F0;
}

.opinion-progress__track span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: #69C9C3;
  transition: width 0.2s ease;
}

.opinion-queue-navigation {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding: 8px;
  border: 1px solid #E5DDE9;
  border-radius: 15px;
  background: #FFFFFF;
}

.opinion-queue-navigation .button {
  min-height: 42px;
  justify-content: center;
}

.opinion-queue-navigation .button:first-child svg {
  transform: rotate(180deg);
}

.opinion-queue-navigation .button svg {
  width: 17px;
  height: 17px;
}

.opinion-queue-navigation .button:disabled {
  cursor: not-allowed;
  opacity: 0.38;
}

.opinion-queue-navigation > strong {
  min-width: 52px;
  color: #403A5C;
  font-family: "Baloo 2", sans-serif;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}

.opinion-queue-navigation > strong small {
  display: block;
  margin-top: 2px;
  color: #7B768C;
  font-family: "Nunito", sans-serif;
  font-size: 10px;
  font-weight: 800;
}

.opinion-navigation-help {
  margin: 7px 4px 0;
  color: #7B768C;
  font-size: 11px;
  line-height: 1.45;
  text-align: center;
}

.opinion-idea-card {
  display: grid;
  grid-template-columns: minmax(210px, 34%) minmax(0, 1fr);
  margin: 0 14px;
  overflow: hidden;
  border: 1px solid #E5DDE9;
  border-radius: 20px;
  background: #FFFFFF;
}

.opinion-idea-card__media {
  min-height: 270px;
  display: grid;
  place-items: center;
  padding: 16px;
  border-right: 1px solid #E5DDE9;
  background: #FFF8F3;
}

.opinion-idea-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 300px;
  object-fit: contain;
  border-radius: 16px;
}

.opinion-idea-card__media > span {
  width: 84px;
  height: 84px;
  display: grid;
  place-items: center;
  border-radius: 25px;
  background: #FBECEF;
  color: #C64B67;
}

.opinion-idea-card__media > span svg {
  width: 42px;
  height: 42px;
}

.opinion-idea-card__content {
  min-width: 0;
  padding: 20px;
}

.opinion-idea-card__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.opinion-creator {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #7B768C;
  font-size: 12px;
}

.opinion-creator strong {
  color: #403A5C;
}

.opinion-creator__avatar {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: #FBECEF;
  color: #C64B67;
  font-weight: 900;
}

.opinion-creator__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.opinion-idea-card h1 {
  margin: 13px 0 8px;
  color: #403A5C;
  font-family: "Baloo 2", sans-serif;
  font-size: 30px;
  line-height: 1.06;
}

.opinion-idea__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 12px;
}

.opinion-idea__meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 9px;
  border: 1px solid #E5DDE9;
  border-radius: 999px;
  background: #FFFFFF;
  color: #7B768C;
  font-size: 11px;
  font-weight: 750;
}

.opinion-idea__meta svg {
  width: 14px;
  height: 14px;
  color: #287F86;
}

.opinion-idea__description {
  margin: 0 0 14px;
  color: #403A5C;
  font-size: 15px;
  line-height: 1.55;
}

.opinion-idea__actions {
  display: grid;
  gap: 8px;
}

.opinion-details-toggle,
.opinion-source-button {
  width: 100%;
  justify-content: center;
}

.opinion-source-button svg {
  width: 17px;
  height: 17px;
}

.opinion-details {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #E5DDE9;
}

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

.opinion-details__grid > div {
  padding: 10px 12px;
  border-radius: 12px;
  background: #F5F3FA;
}

.opinion-details__grid small,
.opinion-details__grid strong {
  display: block;
}

.opinion-details__grid small {
  color: #7B768C;
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.opinion-details__grid strong {
  margin-top: 3px;
  color: #403A5C;
  font-size: 13px;
}

.opinion-details__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

.opinion-details__labels span {
  padding: 5px 8px;
  border-radius: 999px;
  background: #E8F7F6;
  color: #287F86;
  font-size: 11px;
  font-weight: 800;
}

.opinion-details__source {
  margin-top: 10px;
  padding: 10px 12px;
  border-left: 3px solid #F3A483;
  border-radius: 9px;
  background: #FFF8F3;
}

.opinion-details__source p {
  margin: 3px 0 0;
  color: #7B768C;
  font-size: 12px;
}

.opinion-partner-status {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin: 0 14px;
  padding: 13px 15px;
  border: 1px solid #E5DDE9;
  border-radius: 18px;
  background: #F1EDF6;
}

.opinion-partner-status.is-revealed {
  background: #E8F7F6;
}

.opinion-partner-status__icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #FFFFFF;
  color: #403A5C;
}

.opinion-partner-status__icon svg {
  width: 22px;
  height: 22px;
}

.opinion-partner-status strong {
  font-size: 14px;
}

.opinion-partner-status p {
  margin: 2px 0 0;
  color: #7B768C;
  font-size: 12px;
}

.opinion-partner-status__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  flex-wrap: wrap;
}

.opinion-partner-status__temptation {
  max-width: 130px;
  color: #7B768C;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
  text-align: right;
}

.opinion-answer-card {
  margin: 0 14px;
  padding: 17px;
  border: 1px solid #E5DDE9;
  border-radius: 20px;
  background: #FFF8F3;
}

.opinion-answer-card > div:first-child h2 {
  margin: 2px 0 3px;
  font-family: "Baloo 2", sans-serif;
  font-size: 25px;
  line-height: 1.1;
}

.opinion-answer-card > div:first-child > p:last-child {
  margin: 0 0 12px;
  color: #7B768C;
  font-size: 12px;
}

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

.opinion-choice {
  min-height: 76px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 11px 13px;
  border: 1px solid;
  border-radius: 17px;
  box-shadow: 0 5px 14px rgba(64, 58, 92, 0.045);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.opinion-choice:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(64, 58, 92, 0.08);
}

.opinion-choice:focus-visible {
  outline: 3px solid rgba(105, 201, 195, 0.34);
  outline-offset: 2px;
}

.opinion-choice:disabled {
  cursor: default;
  opacity: 0.74;
}

.opinion-choice.is-selected {
  outline: 3px solid rgba(198, 75, 103, 0.28);
  outline-offset: 2px;
  transform: scale(0.99);
}

.opinion-choice__icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
}

.opinion-choice__icon svg {
  width: 23px;
  height: 23px;
}

.opinion-choice__copy strong,
.opinion-choice__copy small {
  display: block;
}

.opinion-choice__copy strong {
  font-size: 16px;
  line-height: 1.2;
}

.opinion-choice__copy small {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
  opacity: 0.86;
}

.opinion-choice--very {
  border-color: #B7E2DE;
  background: #E8F7F6;
  color: #287F86;
}

.opinion-choice--maybe {
  border-color: #D8D0E2;
  background: #F1EDF6;
  color: #403A5C;
}

.opinion-choice--unsure {
  border-color: #EBD3B4;
  background: #FFF3E5;
  color: #795B2B;
}

.opinion-choice--no {
  border-color: #BDB9C2;
  background: #E3E2E5;
  color: #514C58;
}

.opinion-session-footer {
  display: flex;
  justify-content: center;
  padding: 0 14px;
}

.button--ghost {
  border: 0;
  background: transparent;
  color: #7B768C;
  font-weight: 800;
}

.button--ghost:hover {
  background: #FBECEF;
  color: #C64B67;
}

.opinion-empty {
  max-width: 700px;
  margin: 0;
  padding: 46px;
  border-radius: 26px;
  text-align: center;
}

.opinion-empty > span {
  width: 76px;
  height: 76px;
  margin: 0 auto 14px;
  display: grid;
  place-items: center;
  border-radius: 24px;
  background: #E8F7F6;
  color: #287F86;
}

.opinion-empty > span svg {
  width: 38px;
  height: 38px;
}

.opinion-empty h2 {
  margin: 0;
  font-family: "Baloo 2", sans-serif;
  font-size: 34px;
}

.opinion-empty p {
  color: #7B768C;
}

.application-shell[data-route="opinion"] .mobile-nav,
.application-shell[data-route="opinion"] .mobile-add-button {
  display: none;
}

@media (max-width: 900px) {
  .opinion-modal-layer {
    padding: 10px;
  }

  .opinion-dialog {
    max-height: calc(100vh - 20px);
  }

  .opinion-idea-card {
    grid-template-columns: 1fr;
  }

  .opinion-idea-card__media {
    min-height: 210px;
    max-height: 250px;
    border-right: 0;
    border-bottom: 1px solid #E5DDE9;
  }

  .opinion-partner-status {
    grid-template-columns: auto 1fr;
  }

  .opinion-partner-status__actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
    padding-left: 54px;
  }

  .opinion-partner-status__temptation {
    max-width: none;
    text-align: left;
  }
}

@media (max-width: 640px) {
  .opinion-modal-layer {
    place-items: stretch;
    padding: 0;
  }

  .opinion-dialog {
    width: 100%;
    max-height: 100vh;
    border: 0;
    border-radius: 0;
  }

  .opinion-page {
    gap: 10px;
  }

  .opinion-header-card {
    padding: 14px;
  }

  .opinion-header-card__top {
    grid-template-columns: 1fr auto;
    gap: 8px;
  }

  .opinion-back {
    grid-column: 1 / -1;
    padding-top: 0;
  }

  .opinion-header-card__top h2 {
    font-size: 26px;
  }

  .opinion-queue-navigation {
    gap: 6px;
    padding: 6px;
  }

  .opinion-queue-navigation .button {
    min-height: 40px;
    padding-inline: 9px;
    font-size: 12px;
  }

  .opinion-navigation-help {
    font-size: 10px;
  }

  .opinion-idea-card,
  .opinion-partner-status,
  .opinion-answer-card {
    margin-inline: 10px;
  }

  .opinion-idea-card__content {
    padding: 17px 14px;
  }

  .opinion-idea-card h1 {
    font-size: 28px;
  }

  .opinion-choice-grid {
    grid-template-columns: 1fr;
  }

  .opinion-choice {
    min-height: 72px;
  }

  .opinion-choice__copy small {
    font-size: 12px;
  }

  .opinion-details__grid {
    grid-template-columns: 1fr;
  }

  .opinion-partner-status {
    padding: 13px;
  }

  .opinion-partner-status__actions {
    padding-left: 0;
  }

  .opinion-partner-status__actions .button {
    flex: 1 1 150px;
  }
}

/* 11. Agreements base */
.agreements-page {
  display: grid;
  gap: 1rem;
  padding-bottom: 2rem;
}

.agreements-hero {
  margin-bottom: 0;
}

.agreements-result-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.agreements-result-card {
  min-height: 152px;
  padding: 1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  color: var(--color-plum);
  text-align: left;
  cursor: pointer;
  box-shadow: none;
  transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.agreements-result-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

.agreements-result-card:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.agreements-result-card.is-active {
  border-color: var(--color-turquoise);
  box-shadow: 0 0 0 3px rgba(105, 201, 195, 0.2);
}

.agreements-result-card--love { background: var(--color-turquoise-pale); }
.agreements-result-card--compromise { background: var(--color-lilac-pale); }
.agreements-result-card--hesitation { background: var(--color-cream); }
.agreements-result-card--rejected { background: #ecebf0; border-color: #d3cdd9; }

.agreements-result-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.agreements-result-card__head strong {
  color: var(--color-plum);
  font-size: 1.9rem;
  font-weight: 950;
  line-height: 1;
}

.agreements-result-icon {
  display: grid;
  width: 43px;
  height: 43px;
  place-items: center;
  border-radius: 15px;
  background: white;
}

.agreements-result-icon__svg {
  width: 23px;
  height: 23px;
}

.agreements-result-card--love .agreements-result-icon { color: var(--color-turquoise-deep); }
.agreements-result-card--compromise .agreements-result-icon { color: var(--color-plum); }
.agreements-result-card--hesitation .agreements-result-icon { color: var(--color-raspberry); }
.agreements-result-card--rejected .agreements-result-icon { color: #625c6b; }

.agreements-result-card__title,
.agreements-result-card__description {
  display: block;
}

.agreements-result-card__title {
  margin-top: 0.8rem;
  font-size: 1rem;
  font-weight: 950;
}

.agreements-result-card__description {
  margin-top: 0.25rem;
  color: var(--color-text-muted);
  font-size: 0.75rem;
  line-height: 1.4;
}

.agreements-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.8rem 0.9rem;
  border: 1px solid var(--color-border);
  border-radius: 18px;
  background: white;
}

.agreements-summary > div:first-child {
  min-width: 0;
}

.agreements-summary strong,
.agreements-summary small {
  display: block;
}

.agreements-summary strong {
  color: var(--color-plum);
  font-size: 0.95rem;
}

.agreements-summary small {
  margin-top: 0.2rem;
  color: var(--color-text-muted);
}

.agreements-summary > div:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.agreements-categories {
  padding: 0 0.15rem;
}

.agreements-category-row {
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
  scrollbar-width: thin;
}

.agreements-category-row button {
  display: inline-flex;
  min-height: 38px;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.8rem;
  border: 1px solid var(--color-turquoise);
  border-radius: var(--radius-pill);
  background: white;
  color: var(--color-text-muted);
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 850;
}

.agreements-category-row button.is-active {
  border-color: var(--color-coral);
  background: var(--color-coral-pale);
  color: var(--color-raspberry);
}

.agreements-category-icon {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}

.agreements-sticky-controls {
  position: sticky;
  top: calc(var(--header-height) + 0.75rem);
  z-index: 15;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  padding: 0.5rem;
  border: 1px solid rgba(229, 221, 233, 0.96);
  border-radius: 18px;
  background: rgba(245, 243, 250, 0.96);
  box-shadow: 0 8px 22px rgba(64, 58, 92, 0.07);
  backdrop-filter: blur(14px);
}

.agreements-search {
  position: relative;
  display: flex;
  align-items: center;
}

.agreements-search > svg {
  position: absolute;
  left: 0.9rem;
  z-index: 1;
  width: 19px;
  height: 19px;
  color: var(--color-turquoise-deep);
  pointer-events: none;
}

.agreements-search input {
  width: 100%;
  min-height: 50px;
  padding: 0.7rem 3rem 0.7rem 2.8rem;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  background: white;
  color: var(--color-plum);
  font: inherit;
  outline: none;
}

.agreements-search input:focus {
  border-color: var(--color-turquoise);
  box-shadow: var(--focus-ring);
}

.agreements-search button {
  position: absolute;
  right: 0.55rem;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: var(--color-coral-pale);
  color: var(--color-text-muted);
  cursor: pointer;
  font-size: 1.35rem;
}

.agreements-sort {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-plum);
  font-size: 0.85rem;
  font-weight: 850;
  white-space: nowrap;
}

.agreements-sort select {
  min-width: 185px;
  min-height: 44px;
  padding: 0.55rem 2rem 0.55rem 0.7rem;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: white;
  color: var(--color-plum);
  font: inherit;
  font-weight: 750;
}

.agreements-advanced {
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 18px;
  background: white;
}

.agreements-filter-toggle {
  display: flex;
  width: 100%;
  min-height: 49px;
  align-items: center;
  justify-content: space-between;
  padding: 0.7rem 0.9rem;
  border: 0;
  background: white;
  color: var(--color-plum);
  cursor: pointer;
  text-align: left;
}

.agreements-filter-toggle > span:first-child {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.agreements-filter-toggle > span:first-child b {
  display: inline-grid;
  min-width: 23px;
  height: 23px;
  place-items: center;
  padding: 0 0.35rem;
  border-radius: var(--radius-pill);
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
  font-size: 0.75rem;
}

.agreements-filter-toggle > span:last-child {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid var(--color-turquoise);
  border-radius: 50%;
  color: var(--color-turquoise-deep);
  font-size: 1.25rem;
}

.agreements-filter-panel {
  padding: 0.9rem;
  border-top: 1px solid var(--color-border);
  background: var(--color-cream);
}

.agreements-filter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.7rem;
}

.agreements-filter-field {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
  color: var(--color-plum);
  font-size: 0.78rem;
  font-weight: 850;
}

.agreements-filter-field select {
  width: 100%;
  min-height: 44px;
  padding: 0.55rem 1.8rem 0.55rem 0.65rem;
  border: 1px solid var(--color-border);
  border-radius: 13px;
  background: white;
  color: var(--color-plum);
  font: inherit;
  font-weight: 650;
}

.agreements-filter-field--tags {
  grid-column: 1 / -1;
}

.agreements-filter-field--tags > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.agreements-filter-field--tags small {
  color: var(--color-text-muted);
  font-weight: 650;
}

.agreements-tag-row,
.agreements-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.agreements-tag-row button,
.agreements-active-filters button {
  min-height: 32px;
  padding: 0.35rem 0.65rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: white;
  color: var(--color-plum);
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 750;
}

.agreements-tag-row button.is-active {
  border-color: var(--color-coral);
  background: var(--color-coral-pale);
  color: var(--color-raspberry);
}

.agreements-active-filters {
  margin-top: 0.75rem;
}

.agreements-active-filters button {
  background: var(--color-bg);
  color: var(--color-text-muted);
}

.agreements-active-filters .agreements-active-filters__reset {
  border-color: transparent;
  background: transparent;
  color: var(--color-raspberry);
}

.agreements-filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.8rem;
}

.agreements-list-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 0.15rem;
}

.agreements-list-heading h3 {
  margin: 0;
  color: var(--color-plum);
  font-size: 1.05rem;
}

.agreements-list-heading span {
  color: var(--color-text-muted);
  font-size: 0.8rem;
}

.agreements-list,
.agreements-group {
  display: grid;
  gap: 0.65rem;
}

.agreements-group {
  margin-bottom: 0.35rem;
}

.agreements-group__head {
  display: flex;
  width: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.65rem 0.8rem;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  background: white;
  color: var(--color-plum);
  cursor: pointer;
  text-align: left;
}

.agreements-group__head strong {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.agreements-group__head span {
  color: var(--color-text-muted);
  font-size: 0.78rem;
}

.agreements-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.agreements-card {
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr);
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 20px;
  background: white;
}

.agreements-card--rejected {
  border-color: #d3cdd9;
}

.agreements-card__visual {
  position: relative;
  min-height: 250px;
  overflow: hidden;
  background: var(--color-bg);
}

.agreements-card__visual img,
.agreements-card__fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.agreements-card__fallback {
  display: grid;
  min-height: 250px;
  place-items: center;
  color: var(--color-turquoise-deep);
}

.agreements-card__fallback svg {
  width: 42px;
  height: 42px;
}

.agreements-card__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 0.8rem;
}

.agreements-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}

.agreements-card .badge--category::before {
  display: none;
}

.agreements-card .badge--category svg {
  width: 15px;
  height: 15px;
}

.agreements-result-pill {
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  gap: 0.3rem;
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-pill);
  font-size: 0.68rem;
  font-weight: 900;
  white-space: nowrap;
}

.agreements-result-pill svg {
  width: 13px;
  height: 13px;
}

.agreements-result-pill--love { background: var(--color-turquoise-pale); color: var(--color-turquoise-deep); }
.agreements-result-pill--compromise { background: var(--color-lilac-pale); color: var(--color-plum); }
.agreements-result-pill--hesitation { background: var(--color-cream-strong); color: var(--color-text-muted); }
.agreements-result-pill--rejected { background: #e7e3ea; color: #5f5968; }

.agreements-card h3 {
  margin: 0.6rem 0 0.25rem;
  color: var(--color-plum);
  font-size: 1rem;
  line-height: 1.2;
}

.agreements-card__location,
.agreements-card__description,
.agreements-card__result-copy {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.74rem;
  line-height: 1.42;
}

.agreements-card__location {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.agreements-card__location svg {
  width: 14px;
  height: 14px;
  color: var(--color-raspberry);
}

.agreements-card__location small {
  margin-left: 0.15rem;
  color: var(--color-text-muted);
}

.agreements-card__meta,
.agreements-dialog__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0.55rem 0;
}

.agreements-card__meta span,
.agreements-dialog__meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.45rem;
  border-radius: var(--radius-pill);
  background: var(--color-bg);
  color: var(--color-plum);
  font-size: 0.66rem;
  font-weight: 800;
}

.agreements-card__meta svg,
.agreements-dialog__meta svg {
  width: 12px;
  height: 12px;
  color: var(--color-turquoise-deep);
}

.agreements-card__description {
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 0.55rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.agreements-card__reactions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
  margin-top: auto;
}

.agreements-card__reactions > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: var(--color-bg);
}

.agreements-card__reactions span {
  min-width: 0;
}

.agreements-card__reactions small,
.agreements-card__reactions strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agreements-card__reactions small {
  color: var(--color-text-muted);
  font-size: 0.62rem;
}

.agreements-card__reactions strong {
  color: var(--color-plum);
  font-size: 0.68rem;
}

.agreements-card__result-copy {
  margin-top: 0.5rem;
}

.agreements-card__actions {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-top: 0.65rem;
}

.agreements-card__actions .button {
  min-height: 34px;
  padding: 0.45rem 0.65rem;
  font-size: 0.7rem;
}

.agreements-card__actions svg {
  width: 13px;
  height: 13px;
}

.agreements-empty,
.agreements-unavailable {
  padding: 2rem;
  border: 1px dashed #d8cedf;
  border-radius: var(--radius-lg);
  background: white;
  color: var(--color-plum);
  text-align: center;
}

.agreements-empty > span {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  margin: 0 auto;
  border-radius: 18px;
  background: var(--color-lilac-pale);
  color: var(--color-turquoise-deep);
}

.agreements-empty svg {
  width: 28px;
  height: 28px;
}

.agreements-empty h3 {
  margin: 0.7rem 0 0.3rem;
}

.agreements-empty p,
.agreements-empty small {
  color: var(--color-text-muted);
}

.agreements-dialog-backdrop {
  position: fixed;
  z-index: 80;
  inset: 0;
  background: rgba(64, 58, 92, 0.42);
}

.agreements-dialog {
  position: fixed;
  z-index: 81;
  top: 50%;
  left: 50%;
  width: min(720px, calc(100vw - 2rem));
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
  padding: 1.25rem;
  transform: translate(-50%, -50%);
  border: 1px solid var(--color-border);
  border-radius: 24px;
  background: white;
  box-shadow: var(--shadow-md);
}

.agreements-dialog__close {
  position: sticky;
  z-index: 2;
  top: 0;
  float: right;
  background: white;
}

.agreements-dialog__image {
  width: 100%;
  height: 230px;
  margin-bottom: 1rem;
  border-radius: 18px;
  object-fit: cover;
}

.agreements-dialog__badges,
.agreements-dialog__labels,
.agreements-dialog__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.agreements-dialog__badges .badge::before {
  display: none;
}

.agreements-dialog h2 {
  margin: 0.7rem 0 0.3rem;
  color: var(--color-plum);
}

.agreements-dialog__location {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--color-text-muted);
}

.agreements-dialog__location svg {
  width: 17px;
  height: 17px;
  color: var(--color-raspberry);
}

.agreements-dialog section {
  margin-top: 1rem;
}

.agreements-dialog section h3 {
  margin: 0 0 0.35rem;
  color: var(--color-plum);
}

.agreements-dialog section p {
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.55;
}

.agreements-dialog__labels span {
  padding: 0.3rem 0.55rem;
  border-radius: var(--radius-pill);
  background: var(--color-coral-pale);
  color: var(--color-raspberry);
  font-size: 0.75rem;
  font-weight: 800;
}

.agreements-dialog__result {
  padding: 0.9rem;
  border: 1px solid var(--color-border);
  border-radius: 18px;
  background: var(--color-lilac-pale);
}

.agreements-dialog__result > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
  margin-top: 0.75rem;
}

.agreements-dialog__result article {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.6rem;
  border-radius: 14px;
  background: white;
}

.agreements-dialog__result article span,
.agreements-dialog__result article strong,
.agreements-dialog__result article small {
  display: block;
}

.agreements-dialog__result article small {
  color: var(--color-text-muted);
}

.agreements-dialog__actions {
  margin-top: 1rem;
}

@media (max-width: 1020px) {
  .agreements-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agreements-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agreements-card-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .agreements-result-grid { gap: 0.5rem; }
  .agreements-result-card { min-height: 138px; padding: 0.8rem; border-radius: 18px; }
  .agreements-result-card__head strong { font-size: 1.55rem; }
  .agreements-result-icon { width: 37px; height: 37px; border-radius: 12px; }
  .agreements-result-card__title { font-size: 0.88rem; }
  .agreements-result-card__description { font-size: 0.66rem; }
  .agreements-summary { align-items: flex-start; flex-direction: column; }
  .agreements-summary > div:last-child { width: 100%; justify-content: flex-start; }
  .agreements-sticky-controls { top: calc(var(--header-height) + 0.35rem); grid-template-columns: 1fr; gap: 0.45rem; }
  .agreements-sort { justify-content: space-between; }
  .agreements-sort select { min-width: 0; flex: 1; }
  .agreements-filter-grid { grid-template-columns: 1fr; }
  .agreements-filter-actions { justify-content: stretch; }
  .agreements-filter-actions .button { flex: 1; }
  .agreements-list-heading { align-items: flex-start; flex-direction: column; gap: 0.2rem; }
  .agreements-card { grid-template-columns: 100px minmax(0, 1fr); }
  .agreements-card__visual,
  .agreements-card__fallback { min-height: 280px; }
  .agreements-card__reactions { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .agreements-result-grid { grid-template-columns: 1fr; }
  .agreements-result-card { min-height: 0; }
  .agreements-card { grid-template-columns: 86px minmax(0, 1fr); }
  .agreements-card__visual,
  .agreements-card__fallback { min-height: 315px; }
  .agreements-card__top { align-items: flex-start; flex-direction: column; }
  .agreements-dialog { width: calc(100vw - 1rem); max-height: calc(100vh - 1rem); padding: 0.9rem; border-radius: 20px; }
  .agreements-dialog__result > div { grid-template-columns: 1fr; }
}

.agreements-experience-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-right: 5px;
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--color-lilac-pale);
  color: var(--color-plum);
  font-size: 9px;
  font-weight: 900;
}

.agreements-experience-badge .icon {
  width: 13px;
  height: 13px;
}

.agreements-experience-badge--yes {
  background: var(--color-turquoise-pale);
  color: var(--color-turquoise-deep);
}

.agreements-experience-badge--maybe {
  background: var(--color-cream-strong);
  color: var(--color-plum);
}

.agreements-experience-badge--no {
  background: var(--color-lilac-pale);
  color: var(--color-text-muted);
}

.terrain-forgotten {
  margin-top: 12px;
}

.terrain-card--forgotten {
  opacity: .86;
  filter: saturate(.65);
}

/* 12. Diagnostics */
.diagnostic-summary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.test-status {
  display: inline-flex;
  min-width: 64px;
  justify-content: center;
  padding: 0.22rem 0.55rem;
  border-radius: var(--radius-pill);
  font-size: var(--font-size-xs);
  font-weight: 900;
}

.test-status--pass {
  background: var(--color-turquoise-pale);
  color: var(--color-turquoise-deep);
}

.test-status--fail {
  background: var(--color-raspberry-pale);
  color: var(--color-danger);
}

.service-row {
  display: grid;
  align-items: center;
  gap: var(--space-4);
  grid-template-columns: minmax(0, 1fr) auto;
}

.service-row + .service-row {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border);
}

.service-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-2);
}

.matrix-cell {
  min-width: 140px;
  font-weight: 800;
}

.matrix-cell[data-result="love"] { background: var(--color-turquoise-pale); }
.matrix-cell[data-result="compromise"] { background: var(--color-lilac-pale); }
.matrix-cell[data-result="hesitation"] { background: var(--color-cream); }
.matrix-cell[data-result="rejected"] { background: var(--color-neutral-pale); }

.error-panel {
  padding: var(--space-5);
  border: 1px solid var(--color-danger);
  border-radius: var(--radius-lg);
  background: var(--color-raspberry-pale);
  color: var(--color-danger);
}

.test-status--pending {
  background: var(--color-lilac-pale, #f1edf6);
  color: var(--color-text-secondary, #7b768c);
}


.d1-progress__value {
  min-width: 74px;
  color: var(--color-turquoise-deep);
  font-family: var(--font-display);
  font-size: 1.45rem;
  font-weight: 900;
  text-align: right;
}

.d1-progress {
  overflow: hidden;
  height: 12px;
  margin-bottom: var(--space-5);
  border-radius: var(--radius-pill);
  background: var(--color-lilac-pale);
}

.d1-progress > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--color-turquoise-deep);
  transition: width 250ms ease;
}

.d1-gates {
  display: grid;
  gap: var(--space-3);
  margin: 0 0 var(--space-5);
  padding: 0;
  list-style: none;
}

.d1-gate {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: white;
}

.d1-gate__index {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  background: var(--color-lilac-pale);
  color: var(--color-plum);
  font-weight: 900;
}

.d1-gate h3,
.d1-gate p {
  margin: 0;
}

.d1-gate p {
  margin-top: 0.15rem;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.d1-gate--blocked {
  background: var(--color-raspberry-pale);
}

@media (max-width: 680px) {
  .d1-gate {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .d1-gate .test-status {
    grid-column: 2;
    justify-self: start;
  }
}

/* 13. Responsive rules */
@media (max-width: 980px) {
  .auth-page {
    grid-template-columns: 1fr;
  }

  .auth-card {
    width: 100%;
    min-height: 100vh;
    margin: 0 auto;
  }

  .auth-visual {
    display: none;
  }

  .app-topbar {
    padding-inline: var(--space-3);
  }

  .app-topbar__menu,
  .app-sidebar__close {
    display: inline-grid;
  }

  .location-chip span:nth-of-type(1),
  .profile-trigger__copy {
    display: none;
  }

  .application-frame {
    display: block;
  }

  .app-sidebar {
    z-index: 40;
    top: var(--header-height);
    width: min(320px, 88vw);
    transform: translateX(-105%);
    transition: transform 200ms ease;
  }

  .app-sidebar.is-open {
    transform: translateX(0);
  }

  .app-main {
    padding: var(--space-5) var(--space-4) calc(92px + var(--space-6));
  }

  .mobile-nav {
    position: fixed;
    z-index: 45;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    min-height: 70px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 0;
    padding: 0.35rem 0.25rem max(0.35rem, env(safe-area-inset-bottom));
    border-top: 1px solid var(--color-border);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 -8px 24px rgba(64, 58, 92, 0.08);
    backdrop-filter: blur(14px);
  }

  .mobile-nav__item {
    flex-direction: column;
    justify-content: center;
    gap: 0.2rem;
    padding: 0.3rem 0.2rem;
    color: var(--color-text-muted);
    font-size: 0.68rem;
    text-align: center;
  }

  .mobile-nav__item.is-active {
    color: var(--color-raspberry);
  }

  .mobile-nav__icon {
    width: 21px;
    height: 21px;
  }

  .mobile-add-button {
    position: fixed;
    z-index: 46;
    right: var(--space-4);
    bottom: calc(76px + env(safe-area-inset-bottom));
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: var(--color-raspberry);
    color: white;
    box-shadow: var(--shadow-md);
  }

  .mobile-add-button .icon {
    width: 26px;
    height: 26px;
  }

  .mode-grid,
  .state-showcase {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .grid--3,
  .grid--2,
  .settings-grid,
  .preview-card-grid,
  .agreement-preview-grid {
    grid-template-columns: 1fr;
  }

  .hero,
  .welcome-card,
  .migration-card,
  .dashboard-block,
  .idea-preview-card {
    grid-template-columns: 1fr;
  }

  .hero__logo {
    display: none;
  }

  .welcome-card img,
  .migration-card > img,
  .dashboard-block img {
    width: min(230px, 72%);
    height: auto;
    justify-self: center;
    order: -1;
  }

  .idea-preview-card__image img {
    width: 100%;
    height: 170px;
  }

  .secret-symbol {
    min-height: 120px;
  }

  .page-heading {
    display: grid;
    align-items: start;
  }

  .page-heading .button {
    width: 100%;
  }

  .preview-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 560px) {
  :root {
    --header-height: 64px;
  }

  .app-brand small,
  .location-chip,
  .app-topbar__actions > .icon-button {
    display: none;
  }

  .app-brand img {
    width: 40px;
    height: 40px;
  }

  .profile-trigger {
    padding: 0.15rem;
    background: transparent;
  }

  .profile-trigger > span:last-child {
    display: none;
  }

  .app-main {
    padding-inline: 0.75rem;
  }

  .page-heading h1 {
    font-size: 1.75rem;
  }

  .preview-notice {
    font-size: 0.78rem;
  }

  .dashboard-block__copy {
    display: grid;
  }

  .block-index {
    width: 32px;
    height: 32px;
  }

  .auth-card {
    padding: var(--space-6) var(--space-4);
  }

  .auth-brand {
    width: 220px;
  }

  .topbar__inner,
  .page {
    width: min(calc(100% - 1rem), var(--container));
  }

  .topbar__status .button {
    min-height: 38px;
    padding: 0.45rem 0.65rem;
    font-size: 0.75rem;
  }

  .hero,
  .card {
    padding: var(--space-4);
    border-radius: var(--radius-md);
  }

  .section__header,
  .service-row {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .section__header {
    display: grid;
  }

  .service-row .button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  
  
}

/* 14. Legacy parity migrated rules */





:root {
  --font-family: "Nunito", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --header-height: 64px;
  --sidebar-width: 268px;
  --shadow-reference: 0 12px 34px rgba(64, 58, 92, 0.08);
}

html,
body {
  overflow-x: hidden;
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-family);
}

h1,
h2,
h3,
.app-topbar__title,
.button {
  font-family: "Baloo 2", var(--font-family);
}

h1,
h2,
h3 {
  color: var(--color-plum);
  letter-spacing: -0.015em;
}

.button {
  border-radius: 16px;
  font-weight: 800;
}

.button--primary {
  box-shadow: 0 10px 22px rgba(198, 75, 103, 0.14);
}


.auth-page--reference {
  display: grid;
  min-height: 100vh;
  place-items: start center;
  padding: 18px 16px 42px;
  background: rgba(64, 58, 92, 0.92);
}

.auth-card--reference {
  display: block;
  width: min(420px, calc(100vw - 32px));
  min-height: auto;
  margin: 0;
  padding: 22px;
  border: 1px solid rgba(229, 221, 233, 0.92);
  border-radius: 24px;
  background: var(--color-cream);
  box-shadow: 0 26px 70px rgba(20, 17, 33, 0.28);
}

.auth-brand--reference {
  width: 220px;
  margin: 0;
}

.auth-brand--reference img {
  width: 100%;
  height: 78px;
  object-fit: contain;
  object-position: left center;
}

.auth-card__divider {
  height: 1px;
  margin: 10px 0 16px;
  background: var(--color-border);
}

.auth-card--reference h1 {
  margin: 0 0 4px;
  font-size: 26px;
  line-height: 1.15;
}

.auth-card--reference .auth-intro {
  margin: 0 0 14px;
  color: var(--color-text-muted);
  font-size: 13px;
  line-height: 1.45;
}

.auth-card--reference .field {
  margin-top: 12px;
  gap: 6px;
  font-size: 13px;
}

.auth-card--reference .field input {
  min-height: 46px;
  border-radius: 15px;
  background: #fff;
}

.auth-card--reference .button {
  min-height: 46px;
  margin-top: 12px;
}

.auth-card--reference .auth-notice {
  margin: 0 0 12px;
  font-size: 12px;
}

.auth-context-link {
  display: block;
  margin: 12px auto 0;
  padding: 4px 8px;
  border: 0;
  background: transparent;
  color: var(--color-turquoise-deep);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

.auth-card--reference .auth-version {
  margin: 10px 0 0;
  color: #9b95a8;
  font-size: 10px;
  text-align: center;
}


.application-shell--reference {
  min-height: 100vh;
  background: var(--color-bg);
}

.application-shell--reference .app-sidebar {
  z-index: 60;
  top: 0;
  width: var(--sidebar-width);
  padding: 14px 12px 18px;
  border-right: 1px solid var(--color-border);
  background: #fff;
  box-shadow: 8px 0 24px rgba(64, 58, 92, 0.035);
}

.app-sidebar__brand {
  display: flex;
  min-height: 92px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 10px 12px;
}

.app-sidebar__brand a {
  display: block;
  width: 190px;
}

.app-sidebar__brand img {
  width: 100%;
  height: 84px;
  object-fit: contain;
  object-position: left center;
}

.application-shell--reference .side-nav {
  gap: 4px;
}

.application-shell--reference .side-nav__item {
  min-height: 52px;
  padding: 0 15px;
  border-radius: 0 17px 17px 0;
  color: #5e5970;
  font-size: 14px;
}

.application-shell--reference .side-nav__item:hover {
  background: #faf9fc;
}

.application-shell--reference .side-nav__icon {
  width: 20px;
  height: 20px;
}

.application-shell--reference .app-sidebar__add {
  width: calc(100% - 24px);
  min-height: 48px;
  margin: 18px auto 0;
  border-radius: 16px;
}

.application-shell--reference .side-nav--secondary {
  margin-top: 12px;
  padding-top: 12px;
}

.application-shell--reference .app-topbar {
  left: var(--sidebar-width);
  min-height: var(--header-height);
  padding: 0 18px 0 28px;
  border-bottom: 1px solid var(--color-border);
  background: rgba(255, 255, 255, 0.98);
  color: var(--color-plum);
  box-shadow: 0 5px 20px rgba(64, 58, 92, 0.045);
  backdrop-filter: none;
}

.application-shell--reference .app-topbar__title {
  margin: 0;
  font-size: 24px;
  line-height: 1;
}

.application-shell--reference .app-topbar__actions {
  gap: 10px;
}

.application-shell--reference .icon-button,
.application-shell--reference .location-chip,
.application-shell--reference .profile-trigger {
  border-color: var(--color-border);
  background: #fff;
  color: var(--color-plum);
  box-shadow: none;
}

.application-shell--reference .icon-button:hover,
.application-shell--reference .location-chip:hover,
.application-shell--reference .profile-trigger:hover {
  background: #fbfafc;
}

.application-shell--reference .location-chip {
  min-height: 42px;
  padding: 0 13px;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 800;
}

.location-chip__country {
  color: var(--color-plum);
  font-size: 11px;
  font-weight: 900;
}

.application-shell--reference .profile-trigger {
  min-height: 46px;
  padding: 4px 8px 4px 5px;
  border: 1px solid var(--color-border);
  border-radius: 16px;
}

.application-shell--reference .profile-trigger__copy strong {
  font-size: 12px;
}

.application-shell--reference .profile-trigger__copy small {
  color: var(--color-text-muted);
  font-size: 9px;
}

.profile-plan-badge {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 9px;
  border: 1px solid #f0ccd6;
  border-radius: 999px;
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
  font-size: 10px;
  font-weight: 900;
}

.application-shell--reference .avatar {
  border-color: #fff;
  box-shadow: 0 0 0 1px var(--color-border);
}

.topbar-add-button {
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: var(--color-raspberry);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(198, 75, 103, 0.18);
}

.topbar-add-button .icon {
  width: 22px;
  height: 22px;
}

.application-shell--reference .application-frame {
  display: block;
  padding-top: var(--header-height);
}

.application-shell--reference .app-main {
  min-width: 0;
  margin-left: var(--sidebar-width);
  padding: 24px clamp(18px, 3vw, 44px) 52px;
}

.application-shell--reference .app-page-content,
.application-shell--reference .page-heading,
.application-shell--reference .preview-notice {
  width: 100%;
  max-width: 1500px;
}

.application-shell--reference .page-heading {
  margin-bottom: 20px;
}

.application-shell--reference .page-heading h1 {
  font-size: 30px;
}

.profile-panel__preview {
  margin: 10px 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--color-cream);
  color: var(--color-text-muted);
  font-size: 11px;
  text-align: center;
}


.home-dashboard {
  display: grid;
  gap: 26px;
}

.home-section {
  position: relative;
  padding: 24px 20px;
  border: 1px solid var(--color-border);
  border-radius: 28px;
  background: #fff;
  box-shadow: var(--shadow-reference);
}

.home-section--attention {
  background: var(--color-cream);
}





.home-section--program {
  background: var(--color-cream);
}



.home-section__number {
  display: none !important;
}

.home-section__heading--reference {
  display: grid;
  min-height: 94px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.home-section__copy {
  min-width: 0;
}

.home-section__copy h2 {
  margin: 2px 0 4px;
  font-size: 25px;
}

.home-section__copy p:last-child {
  margin: 0;
  color: var(--color-text-muted);
}

.home-section__heading-art {
  width: 118px;
  height: 86px;
  object-fit: contain;
}

.home-section__heading--reference > .button {
  align-self: center;
}

.home-brand-lockup {
  width: 290px;
  max-width: 100%;
}

.home-brand-lockup img {
  width: 100%;
  height: 90px;
  object-fit: contain;
  object-position: left center;
}

.home-onboarding--compact {
  display: grid;
  min-height: 290px;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  align-items: center;
  gap: 30px;
  padding: 24px 28px;
  overflow: hidden;
}

.home-onboarding--compact__copy {
  display: grid;
  gap: 12px;
}

.home-onboarding--compact__visual {
  width: 360px;
  height: 235px;
  justify-self: end;
  object-fit: contain;
}

.home-how-button {
  display: grid;
  width: min(500px, 100%);
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 15px 16px;
  border: 1px solid var(--color-border);
  border-radius: 20px;
  background: #fff;
  color: var(--color-plum);
  cursor: pointer;
  text-align: left;
}

.home-how-button__icon {
  display: grid;
  width: 38px;
  height: 38px;
  grid-template-columns: repeat(2, 10px);
  grid-template-rows: repeat(2, 10px);
  place-content: center;
  gap: 3px;
  border-radius: 12px;
  background: var(--color-coral-pale);
}

.home-how-button__icon i:nth-child(1) { background: var(--color-coral); }
.home-how-button__icon i:nth-child(2) { background: var(--color-turquoise); }
.home-how-button__icon i:nth-child(3) { background: var(--color-lilac); }
.home-how-button__icon i:nth-child(4) { background: var(--color-raspberry); }
.home-how-button__icon i { border-radius: 3px; }
.home-how-button strong,
.home-how-button small { display: block; }
.home-how-button strong { font-size: 14px; }
.home-how-button small { margin-top: 2px; color: var(--color-text-muted); font-size: 11px; }
.home-how-button__arrow { color: var(--color-raspberry); font-size: 24px; }

.home-onboarding--expanded {
  padding: 26px 28px;
}

.home-onboarding__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: center;
  gap: 24px;
}

.home-onboarding__hero > img {
  width: 360px;
  height: 245px;
  object-fit: contain;
}

.home-onboarding__hero h2 {
  margin: 2px 0 12px;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 0.98;
}

.home-onboarding__hero h2 span {
  color: var(--color-turquoise-deep);
}

.home-onboarding__hero p:last-child {
  max-width: 760px;
  color: var(--color-text-muted);
}

.home-onboarding__steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.onboarding-step {
  min-height: 184px;
  padding: 16px;
  border: 1px solid rgba(64, 58, 92, 0.08);
  border-radius: 20px;
}

.onboarding-step__eyebrow {
  color: var(--color-text-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.onboarding-step__icon {
  float: right;
  margin: -20px 0 0;
}

.onboarding-step h3 {
  clear: both;
  margin-top: 24px;
}

.home-onboarding__example {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 14px;
  padding: 14px 16px;
  border: 0;
  border-radius: 18px;
  background: var(--color-lilac-pale);
}

.home-onboarding__example span {
  color: var(--color-turquoise-deep);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-onboarding__example strong {
  font-size: 12px;
}

.home-action-list {
  display: grid;
  gap: 12px;
}

.home-action-card {
  display: grid;
  min-height: 102px;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(243, 164, 131, 0.65);
  border-radius: 20px;
  background: var(--color-cream-strong);
}

.home-action-card__icon {
  border-radius: 15px;
}

.home-action-card__title {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}

.home-action-card__status {
  color: #9b6b21;
  font-size: 11px;
  font-weight: 900;
}

.home-action-card h3 {
  margin: 0;
  font-size: 18px;
}

.home-action-card p {
  margin: 3px 0 0;
  font-size: 13px;
}

.home-metrics-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-metric {
  min-height: 106px;
  padding: 16px;
  border-radius: 18px;
}

.home-metric strong {
  font-size: 25px;
}

.home-section__actions {
  margin-top: 14px;
}

.home-section--ideas .home-section__actions .button--primary {
  flex: 1;
}

.agreement-stats,
.choice-mode-grid {
  gap: 12px;
}

.agreement-stat,
.choice-mode-card,
.program-card,
.activity-row {
  border-radius: 18px;
}

.choice-mode-card {
  min-height: 210px;
}

.activity-row {
  background: #fff;
}


.library-overview {
  border-radius: 26px;
  background: #fff;
}

.library-overview h2 {
  font-size: 27px;
}

.library-toolbar {
  top: calc(var(--header-height) + 10px);
  border-radius: 20px;
}

.idea-card,
.library-dialog {
  border-radius: 22px;
}

.idea-card h3 {
  font-family: "Baloo 2", var(--font-family);
}


@media (max-width: 1120px) {
  .application-shell--reference .profile-trigger__copy,
  .profile-plan-badge {
    display: none;
  }

  .home-onboarding--compact {
    grid-template-columns: 1fr 280px;
  }

  .home-onboarding--compact__visual,
  .home-onboarding__hero > img {
    width: 280px;
  }

  .home-onboarding__hero {
    grid-template-columns: 1fr 280px;
  }

  .home-onboarding__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  :root {
    --sidebar-width: 0px;
  }

  .application-shell--reference .app-topbar {
    left: 0;
    padding-inline: 12px;
  }

  .application-shell--reference .app-sidebar {
    width: min(320px, 88vw);
    transform: translateX(-105%);
  }

  .application-shell--reference .app-sidebar.is-open {
    transform: translateX(0);
  }

  .application-shell--reference .app-main {
    margin-left: 0;
    padding: 18px 14px calc(92px + 24px);
  }

  .app-sidebar__close {
    display: inline-grid;
  }

  .home-onboarding--compact,
  .home-onboarding__hero {
    grid-template-columns: 1fr;
  }

  .home-onboarding--compact__visual,
  .home-onboarding__hero > img {
    width: min(360px, 78vw);
    height: auto;
    justify-self: center;
  }

  .home-onboarding--compact__visual {
    order: -1;
  }

  .home-section__heading--reference {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .home-section__heading--reference > .button {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

@media (max-width: 760px) {
  .application-shell--reference .app-topbar__title {
    font-size: 20px;
  }

  .application-shell--reference .location-chip,
  .application-shell--reference .topbar-search {
    display: none;
  }

  .application-shell--reference .profile-trigger {
    border: 0;
    padding: 0;
  }

  .application-shell--reference .topbar-add-button {
    display: none;
  }

  .home-dashboard {
    gap: 16px;
  }

  .home-section,
  .home-onboarding--expanded,
  .home-onboarding--compact {
    padding: 17px 14px;
    border-radius: 22px;
  }

  .home-onboarding--compact {
    min-height: auto;
  }

  .home-brand-lockup {
    width: 230px;
  }

  .home-brand-lockup img {
    height: 74px;
  }

  .home-how-button {
    grid-template-columns: 38px minmax(0, 1fr) auto;
  }

  .home-section__heading--reference {
    min-height: 0;
    grid-template-columns: 1fr;
    align-items: start;
  }

  .home-section__heading-art {
    width: 92px;
    height: 70px;
    justify-self: end;
    margin-top: -58px;
  }

  .home-section__copy h2 {
    max-width: calc(100% - 86px);
    font-size: 22px;
  }

  .home-action-card {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .home-action-card .button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .home-metrics-grid,
  .agreement-stats,
  .choice-mode-grid {
    grid-template-columns: 1fr;
  }

  .home-onboarding__hero h2 {
    font-size: 38px;
  }

  .home-onboarding__steps {
    grid-template-columns: 1fr;
  }
}


.brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--color-plum);
}

.brand-lockup__mark {
  position: relative;
  display: inline-block;
  width: 58px;
  height: 48px;
  flex: 0 0 58px;
}

.brand-lockup__circle {
  position: absolute;
  top: 5px;
  width: 39px;
  height: 39px;
  border-radius: 50%;
}

.brand-lockup__circle--coral {
  left: 0;
  background: var(--color-coral);
}

.brand-lockup__circle--turquoise {
  right: 0;
  background: var(--color-turquoise);
}

.brand-lockup__mark b {
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 22px;
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: var(--color-raspberry);
  font-size: 15px;
  line-height: 1;
}

.brand-lockup__copy,
.brand-lockup__copy strong,
.brand-lockup__copy small,
.brand-lockup__copy span,
.brand-lockup__copy em {
  display: block;
}

.brand-lockup__copy strong {
  color: var(--color-raspberry);
  font-family: "Baloo 2", var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.05;
  white-space: nowrap;
}

.brand-lockup__copy small {
  margin-top: 5px;
  color: #69627c;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
}

.brand-lockup__copy em {
  color: var(--color-turquoise-deep);
  font-style: normal;
  font-weight: 900;
}

.brand-lockup--auth .brand-lockup__mark {
  width: 68px;
  height: 56px;
  flex-basis: 68px;
}

.brand-lockup--auth .brand-lockup__circle {
  width: 45px;
  height: 45px;
}

.brand-lockup--auth .brand-lockup__mark b {
  top: 14px;
  left: 26px;
  width: 29px;
  height: 29px;
  font-size: 17px;
}

.brand-lockup--auth .brand-lockup__copy strong {
  font-size: 24px;
}

.brand-lockup--auth .brand-lockup__copy small {
  font-size: 11px;
}

.brand-lockup--home .brand-lockup__mark {
  width: 64px;
  height: 52px;
  flex-basis: 64px;
}

.brand-lockup--home .brand-lockup__circle {
  width: 43px;
  height: 43px;
}

.brand-lockup--home .brand-lockup__mark b {
  top: 13px;
  left: 24px;
  width: 28px;
  height: 28px;
}

.brand-lockup--home .brand-lockup__copy strong {
  font-size: 22px;
}

.brand-lockup--sidebar .brand-lockup__copy strong {
  font-size: 18px;
}

.brand-lockup--sidebar .brand-lockup__copy small {
  font-size: 10px;
}

.auth-brand--reference {
  width: auto;
}

.auth-brand--reference img,
.app-sidebar__brand img,
.home-brand-lockup img {
  display: none !important;
}

.app-sidebar__brand a {
  width: auto;
  text-decoration: none;
}

.home-brand-lockup {
  width: auto;
}

@media (max-width: 760px) {
  .brand-lockup--home .brand-lockup__copy strong { font-size: 19px; }
  .brand-lockup--home .brand-lockup__copy small { font-size: 9px; }
}



:root {
  --sidebar-width: 268px;
  --header-height: 64px;
  --content-wide: 1480px;
  --reference-radius: 24px;
  --reference-border: 1px solid rgba(64, 58, 92, 0.11);
  --reference-shadow: 0 13px 34px rgba(64, 58, 92, 0.075);
}

.visual-avatar {
  display: inline-grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  place-items: center;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--color-raspberry);
  color: #fff;
  box-shadow: 0 0 0 1px var(--color-border), 0 5px 12px rgba(64, 58, 92, 0.09);
  font-size: 12px;
  font-weight: 900;
}

.visual-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.visual-avatar--tiny { width: 24px; height: 24px; flex-basis: 24px; border-width: 1px; }
.visual-avatar--large { width: 62px; height: 62px; flex-basis: 62px; }
.visual-avatar--xl { width: 78px; height: 78px; flex-basis: 78px; }

.application-shell--reference .app-sidebar {
  padding: 16px 12px 22px;
}

.application-shell--reference .app-sidebar__brand {
  min-height: 130px;
  align-items: flex-start;
  padding: 12px 15px 22px;
}

.application-shell--reference .brand-lockup--sidebar .brand-lockup__mark {
  width: 58px;
  height: 50px;
  flex-basis: 58px;
}

.application-shell--reference .brand-lockup--sidebar .brand-lockup__copy strong {
  font-size: 19px;
}

.application-shell--reference .brand-lockup--sidebar .brand-lockup__copy small {
  font-size: 10px;
}

.application-shell--reference .side-nav__item {
  min-height: 55px;
  margin: 2px 0;
  padding: 0 18px;
  border-radius: 0 18px 18px 0;
  font-size: 14px;
  font-weight: 800;
}

.application-shell--reference .app-sidebar__add {
  min-height: 50px;
  margin-top: 22px;
}

.application-shell--reference .app-main {
  max-width: none;
  margin-left: var(--sidebar-width);
  padding: 24px clamp(38px, 4.25vw, 82px) 60px;
}

.application-shell--reference .app-page-content,
.application-shell--reference .page-heading,
.application-shell--reference .preview-notice {
  max-width: var(--content-wide);
  margin-inline: auto;
}

.application-shell--reference .app-topbar {
  min-height: 64px;
  padding: 0 22px 0 30px;
}

.application-shell--reference .app-topbar__title {
  font-size: 24px;
}

.application-shell--reference .profile-trigger .avatar {
  width: 38px;
  height: 38px;
  overflow: hidden;
  border-radius: 50%;
}

.application-shell--reference .profile-trigger .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.auth-page--reference {
  place-items: start center;
  padding-top: 18px;
  background: #514b6a;
}

.auth-card--reference {
  width: 438px;
  max-width: calc(100vw - 30px);
  padding: 22px 22px 20px;
  border-radius: 23px;
  background: #fff8f3;
}

.auth-brand--reference {
  margin-bottom: 4px;
}

.auth-card--reference .brand-lockup--auth .brand-lockup__copy strong {
  font-size: 23px;
}

.auth-card--reference .brand-lockup--auth .brand-lockup__copy small {
  font-size: 10px;
}

.auth-card--reference h1 {
  font-size: 25px;
}

.auth-card--reference .auth-context-link {
  margin-top: 8px;
}

.auth-card--reference .auth-version {
  min-height: 20px;
  margin: 10px -2px -2px;
  padding-top: 7px;
  background: rgba(198, 75, 103, 0.045);
}


.home-dashboard {
  gap: 22px;
}

.home-section {
  padding: 21px 18px;
  border-radius: 24px;
  box-shadow: var(--reference-shadow);
}

.home-onboarding--compact {
  min-height: 292px;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
  padding: 26px 26px 24px;
}

.home-onboarding--compact__copy {
  gap: 14px;
}

.home-onboarding--compact__visual {
  width: 330px;
  height: 235px;
}

.home-brand-lockup .brand-lockup--home .brand-lockup__copy strong {
  font-size: 22px;
}

.home-how-button {
  width: min(500px, 100%);
  min-height: 74px;
  padding: 13px 15px;
  border-radius: 18px;
  box-shadow: 0 8px 20px rgba(64, 58, 92, 0.04);
}

.home-section__heading--reference {
  min-height: 70px;
  margin-bottom: 12px;
}

.home-section__copy h2 {
  margin: 1px 0 4px;
  font-size: 24px;
}

.home-section__copy p:last-child {
  font-size: 13px;
}

.home-section__heading-art {
  width: 110px;
  height: 78px;
}

.home-section--attention {
  padding: 22px 18px 24px;
}

.home-action-card {
  min-height: 128px;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  padding: 14px 16px;
  border-color: rgba(243, 164, 131, 0.9);
  background: #fff3e5;
}

.home-action-card h3 {
  color: var(--color-raspberry);
  font-size: 17px;
}

.home-action-card__partner {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(64, 58, 92, 0.1);
  color: #6f697d;
  font-size: 13px;
}



.home-space-card__identity {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 1px 1px 10px;
}

.home-space-card__photo {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  border-radius: 15px;
  object-fit: cover;
}

.home-space-card__identity h3 {
  margin: 0;
  font-size: 18px;
}

.home-space-card__identity p {
  margin: 2px 0 0;
  color: var(--color-text-muted);
  font-size: 12px;
}

.home-space-card__edit {
  margin-left: auto;
  color: var(--color-raspberry);
}

.home-space-card__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.home-space-metric {
  position: relative;
  display: flex;
  min-height: 106px;
  align-items: center;
  gap: 12px;
  overflow: hidden;
  padding: 14px;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  background: #fff;
}

.home-space-metric__icon {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border-radius: 13px;
}

.home-space-metric--raspberry .home-space-metric__icon { background: var(--color-raspberry-pale); color: var(--color-raspberry); }
.home-space-metric--turquoise .home-space-metric__icon { background: var(--color-turquoise-pale); color: var(--color-turquoise-deep); }
.home-space-metric--lilac .home-space-metric__icon { background: var(--color-lilac-pale); color: var(--color-plum); }

.home-space-metric__copy {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.home-space-metric strong,
.home-space-metric small,
.home-space-metric em {
  display: block;
}

.home-space-metric strong { font-size: 23px; line-height: 1; }
.home-space-metric small { margin-top: 5px; color: var(--color-text-muted); font-size: 11px; }
.home-space-metric em { margin-top: 5px; color: var(--color-raspberry); font-size: 10px; font-style: normal; font-weight: 900; }
.home-space-metric em button { padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; }
.home-space-metric > img { position: absolute; right: 8px; bottom: 6px; width: 92px; height: 72px; object-fit: cover; border: 4px solid #fff; border-radius: 10px; box-shadow: 0 5px 13px rgba(64,58,92,.14); transform: rotate(-2deg); opacity: .9; }
.home-space-card__cta { width: 100%; margin-top: 10px; }

.home-section--agreements {
  background: #f1edf6;
}

.home-text-link {
  border: 0;
  background: transparent;
  color: var(--color-raspberry);
  cursor: pointer;
  font-weight: 900;
  text-decoration: none;
}



.home-agreements-panel__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 11px;
}

.home-agreements-panel__top > div:first-child strong,
.home-agreements-panel__top > div:first-child span {
  display: block;
}

.home-agreements-panel__top > div:first-child strong {
  color: var(--color-raspberry);
  font-size: 29px;
  line-height: 1;
}

.home-agreements-panel__top > div:first-child span {
  margin-top: 5px;
  color: var(--color-text-muted);
  font-size: 11px;
}

.agreement-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.agreement-pill {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 5px;
  padding: 0 10px;
  border-radius: 999px;
  color: var(--color-plum);
  font-size: 10px;
  text-decoration: none;
}

.agreement-pill em { font-style: normal; font-weight: 800; }
.agreement-pill--turquoise { background: var(--color-turquoise-pale); color: var(--color-turquoise-deep); }
.agreement-pill--lilac { background: var(--color-lilac-pale); }
.agreement-pill--cream { background: var(--color-cream); }
.agreement-pill--neutral { background: var(--color-neutral-pale); color: var(--color-text-muted); }















.home-section--choice { background: #e8f7f6; }


.home-section--program { background: #fff8f3; }


.program-card--reference > img { width: 80px; height: 80px; border-radius: 15px; object-fit: cover; }








.program-next-card { display: flex; min-height: 145px; align-items: center; gap: 14px; padding: 18px; border: 1px dashed var(--color-turquoise); border-radius: 18px; background: #f5ffff; color: var(--color-plum); text-decoration: none; }
.program-next-card > span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 14px; background: var(--color-turquoise-pale); color: var(--color-turquoise-deep); }
.program-next-card h3 { margin: 0 0 4px; font-size: 16px; }
.program-next-card p { margin: 0; color: var(--color-text-muted); font-size: 11px; }
.program-next-card b { margin-left: auto; color: var(--color-raspberry); font-size: 22px; }

.home-section--activity { background: #f1edf6; }

.activity-row--reference { display: grid; min-height: 64px; grid-template-columns: 44px minmax(0, 1fr) 34px 20px; align-items: center; gap: 10px; padding: 9px 12px; border: 0; border-bottom: 1px solid var(--color-border); border-radius: 0; color: var(--color-plum); text-decoration: none; }
.activity-row--reference:last-child { border-bottom: 0; }
.activity-row--reference .activity-row__type { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 13px; background: var(--color-raspberry-pale); color: var(--color-raspberry); }
.activity-row--reference .activity-row__copy strong { display: block; font-size: 12px; }
.activity-row--reference .activity-row__copy small { display: block; margin-top: 4px; color: var(--color-text-muted); font-size: 10px; }
.activity-row--reference .activity-row__chevron { color: var(--color-raspberry); font-size: 20px; }
.home-section--activity .home-section__footer { justify-content: center; margin-top: 10px; }


.reference-library-page { display: grid; gap: 16px; }
.library-reference-hero { display: flex; min-height: 190px; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 18px; border: var(--reference-border); border-radius: 24px; background: #fff; box-shadow: var(--reference-shadow); }
.library-reference-hero__identity { display: flex; min-width: 0; align-items: center; gap: 14px; }
.library-reference-hero__identity > img { width: 78px; height: 78px; flex: 0 0 78px; border-radius: 16px; object-fit: cover; }
.library-reference-hero__identity h2 { margin: 1px 0 4px; font-size: 26px; }
.library-reference-hero__identity p:last-child { margin: 0; color: var(--color-text-muted); font-size: 12px; }
.library-reference-hero__identity .icon-button { margin-left: 4px; color: var(--color-raspberry); }
.library-reference-hero__art { width: 230px; height: 150px; object-fit: contain; }
.library-reference-tabs { display: flex; gap: 10px; }
.library-reference-tabs button,
.library-category-chips button,
.library-status-chips button,
.reference-chip-row button { min-height: 42px; padding: 0 18px; border: 1px solid var(--color-turquoise); border-radius: 999px; background: #fff; color: #6d677c; cursor: pointer; font-weight: 850; }
.library-reference-tabs button.is-active,
.library-category-chips button.is-active,
.library-status-chips button.is-active,
.reference-chip-row button.is-active { border-color: #efc7d1; background: var(--color-raspberry-pale); color: var(--color-raspberry); }
.library-reference-info { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid rgba(243,164,131,.35); border-radius: 16px; background: #fff8f3; }
.library-reference-info > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; background: var(--color-raspberry-pale); color: var(--color-raspberry); }
.library-reference-info strong { display: block; font-size: 12px; }
.library-reference-info p { margin: 3px 0 0; color: var(--color-text-muted); font-size: 10px; }
.library-reference-overview { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border: 1px solid rgba(243,164,131,.25); border-radius: 20px; background: #fff8f3; }
.library-reference-overview h2 { margin: 2px 0 5px; font-size: 21px; }
.library-reference-overview p:last-child { margin: 0; color: var(--color-text-muted); font-size: 11px; }
.library-reference-controls { display: grid; gap: 12px; }
.library-reference-search { display: flex; align-items: center; gap: 8px; }
.library-reference-search label { width: 250px; }
.library-reference-search input { width: 100%; min-height: 44px; padding: 0 14px; border: 1px solid var(--color-border); border-radius: 14px; background: #fff; color: var(--color-plum); }
.library-filter-panel { display: none; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 12px; border: 1px solid var(--color-border); border-radius: 16px; background: #fff; }
.library-filter-panel.is-open { display: grid; }
.library-filter-panel label { display: grid; gap: 5px; color: var(--color-text-muted); font-size: 10px; font-weight: 800; }
.library-filter-panel select { min-height: 40px; padding: 0 10px; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; }
.reference-filter-label { margin: 0; color: var(--color-turquoise-deep); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.library-category-chips,
.library-status-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.library-category-chips button,
.library-status-chips button { min-height: 40px; padding-inline: 16px; font-size: 12px; }
.library-status-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.library-sort { display: flex; align-items: center; gap: 8px; color: var(--color-plum); font-size: 12px; font-weight: 800; }
.library-sort select { min-height: 42px; padding: 0 34px 0 12px; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; }
.library-results-heading { margin: 10px 0 0; }
.library-results-heading > strong { color: var(--color-plum); font-size: 18px; }
.library-category-section { display: grid; gap: 10px; }
.library-category-section > header { display: flex; min-height: 50px; align-items: center; justify-content: space-between; padding: 0 14px; border: 1px solid var(--color-border); border-radius: 15px; background: #fff; }
.library-category-section > header strong { font-size: 14px; }
.library-category-section > header span { color: var(--color-text-muted); font-size: 11px; }
.idea-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.idea-card--reference { min-height: 500px; overflow: visible; padding: 12px; border-top: 2px solid var(--color-coral); border-radius: 18px; background: #fff8f3; box-shadow: 0 8px 20px rgba(64,58,92,.06); }
.idea-card--reference:hover { transform: translateY(-1px); }
.idea-card__reference-top { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 10px; }
.idea-card__reference-image { display: grid; width: 76px; height: 76px; place-items: center; overflow: hidden; border-radius: 15px; background: var(--color-cream-strong); }
.idea-card__reference-image img { width: 100%; height: 100%; object-fit: cover; }
.idea-card__reference-image--secret { position: relative; background: var(--color-lilac-pale); color: var(--color-raspberry); }
.idea-card__reference-image--secret span .icon { width: 34px; height: 34px; }
.idea-card__reference-image--secret strong { position: absolute; right: 10px; bottom: 8px; font-size: 22px; }
.idea-card__reference-identity > div:first-child { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.badge--category { background: #ffe9d9; color: #b46b3d; }
.idea-card__creator-line { display: inline-flex; align-items: center; gap: 4px; color: var(--color-text-muted); font-size: 9px; }
.idea-card--reference h3 { margin: 8px 0 0; font-size: 15px; }
.idea-card--reference .idea-card__labels { position: relative; z-index: 3; margin: 9px 0 0 86px; }
.idea-card--reference .idea-card__labels span { padding: 4px 7px; border-radius: 999px; background: #fff; color: #6f697d; font-size: 9px; }
.idea-card__reference-context { position: relative; z-index: 3; display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.idea-card__reference-context span { padding: 5px 8px; border: 1px solid var(--color-border); border-radius: 999px; background: #fff; color: #6f697d; font-size: 9px; }
.idea-card__reference-location { margin: 11px 0 0; color: var(--color-plum); font-size: 11px; }
.idea-card__reference-location small { color: var(--color-text-muted); }
.idea-card__reference-description { min-height: 92px; margin: 10px 0 0; padding: 10px; border: 1px solid rgba(243,164,131,.3); border-radius: 12px; background: rgba(255,255,255,.55); color: var(--color-text-muted); font-size: 10px; line-height: 1.55; }
.idea-card__reference-description strong { display: block; margin-bottom: 4px; color: #9b6c6d; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.idea-card__reference-status { position: relative; z-index: 3; display: flex; flex-wrap: wrap; gap: 6px; min-height: 34px; align-items: center; margin-top: 8px; }
.badge--soft { background: #e6f0e9; color: #5b7660; }
.secret-safe-note { color: var(--color-turquoise-deep); font-size: 9px; font-weight: 800; }
.idea-card__reference-actions { position: relative; z-index: 3; display: grid; gap: 7px; margin-top: auto; padding-top: 10px; }
.idea-card__reference-actions .button { min-height: 40px; padding: 7px 10px; border-radius: 13px; font-size: 11px; }
.idea-card__open { z-index: 1; }
.idea-card--secret { border-top-color: var(--color-lilac); background: #f9f7fc; }
.idea-card--archived { opacity: .72; }


.reference-page { display: grid; gap: 14px; }
.reference-hero { display: flex; min-height: 174px; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 20px; border: var(--reference-border); border-radius: 24px; background: #fff; box-shadow: var(--reference-shadow); }
.reference-hero h2 { margin: 1px 0 6px; font-size: 26px; }
.reference-hero p:last-child { margin: 0; color: var(--color-text-muted); font-size: 12px; }
.reference-hero img { width: 220px; height: 140px; object-fit: contain; }
.reference-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.reference-stat-card { min-height: 138px; padding: 15px; border: 1px solid var(--color-border); border-radius: 20px; }
.reference-stat-card > div { display: flex; align-items: center; justify-content: space-between; }
.reference-stat-card > div span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: #fff; font-weight: 900; }
.reference-stat-card > div strong { font-size: 27px; }
.reference-stat-card h3 { margin: 12px 0 5px; font-size: 15px; }
.reference-stat-card p { color: var(--color-text-muted); font-size: 10px; }
.reference-stat-card--turquoise { background: var(--color-turquoise-pale); }
.reference-stat-card--lilac { background: var(--color-lilac-pale); }
.reference-stat-card--cream { background: var(--color-cream); }
.reference-stat-card--neutral { background: #e8e6ea; }
.agreements-summary-line { display: flex; min-height: 62px; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 14px; border: 1px solid var(--color-border); border-radius: 16px; background: #fff; }
.agreements-summary-line strong,
.agreements-summary-line small { display: block; }
.agreements-summary-line small { color: var(--color-text-muted); font-size: 10px; }
.reference-chip-row { display: flex; flex-wrap: wrap; gap: 8px; }
.reference-search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto 190px; align-items: center; gap: 8px; padding: 7px; border: 1px solid var(--color-border); border-radius: 15px; background: #fff; }
.reference-search-row input,
.reference-search-row select { width: 100%; min-height: 40px; padding: 0 12px; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; }
.reference-search-row span { font-size: 11px; font-weight: 800; }
.reference-filter-bar { display: flex; min-height: 50px; align-items: center; justify-content: space-between; padding: 0 14px; border: 1px solid var(--color-border); border-radius: 15px; background: #fff; color: var(--color-plum); cursor: pointer; font-weight: 850; }
.reference-filter-bar span { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid var(--color-turquoise); border-radius: 50%; color: var(--color-turquoise-deep); }
.reference-list-heading { display: flex; align-items: center; justify-content: space-between; }
.reference-list-heading span { color: var(--color-text-muted); font-size: 10px; }
.reference-category-group > header { display: flex; min-height: 50px; align-items: center; justify-content: space-between; padding: 0 13px; border: 1px solid var(--color-border); border-radius: 15px; background: #fff; }
.reference-category-group > header span { color: var(--color-text-muted); font-size: 10px; }
.reference-result-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin-top: 10px; }
.reference-result-card { display: grid; grid-template-columns: 75px minmax(0,1fr); gap: 10px; padding: 12px; border: 1px solid var(--color-border); border-radius: 17px; background: #fff; }
.reference-result-card > img,
.reference-result-fallback { width: 75px; height: 75px; border-radius: 14px; object-fit: cover; }
.reference-result-fallback { display: grid; place-items: center; background: var(--color-cream-strong); color: #eec52a; font-size: 28px; }
.reference-result-card h3 { margin: 6px 0 3px; font-size: 15px; }
.reference-result-card p { margin: 0; color: var(--color-text-muted); font-size: 10px; }
.reference-result-card > div > div { display: flex; flex-wrap: wrap; gap: 4px; margin: 7px 0; }
.reference-result-card > div > div span { padding: 4px 6px; border: 1px solid var(--color-border); border-radius: 999px; font-size: 8px; }
.reference-result-card .button { min-height: 36px; padding: 6px 10px; font-size: 10px; }

.choice-tabs { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid var(--color-border); border-radius: 17px; background: #fff; }
.choice-tabs button { display: grid; min-height: 62px; grid-template-columns: 36px minmax(0,1fr); align-items: center; gap: 10px; padding: 10px 14px; border: 0; background: #fff; color: var(--color-plum); text-align: left; }
.choice-tabs button span { grid-row: 1 / span 2; display: block; width: 36px; height: 36px; border-radius: 12px; background: var(--color-turquoise-pale); }
.choice-tabs button strong,
.choice-tabs button small { display: block; }
.choice-tabs button small { color: var(--color-text-muted); font-size: 9px; }
.choice-tabs button.is-active { background: var(--color-raspberry); color: #fff; }
.choice-tabs button.is-active small { color: #fff; opacity: .85; }
.choice-tabs button.is-active span { background: rgba(255,255,255,.17); }
.what-intro { display: flex; min-height: 122px; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; border: 1px solid rgba(243,164,131,.4); border-radius: 20px; background: #fff8f3; }
.what-intro h2 { margin: 0 0 7px; font-size: 34px; }
.what-intro p { margin: 0; color: var(--color-text-muted); font-size: 11px; }
.what-intro > strong { display: grid; width: 120px; height: 82px; place-items: center; padding: 10px; border: 1px solid var(--color-border); border-radius: 16px; background: #fff; font-size: 28px; }
.what-intro > strong small { display: block; font-size: 8px; font-weight: 700; text-align: center; }
.what-step-summary { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; }
.what-step-summary span { min-height: 42px; padding: 11px 13px; border: 1px solid rgba(243,164,131,.45); border-radius: 12px; background: #fff8f3; font-size: 9px; font-weight: 800; }
.what-question { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 10px; padding: 14px; border: 1px solid rgba(243,164,131,.45); border-radius: 18px; background: #fff8f3; }
.what-question > span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: #f3e4dd; color: #8d6970; }
.what-question h3 { margin: 1px 0 10px; font-size: 13px; }
.what-question select { width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; }
.what-option-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.what-option-grid button { min-height: 43px; padding: 7px; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; color: var(--color-plum); cursor: pointer; font-weight: 800; }
.what-option-grid button.is-selected { border-color: var(--color-coral); background: var(--color-raspberry-pale); color: #7e4252; }
.what-submit { width: min(360px,100%); }

.tracking-tabs { margin-top: 1px; }
.tracking-reference-card { display: grid; grid-template-columns: 190px minmax(0,1fr); overflow: hidden; border: 1px solid var(--color-border); border-top: 5px solid var(--color-lilac); border-radius: 20px; background: #fff; box-shadow: var(--reference-shadow); }
.tracking-reference-card__image { width: 100%; height: 100%; min-height: 380px; object-fit: cover; }
.tracking-reference-card__body { padding: 16px; }
.tracking-reference-card__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--color-text-muted); font-size: 9px; }
.tracking-reference-card__top > span:last-child { display: inline-flex; align-items: center; gap: 4px; }
.tracking-reference-card__body > h2 { margin: 12px 0 10px; font-size: 20px; }
.reference-meta-row { display: flex; flex-wrap: wrap; gap: 5px; }
.reference-meta-row span { padding: 5px 8px; border-radius: 999px; background: var(--color-cream); font-size: 9px; }
.tracking-location { margin: 11px 0; font-size: 10px; font-weight: 800; }
.tracking-description { padding: 11px; border: 1px solid rgba(243,164,131,.35); border-radius: 12px; background: #fff8f3; color: var(--color-text-muted); font-size: 10px; }
.tracking-date-card { display: flex; align-items: center; gap: 12px; margin-top: 10px; padding: 10px; border: 1px solid rgba(243,164,131,.5); border-radius: 14px; background: #fff3e5; }
.tracking-date-card > span { display: grid; width: 54px; height: 60px; place-items: center; overflow: hidden; border: 1px solid #d9c1c4; border-radius: 9px; background: #fff; }
.tracking-date-card > span strong { width: 100%; padding: 4px; background: #f1d6db; font-size: 8px; text-align: center; }
.tracking-date-card > span b { font-size: 18px; }
.tracking-date-card h3 { margin: 0; font-size: 16px; }
.tracking-date-card p { margin: 2px 0 0; color: var(--color-text-muted); font-size: 10px; }
.tracking-detail-link { display: block; margin: 11px 0 8px; color: #7e4252; font-size: 9px; font-weight: 900; text-decoration: none; }
.tracking-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.tracking-actions .button { min-height: 42px; padding: 7px 14px; }


.settings-modal-layer { position: fixed; z-index: 90; inset: 0; display: grid; place-items: start center; padding: 72px 16px 20px; }
.settings-modal-layer__backdrop { position: absolute; inset: 0; background: rgba(64,58,92,.28); backdrop-filter: blur(6px); }
.settings-reference-modal { position: relative; z-index: 1; width: min(720px, calc(100vw - 32px)); max-height: calc(100vh - 90px); overflow: hidden; border: 1px solid var(--color-border); border-radius: 22px; background: #fff; box-shadow: 0 28px 80px rgba(25,20,40,.24); }
.settings-reference-modal > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 16px 18px 12px; border-bottom: 1px solid var(--color-border); background: #fff8f3; }
.settings-reference-modal > header h2 { margin: 0 0 5px; font-size: 22px; }
.workspace-mode-badge { display: inline-flex; min-height: 26px; align-items: center; padding: 0 10px; border: 1px solid #f0ccd6; border-radius: 999px; background: #fff; color: var(--color-raspberry); font-size: 9px; font-weight: 900; }
.settings-reference-modal__scroll { display: grid; gap: 12px; max-height: calc(100vh - 170px); overflow: auto; padding: 14px 16px 18px; }
.settings-plan-card,
.settings-photo-card,
.settings-partner-card,
.settings-admin-card { display: flex; align-items: center; gap: 12px; padding: 13px; border: 1px solid rgba(243,164,131,.35); border-radius: 17px; background: #fff8f3; }
.settings-plan-card { justify-content: space-between; }
.settings-plan-card > div { display: flex; align-items: center; gap: 10px; }
.settings-plan-card h3,
.settings-photo-card h3,
.settings-partner-card h3,
.settings-admin-card h3 { margin: 0 0 3px; font-size: 15px; }
.settings-plan-card p,
.settings-photo-card p,
.settings-partner-card p,
.settings-admin-card p { margin: 0; color: var(--color-text-muted); font-size: 9px; }
.settings-plan-card > div:last-child { display: flex; align-items: center; gap: 10px; }
.settings-text-button { border: 0; background: transparent; color: var(--color-turquoise-deep); cursor: pointer; font-size: 9px; font-weight: 900; text-decoration: underline; }
.settings-usage-card { padding: 14px; border: 1px solid var(--color-border); border-radius: 17px; background: #fff; }
.settings-usage-card > h3 { margin: 0 0 4px; font-size: 16px; }
.settings-usage-card > p { margin: 0 0 12px; color: var(--color-text-muted); font-size: 9px; }
.settings-usage-card > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.settings-usage-card article { min-height: 74px; padding: 10px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-lilac-pale); }
.settings-usage-card article strong,
.settings-usage-card article small { display: block; }
.settings-usage-card article strong { font-size: 15px; }
.settings-usage-card article small { margin-top: 4px; color: var(--color-text-muted); font-size: 8px; }
.settings-photo-card > div:last-child,
.settings-partner-card > div:nth-child(2),
.settings-admin-card > div { min-width: 0; flex: 1; }
.settings-photo-card > div:last-child > div { display: grid; grid-template-columns: 1fr 1.6fr; gap: 8px; margin-top: 9px; }
.settings-subtitle { margin: 2px 0 0; font-size: 14px; }
.settings-partner-card .button,
.settings-admin-card .button { margin-left: auto; }
.settings-divider { height: 1px; background: var(--color-border); }
.settings-location h3 { margin: 0 0 9px; font-size: 13px; }
.settings-location > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.settings-location label { display: flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 10px; border: 1px solid var(--color-border); border-radius: 13px; background: #fff; }
.settings-location input { width: 100%; border: 0; outline: 0; color: var(--color-plum); }
.settings-location > p { margin: 7px 0; color: var(--color-text-muted); font-size: 8px; }
.settings-location aside { padding: 9px; border-radius: 11px; background: var(--color-turquoise-pale); color: var(--color-turquoise-deep); font-size: 8px; }
.settings-secondary-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.settings-admin-card { border-color: rgba(105,201,195,.5); background: var(--color-turquoise-pale); }
.settings-admin-card > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: #fff; color: var(--color-turquoise-deep); }

@media (max-width: 1250px) {
  .idea-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  
}

@media (max-width: 980px) {
  .application-shell--reference .app-main { padding-inline: 18px; }
  .home-space-card__metrics,
  .reference-result-grid { grid-template-columns: 1fr 1fr; }
  .reference-stat-grid { grid-template-columns: 1fr 1fr; }
  .idea-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  
}

@media (max-width: 760px) {
  .auth-card--reference { width: min(438px, calc(100vw - 24px)); }
  .home-onboarding--compact { grid-template-columns: 1fr; min-height: auto; }
  .home-onboarding--compact__visual { order: -1; width: min(290px, 80vw); height: auto; justify-self: center; }
  
  
  .home-space-card__metrics,
  .reference-stat-grid,
  .reference-result-grid,
  .idea-card-grid,
  .what-step-summary { grid-template-columns: 1fr; }
  .home-agreements-panel__top { display: grid; }
  .agreement-pills { justify-content: flex-start; }
  
  
  
  .activity-row--reference { grid-template-columns: 40px minmax(0,1fr) 30px 16px; }
  .library-reference-hero { min-height: auto; align-items: flex-start; }
  .library-reference-hero__art { width: 110px; height: 90px; }
  .library-reference-hero__identity { align-items: flex-start; }
  .library-reference-hero__identity > img { width: 56px; height: 56px; flex-basis: 56px; }
  .library-reference-hero__identity h2 { font-size: 20px; }
  .library-reference-tabs,
  .library-reference-search,
  .library-status-row { align-items: stretch; flex-direction: column; }
  .library-reference-search label { width: 100%; }
  .library-filter-panel { grid-template-columns: 1fr; }
  .library-sort { width: 100%; justify-content: space-between; }
  .idea-card--reference { min-height: auto; }
  .reference-search-row { grid-template-columns: 1fr; }
  .choice-tabs { grid-template-columns: 1fr; }
  .what-intro { display: grid; }
  .what-intro h2 { font-size: 28px; }
  .what-option-grid { grid-template-columns: 1fr; }
  .tracking-reference-card { grid-template-columns: 1fr; }
  .tracking-reference-card__image { min-height: 220px; max-height: 260px; }
  .tracking-actions .button { width: 100%; }
  .settings-modal-layer { padding: 66px 8px 8px; }
  .settings-reference-modal { width: calc(100vw - 16px); max-height: calc(100vh - 74px); }
  .settings-reference-modal__scroll { max-height: calc(100vh - 150px); }
  .settings-plan-card,
  .settings-photo-card,
  .settings-partner-card,
  .settings-admin-card { align-items: flex-start; flex-direction: column; }
  .settings-plan-card > div:last-child { width: 100%; justify-content: space-between; }
  .settings-usage-card > div,
  .settings-photo-card > div:last-child > div,
  .settings-secondary-actions,
  .settings-location > div { grid-template-columns: 1fr; }
  .settings-partner-card .button,
  .settings-admin-card .button { width: 100%; margin-left: 0; }
}


.auth-page--reference {
  grid-template-columns: minmax(0, 1fr) !important;
}

@media (max-width: 980px) {
  .application-shell--reference .app-topbar {
    left: 0;
  }

  .application-shell--reference .app-main {
    width: 100%;
    margin-left: 0;
    padding: 18px 12px calc(92px + env(safe-area-inset-bottom));
  }

  .application-shell--reference .app-page-content {
    max-width: 100%;
    min-width: 0;
  }

  .application-shell--reference .app-sidebar {
    top: var(--header-height);
  }
}






.icon,
.side-nav__icon,
.mobile-nav__icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.application-shell--reference .side-nav__icon {
  width: 21px;
  height: 21px;
}

.application-shell--reference .side-nav__item {
  gap: 13px;
  font-weight: 800;
}


.home-section__heading--inline-art {
  display: flex;
  min-height: 72px;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}

.home-section__heading--inline-art .home-section__copy {
  flex: 0 1 auto;
  min-width: 265px;
  max-width: 620px;
}

.home-section__heading-art--inline {
  width: 98px;
  height: 78px;
  margin-right: 0;
  margin-left: auto;
  object-fit: contain;
}

.home-section__heading--inline-art .home-text-link {
  margin-left: auto;
}


.home-onboarding--expanded {
  padding: 27px 28px 26px;
  overflow: hidden;
  background: #fff;
}

.home-onboarding__hero {
  grid-template-columns: minmax(0, 1.25fr) minmax(330px, 0.75fr);
  gap: 18px;
  align-items: center;
}

.home-onboarding__hero > div {
  min-width: 0;
}

.home-onboarding__hero > img {
  width: min(100%, 390px);
  height: 255px;
  justify-self: end;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 10px 18px rgba(64, 58, 92, 0.08));
}

.onboarding-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 7px;
  color: var(--eiv-raspberry);
}

.onboarding-brand > strong {
  font-family: "Baloo 2", var(--font-family);
  font-size: 20px;
  line-height: 1;
}

.onboarding-brand__mark {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 38px;
}

.onboarding-brand__mark i {
  position: absolute;
  top: 1px;
  width: 37px;
  height: 37px;
  border-radius: 50%;
}

.onboarding-brand__mark i:first-child {
  left: 0;
  background: var(--eiv-coral);
}

.onboarding-brand__mark i:nth-child(2) {
  right: 0;
  background: var(--eiv-turquoise);
}

.onboarding-brand__mark b {
  position: absolute;
  z-index: 2;
  top: 9px;
  left: 17px;
  display: grid;
  width: 21px;
  height: 21px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: var(--eiv-raspberry);
  font-size: 12px;
  line-height: 1;
}

.home-onboarding__hero .section-eyebrow {
  margin-top: 1px;
}

.home-onboarding__hero h2 {
  margin: 6px 0 13px;
  font-size: clamp(40px, 4vw, 60px);
  line-height: 0.94;
  letter-spacing: -0.03em;
}

.home-onboarding__hero p:last-of-type {
  max-width: 790px;
  margin: 0;
  color: var(--eiv-text-muted);
  font-size: 15px;
  line-height: 1.55;
}

.home-onboarding__hero p strong {
  color: var(--eiv-plum);
  font-weight: 900;
}


.home-onboarding__steps {
  gap: 12px;
  margin-top: 18px;
}

.onboarding-step {
  position: relative;
  display: flex;
  min-height: 188px;
  flex-direction: column;
  padding: 16px 17px 17px;
  border: 1px solid var(--eiv-border);
  border-radius: 22px;
  box-shadow: none;
}

.onboarding-step:not(:last-child)::after {
  content: "→";
  position: absolute;
  z-index: 3;
  top: 50%;
  right: -12px;
  color: var(--eiv-raspberry);
  font-size: 17px;
  font-weight: 900;
  transform: translateY(-50%);
}

.onboarding-step--coral { background: var(--eiv-coral-pale); }
.onboarding-step--lilac { background: var(--eiv-lilac-pale); }
.onboarding-step--turquoise { background: var(--eiv-turquoise-pale); }
.onboarding-step--cream { background: var(--eiv-cream); }

.onboarding-step__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.onboarding-step__eyebrow {
  color: var(--eiv-text-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.onboarding-step__icon {
  float: none;
  display: grid;
  width: 44px;
  height: 44px;
  margin: 0;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: var(--eiv-raspberry);
}


.onboarding-step--coral .onboarding-step__icon { color: var(--eiv-raspberry); }
.onboarding-step--lilac .onboarding-step__icon { color: var(--eiv-raspberry); }
.onboarding-step--turquoise .onboarding-step__icon { color: var(--eiv-turquoise-deep); }
.onboarding-step--cream .onboarding-step__icon { color: var(--eiv-raspberry); }
.onboarding-step__icon .icon {
  width: 22px;
  height: 22px;
}

.onboarding-step h3 {
  clear: none;
  margin: 20px 0 7px;
  font-size: 19px;
}

.onboarding-step p {
  margin: 0;
  color: var(--eiv-text-muted);
  font-size: 13px;
  line-height: 1.55;
}

.onboarding-step__line {
  display: block;
  height: 4px;
  margin: auto 2px 0;
  border-radius: 999px;
  background: var(--eiv-coral);
}

.onboarding-step--lilac .onboarding-step__line { background: #b6a0cf; }
.onboarding-step--turquoise .onboarding-step__line { background: var(--eiv-turquoise); }
.onboarding-step--cream .onboarding-step__line { background: var(--eiv-coral); }

.home-onboarding__example {
  display: flex;
  min-height: 50px;
  align-items: center;
  gap: 18px;
  margin-top: 12px;
  padding: 12px 16px;
  border: 1px solid var(--eiv-border);
  border-radius: 18px;
  background: var(--eiv-lilac-pale);
}

.home-onboarding__example-label {
  flex: 0 0 auto;
  color: var(--eiv-turquoise-deep);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-onboarding__example-text {
  min-width: 0;
  margin: 0;
  color: var(--eiv-plum);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}


.home-section--attention {
  background: var(--eiv-cream);
}

.home-section--attention .home-section__heading-art--inline {
  width: 94px;
  height: 73px;
  margin-right: 8px;
  margin-left: auto;
}

.home-action-card {
  min-height: 132px;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(243, 164, 131, 0.92);
  border-radius: 20px;
  background: var(--eiv-cream-strong);
}

.home-action-card__icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 15px;
  background: #fff;
  color: var(--eiv-plum);
}

.home-action-card--opinion .home-action-card__icon {
  color: var(--eiv-plum);
}

.home-action-card--opinion .home-action-card__icon .icon {
  width: 19px;
  height: 25px;
}

.home-action-card__icon .icon {
  width: 24px;
  height: 24px;
  stroke-width: 2.2;
}

.home-action-card h3 {
  color: var(--eiv-raspberry);
  font-size: 17px;
}

.home-action-card__partner .visual-avatar {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
}

.home-action-card .button--primary {
  min-width: 146px;
  min-height: 50px;
  border-radius: 17px;
}


.home-space-card__photo {
  content: none;
}

.home-space-card__metrics {
  gap: 10px;
}

.home-space-metric {
  min-height: 112px;
  padding: 14px 138px 14px 14px;
}

.home-space-metric__copy {
  min-width: 0;
}

.home-space-metric__copy strong {
  font-size: 23px;
}

.home-space-metric__copy small {
  max-width: 180px;
  line-height: 1.3;
}

.home-space-metric__reference-art {
  position: absolute;
  top: 50%;
  right: 10px;
  display: grid;
  width: 126px;
  height: 92px;
  place-items: center;
  overflow: hidden;
  transform: translateY(-50%);
}

.home-space-metric__reference-art img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.home-space-metric__reference-art--collection {
  width: 142px;
  height: 98px;
  right: 7px;
}

.home-space-metric__copy em button {
  display: inline-block;
  max-width: 190px;
  margin-top: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--eiv-raspberry);
  cursor: pointer;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.25;
  text-align: left;
}


.home-section--agreements {
  background: var(--eiv-raspberry-pale);
}



.agreement-pills {
  gap: 8px;
}

.agreement-pill {
  min-height: 34px;
  gap: 6px;
  padding: 7px 12px;
  border: 1px solid rgba(64, 58, 92, 0.08);
  border-radius: 999px;
}

.agreement-pill > span {
  display: grid;
  place-items: center;
}

.agreement-pill .icon {
  width: 15px;
  height: 15px;
}

.agreement-pill strong {
  font-size: 11px;
}

.agreement-pill em {
  font-size: 11px;
}

.agreement-pill--turquoise {
  background: var(--eiv-turquoise-pale);
  color: var(--eiv-turquoise-deep);
}

.agreement-pill--lilac {
  background: var(--eiv-lilac-pale);
  color: var(--eiv-plum);
}

.agreement-pill--cream {
  background: var(--eiv-cream);
  color: var(--eiv-text-muted);
}

.agreement-pill--neutral {
  background: #eeebf2;
  color: var(--eiv-text-muted);
}























.program-card__meta .icon {
  width: 12px;
  height: 12px;
  color: var(--eiv-turquoise-deep);
}


.reference-stat-card__icon,
.reference-result-card .badge .icon,
.reference-result-card__meta .icon {
  color: currentColor;
}

@media (max-width: 1240px) {

  .home-space-metric {
    padding-right: 110px;
  }

  .home-space-metric__reference-art {
    width: 102px;
  }
}

@media (max-width: 980px) {
  .home-onboarding__hero {
    grid-template-columns: 1fr;
  }

  .home-onboarding__hero > img {
    width: min(100%, 430px);
    height: 235px;
    justify-self: center;
  }

  .onboarding-step:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 760px) {
  .home-section__heading--inline-art {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .home-section__heading-art--inline {
    width: 78px;
    height: 60px;
    margin: 0 0 0 auto;
  }

  .home-onboarding--expanded {
    padding: 19px 15px;
  }

  .home-onboarding__hero h2 {
    font-size: 36px;
  }

  

  .onboarding-step {
    min-height: 0;
  }

  .home-onboarding__example {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  

  

  .home-space-metric {
    min-height: 106px;
    padding-right: 120px;
  }

  .home-space-metric__reference-art {
    width: 112px;
  }

  

  

}

@media (max-width: 480px) {

  .home-space-metric {
    padding-right: 92px;
  }

  .home-space-metric__reference-art {
    width: 84px;
  }
}


.reference-stat-card__icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
}

.reference-stat-card__icon .icon {
  width: 22px;
  height: 22px;
}

.reference-stat-card--turquoise .reference-stat-card__icon { color: var(--eiv-turquoise-deep); }
.reference-stat-card--lilac .reference-stat-card__icon { color: var(--eiv-plum); }
.reference-stat-card--cream .reference-stat-card__icon { color: var(--eiv-text-muted); }
.reference-stat-card--neutral .reference-stat-card__icon { color: var(--eiv-text-muted); }

.reference-chip-row button,
.reference-category-group > header strong,
.reference-result-card .badge,
.reference-result-card__meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.reference-chip-row .icon,
.reference-category-group > header .icon {
  width: 16px;
  height: 16px;
  color: var(--eiv-turquoise-deep);
}

.reference-result-card .badge .icon {
  width: 14px;
  height: 14px;
}

.reference-result-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.reference-result-card__meta span {
  padding: 4px 7px;
  border: 1px solid var(--eiv-border);
  border-radius: 999px;
  color: var(--eiv-text-muted);
  font-size: 10px;
}

.reference-result-card__meta .icon {
  width: 12px;
  height: 12px;
  color: var(--eiv-turquoise-deep);
}

.reference-result-card__description {
  margin: 12px 0 0;
  color: var(--eiv-text-muted);
  font-size: 12px;
  line-height: 1.45;
}


.what-step-summary span,
.reference-meta-row span,
.tracking-location,
.tracking-reference-card__top .badge,
.profile-plan-badge,
.settings-location label > span,
.settings-location .button,
.library-reference-hero__identity .icon-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.what-step-summary .icon,
.reference-meta-row .icon,
.tracking-location .icon,
.tracking-reference-card__top .badge .icon,
.profile-plan-badge .icon,
.settings-location .icon,
.library-reference-hero__identity .icon-button .icon {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.what-question > span {
  display: grid;
  place-items: center;
}

.what-question > span .icon {
  width: 23px;
  height: 23px;
}

.tracking-location .icon,
.settings-location label > span .icon {
  color: var(--eiv-turquoise-deep);
}

.tracking-reference-card__top .badge .icon,
.profile-plan-badge .icon {
  color: var(--eiv-raspberry);
}




.home-onboarding--expanded .home-onboarding__hero {
  grid-template-columns: minmax(0, 1fr) minmax(330px, 390px);
  min-height: 250px;
  align-items: center;
}

.home-onboarding--expanded .onboarding-brand {
  margin-bottom: 10px;
}

.home-onboarding--expanded .onboarding-brand > strong {
  font-size: 24px;
}

.home-onboarding__expanded-label {
  margin: 0 0 11px;
  color: var(--eiv-turquoise-deep);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.home-onboarding__lead {
  max-width: 820px;
  margin: 0;
  color: var(--eiv-text-muted);
  font-size: 15px;
  line-height: 1.62;
}

.home-onboarding__lead strong {
  color: var(--eiv-plum);
  font-weight: 900;
}


.home-onboarding--compact .home-brand-lockup {
  width: min(390px, 100%);
}

.home-onboarding--compact .brand-lockup--home {
  gap: 15px;
}

.home-onboarding--compact .brand-lockup--home .brand-lockup__mark {
  width: 76px;
  height: 62px;
  flex-basis: 76px;
}

.home-onboarding--compact .brand-lockup--home .brand-lockup__circle {
  width: 51px;
  height: 51px;
}

.home-onboarding--compact .brand-lockup--home .brand-lockup__mark b {
  top: 15px;
  left: 29px;
  width: 32px;
  height: 32px;
  font-size: 18px;
}

.home-onboarding--compact .brand-lockup--home .brand-lockup__copy strong {
  font-size: 25px;
}

.home-onboarding--compact .brand-lockup--home .brand-lockup__copy small {
  margin-top: 7px;
  font-size: 13px;
  line-height: 1.18;
}

.home-onboarding--compact .brand-lockup--home .brand-lockup__copy small span {
  color: var(--eiv-plum);
  font-weight: 850;
}

.home-onboarding--compact .brand-lockup--home .brand-lockup__copy small em {
  margin-top: 1px;
  color: var(--eiv-turquoise-deep);
  font-size: 16px;
  font-weight: 950;
}


.home-section--attention .home-section__heading--inline-art {
  justify-content: flex-start;
}

.home-section--attention .home-section__heading--inline-art .home-section__copy {
  flex: 0 1 390px;
  min-width: 270px;
  max-width: 390px;
}

.home-section--attention .home-section__heading-art--inline {
  width: 94px;
  height: 73px;
  margin: 0 0 0 12px;
}


.home-space-card__identity-copy {
  min-width: 0;
}

.home-space-card__title-row {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
}

.home-space-card__title-row h3 {
  min-width: 0;
}

.home-space-card__edit {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  margin-left: 0 !important;
  border-color: rgba(198, 75, 103, 0.14);
  background: var(--eiv-raspberry-pale);
  color: var(--eiv-raspberry) !important;
}

.home-space-card__edit .icon {
  width: 16px;
  height: 16px;
  stroke-width: 2.1;
}

.home-space-metric--lilac .home-space-metric__icon {
  background: var(--eiv-lilac-pale);
  color: var(--eiv-plum);
}

.home-space-metric--lilac .home-space-metric__icon .icon {
  width: 22px;
  height: 22px;
}


.home-section--agreements {
  background: var(--eiv-lilac-pale) !important;
}

.agreement-pill {
  cursor: default;
  user-select: none;
  text-decoration: none;
}


.program-next-card {
  min-height: 150px;
  padding: 20px;
}

.program-next-card > span {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  border-radius: 15px;
}

.program-next-card > span .icon {
  width: 25px;
  height: 25px;
}

.program-next-card h3 {
  margin-bottom: 5px;
  font-size: 19px;
  line-height: 1.15;
}

.program-next-card p {
  font-size: 12.5px;
  line-height: 1.4;
}

.program-next-card b {
  font-size: 26px;
}


.home-history-divider {
  display: flex;
  width: 100%;
  min-height: 30px;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
}

.home-history-divider::before,
.home-history-divider::after {
  height: 1px;
  flex: 1;
  content: "";
  background: var(--eiv-border);
}

.home-history-divider > span {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border: 1px solid var(--eiv-border);
  border-radius: 50%;
  background: #fff;
  color: var(--eiv-raspberry);
  box-shadow: 0 5px 12px rgba(64, 58, 92, 0.07);
  font-size: 10px;
  line-height: 1;
}


.activity-row__copy small {
  display: flex !important;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0;
}

.activity-row__kind {
  color: var(--eiv-turquoise-deep);
  font-weight: 950;
}

.activity-row__copy small span {
  color: var(--eiv-text-muted);
  font-weight: 700;
}

@media (max-width: 760px) {
  .home-onboarding--compact .brand-lockup--home .brand-lockup__mark {
    width: 62px;
    height: 52px;
    flex-basis: 62px;
  }

  .home-onboarding--compact .brand-lockup--home .brand-lockup__circle {
    width: 42px;
    height: 42px;
  }

  .home-onboarding--compact .brand-lockup--home .brand-lockup__mark b {
    top: 12px;
    left: 23px;
    width: 27px;
    height: 27px;
    font-size: 15px;
  }

  .home-onboarding--compact .brand-lockup--home .brand-lockup__copy strong {
    font-size: 21px;
  }

  .home-onboarding--compact .brand-lockup--home .brand-lockup__copy small {
    font-size: 10.5px;
  }

  .home-onboarding--compact .brand-lockup--home .brand-lockup__copy small em {
    font-size: 13px;
  }


  .home-onboarding--expanded .home-onboarding__hero {
    grid-template-columns: 1fr;
  }
}





.application-shell--reference .side-nav__item {
  min-height: 55px;
  gap: 12px;
  padding: 0 14px 0 11px;
  font-size: 15.5px;
}

.application-shell--reference .side-nav__icon {
  width: 42px;
  height: 42px;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 12px;
  transition: background-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.application-shell--reference .side-nav__item:hover:not(.is-active) {
  background: var(--eiv-cream-strong);
  color: var(--eiv-plum);
}

.application-shell--reference .side-nav__item:hover:not(.is-active) .side-nav__icon {
  background: rgba(255, 255, 255, 0.72);
}

.application-shell--reference .side-nav__item.is-active .side-nav__icon {
  background: #fff;
  color: var(--eiv-raspberry);
  box-shadow: 0 6px 14px rgba(64, 58, 92, 0.08);
}


.home-onboarding__slogan {
  display: grid;
  gap: 1px;
  margin: 8px 0 17px !important;
  font-family: "Baloo 2", var(--font-family);
  font-size: clamp(48px, 4.8vw, 72px) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.035em !important;
}

.home-onboarding__slogan span,
.home-onboarding__slogan em {
  display: block;
  font-style: normal;
}

.home-onboarding__slogan span {
  color: var(--eiv-plum);
}

.home-onboarding__slogan em {
  color: var(--eiv-turquoise-deep);
}

.home-onboarding__lead {
  max-width: 850px;
  font-size: 16.5px;
  line-height: 1.72;
}

.home-onboarding--compact .brand-lockup--home .brand-lockup__copy small {
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.22;
}

.home-onboarding--compact .brand-lockup--home .brand-lockup__copy small em {
  margin-top: 2px;
  font-size: 20px;
  line-height: 1.08;
}


.home-onboarding__example {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  min-height: 78px;
  padding: 10px 13px;
}

.home-onboarding__example-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.home-onboarding__example-item {
  display: grid;
  min-width: 0;
  min-height: 55px;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border: 1px solid var(--eiv-border);
  border-radius: 15px;
  background: #fff;
}

.home-onboarding__example-item > i {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  background: var(--eiv-raspberry-pale);
  color: var(--eiv-raspberry);
  font-style: normal;
}

.home-onboarding__example-item > i .icon {
  width: 20px;
  height: 20px;
}

.home-onboarding__example-item strong,
.home-onboarding__example-item small {
  display: block;
}

.home-onboarding__example-item strong {
  color: var(--eiv-plum);
  font-size: 11px;
  line-height: 1.15;
}

.home-onboarding__example-item small {
  margin-top: 2px;
  color: var(--eiv-text-muted);
  font-size: 9px;
  line-height: 1.25;
}

.home-onboarding__example-arrow {
  color: var(--eiv-turquoise-deep);
  font-size: 17px;
  font-weight: 900;
}



.home-agreements-cta {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid rgba(198, 75, 103, 0.28);
  border-radius: 15px;
  background: #fff;
  color: var(--eiv-raspberry);
  box-shadow: 0 7px 16px rgba(64, 58, 92, 0.06);
  font-family: "Baloo 2", var(--font-family);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: transform 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease;
}

.home-agreements-cta:hover {
  background: var(--eiv-raspberry-pale);
  box-shadow: 0 9px 20px rgba(64, 58, 92, 0.09);
  transform: translateY(-1px);
}

.home-agreements-cta .icon {
  width: 19px;
  height: 19px;
}

.home-agreements-cta b {
  font-size: 20px;
  line-height: 1;
}

@media (max-width: 1100px) {
  .home-onboarding__example {
    grid-template-columns: 1fr;
  }

  .home-onboarding__example-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-onboarding__example-arrow {
    display: none;
  }
}

@media (max-width: 760px) {
  .application-shell--reference .side-nav__item {
    font-size: 15px;
  }

  .home-onboarding__slogan {
    font-size: clamp(38px, 11vw, 53px) !important;
  }

  .home-onboarding__lead {
    font-size: 15px;
    line-height: 1.65;
  }

  .home-onboarding--compact .brand-lockup--home .brand-lockup__copy small {
    font-size: 12px;
  }

  .home-onboarding--compact .brand-lockup--home .brand-lockup__copy small em {
    font-size: 15px;
  }

  .home-onboarding__example-flow {
    grid-template-columns: 1fr;
  }


  .home-agreements-cta {
    width: 100%;
    justify-content: center;
  }
}





.home-onboarding--compact {
  min-height: 286px;
  grid-template-columns: minmax(410px, 0.82fr) minmax(520px, 1.18fr);
  gap: clamp(18px, 3vw, 44px);
  padding: 28px 34px 28px 28px;
  align-items: center;
}

.home-onboarding--compact__copy {
  width: 100%;
  max-width: 470px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}

.home-onboarding--compact .home-brand-lockup,
.home-onboarding--compact .brand-lockup--home {
  width: 100%;
  max-width: none;
}

.home-onboarding--compact .brand-lockup--home .brand-lockup__copy {
  min-width: 0;
}

.home-onboarding--compact .home-how-button {
  width: min(470px, 100%);
  min-height: 82px;
  padding: 16px 19px;
  border-color: rgba(105, 201, 195, 0.52);
  box-shadow: 0 10px 26px rgba(64, 58, 92, 0.07);
}

.home-onboarding--compact .home-how-button:hover {
  transform: translateY(-3px);
  border-color: var(--eiv-turquoise);
  box-shadow: 0 16px 34px rgba(64, 58, 92, 0.12);
}

.home-onboarding--compact__visual {
  width: min(100%, 780px);
  max-height: 260px;
  height: auto;
  justify-self: end;
  align-self: center;
  object-fit: contain;
  object-position: right center;
}

.home-onboarding--expanded {
  padding: 34px 38px 32px;
}

.home-onboarding__hero {
  grid-template-columns: minmax(0, 1.45fr) minmax(330px, 0.55fr);
  gap: clamp(32px, 5vw, 78px);
  align-items: center;
}

.home-onboarding__hero > img {
  width: min(100%, 430px);
  height: 285px;
}

.home-onboarding__slogan {
  max-width: 980px;
  margin: 12px 0 20px !important;
  font-size: clamp(46px, 5vw, 72px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;
}



.home-onboarding__slogan span {
  color: var(--eiv-turquoise-deep);
}

.home-onboarding__slogan em {
  margin-top: 6px;
  color: var(--eiv-turquoise-deep);
}

.onboarding-step--turquoise .onboarding-step__icon {
  color: var(--eiv-raspberry) !important;
}

.home-onboarding__lead {
  max-width: 940px !important;
  font-size: 16px !important;
  line-height: 1.68 !important;
}




.home-space-card__content {
  padding: 14px 14px 14px;
  background: var(--eiv-cream);
}

.home-space-card__footer {
  margin-top: 12px;
  padding: 0;
  border-top: 0;
  background: transparent;
}

.home-space-card__cta {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  border-radius: 17px;
}

.home-space-card__cta .icon {
  width: 20px;
  height: 20px;
}


.home-program-cta,
.home-agreements-cta {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid rgba(198, 75, 103, 0.28);
  border-radius: 14px;
  background: #fff;
  color: var(--eiv-raspberry);
  box-shadow: 0 7px 18px rgba(64, 58, 92, 0.055);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.home-program-cta .icon,
.home-agreements-cta .icon {
  width: 18px;
  height: 18px;
}

.home-program-cta b,
.home-agreements-cta b {
  font-size: 20px;
  line-height: 1;
}

.home-program-cta:hover,
.home-agreements-cta:hover {
  transform: translateY(-3px);
  border-color: var(--eiv-raspberry);
  background: var(--eiv-raspberry-pale);
  box-shadow: 0 13px 28px rgba(64, 58, 92, 0.12);
}




.agreements-result-card {
  position: relative;
  overflow: hidden;
  min-height: 164px;
  border-width: 1px;
  box-shadow: 0 7px 20px rgba(64, 58, 92, 0.055);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.agreements-result-card::after {
  content: "";
  position: absolute;
  inset: auto 16px 0;
  height: 4px;
  border-radius: 999px 999px 0 0;
  background: currentColor;
  opacity: 0.28;
}

.agreements-result-card:hover {
  transform: translateY(-5px) scale(1.008);
  border-color: rgba(64, 58, 92, 0.22);
  box-shadow: 0 18px 38px rgba(64, 58, 92, 0.14);
  filter: saturate(1.04);
}

.agreements-result-card--love {
  border-color: rgba(40, 127, 134, 0.22);
  background: #e5f7f5;
  color: var(--eiv-turquoise-deep);
}

.agreements-result-card--compromise {
  border-color: rgba(64, 58, 92, 0.18);
  background: #eee9f5;
  color: var(--eiv-plum);
}

.agreements-result-card--hesitation {
  border-color: rgba(123, 118, 140, 0.24);
  background: #fff7ef;
  color: var(--eiv-text-muted);
}

.agreements-result-card--rejected {
  border-color: #cfcbd4;
  background: #e9e8ec;
  color: #625c6b;
}

.agreements-result-card--hesitation .agreements-result-icon {
  color: var(--eiv-text-muted);
}

.agreements-result-card--love .agreements-result-icon__svg {
  width: 30px;
  height: 30px;
}

.agreements-result-card--compromise .agreements-result-icon__svg {
  width: 26px;
  height: 26px;
}

.agreements-result-icon {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(64, 58, 92, 0.07);
  box-shadow: 0 5px 14px rgba(64, 58, 92, 0.06);
}

.agreements-result-card__title {
  color: var(--eiv-plum);
  font-size: 1.05rem;
}

.agreements-result-card__description {
  color: #686277;
  font-size: 0.78rem;
  line-height: 1.48;
}

.agreements-sticky-controls,
.library-sticky-controls {
  position: sticky;
  top: calc(var(--header-height) + 7px);
  z-index: 45;
  grid-template-columns: minmax(280px, 1fr) auto;
  padding: 6px;
  border-color: rgba(105, 201, 195, 0.38);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 30px rgba(64, 58, 92, 0.13);
  backdrop-filter: blur(16px);
}

.agreements-sticky-controls .agreements-search input,
.library-sticky-controls .library-reference-search input {
  min-height: 44px;
}

.agreements-sticky-controls:focus-within,
.library-sticky-controls:focus-within {
  border-color: var(--eiv-turquoise);
  box-shadow: 0 0 0 3px rgba(105, 201, 195, 0.21), 0 15px 34px rgba(64, 58, 92, 0.14);
}


.agreements-category-row button,
.library-category-chips button {
  border-color: rgba(64, 58, 92, 0.12);
  color: var(--eiv-plum);
  box-shadow: 0 4px 12px rgba(64, 58, 92, 0.035);
  transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease, filter 150ms ease;
}

.agreements-category-row button:hover,
.library-category-chips button:hover {
  transform: translateY(-2px);
  border-color: rgba(64, 58, 92, 0.28);
  box-shadow: 0 9px 18px rgba(64, 58, 92, 0.1);
  filter: saturate(1.06);
}

.category-tone--all { background: #fff; }
.category-tone--coral { background: var(--eiv-coral-pale) !important; }
.category-tone--turquoise { background: var(--eiv-turquoise-pale) !important; }
.category-tone--lilac { background: var(--eiv-lilac-pale) !important; }
.category-tone--raspberry { background: var(--eiv-raspberry-pale) !important; }
.category-tone--neutral { background: #fff !important; }

.agreements-category-row button.is-active,
.library-category-chips button.is-active {
  border-color: var(--eiv-raspberry);
  color: var(--eiv-raspberry);
  box-shadow: 0 0 0 3px rgba(198, 75, 103, 0.13), 0 8px 18px rgba(64, 58, 92, 0.08);
}

.library-category-icon,
.agreements-category-icon {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}


.agreements-filter-toggle__control,
.library-filter-toggle__control {
  display: inline-flex !important;
  width: auto !important;
  height: 36px !important;
  align-items: center;
  gap: 8px;
  padding: 0 5px 0 11px;
  border: 1px solid var(--eiv-turquoise) !important;
  border-radius: 999px !important;
  color: var(--eiv-turquoise-deep);
  background: var(--eiv-turquoise-pale);
}

.agreements-filter-toggle__control i,
.library-filter-toggle__control i {
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.agreements-filter-toggle__control b,
.library-filter-toggle__control b {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  font-size: 18px;
  line-height: 1;
}

.agreements-filter-toggle:hover,
.library-filter-toggle:hover {
  background: var(--eiv-turquoise-pale);
}


.agreements-card, .program-next-card, .home-space-metric, .idea-card--reference {
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, filter 180ms ease;
}

.agreements-card:hover,
.program-next-card:hover,
.home-space-metric:hover,
.idea-card--reference:hover {
  transform: translateY(-5px);
  border-color: rgba(105, 201, 195, 0.62);
  box-shadow: 0 18px 38px rgba(64, 58, 92, 0.14);
  filter: saturate(1.035);
}

.agreements-card {
  border-top-width: 4px;
  background: #fff;
}

.agreements-card--love { border-top-color: var(--eiv-turquoise); }
.agreements-card--compromise { border-top-color: #b6a0cf; }
.agreements-card--hesitation { border-top-color: var(--eiv-coral); }
.agreements-card--rejected { border-top-color: #aaa5af; }

.agreements-card__body {
  background: #fff;
}

.agreements-card__result-copy {
  padding: 10px 12px;
  border-left: 3px solid var(--eiv-turquoise);
  border-radius: 10px;
  background: var(--eiv-turquoise-pale);
  color: var(--eiv-plum);
}

.agreements-card--compromise .agreements-card__result-copy {
  border-left-color: #b6a0cf;
  background: var(--eiv-lilac-pale);
}

.agreements-card--hesitation .agreements-card__result-copy {
  border-left-color: var(--eiv-coral);
  background: var(--eiv-cream);
}

.agreements-card--rejected .agreements-card__result-copy {
  border-left-color: #aaa5af;
  background: #eeedf0;
}


.library-reference-controls {
  display: grid;
  gap: 13px;
}

.library-sticky-controls {
  display: grid;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(105, 201, 195, 0.38);
  border-radius: 18px;
}

.library-reference-search {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}

.library-reference-search > svg {
  position: absolute;
  left: 14px;
  z-index: 1;
  width: 19px;
  height: 19px;
  color: var(--eiv-turquoise-deep);
  pointer-events: none;
}

.library-reference-search input {
  width: 100%;
  min-height: 50px;
  padding: 0 48px 0 44px;
  border: 1px solid var(--eiv-border);
  border-radius: 15px;
  background: #fff;
  color: var(--eiv-plum);
  font: inherit;
  outline: 0;
}

.library-reference-search input:focus {
  border-color: var(--eiv-turquoise);
}

.library-reference-search button {
  position: absolute;
  right: 8px;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: var(--eiv-coral-pale);
  color: var(--eiv-text-muted);
  cursor: pointer;
  font-size: 20px;
}

.library-sort {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--eiv-plum);
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.library-sort select {
  min-width: 180px;
  min-height: 44px;
  padding: 0 32px 0 11px;
  border: 1px solid var(--eiv-border);
  border-radius: 14px;
  background: #fff;
  color: var(--eiv-plum);
  font: inherit;
  font-weight: 800;
}

.library-advanced {
  overflow: hidden;
  border: 1px solid var(--eiv-border);
  border-radius: 18px;
  background: #fff;
}

.library-filter-toggle {
  display: flex;
  width: 100%;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px;
  border: 0;
  background: #fff;
  color: var(--eiv-plum);
  cursor: pointer;
  text-align: left;
}

.library-filter-toggle > span:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
}

.library-filter-toggle > span:first-child > b {
  display: inline-grid;
  min-width: 24px;
  height: 24px;
  place-items: center;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--eiv-raspberry-pale);
  color: var(--eiv-raspberry);
  font-size: 12px;
}

.library-filter-panel.is-open {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
  border-top: 1px solid var(--eiv-border);
  background: var(--eiv-cream);
}

.library-filter-panel label {
  display: grid;
  gap: 5px;
  color: var(--eiv-plum);
  font-size: 12px;
  font-weight: 900;
}

.library-filter-panel select {
  min-height: 44px;
  padding: 0 34px 0 11px;
  border: 1px solid var(--eiv-border);
  border-radius: 13px;
  background: #fff;
  color: var(--eiv-plum);
  font: inherit;
}

.library-filter-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  padding-top: 3px;
}

.library-category-chips {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 2px 6px;
}

.library-category-chips button {
  display: inline-flex;
  min-height: 40px;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  padding: 0 13px;
  border: 1px solid rgba(64, 58, 92, 0.12);
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
}

.library-category-section {
  overflow: hidden;
  border: 1px solid var(--eiv-border);
  border-radius: 18px;
  background: #fff;
}

.library-category-section > header {
  border: 0;
  border-bottom: 1px solid rgba(64, 58, 92, 0.08);
  border-radius: 0;
  background: transparent;
}

.library-category-section > header strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.library-category-section > .idea-card-grid {
  padding: 12px;
}

.badge--category.category-tone--coral,
.badge--category.category-tone--turquoise,
.badge--category.category-tone--lilac,
.badge--category.category-tone--raspberry {
  color: var(--eiv-plum);
}

.idea-card__agreement {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.idea-card__agreement .icon {
  width: 15px;
  height: 15px;
}


.opinion-dialog {
  width: min(850px, 100%);
  background: var(--eiv-bg);
}

.opinion-page {
  gap: 10px;
  padding-bottom: 14px;
}

.opinion-header-card {
  padding: 13px 16px 12px;
  border-bottom: 1px solid var(--eiv-border);
  background: #fff;
}

.opinion-header-card__top h2 {
  font-size: 27px;
}

.opinion-progress {
  margin-top: 10px;
  padding: 8px 11px;
  background: var(--eiv-lilac-pale);
}

.opinion-queue-navigation {
  margin-top: 8px;
  padding: 6px;
  box-shadow: 0 5px 15px rgba(64, 58, 92, 0.045);
}

.opinion-navigation-help {
  margin-top: 5px;
  font-size: 10px;
}

.opinion-idea-card {
  grid-template-columns: minmax(180px, 29%) minmax(0, 1fr);
  margin: 0 12px;
  border-color: rgba(105, 201, 195, 0.38);
  background: #fff;
  box-shadow: 0 9px 24px rgba(64, 58, 92, 0.08);
}

.opinion-idea-card__media {
  min-height: 215px;
  max-height: 235px;
  padding: 13px;
  border-right-color: rgba(243, 164, 131, 0.42);
  background: var(--eiv-cream);
}

.opinion-idea-card__media img {
  max-height: 205px;
}

.opinion-idea-card__content {
  padding: 15px 17px;
}

.opinion-idea-card h1 {
  margin: 9px 0 6px;
  font-size: 27px;
  line-height: 1.04;
}

.opinion-idea__meta {
  gap: 5px;
  margin-bottom: 8px;
}

.opinion-idea__meta span {
  padding: 5px 8px;
}

.opinion-idea__description {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.45;
}

.opinion-idea__actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.opinion-details-toggle,
.opinion-source-button {
  min-height: 44px;
  padding-inline: 10px;
}

.opinion-partner-status {
  margin: 0 12px;
  border-color: rgba(105, 201, 195, 0.42);
  border-left: 5px solid var(--eiv-turquoise);
  background: #fff;
  box-shadow: 0 7px 18px rgba(64, 58, 92, 0.055);
}

.opinion-partner-status.is-revealed {
  background: var(--eiv-turquoise-pale);
}

.opinion-answer-card {
  margin: 0 12px;
  border: 1px solid rgba(243, 164, 131, 0.45);
  background: #fff;
  box-shadow: 0 8px 22px rgba(64, 58, 92, 0.065);
}

.opinion-answer-card > div:first-child {
  margin: -17px -17px 14px;
  padding: 15px 17px 12px;
  border-bottom: 1px solid rgba(243, 164, 131, 0.38);
  border-radius: 20px 20px 0 0;
  background: var(--eiv-cream);
}

.opinion-choice:hover {
  transform: translateY(-4px) scale(1.008);
  box-shadow: 0 14px 28px rgba(64, 58, 92, 0.13);
}



.brand-lockup__mark {
  width: 54px;
  flex-basis: 54px;
}

.brand-lockup__circle--turquoise {
  left: 16px;
  right: auto;
}

.brand-lockup__mark b {
  left: 18px;
}

.brand-lockup--home .brand-lockup__mark {
  width: 60px;
  flex-basis: 60px;
}

.brand-lockup--home .brand-lockup__circle--turquoise {
  left: 18px;
  right: auto;
}

.brand-lockup--home .brand-lockup__mark b {
  left: 22px;
}

.brand-lockup--auth .brand-lockup__mark {
  width: 64px;
  flex-basis: 64px;
}

.brand-lockup--auth .brand-lockup__circle--turquoise {
  left: 20px;
  right: auto;
}

.brand-lockup--auth .brand-lockup__mark b {
  left: 24px;
}

.home-onboarding--compact .brand-lockup--home .brand-lockup__mark {
  width: 72px;
  flex-basis: 72px;
}

.home-onboarding--compact .brand-lockup--home .brand-lockup__circle--turquoise {
  left: 21px;
  right: auto;
}

.home-onboarding--compact .brand-lockup--home .brand-lockup__mark b {
  left: 27px;
}

.onboarding-brand__mark {
  width: 44px;
}

.onboarding-brand__mark i:nth-child(2) {
  left: 14px;
  right: auto;
}

.onboarding-brand__mark b {
  left: 14px;
}


@media (prefers-reduced-motion: reduce) {
  .home-how-button, .home-program-cta, .home-agreements-cta, .agreements-result-card, .agreements-card, .program-next-card, .home-space-metric, .idea-card--reference, .opinion-choice, .agreements-category-row button, .library-category-chips button {
    transition: none !important;
  }
}

@media (max-width: 1100px) {
  .home-onboarding--compact {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
    gap: 20px;
    padding-inline: 24px;
  }

  .home-onboarding__hero {
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 28px;
  }

  .home-onboarding__slogan {
    font-size: clamp(42px, 5vw, 58px) !important;
  }
}

@media (max-width: 900px) {
  .home-onboarding--compact {
    grid-template-columns: 1fr;
  }

  .home-onboarding--compact__visual {
    justify-self: center;
    max-height: 220px;
  }

  .home-onboarding__hero {
    grid-template-columns: 1fr;
  }

  .home-onboarding__hero > img {
    justify-self: center;
  }

  .agreements-sticky-controls,
  .library-sticky-controls {
    top: calc(var(--header-height) + 5px);
  }

  

  .opinion-idea-card__media {
    min-height: 180px;
    max-height: 215px;
    border-right: 0;
    border-bottom: 1px solid rgba(243, 164, 131, 0.42);
  }

  .opinion-idea-card__media img {
    max-height: 190px;
  }
}

@media (max-width: 720px) {
  .home-onboarding--compact {
    padding: 22px 18px;
  }

  .home-onboarding--expanded {
    padding: 22px 17px;
  }

  .home-onboarding__slogan {
    font-size: 39px !important;
  }

  .agreements-sticky-controls,
  .library-sticky-controls {
    grid-template-columns: 1fr;
  }

  .agreements-sort,
  .library-sort {
    width: 100%;
  }

  .agreements-sort select,
  .library-sort select {
    width: 100%;
    min-width: 0;
  }

  .agreements-filter-toggle__control i,
  .library-filter-toggle__control i {
    display: none;
  }

  .library-filter-panel.is-open {
    grid-template-columns: 1fr;
  }

  .program-card--reference .program-card__link span {
    display: none;
  }

  .opinion-idea__actions {
    grid-template-columns: 1fr;
  }
}




.brand-lockup__copy small span {
  color: #403A5C !important;
}

.brand-lockup__copy small em {
  color: #287F86 !important;
}

.home-onboarding__slogan span {
  color: #403A5C !important;
}

.home-onboarding__slogan em {
  color: #287F86 !important;
}


.home-onboarding--compact__visual {
  width: min(100%, 640px);
  max-height: none;
  height: auto;
  object-fit: contain;
  object-position: right center;
  filter: none;
}


.brand-lockup__mark b {
  left: 23px;
}

.brand-lockup--home .brand-lockup__mark b {
  left: 26px;
}

.brand-lockup--auth .brand-lockup__mark b {
  left: 28px;
}

.home-onboarding--compact .brand-lockup--home .brand-lockup__mark b {
  left: 31px;
}

.onboarding-brand__mark b {
  left: 22px;
}


.program-next-card b {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  place-items: center;
  margin-left: auto;
  border: 1px solid rgba(198, 75, 103, 0.22);
  border-radius: 50%;
  background: #fff;
  color: var(--eiv-raspberry);
  font-size: 24px;
  line-height: 1;
  box-shadow: 0 5px 14px rgba(64, 58, 92, 0.06);
  transform: translateX(1px);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.program-next-card:hover b {
  border-color: var(--eiv-raspberry);
  background: var(--eiv-raspberry-pale);
  box-shadow: 0 9px 20px rgba(64, 58, 92, 0.1);
  transform: translateX(3px);
}


.agreement-pill .icon,
.home-agreements-cta .icon,
.agreements-result-card--love .agreements-result-icon__svg,
.agreements-card__result--love .icon {
  overflow: visible;
}

@media (max-width: 980px) {
  .home-onboarding--compact__visual {
    width: min(100%, 560px);
  }
}

@media (max-width: 720px) {
  .home-onboarding--compact__visual {
    width: min(100%, 520px);
  }
}

/* 15. Decision engine base */
.what-page-v2 {
  display: grid;
  gap: 16px;
  color: var(--eiv-plum, #403a5c);
}

.what-hero-v2 {
  min-height: 184px;
  border-color: var(--eiv-border, #e5dde9);
}

.what-hero-v2 img {
  width: min(250px, 32vw);
  height: 150px;
}

.what-mode-switch-v2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.what-mode-card {
  display: grid;
  min-height: 78px;
  grid-template-columns: 50px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  padding: 13px 16px;
  border: 1px solid var(--eiv-border, #e5dde9);
  border-radius: 18px;
  background: #fff;
  color: var(--eiv-plum, #403a5c);
  text-align: left;
  cursor: pointer;
  box-shadow: 0 7px 20px rgba(64, 58, 92, 0.05);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.what-mode-card:hover {
  transform: translateY(-2px);
  border-color: rgba(105, 201, 195, 0.8);
  box-shadow: 0 12px 24px rgba(64, 58, 92, 0.09);
}

.what-mode-card.is-active {
  border-color: var(--eiv-raspberry, #c64b67);
  background: var(--eiv-raspberry-pale, #fbecef);
  box-shadow: 0 10px 24px rgba(198, 75, 103, 0.12);
}

.what-mode-card__icon {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 15px;
  background: var(--eiv-turquoise-pale, #e8f7f6);
  color: var(--eiv-turquoise-deep, #287f86);
}

.what-mode-card.is-active .what-mode-card__icon {
  background: #fff;
  color: var(--eiv-raspberry, #c64b67);
}

.what-mode-card__icon--surprise {
  font-size: 22px;
  font-weight: 900;
}

.what-mode-card strong,
.what-mode-card small {
  display: block;
}

.what-mode-card strong {
  margin-bottom: 3px;
  font-size: 15px;
}

.what-mode-card small {
  color: var(--eiv-text-muted, #7b768c);
  font-size: 10px;
}

.what-intro-v2 {
  display: flex;
  min-height: 128px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 23px;
  border: 1px solid rgba(243, 164, 131, 0.46);
  border-radius: 22px;
  background: var(--eiv-cream, #fff8f3);
}

.what-intro-v2 h2 {
  margin: 3px 0 8px;
  font-size: clamp(26px, 3.1vw, 40px);
  line-height: 1.05;
}

.what-intro-v2 p:last-child {
  max-width: 760px;
  margin: 0;
  color: var(--eiv-text-muted, #7b768c);
  font-size: 12px;
}

.what-intro-v2 > strong {
  display: grid;
  width: 128px;
  min-width: 128px;
  height: 90px;
  place-items: center;
  padding: 10px;
  border: 1px solid var(--eiv-border, #e5dde9);
  border-radius: 18px;
  background: #fff;
  color: var(--eiv-raspberry, #c64b67);
  font-size: 30px;
}

.what-intro-v2 > strong small {
  display: block;
  max-width: 98px;
  color: var(--eiv-text-muted, #7b768c);
  font-size: 8px;
  line-height: 1.3;
  text-align: center;
}

.what-guided-v2,
.what-results-v2,
.what-choice-detail-v2,
.what-surprise-v2 {
  display: grid;
  gap: 14px;
}

.what-step-summary-v2 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.what-step-summary-v2 span {
  display: flex;
  min-height: 45px;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  border: 1px solid rgba(105, 201, 195, 0.48);
  border-radius: 13px;
  background: var(--eiv-turquoise-pale, #e8f7f6);
  color: var(--eiv-turquoise-deep, #287f86);
  font-size: 10px;
  font-weight: 900;
}

.what-step-summary-v2 .icon {
  width: 18px;
  height: 18px;
}

.what-empty-callout {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  padding: 14px 16px;
  border: 1px solid rgba(198, 75, 103, 0.26);
  border-radius: 17px;
  background: var(--eiv-raspberry-pale, #fbecef);
}

.what-empty-callout > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 13px;
  background: #fff;
  color: var(--eiv-raspberry, #c64b67);
}

.what-empty-callout strong,
.what-empty-callout p {
  display: block;
  margin: 0;
}

.what-empty-callout p {
  margin-top: 4px;
  color: var(--eiv-text-muted, #7b768c);
  font-size: 10px;
}

.what-criteria-card-v2 {
  display: grid;
  gap: 12px;
  padding: 17px;
  border: 1px solid rgba(243, 164, 131, 0.48);
  border-radius: 22px;
  background: var(--eiv-cream, #fff8f3);
}

.what-field {
  display: grid;
  gap: 7px;
}

.what-field > span,
.what-field--scope > span {
  font-size: 11px;
  font-weight: 900;
}

.what-field select,
.what-field input,
.what-field--scope select {
  width: 100%;
  min-height: 46px;
  padding: 0 13px;
  border: 1px solid var(--eiv-border, #e5dde9);
  border-radius: 13px;
  background: #fff;
  color: var(--eiv-plum, #403a5c);
  font: inherit;
}

.what-question-v2 {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  padding: 15px;
  border: 1px solid rgba(229, 221, 233, 0.95);
  border-radius: 18px;
  background: #fff;
}

.what-question-v2__icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 13px;
  background: var(--eiv-coral-pale, #fcebe5);
  color: var(--eiv-raspberry, #c64b67);
}

.what-question-v2__icon .icon {
  width: 21px;
  height: 21px;
}

.what-question-v2 h3 {
  margin: 2px 0 10px;
  font-size: 14px;
}

.what-question-help {
  margin: -4px 0 10px;
  color: var(--eiv-text-muted, #7b768c);
  font-size: 9px;
}

.what-choice-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.what-choice-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.what-choice-option {
  min-height: 46px;
  padding: 8px 10px;
  border: 1px solid var(--eiv-border, #e5dde9);
  border-radius: 13px;
  background: #fff;
  color: var(--eiv-plum, #403a5c);
  cursor: pointer;
  font-size: 10px;
  font-weight: 900;
  transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.what-choice-option:hover {
  transform: translateY(-1px);
  border-color: var(--eiv-turquoise, #69c9c3);
}

.what-choice-option.is-selected {
  border-color: var(--eiv-raspberry, #c64b67);
  background: var(--eiv-coral-pale, #fcebe5);
  color: var(--eiv-plum, #403a5c);
  box-shadow: inset 0 0 0 1px rgba(198, 75, 103, 0.12);
}

.what-main-cta-v2 {
  width: min(390px, 100%);
  justify-self: center;
  min-height: 50px;
}

.what-results-v2__heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 2px 3px;
}

.what-results-v2__heading h2 {
  margin: 3px 0 4px;
}

.what-results-v2__heading p:last-child {
  margin: 0;
  color: var(--eiv-text-muted, #7b768c);
  font-size: 10px;
}

.what-result-section-v2 {
  display: grid;
  gap: 10px;
}

.what-result-section-v2__title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.what-result-section-v2__title > span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--eiv-turquoise, #69c9c3);
}

.what-result-section-v2--near .what-result-section-v2__title > span {
  background: var(--eiv-coral, #f3a483);
}

.what-result-section-v2--unknown .what-result-section-v2__title > span {
  background: #b9a9d2;
}

.what-result-section-v2__title h3 {
  margin: 0;
  font-size: 13px;
}

.what-result-section-v2__title b {
  display: grid;
  min-width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  font-size: 10px;
}

.what-result-list-v2 {
  display: grid;
  gap: 12px;
}

.what-result-card-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 0.34fr) auto;
  align-items: stretch;
  gap: 12px;
  padding: 13px;
  border: 1px solid var(--eiv-border, #e5dde9);
  border-left: 5px solid var(--eiv-turquoise, #69c9c3);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 7px 20px rgba(64, 58, 92, 0.05);
}

.what-result-card-v2--near {
  border-left-color: var(--eiv-coral, #f3a483);
}

.what-result-card-v2--unknown {
  border-left-color: #b9a9d2;
}

.what-result-card-v2__open {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.what-result-card-v2__open > img {
  width: 116px;
  height: 92px;
  border-radius: 15px;
  object-fit: cover;
}

.what-result-card-v2__copy {
  display: grid;
  gap: 5px;
}

.what-result-card-v2__copy > strong {
  font-size: 16px;
}

.what-result-card-v2__copy > small {
  color: var(--eiv-text-muted, #7b768c);
  font-size: 9px;
  line-height: 1.45;
}

.what-result-card-v2__top,
.what-choice-detail-v2__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.what-category-chip,
.what-agreement-badge {
  display: inline-flex;
  min-height: 29px;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 8px;
  font-weight: 900;
}

.what-category-chip {
  background: var(--eiv-coral-pale, #fcebe5);
  color: var(--eiv-raspberry, #c64b67);
}

.what-agreement-badge--love {
  background: var(--eiv-turquoise-pale, #e8f7f6);
  color: var(--eiv-turquoise-deep, #287f86);
}

.what-agreement-badge--compromise {
  background: var(--eiv-lilac-pale, #f1edf6);
  color: var(--eiv-plum, #403a5c);
}

.what-category-chip .icon,
.what-agreement-badge .icon {
  width: 15px;
  height: 15px;
}

.what-practical-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.what-practical-meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 7px;
  border: 1px solid var(--eiv-border, #e5dde9);
  border-radius: 999px;
  color: var(--eiv-text-muted, #7b768c);
  font-size: 8px;
  font-weight: 700;
}

.what-practical-meta .icon {
  width: 13px;
  height: 13px;
  color: var(--eiv-turquoise-deep, #287f86);
}

.what-result-card-v2__match {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 10px 12px;
  border-radius: 14px;
  background: var(--eiv-turquoise-pale, #e8f7f6);
  font-size: 9px;
}

.what-result-card-v2--near .what-result-card-v2__match {
  background: var(--eiv-cream, #fff8f3);
}

.what-result-card-v2--unknown .what-result-card-v2__match {
  background: var(--eiv-lilac-pale, #f1edf6);
}

.what-result-card-v2__match b {
  font-size: 10px;
}

.what-result-card-v2__match ul {
  margin: 0;
  padding-left: 15px;
  color: var(--eiv-text-muted, #7b768c);
}

.what-result-card-v2__actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

.what-result-card-v2__actions .button {
  white-space: nowrap;
}

.what-more-v2 {
  width: min(360px, 100%);
  justify-self: center;
}

.what-results-end-v2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px;
  border-radius: 15px;
  background: var(--eiv-lilac-pale, #f1edf6);
  font-size: 10px;
}

.what-results-empty-v2 {
  display: grid;
  min-height: 300px;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 28px;
  border: 1px solid var(--eiv-border, #e5dde9);
  border-radius: 22px;
  background: #fff;
  text-align: center;
}

.what-results-empty-v2 > span {
  display: grid;
  width: 62px;
  height: 62px;
  place-items: center;
  border-radius: 20px;
  background: var(--eiv-turquoise-pale, #e8f7f6);
  color: var(--eiv-turquoise-deep, #287f86);
}

.what-results-empty-v2 h2,
.what-results-empty-v2 p {
  margin: 0;
}

.what-results-empty-v2 p {
  max-width: 500px;
  color: var(--eiv-text-muted, #7b768c);
}

.what-results-empty-v2 > div {
  display: flex;
  gap: 9px;
}

.what-back-link-v2,
.what-source-link-v2 {
  width: max-content;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--eiv-raspberry, #c64b67);
  cursor: pointer;
  font-weight: 900;
}

.what-choice-detail-v2__card {
  display: grid;
  grid-template-columns: minmax(260px, 0.46fr) minmax(0, 0.54fr);
  overflow: hidden;
  border: 1px solid var(--eiv-border, #e5dde9);
  border-radius: 22px;
  background: #fff;
}

.what-choice-detail-v2__card > img {
  width: 100%;
  height: 100%;
  min-height: 330px;
  object-fit: cover;
}

.what-choice-detail-v2__card > div {
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 24px;
}

.what-choice-detail-v2__card h2,
.what-choice-detail-v2__card p {
  margin: 0;
}

.what-choice-detail-v2__card h2 {
  font-size: clamp(25px, 3vw, 39px);
  line-height: 1.05;
}

.what-choice-detail-v2__card p {
  color: var(--eiv-text-muted, #7b768c);
}

.what-choice-agreement-v2 {
  display: grid;
  gap: 3px;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--eiv-turquoise-pale, #e8f7f6);
}

.what-choice-agreement-v2 span {
  color: var(--eiv-text-muted, #7b768c);
  font-size: 9px;
}

.what-choice-actions-v2 {
  display: grid;
  gap: 9px;
  padding: 17px;
  border: 1px solid var(--eiv-border, #e5dde9);
  border-radius: 20px;
  background: var(--eiv-cream, #fff8f3);
}

.what-choice-actions-v2 h3 {
  margin: 0 0 3px;
}

.what-choice-actions-v2 > button {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  padding: 10px 13px;
  border: 1px solid var(--eiv-border, #e5dde9);
  border-radius: 16px;
  background: #fff;
  color: var(--eiv-plum, #403a5c);
  text-align: left;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.what-choice-actions-v2 > button:hover {
  transform: translateY(-2px);
  border-color: var(--eiv-turquoise, #69c9c3);
  box-shadow: 0 10px 20px rgba(64, 58, 92, 0.08);
}

.what-choice-actions-v2 > button > span:first-child {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 13px;
  background: var(--eiv-raspberry-pale, #fbecef);
  color: var(--eiv-raspberry, #c64b67);
}

.what-choice-actions-v2 strong,
.what-choice-actions-v2 small {
  display: block;
}

.what-choice-actions-v2 small {
  margin-top: 3px;
  color: var(--eiv-text-muted, #7b768c);
  font-size: 9px;
}

.what-surprise-intro-v2 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 17px 19px;
  border: 1px solid rgba(105, 201, 195, 0.52);
  border-radius: 20px;
  background: var(--eiv-turquoise-pale, #e8f7f6);
}

.what-surprise-intro-v2 > span {
  display: grid;
  width: 58px;
  height: 58px;
  min-width: 58px;
  place-items: center;
  border-radius: 18px;
  background: #fff;
  color: var(--eiv-raspberry, #c64b67);
  font-size: 25px;
}

.what-surprise-intro-v2 h2,
.what-surprise-intro-v2 p {
  margin: 0;
}

.what-surprise-intro-v2 h2 {
  margin: 3px 0 5px;
}

.what-surprise-intro-v2 p:last-child {
  color: var(--eiv-text-muted, #7b768c);
  font-size: 10px;
}

.what-surprise-layout-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  gap: 14px;
}

.what-surprise-controls-v2,
.what-wheel-card-v2 {
  display: grid;
  gap: 13px;
  padding: 17px;
  border: 1px solid var(--eiv-border, #e5dde9);
  border-radius: 21px;
  background: #fff;
}

.what-surprise-count-v2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px;
  border-radius: 14px;
  background: var(--eiv-lilac-pale, #f1edf6);
}

.what-surprise-count-v2 strong {
  font-size: 23px;
}

.what-surprise-count-v2 span {
  color: var(--eiv-text-muted, #7b768c);
  font-size: 9px;
}

.what-wheel-card-v2 {
  place-items: center;
  align-content: center;
  text-align: center;
}

.what-wheel-v2 {
  position: relative;
  width: 210px;
  height: 210px;
  border: 16px solid var(--eiv-coral, #f3a483);
  border-radius: 50%;
  background: var(--eiv-cream, #fff8f3);
  box-shadow: 0 0 0 8px var(--eiv-turquoise, #69c9c3), 0 15px 28px rgba(64, 58, 92, 0.12);
  transition: transform 1.45s cubic-bezier(0.18, 0.78, 0.22, 1);
}

.what-wheel-v2.is-spinning {
  transform: rotate(1440deg);
}

.what-wheel-v2 > span,
.what-wheel-v2 > b {
  position: absolute;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: var(--eiv-raspberry, #c64b67);
  font-size: 17px;
}

.what-wheel-v2 > span:nth-child(1) { top: 12px; left: 72px; }
.what-wheel-v2 > span:nth-child(2) { top: 44px; right: 15px; }
.what-wheel-v2 > span:nth-child(3) { bottom: 42px; right: 16px; }
.what-wheel-v2 > span:nth-child(4) { bottom: 11px; left: 72px; }
.what-wheel-v2 > span:nth-child(5) { bottom: 43px; left: 14px; }
.what-wheel-v2 > span:nth-child(6) { top: 44px; left: 14px; }
.what-wheel-v2 > b { top: 72px; left: 72px; width: 50px; height: 50px; background: var(--eiv-raspberry, #c64b67); color: #fff; font-size: 23px; }

.what-wheel-card-v2 > p {
  min-height: 34px;
  margin: 0;
  color: var(--eiv-text-muted, #7b768c);
  font-weight: 800;
}

.what-spin-button-v2 {
  width: min(280px, 100%);
}

.what-surprise-result-v2 {
  scroll-margin-top: 110px;
  padding: 17px;
  border: 1px solid rgba(198, 75, 103, 0.26);
  border-radius: 22px;
  background: var(--eiv-raspberry-pale, #fbecef);
}

.what-surprise-result-v2__card {
  display: grid;
  grid-template-columns: minmax(240px, 0.4fr) minmax(0, 0.6fr);
  overflow: hidden;
  border-radius: 18px;
  background: #fff;
}

.what-surprise-result-v2__card > img {
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
}

.what-surprise-result-v2__card > div {
  display: grid;
  align-content: center;
  gap: 11px;
  padding: 22px;
}

.what-surprise-result-v2__card h2,
.what-surprise-result-v2__card p {
  margin: 0;
}

.what-surprise-result-v2__card h2 {
  font-size: clamp(24px, 3vw, 38px);
}

.what-surprise-result-v2__card p {
  color: var(--eiv-text-muted, #7b768c);
}

.what-surprise-result-v2__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.what-dialog-layer-v2 {
  position: fixed;
  z-index: 80;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
}

.what-dialog-backdrop-v2 {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(64, 58, 92, 0.48);
  backdrop-filter: blur(5px);
}

.what-dialog-v2,
.what-plan-dialog-v2 {
  position: relative;
  z-index: 1;
  width: min(840px, 100%);
  max-height: calc(100vh - 44px);
  overflow: auto;
  border: 1px solid var(--eiv-border, #e5dde9);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(64, 58, 92, 0.25);
}

.what-dialog-v2 {
  display: grid;
  grid-template-columns: minmax(260px, 0.44fr) minmax(0, 0.56fr);
}

.what-dialog-v2 > img {
  width: 100%;
  height: 100%;
  min-height: 410px;
  object-fit: cover;
}

.what-dialog-v2 > div {
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 27px;
}

.what-dialog-v2 h2,
.what-dialog-v2 p {
  margin: 0;
}

.what-dialog-v2 h2 {
  font-size: clamp(24px, 3vw, 38px);
}

.what-dialog-v2 p {
  color: var(--eiv-text-muted, #7b768c);
}

.what-dialog-v2__close {
  position: absolute;
  z-index: 2;
  top: 13px;
  right: 13px;
  background: #fff;
}

.what-dialog-tags-v2 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.what-dialog-tags-v2 span {
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--eiv-lilac-pale, #f1edf6);
  font-size: 8px;
  font-weight: 800;
}

.what-dialog-collection-v2 {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 9px;
}

.what-plan-dialog-v2 {
  display: grid;
  width: min(520px, 100%);
  gap: 13px;
  padding: 28px;
  text-align: center;
}

.what-plan-dialog-v2__icon {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  justify-self: center;
  border-radius: 18px;
  background: var(--eiv-turquoise-pale, #e8f7f6);
  color: var(--eiv-turquoise-deep, #287f86);
}

.what-plan-dialog-v2 h2,
.what-plan-dialog-v2 p {
  margin: 0;
}

.what-plan-dialog-v2 p {
  color: var(--eiv-text-muted, #7b768c);
}

.what-plan-dialog-v2 label {
  display: grid;
  gap: 7px;
  text-align: left;
  font-weight: 900;
}

.what-plan-dialog-v2 input {
  min-height: 48px;
  padding: 0 13px;
  border: 1px solid var(--eiv-border, #e5dde9);
  border-radius: 13px;
  color: var(--eiv-plum, #403a5c);
  font: inherit;
}

.what-plan-dialog-v2 > div {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

@media (max-width: 1100px) {
  .what-choice-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .what-result-card-v2 { grid-template-columns: minmax(0, 1fr) minmax(190px, 0.38fr); }
  .what-result-card-v2__actions { grid-column: 1 / -1; flex-direction: row; justify-content: flex-end; }
}

@media (max-width: 780px) {
  .what-mode-switch-v2,
  .what-surprise-layout-v2,
  .what-choice-detail-v2__card,
  .what-surprise-result-v2__card,
  .what-dialog-v2 { grid-template-columns: 1fr; }
  .what-intro-v2 { align-items: flex-start; }
  .what-intro-v2 > strong { width: 100px; min-width: 100px; height: 78px; }
  .what-step-summary-v2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .what-result-card-v2 { grid-template-columns: 1fr; }
  .what-result-card-v2__open { grid-template-columns: 92px minmax(0, 1fr); }
  .what-result-card-v2__open > img { width: 92px; height: 82px; }
  .what-result-card-v2__actions { grid-column: auto; }
  .what-choice-detail-v2__card > img,
  .what-surprise-result-v2__card > img,
  .what-dialog-v2 > img { min-height: 220px; max-height: 300px; }
}

@media (max-width: 560px) {
  .what-hero-v2 img { width: 110px; height: 90px; }
  .what-mode-card { grid-template-columns: 42px minmax(0, 1fr); padding: 11px; }
  .what-mode-card__icon { width: 40px; height: 40px; }
  .what-intro-v2 { display: grid; }
  .what-intro-v2 > strong { width: 100%; min-width: 0; height: auto; grid-template-columns: auto auto; justify-content: center; gap: 7px; }
  .what-step-summary-v2 { grid-template-columns: 1fr; }
  .what-empty-callout { grid-template-columns: 42px minmax(0, 1fr); }
  .what-empty-callout .button { grid-column: 1 / -1; }
  .what-question-v2 { grid-template-columns: 1fr; }
  .what-choice-grid,
  .what-choice-grid--3 { grid-template-columns: 1fr; }
  .what-results-v2__heading { align-items: flex-start; flex-direction: column; }
  .what-result-card-v2__open { grid-template-columns: 1fr; }
  .what-result-card-v2__open > img { width: 100%; height: 170px; }
  .what-result-card-v2__actions { flex-direction: column; }
  .what-results-end-v2,
  .what-results-empty-v2 > div,
  .what-surprise-result-v2__actions,
  .what-plan-dialog-v2 > div { align-items: stretch; flex-direction: column; }
  .what-choice-actions-v2 > button { grid-template-columns: 42px minmax(0, 1fr); }
  .what-choice-actions-v2 > button > b { display: none; }
  .what-dialog-layer-v2 { padding: 10px; }
  .what-dialog-v2,
  .what-plan-dialog-v2 { max-height: calc(100vh - 20px); border-radius: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .what-mode-card,
  .what-choice-option,
  .what-choice-actions-v2 > button,
  .what-wheel-v2 { transition: none; }
  .what-wheel-v2.is-spinning { transform: none; }
}

.what-experience-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--color-lilac-pale);
  color: var(--color-plum);
  font-size: 9px;
  font-weight: 900;
}

.what-experience-badge .icon {
  width: 13px;
  height: 13px;
}

.what-experience-badge--yes {
  background: var(--color-turquoise-pale);
  color: var(--color-turquoise-deep);
}

.what-experience-badge--maybe {
  background: var(--color-cream-strong);
  color: var(--color-plum);
}


.what-hero-v3 {
  display: grid;
  min-height: 232px;
  grid-template-columns: minmax(0, 1.12fr) minmax(270px, 0.62fr);
  align-items: center;
  gap: clamp(20px, 2.2vw, 36px);
  overflow: hidden;
  padding: 24px clamp(22px, 2.5vw, 36px);
  border: 1px solid rgba(64, 58, 92, 0.08);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(64, 58, 92, 0.09);
}
.what-hero-v3__copy { max-width: 700px; }
.what-hero-v3 .section-eyebrow {
  margin: 0 0 8px;
  color: var(--eiv-turquoise-deep, #287f86);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.what-hero-v3 h2 {
  margin: 0;
  color: var(--eiv-plum, #403a5c);
  font-size: clamp(24px, 2vw, 36px);
  line-height: 1.1;
}
.what-hero-v3 h2::after {
  display: block;
  width: 46px;
  height: 4px;
  margin-top: 18px;
  border-radius: 999px;
  background: var(--eiv-turquoise-deep, #287f86);
  content: "";
}
.what-hero-v3__summary {
  max-width: 700px;
  margin: 16px 0 0;
  color: var(--eiv-text-secondary, #777086);
  font-size: 13px;
  line-height: 1.6;
}
.what-hero-v3 > img {
  display: block;
  width: min(100%, 300px);
  height: 205px;
  justify-self: end;
  align-self: center;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 1220px) {
  .what-hero-v3 { min-height: 220px; grid-template-columns: minmax(0, 1fr) 280px; }
  .what-hero-v3 > img { width: 270px; height: 190px; }
}
@media (max-width: 920px) {
  .what-hero-v3 { min-height: 0; grid-template-columns: 1fr; }
  .what-hero-v3__copy { max-width: none; }
  .what-hero-v3 > img { width: min(100%, 320px); height: auto; max-height: 220px; justify-self: center; }
}
@media (max-width: 680px) {
  .what-hero-v3 { padding: 18px; border-radius: 21px; }
  .what-hero-v3 h2 { font-size: 22px; }
  .what-hero-v3 h2::after { width: 40px; height: 3px; margin-top: 14px; }
  .what-hero-v3__summary { margin-top: 14px; font-size: 12px; }
  .what-hero-v3 > img { width: min(100%, 260px); max-height: 200px; }
}

/* 16. Tracking */
.tracking-page-v2 {
  display: grid;
  gap: 18px;
}

.tracking-hero-v2 {
  min-height: 176px;
}

.tracking-tabs-v2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 7px;
  border: 1px solid var(--color-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(64, 58, 92, .06);
}

.tracking-tabs-v2 button {
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 15px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: #fff;
  color: var(--color-plum);
  font: 800 14px/1.2 var(--font-family);
  cursor: pointer;
}

.tracking-tabs-v2 button b {
  min-width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--color-lilac-pale);
  color: var(--color-plum);
}

.tracking-tabs-v2 button:hover,
.tracking-tabs-v2 button.is-active {
  border-color: rgba(198, 75, 103, .25);
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
}

.tracking-tabs-v2 button.is-active b {
  background: #fff;
  color: var(--color-raspberry);
}

.tracking-summary-v2 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: var(--color-text-muted);
}

.tracking-summary-v2 strong {
  color: var(--color-raspberry);
  font-family: "Baloo 2", var(--font-family);
  font-size: 26px;
}

.tracking-grid-v2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.tracking-card-v2 {
  min-width: 0;
  display: grid;
  grid-template-columns: 178px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-top: 5px solid var(--color-lilac);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(64, 58, 92, .07);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.tracking-card-v2:hover {
  transform: translateY(-3px);
  border-color: rgba(105, 201, 195, .65);
  box-shadow: 0 17px 38px rgba(64, 58, 92, .12);
}

.tracking-card-v2--now {
  border-top-color: var(--color-turquoise);
}

.tracking-card-v2--planned {
  border-top-color: var(--color-coral);
}

.tracking-card-v2--yes {
  border-top-color: var(--color-turquoise-deep);
}

.tracking-card-v2--no {
  border-top-color: var(--color-raspberry);
}

.tracking-card-v2--maybe,
.tracking-card-v2--pending {
  border-top-color: var(--color-lilac);
}

.tracking-card-v2__visual {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background: var(--color-cream);
}

.tracking-card-v2__visual img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
}

.tracking-category-v2 {
  position: absolute;
  left: 10px;
  bottom: 10px;
  max-width: calc(100% - 20px);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 999px;
  background: rgba(255, 255, 255, .93);
  color: var(--color-plum);
  font-size: 10px;
  font-weight: 900;
  box-shadow: 0 6px 18px rgba(64, 58, 92, .11);
}

.tracking-category-v2 .icon {
  width: 15px;
  height: 15px;
  color: var(--color-raspberry);
}

.tracking-category-v2--inline {
  position: static;
  margin-bottom: 8px;
  border-color: var(--color-border);
  box-shadow: none;
}

.tracking-card-v2__body {
  min-width: 0;
  padding: 16px;
}

.tracking-card-v2__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.tracking-creator-v2 {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--color-text-muted);
  font-size: 10px;
}

.tracking-creator-v2 img,
.tracking-creator-v2 > b {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: var(--color-lilac-pale);
  color: var(--color-plum);
  object-fit: cover;
}

.tracking-creator-v2 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tracking-status-v2 {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--color-lilac-pale);
  color: var(--color-plum);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.tracking-card-v2__body h3 {
  margin: 12px 0 8px;
  color: var(--color-plum);
  font-family: "Baloo 2", var(--font-family);
  font-size: 20px;
  line-height: 1.08;
}

.tracking-meta-v2 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.tracking-meta-v2 span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 4px 7px;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  color: var(--color-text-muted);
  font-size: 9px;
  font-weight: 800;
}

.tracking-meta-v2 .icon {
  width: 13px;
  height: 13px;
  color: var(--color-turquoise-deep);
}

.tracking-description-v2 {
  margin: 10px 0 0;
  padding: 10px 11px;
  border: 1px solid rgba(243, 164, 131, .33);
  border-radius: 12px;
  background: var(--color-cream);
  color: var(--color-text-muted);
  font-size: 10px;
  line-height: 1.45;
}

.tracking-schedule-v2 {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 11px;
  padding: 10px;
  border: 1px solid rgba(243, 164, 131, .45);
  border-radius: 14px;
  background: var(--color-cream-strong);
}

.tracking-schedule-v2 > span:not(.tracking-calendar-v2) {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #fff;
  color: var(--color-turquoise-deep);
}

.tracking-schedule-v2 .icon {
  width: 22px;
  height: 22px;
}

.tracking-schedule-v2 > div {
  display: grid;
  gap: 2px;
}

.tracking-schedule-v2 strong {
  color: var(--color-plum);
  font-size: 12px;
}

.tracking-schedule-v2 small {
  color: var(--color-text-muted);
  font-size: 9px;
}

.tracking-schedule-v2--now {
  border-color: rgba(105, 201, 195, .55);
  background: var(--color-turquoise-pale);
}

.tracking-schedule-v2--undated {
  border-color: var(--color-border);
  background: var(--color-lilac-pale);
}

.tracking-calendar-v2 {
  width: 52px;
  flex: 0 0 52px;
  overflow: hidden;
  border: 1px solid rgba(198, 75, 103, .2);
  border-radius: 10px;
  background: #fff;
  text-align: center;
}

.tracking-calendar-v2 small,
.tracking-calendar-v2 b {
  display: block;
}

.tracking-calendar-v2 small {
  padding: 4px;
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
  font-size: 8px;
  font-weight: 900;
}

.tracking-calendar-v2 b {
  padding: 5px;
  color: var(--color-plum);
  font-size: 18px;
}

.tracking-realized-date-v2 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 11px;
  color: var(--color-turquoise-deep);
  font-size: 11px;
}

.tracking-realized-date-v2 .icon {
  width: 18px;
  height: 18px;
}

.tracking-redo-v2 {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.tracking-redo-grid-v2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.tracking-redo-grid-v2 > :only-child {
  grid-column: 1 / -1;
}

.tracking-redo-person-v2 {
  display: grid;
  gap: 2px;
  padding: 8px;
  border: 1px solid var(--color-border);
  border-radius: 11px;
  background: #fff;
}

.tracking-redo-person-v2 span,
.tracking-redo-person-v2 small {
  color: var(--color-text-muted);
  font-size: 8px;
}

.tracking-redo-person-v2 strong {
  color: var(--color-plum);
  font-size: 10px;
}

.tracking-redo-person-v2--yes {
  border-color: rgba(40, 127, 134, .25);
  background: var(--color-turquoise-pale);
}

.tracking-redo-person-v2--no {
  border-color: rgba(198, 75, 103, .25);
  background: var(--color-raspberry-pale);
}

.tracking-redo-person-v2--maybe {
  background: var(--color-cream-strong);
}

.tracking-redo-common-v2 {
  display: grid;
  gap: 2px;
  padding: 9px 10px;
  border-radius: 11px;
  background: var(--color-lilac-pale);
}

.tracking-redo-common-v2 strong {
  color: var(--color-plum);
  font-size: 11px;
}

.tracking-redo-common-v2 span {
  color: var(--color-text-muted);
  font-size: 9px;
  line-height: 1.35;
}

.tracking-redo-common-v2--yes {
  background: var(--color-turquoise-pale);
}

.tracking-redo-common-v2--no {
  background: var(--color-raspberry-pale);
}

.tracking-redo-common-v2--maybe {
  background: var(--color-cream-strong);
}

.tracking-actions-v2 {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.tracking-actions-v2 .button {
  min-height: 38px;
  padding: 7px 11px;
  font-size: 10px;
}

.tracking-empty-v2 {
  min-height: 270px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 28px;
  border: 1px dashed rgba(105, 201, 195, .75);
  border-radius: 20px;
  background: #fff;
  text-align: center;
}

.tracking-empty-v2 > span {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: var(--color-turquoise-pale);
  color: var(--color-turquoise-deep);
}

.tracking-empty-v2 .icon {
  width: 28px;
  height: 28px;
}

.tracking-empty-v2 h3,
.tracking-empty-v2 p {
  margin: 0;
}

.tracking-empty-v2 h3 {
  color: var(--color-plum);
  font-family: "Baloo 2", var(--font-family);
}

.tracking-empty-v2 p {
  max-width: 520px;
  color: var(--color-text-muted);
}

.tracking-dialog-layer-v2 {
  position: fixed;
  inset: 0;
  z-index: 180;
  display: grid;
  place-items: center;
  padding: 24px;
}

.tracking-dialog-backdrop-v2 {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(35, 31, 55, .48);
  backdrop-filter: blur(5px);
}

.tracking-detail-dialog-v2,
.tracking-form-dialog-v2,
.tracking-redo-dialog-v2 {
  position: relative;
  z-index: 1;
  width: min(760px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  border: 1px solid var(--color-border);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(35, 31, 55, .25);
}

.tracking-detail-dialog-v2 {
  display: grid;
  grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr);
}

.tracking-detail-dialog-v2 > img {
  width: 100%;
  height: 100%;
  min-height: 480px;
  object-fit: cover;
}

.tracking-detail-dialog-v2 > div {
  padding: 28px;
}

.tracking-detail-dialog-v2 h2,
.tracking-form-dialog-v2 h2,
.tracking-redo-dialog-v2 h2 {
  margin: 8px 0 10px;
  color: var(--color-plum);
  font-family: "Baloo 2", var(--font-family);
}

.tracking-detail-dialog-v2 > div > p {
  color: var(--color-text-muted);
  line-height: 1.55;
}

.tracking-dialog-close-v2 {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  background: #fff;
}

.tracking-tags-v2 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0;
}

.tracking-tags-v2 span {
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--color-lilac-pale);
  color: var(--color-plum);
  font-size: 9px;
  font-weight: 800;
}

.tracking-collections-v2 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--color-turquoise-deep) !important;
  font-size: 10px;
  font-weight: 800;
}

.tracking-collections-v2 .icon {
  width: 16px;
  height: 16px;
}

.tracking-form-dialog-v2,
.tracking-redo-dialog-v2 {
  width: min(560px, 100%);
  padding: 28px;
}

.tracking-form-dialog-v2__icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 17px;
  background: var(--color-turquoise-pale);
  color: var(--color-turquoise-deep);
}

.tracking-form-dialog-v2__icon--done {
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
}

.tracking-form-dialog-v2__icon .icon {
  width: 26px;
  height: 26px;
}

.tracking-form-dialog-v2 > p,
.tracking-redo-dialog-v2 > p {
  color: var(--color-text-muted);
}

.tracking-form-dialog-v2 label {
  display: grid;
  gap: 6px;
  margin: 18px 0;
  color: var(--color-plum);
  font-weight: 900;
}

.tracking-form-dialog-v2 input {
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--color-border);
  border-radius: 13px;
  color: var(--color-plum);
  font: inherit;
}

.tracking-form-dialog-v2 > div:last-child {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.tracking-redo-options-v2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.tracking-redo-option-v2 {
  min-height: 140px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  padding: 14px;
  border: 2px solid var(--color-border);
  border-radius: 17px;
  background: #fff;
  color: var(--color-plum);
  cursor: pointer;
}

.tracking-redo-option-v2 .icon {
  width: 28px;
  height: 28px;
}

.tracking-redo-option-v2 span {
  color: var(--color-text-muted);
  font-size: 9px;
  text-align: center;
}

.tracking-redo-option-v2--yes:hover,
.tracking-redo-option-v2--yes.is-selected {
  border-color: var(--color-turquoise-deep);
  background: var(--color-turquoise-pale);
  color: var(--color-turquoise-deep);
}

.tracking-redo-option-v2--no:hover,
.tracking-redo-option-v2--no.is-selected {
  border-color: var(--color-raspberry);
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
}

.tracking-redo-option-v2--maybe:hover,
.tracking-redo-option-v2--maybe.is-selected {
  border-color: var(--color-coral);
  background: var(--color-cream-strong);
}

@media (max-width: 1180px) {
  .tracking-grid-v2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .tracking-tabs-v2 {
    grid-template-columns: 1fr;
  }

  .tracking-tabs-v2 button {
    min-height: 50px;
  }

  .tracking-card-v2,
  .tracking-detail-dialog-v2 {
    grid-template-columns: 1fr;
  }

  .tracking-card-v2__visual img {
    min-height: 220px;
    max-height: 260px;
  }

  .tracking-detail-dialog-v2 > img {
    min-height: 220px;
    max-height: 280px;
  }

  .tracking-actions-v2 .button,
  .tracking-form-dialog-v2 > div:last-child .button {
    width: 100%;
  }

  .tracking-form-dialog-v2 > div:last-child {
    flex-direction: column-reverse;
  }

  .tracking-redo-options-v2 {
    grid-template-columns: 1fr;
  }

  .tracking-redo-option-v2 {
    min-height: 105px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tracking-card-v2 {
    transition: none;
  }
}


.tracking-tabs-v2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tracking-tabs-v2 button .icon {
  width: 20px;
  height: 20px;
  color: currentColor;
}

.tracking-toolbar-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, .32fr);
  gap: 12px;
  padding: 13px;
  border: 1px solid var(--color-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(64, 58, 92, .05);
}

.tracking-toolbar-v2 label {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  border: 1px solid var(--color-border);
  border-radius: 13px;
  background: var(--color-bg);
}

.tracking-toolbar-v2 label .icon {
  width: 19px;
  height: 19px;
  color: var(--color-turquoise-deep);
}

.tracking-toolbar-v2 input,
.tracking-toolbar-v2 select {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--color-border);
  border-radius: 13px;
  background: #fff;
  color: var(--color-plum);
  font: inherit;
}

.tracking-toolbar-v2 input {
  min-height: auto;
  border: 0;
  background: transparent;
  outline: 0;
}

.tracking-toolbar-v2 select {
  padding: 0 12px;
  font-weight: 800;
}

.tracking-planned-layout-v2,
.tracking-section-v2 {
  display: grid;
  gap: 16px;
}

.tracking-section-v2 {
  padding: 18px;
  border: 1px solid var(--color-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(64, 58, 92, .055);
}

.tracking-section-v2--now {
  background: var(--color-turquoise-pale);
}

.tracking-section-v2--confirmation {
  background: var(--color-cream);
}

.tracking-section-v2--later,
.tracking-section-v2--realized {
  background: #fff;
}

.tracking-section-header-v2 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.tracking-section-header-v2 h2,
.tracking-section-header-v2 p {
  margin: 0;
}

.tracking-section-header-v2 h2 {
  color: var(--color-plum);
  font-family: "Baloo 2", var(--font-family);
  font-size: 24px;
}

.tracking-section-header-v2 > div > p:last-child {
  margin-top: 3px;
  color: var(--color-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.tracking-section-header-v2 > span {
  min-width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: var(--color-raspberry);
  font-weight: 900;
  box-shadow: 0 5px 14px rgba(64, 58, 92, .08);
}

.tracking-now-list-v2 {
  display: grid;
  gap: 14px;
}

.tracking-now-card-v2 {
  display: grid;
  grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr);
  overflow: hidden;
  border: 1px solid rgba(105, 201, 195, .7);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 15px 38px rgba(40, 127, 134, .1);
}

.tracking-now-card-v2__image {
  position: relative;
  min-height: 390px;
  overflow: hidden;
  background: var(--color-cream);
}

.tracking-now-card-v2__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tracking-now-card-v2__image > span {
  position: absolute;
  left: 14px;
  bottom: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  color: var(--color-plum);
  font-size: 10px;
  font-weight: 900;
}

.tracking-now-card-v2__image .icon {
  width: 15px;
  height: 15px;
  color: var(--color-raspberry);
}

.tracking-now-card-v2__body {
  padding: 24px;
}

.tracking-now-card-v2__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.tracking-now-badge-v2 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: 999px;
  background: var(--color-turquoise-pale);
  color: var(--color-turquoise-deep);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.tracking-now-badge-v2 .icon {
  width: 15px;
  height: 15px;
}

.tracking-now-card-v2 h3 {
  margin: 16px 0 7px;
  color: var(--color-plum);
  font-family: "Baloo 2", var(--font-family);
  font-size: 28px;
  line-height: 1.08;
}

.tracking-now-card-v2__body > p {
  margin: 0 0 13px;
  color: var(--color-text-muted);
  line-height: 1.55;
}

.tracking-route-preview-v2 {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(105, 201, 195, .45);
  border-radius: 15px;
  background: var(--color-turquoise-pale);
}

.tracking-route-preview-v2 strong {
  color: var(--color-turquoise-deep);
  font-size: 12px;
}

.tracking-route-preview-v2 ul,
.tracking-route-print-v2 ul {
  margin: 9px 0 0;
  padding-left: 20px;
  color: var(--color-plum);
  font-size: 11px;
  line-height: 1.55;
}

.tracking-card-v2--confirmation {
  border-top-color: var(--color-raspberry);
}

.tracking-schedule-v2--confirmation {
  border-color: rgba(198, 75, 103, .35);
  background: var(--color-raspberry-pale);
}

.tracking-status-v2--yes {
  background: var(--color-turquoise-pale);
  color: var(--color-turquoise-deep);
}

.tracking-status-v2--no {
  background: var(--color-lilac-pale);
  color: var(--color-text-muted);
}

.tracking-status-v2--maybe {
  background: var(--color-cream-strong);
  color: var(--color-plum);
}

.tracking-status-v2--pending {
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
}

.tracking-inline-empty-v2 {
  min-height: 92px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px dashed var(--color-border);
  border-radius: 16px;
  background: rgba(255, 255, 255, .7);
}

.tracking-inline-empty-v2 > span {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: var(--color-lilac-pale);
  color: var(--color-turquoise-deep);
}

.tracking-inline-empty-v2 .icon {
  width: 22px;
  height: 22px;
}

.tracking-inline-empty-v2 div {
  display: grid;
  gap: 2px;
}

.tracking-inline-empty-v2 strong {
  color: var(--color-plum);
}

.tracking-inline-empty-v2 small {
  color: var(--color-text-muted);
}

.tracking-calendar-panel-v2 {
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(64, 58, 92, .055);
}

.tracking-calendar-panel-v2 > header {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 10px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--color-border);
  text-align: center;
}

.tracking-calendar-panel-v2 > header h2,
.tracking-calendar-panel-v2 > header p {
  margin: 0;
}

.tracking-calendar-panel-v2 > header h2 {
  color: var(--color-plum);
  font-family: "Baloo 2", var(--font-family);
  text-transform: capitalize;
}

.tracking-calendar-panel-v2 > header button {
  width: 42px;
  height: 42px;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  background: #fff;
  color: var(--color-plum);
  font-size: 23px;
  cursor: pointer;
}

.tracking-calendar-weekdays-v2,
.tracking-calendar-grid-v2 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.tracking-calendar-weekdays-v2 span {
  padding: 9px 4px;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-lilac-pale);
  color: var(--color-text-muted);
  font-size: 9px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.tracking-calendar-grid-v2 > div {
  min-height: 112px;
  display: grid;
  align-content: start;
  gap: 5px;
  padding: 8px;
  border-right: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.tracking-calendar-grid-v2 > div:nth-child(7n) {
  border-right: 0;
}

.tracking-calendar-grid-v2 > div.is-empty {
  background: var(--color-bg);
}

.tracking-calendar-grid-v2 b {
  color: var(--color-plum);
  font-size: 11px;
}

.tracking-calendar-grid-v2 button {
  width: 100%;
  overflow: hidden;
  padding: 5px 6px;
  border: 0;
  border-radius: 7px;
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
  font-size: 8px;
  font-weight: 800;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.tracking-outcome-filters-v2 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tracking-outcome-filters-v2 button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: #fff;
  color: var(--color-plum);
  font: 800 10px/1 var(--font-family);
  cursor: pointer;
}

.tracking-outcome-filters-v2 button b {
  min-width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--color-lilac-pale);
  font-size: 9px;
}

.tracking-outcome-filters-v2 button.is-active {
  border-color: rgba(198, 75, 103, .35);
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
}

.tracking-feedback-v2 {
  display: grid;
  gap: 8px;
  margin-top: 11px;
}

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

.tracking-feedback-grid-v2 > :only-child {
  grid-column: 1 / -1;
}

.tracking-feedback-person-v2 {
  min-width: 0;
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid var(--color-border);
  border-radius: 13px;
  background: #fff;
}

.tracking-feedback-person-v2 > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.tracking-feedback-person-v2 > header span,
.tracking-feedback-person-v2 > header small {
  color: var(--color-text-muted);
  font-size: 8px;
}

.tracking-feedback-person-v2 > strong {
  color: var(--color-plum);
  font-size: 10px;
}

.tracking-feedback-person-v2 blockquote {
  margin: 2px 0 0;
  padding: 7px 8px;
  border-left: 3px solid var(--color-coral);
  background: var(--color-cream);
  color: var(--color-text-muted);
  font-size: 8px;
  line-height: 1.45;
}

.tracking-feedback-person-v2--yes {
  background: var(--color-turquoise-pale);
}

.tracking-feedback-person-v2--no {
  background: var(--color-lilac-pale);
}

.tracking-feedback-person-v2--maybe {
  background: var(--color-cream-strong);
}

.tracking-rating-v2 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.tracking-rating-v2 b {
  color: var(--color-coral);
  letter-spacing: .08em;
  font-size: 12px;
}

.tracking-rating-v2 small,
.tracking-rating-empty-v2 {
  color: var(--color-text-muted);
  font-size: 8px;
}

.tracking-feedback-common-v2 {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 10px;
  border-radius: 13px;
  background: var(--color-lilac-pale);
}

.tracking-feedback-common-v2 > div {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #fff;
  color: var(--color-turquoise-deep);
}

.tracking-feedback-common-v2 .icon {
  width: 20px;
  height: 20px;
}

.tracking-feedback-common-v2 > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.tracking-feedback-common-v2 strong {
  color: var(--color-plum);
  font-size: 11px;
}

.tracking-feedback-common-v2 small {
  color: var(--color-text-muted);
  font-size: 8px;
  line-height: 1.4;
}

.tracking-feedback-common-v2--yes {
  background: var(--color-turquoise-pale);
}

.tracking-feedback-common-v2--no {
  background: var(--color-lilac-pale);
}

.tracking-feedback-common-v2--maybe {
  background: var(--color-cream-strong);
}

.tracking-route-dialog-v2,
.tracking-confirm-dialog-v2,
.tracking-feedback-dialog-v2 {
  position: relative;
  z-index: 1;
  width: min(720px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  padding: 26px;
  border: 1px solid var(--color-border);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(35, 31, 55, .25);
}

.tracking-route-dialog-v2 h2,
.tracking-route-dialog-v2 h3,
.tracking-confirm-dialog-v2 h2,
.tracking-feedback-dialog-v2 h2 {
  color: var(--color-plum);
  font-family: "Baloo 2", var(--font-family);
}

.tracking-route-print-v2 {
  display: grid;
  gap: 16px;
}

.tracking-route-print-v2 header h2,
.tracking-route-print-v2 header p {
  margin: 0;
}

.tracking-route-print-v2 > img {
  width: 100%;
  max-height: 280px;
  object-fit: cover;
  border-radius: 18px;
}

.tracking-route-print-v2 > section {
  padding: 14px;
  border: 1px solid var(--color-border);
  border-radius: 15px;
  background: var(--color-bg);
}

.tracking-route-print-v2 > section h3 {
  margin: 0 0 8px;
  font-size: 17px;
}

.tracking-route-dialog-v2 > footer,
.tracking-feedback-dialog-v2__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 18px;
}

.tracking-confirm-dialog-v2 > p,
.tracking-feedback-dialog-v2 > p {
  color: var(--color-text-muted);
  line-height: 1.5;
}

.tracking-confirm-dialog-v2 > label,
.tracking-comment-field-v2 {
  display: grid;
  gap: 6px;
  margin: 16px 0;
  color: var(--color-plum);
  font-weight: 900;
}

.tracking-confirm-dialog-v2 input,
.tracking-comment-field-v2 textarea {
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--color-border);
  border-radius: 13px;
  color: var(--color-plum);
  font: inherit;
}

.tracking-confirm-actions-v2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.tracking-confirm-choice-v2 {
  min-height: 150px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  padding: 14px;
  border: 2px solid var(--color-border);
  border-radius: 17px;
  background: #fff;
  color: var(--color-plum);
  text-align: center;
  cursor: pointer;
}

.tracking-confirm-choice-v2 .icon {
  width: 28px;
  height: 28px;
}

.tracking-confirm-choice-v2 span {
  color: var(--color-text-muted);
  font-size: 9px;
  line-height: 1.35;
}

.tracking-confirm-choice-v2--done {
  border-color: rgba(40, 127, 134, .35);
  background: var(--color-turquoise-pale);
  color: var(--color-turquoise-deep);
}

.tracking-confirm-choice-v2--cancel {
  border-color: rgba(198, 75, 103, .25);
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
}

.tracking-feedback-dialog-v2 fieldset {
  margin: 18px 0 0;
  padding: 14px;
  border: 1px solid var(--color-border);
  border-radius: 16px;
}

.tracking-feedback-dialog-v2 legend {
  padding: 0 7px;
  color: var(--color-plum);
  font-weight: 900;
}

.tracking-rating-options-v2 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.tracking-rating-options-v2 label {
  cursor: pointer;
}

.tracking-rating-options-v2 input,
.tracking-redo-option-v2 input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.tracking-rating-options-v2 span {
  min-height: 60px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  border: 2px solid var(--color-border);
  border-radius: 13px;
  background: #fff;
  color: var(--color-plum);
  font-weight: 900;
}

.tracking-rating-options-v2 span b {
  color: var(--color-coral);
}

.tracking-rating-options-v2 input:checked + span {
  border-color: var(--color-raspberry);
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
}

.tracking-redo-option-v2 {
  position: relative;
}

.tracking-redo-option-v2:has(input:checked) {
  border-color: var(--color-raspberry);
  box-shadow: 0 0 0 2px rgba(198, 75, 103, .1);
}

.tracking-comment-field-v2 span small {
  color: var(--color-text-muted);
  font-weight: 600;
}

.tracking-history-v2 {
  margin-top: 16px;
  padding: 13px;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: var(--color-bg);
}

.tracking-history-v2 h3 {
  margin: 0 0 9px;
  color: var(--color-plum);
}

.tracking-history-v2 p {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 5px 0;
  color: var(--color-text-muted);
  font-size: 10px;
}

@media (max-width: 980px) {
  .tracking-now-card-v2 {
    grid-template-columns: 1fr;
  }

  .tracking-now-card-v2__image {
    min-height: 260px;
    max-height: 320px;
  }

  .tracking-toolbar-v2 {
    grid-template-columns: 1fr;
  }

  .tracking-confirm-actions-v2 {
    grid-template-columns: 1fr;
  }

  .tracking-confirm-choice-v2 {
    min-height: 105px;
  }
}

@media (max-width: 760px) {
  .tracking-section-v2 {
    padding: 13px;
    border-radius: 18px;
  }

  .tracking-section-header-v2 h2 {
    font-size: 21px;
  }

  .tracking-now-card-v2__body {
    padding: 16px;
  }

  .tracking-now-card-v2 h3 {
    font-size: 23px;
  }

  .tracking-now-card-v2__top {
    align-items: flex-start;
    flex-direction: column;
  }

  .tracking-calendar-grid-v2 > div {
    min-height: 78px;
    padding: 4px;
  }

  .tracking-calendar-grid-v2 button {
    padding: 4px;
    font-size: 0;
  }

  .tracking-calendar-grid-v2 button::before {
    content: "•";
    font-size: 15px;
  }

  .tracking-feedback-grid-v2,
  .tracking-rating-options-v2 {
    grid-template-columns: 1fr;
  }

  .tracking-feedback-common-v2 {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .tracking-feedback-common-v2 > .tracking-rating-v2 {
    grid-column: 1 / -1;
  }

  .tracking-route-dialog-v2,
  .tracking-confirm-dialog-v2,
  .tracking-feedback-dialog-v2 {
    padding: 20px 15px;
  }

  .tracking-route-dialog-v2 > footer,
  .tracking-feedback-dialog-v2__actions {
    flex-direction: column-reverse;
  }

  .tracking-route-dialog-v2 > footer .button,
  .tracking-feedback-dialog-v2__actions .button {
    width: 100%;
  }
}

@media print {
  body * {
    visibility: hidden !important;
  }

  .tracking-route-dialog-v2,
  .tracking-route-dialog-v2 * {
    visibility: visible !important;
  }

  .tracking-route-layer-v2 {
    position: static !important;
    display: block !important;
    padding: 0 !important;
  }

  .tracking-route-dialog-v2 {
    position: static !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .tracking-route-dialog-v2 > footer,
  .tracking-route-dialog-v2 > .tracking-dialog-close-v2,
  .tracking-dialog-backdrop-v2 {
    display: none !important;
  }
}



.tracking-card-v2[data-focus-highlight],
.tracking-now-card-v2[data-focus-highlight] {
  scroll-margin-top: 96px;
}

.tracking-card-v2[data-focus-highlight],
.tracking-now-card-v2[data-focus-highlight] {
  border-color: var(--color-turquoise);
  box-shadow: 0 0 0 3px rgba(105, 201, 195, 0.28), 0 18px 34px rgba(64, 58, 92, 0.11);
  transform: translateY(-1px);
}


.tracking-hero-v3 {
  display: grid;
  min-height: 232px;
  grid-template-columns: minmax(0, 1.12fr) minmax(270px, 0.62fr);
  align-items: center;
  gap: clamp(20px, 2.2vw, 36px);
  overflow: hidden;
  padding: 24px clamp(22px, 2.5vw, 36px);
  border: 1px solid rgba(64, 58, 92, 0.08);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(64, 58, 92, 0.09);
}
.tracking-hero-v3__copy { max-width: 700px; }
.tracking-hero-v3 .section-eyebrow {
  margin: 0 0 8px;
  color: var(--eiv-turquoise-deep, #287f86);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.tracking-hero-v3 h2 {
  margin: 0;
  color: var(--eiv-plum, #403a5c);
  font-size: clamp(24px, 2vw, 36px);
  line-height: 1.1;
}
.tracking-hero-v3 h2::after {
  display: block;
  width: 46px;
  height: 4px;
  margin-top: 18px;
  border-radius: 999px;
  background: var(--eiv-turquoise-deep, #287f86);
  content: "";
}
.tracking-hero-v3__summary {
  max-width: 700px;
  margin: 16px 0 0;
  color: var(--eiv-text-secondary, #777086);
  font-size: 13px;
  line-height: 1.6;
}
.tracking-hero-v3 > img {
  display: block;
  width: min(100%, 300px);
  height: 205px;
  justify-self: end;
  align-self: center;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 1220px) {
  .tracking-hero-v3 { min-height: 220px; grid-template-columns: minmax(0, 1fr) 280px; }
  .tracking-hero-v3 > img { width: 270px; height: 190px; }
}
@media (max-width: 920px) {
  .tracking-hero-v3 { min-height: 0; grid-template-columns: 1fr; }
  .tracking-hero-v3__copy { max-width: none; }
  .tracking-hero-v3 > img { width: min(100%, 320px); height: auto; max-height: 220px; justify-self: center; }
}
@media (max-width: 680px) {
  .tracking-hero-v3 { padding: 18px; border-radius: 21px; }
  .tracking-hero-v3 h2 { font-size: 22px; }
  .tracking-hero-v3 h2::after { width: 40px; height: 3px; margin-top: 14px; }
  .tracking-hero-v3__summary { margin-top: 14px; font-size: 12px; }
  .tracking-hero-v3 > img { width: min(100%, 260px); max-height: 200px; }
}

/* 17. Release polish migrated rules */




.library-view-switch{display:flex;gap:6px;padding:4px;border:1px solid var(--eiv-border);border-radius:14px;background:#fff}.library-view-switch button{display:flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--eiv-text-secondary);font-weight:900}.library-view-switch button.is-active{background:var(--eiv-raspberry-pale);color:var(--eiv-raspberry)}.library-filter-panel{margin-top:12px}.library-filter-toggle{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--eiv-border);border-radius:13px;background:#fff;color:var(--eiv-plum);font-weight:900}.library-filter-toggle span{display:grid;min-width:22px;height:22px;place-items:center;border-radius:99px;background:var(--eiv-raspberry);color:#fff;font-size:12px}.library-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;gap:12px;align-items:end;margin-top:10px;padding:16px;border:1px solid var(--eiv-border);border-radius:16px;background:var(--eiv-lilac-pale)}.library-filter-grid label,.what-field,.what-inline-field{display:grid;gap:6px;color:var(--eiv-turquoise-deep);font-size:12px;font-weight:900}.library-filter-grid select,.what-field select,.what-inline-field input{width:100%;min-height:42px;padding:0 11px;border:1px solid var(--eiv-border);border-radius:11px;background:#fff;color:var(--eiv-plum);font:inherit}.idea-card__reference-context{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.idea-card__reference-context span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:99px;background:var(--eiv-cream);color:var(--eiv-plum);font-size:12px;font-weight:800}.idea-card__reference-context svg{width:15px;height:15px;color:var(--eiv-turquoise-deep)}
.library-map-view{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:20px}.library-map-canvas{position:relative;min-height:500px;overflow:hidden;border:1px solid var(--eiv-border);border-radius:24px;background:var(--eiv-turquoise-pale)}.library-map-shape{position:absolute;inset:8% 8%;border:2px solid rgba(40,127,134,.22);border-radius:44% 56% 38% 62%;background:rgba(255,255,255,.74);box-shadow:inset 0 0 0 22px rgba(231,225,240,.34)}.library-map-cluster{position:absolute;left:var(--map-x);top:var(--map-y);display:grid;min-width:110px;transform:translate(-50%,-50%);place-items:center;padding:10px;border:0;border-radius:18px;background:#fff;color:var(--eiv-plum);box-shadow:0 10px 25px rgba(64,58,92,.16);cursor:pointer}.library-map-cluster strong{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--eiv-raspberry);color:#fff;font-size:16px}.library-map-cluster span{margin-top:5px;font-size:11px;font-weight:900}.library-map-cluster:hover{transform:translate(-50%,-54%) scale(1.04)}.library-zone-list{display:grid;align-content:start;gap:9px;padding:18px;border:1px solid var(--eiv-border);border-radius:20px;background:#fff}.library-zone-list button,.library-zone-static{display:grid;gap:2px;padding:12px;border:1px solid var(--eiv-border);border-radius:13px;background:#fff;text-align:left;color:var(--eiv-plum)}.library-zone-list button.is-active,.library-zone-list button:hover{border-color:var(--eiv-turquoise);background:var(--eiv-turquoise-pale)}.library-zone-list button span,.library-zone-static span{color:var(--eiv-text-secondary);font-size:12px}.library-map-note{margin-top:8px;padding:11px;border-radius:12px;background:var(--eiv-cream);color:var(--eiv-text-secondary);font-size:12px}
.terrain-page{display:grid;gap:22px}.terrain-hero strong{color:var(--eiv-raspberry)}.terrain-new,.terrain-portrait,.terrain-section,.terrain-search-results,.terrain-final-cta,.terrain-rejected{padding:22px;border:1px solid var(--eiv-border);border-radius:22px;background:#fff}.terrain-new header,.terrain-section>header,.terrain-search-results>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.terrain-new__spark{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:var(--eiv-raspberry-pale);color:var(--eiv-raspberry)}.terrain-new__spark svg{width:32px;height:32px}.terrain-new__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}.terrain-new-card{display:grid;grid-template-columns:110px 1fr;overflow:hidden;border:1px solid var(--eiv-border);border-radius:16px;background:var(--eiv-cream)}.terrain-new-card>img{width:100%;height:100%;min-height:155px;object-fit:cover}.terrain-new-card>div{padding:13px}.terrain-new-card h3{margin:7px 0 3px}.terrain-new-card p{font-size:13px}.terrain-portrait{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;background:var(--eiv-lilac-pale)}.terrain-bubbles{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;min-height:190px}.terrain-bubble{display:grid;width:calc(98px * var(--bubble-scale));height:calc(98px * var(--bubble-scale));place-items:center;padding:10px;border-radius:50%;background:#fff;text-align:center;box-shadow:0 8px 20px rgba(64,58,92,.10)}.terrain-bubble strong{color:var(--eiv-raspberry);font-size:22px}.terrain-bubble span{font-size:11px;font-weight:900}.terrain-bubble--2{background:var(--eiv-turquoise-pale)}.terrain-bubble--3{background:var(--eiv-coral-pale)}.terrain-bubble--4{background:var(--eiv-raspberry-pale)}.terrain-search{position:sticky;top:76px;z-index:5;display:grid;grid-template-columns:1fr 230px;gap:10px;padding:10px;border:1px solid var(--eiv-border);border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(64,58,92,.08)}.terrain-search label{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--eiv-border);border-radius:12px}.terrain-search input,.terrain-search select,.terrain-search>select{width:100%;min-height:42px;border:0;background:transparent;color:var(--eiv-plum);font:inherit}.terrain-category-controls{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.terrain-category-controls button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 11px;border:1px solid var(--eiv-border);border-radius:99px;background:#fff;color:var(--eiv-plum);font-weight:800}.terrain-category-controls button.is-active{border-color:var(--eiv-raspberry);background:var(--eiv-raspberry-pale);color:var(--eiv-raspberry)}.terrain-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.terrain-card-grid--featured{grid-template-columns:repeat(2,minmax(0,1fr))}.terrain-card{position:relative;overflow:hidden;border:1px solid var(--eiv-border);border-radius:18px;background:#fff;box-shadow:0 6px 16px rgba(64,58,92,.06);transition:transform .2s ease,box-shadow .2s ease}.terrain-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(64,58,92,.12)}.terrain-card>img,.terrain-card__fallback{width:100%;height:155px;object-fit:cover}.terrain-card__fallback{display:grid;place-items:center;background:var(--eiv-lilac-pale);color:var(--eiv-plum)}.terrain-card__fallback svg{width:48px;height:48px}.terrain-card__body{padding:15px}.terrain-card__body>div:first-child{display:flex;flex-wrap:wrap;gap:7px}.terrain-card h3{margin:10px 0 5px}.terrain-card p{color:var(--eiv-text-secondary);font-size:13px}.terrain-card small{display:flex;align-items:center;gap:5px;color:var(--eiv-turquoise-deep);font-weight:800}.terrain-card__open{position:absolute;inset:0;z-index:1;border:0;background:transparent}.terrain-dialogue-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.terrain-dialogue-actions button{padding:6px 8px;border:1px solid var(--eiv-border);border-radius:9px;background:#fff;color:var(--eiv-plum);font-size:11px;font-weight:800}.terrain-section--love{background:var(--eiv-turquoise-pale)}.terrain-section--compromise{background:var(--eiv-lilac-pale)}.terrain-section--hesitation{background:var(--eiv-cream)}.terrain-final-cta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;background:var(--eiv-turquoise-pale)}.terrain-final-cta>span{display:grid;width:62px;height:62px;place-items:center;border-radius:50%;background:#fff;color:var(--eiv-turquoise-deep)}.terrain-final-cta svg{width:34px;height:34px}.terrain-rejected{padding:0;overflow:hidden;background:var(--eiv-lilac-pale)}.terrain-rejected>button{display:grid;width:100%;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px;border:0;background:transparent;text-align:left;color:var(--eiv-plum)}.terrain-rejected>button>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#fff;color:var(--eiv-text-secondary)}.terrain-rejected>button div{display:grid}.terrain-rejected>button small{color:var(--eiv-text-secondary)}.terrain-rejected>.terrain-card-grid{padding:0 18px 18px}
.what-mode-heading{margin:18px 0 8px}.what-mode-switch-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.what-engine{display:grid;gap:18px;margin-top:18px;padding:22px;border:1px solid var(--eiv-border);border-radius:22px;background:#fff}.what-engine>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.what-engine>header>strong{display:grid;min-width:90px;padding:10px;border-radius:16px;background:var(--eiv-turquoise-pale);color:var(--eiv-turquoise-deep);font-size:25px;text-align:center}.what-engine>header small{display:block;font-size:11px}.what-criteria-summary{display:flex;flex-wrap:wrap;gap:7px;margin:0}.what-criteria-summary span{padding:7px 10px;border-radius:99px;background:var(--eiv-raspberry-pale);color:var(--eiv-raspberry);font-size:12px;font-weight:900}.what-criteria-summary--empty{padding:10px 12px;border-radius:12px;background:var(--eiv-cream);color:var(--eiv-text-secondary);font-size:13px}.what-engine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.what-engine fieldset{min-width:0;margin:0;padding:16px;border:1px solid var(--eiv-border);border-radius:17px;background:var(--eiv-bg)}.what-engine legend{display:flex;align-items:center;gap:8px;padding:0 5px;color:var(--eiv-plum);font-weight:900}.what-engine legend span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:var(--eiv-raspberry);color:#fff;font-size:12px}.what-choice-grid--compact{margin-top:9px}.what-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.what-engine-universe{grid-column:1/-1}.what-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.what-tags>span{width:100%;color:var(--eiv-turquoise-deep);font-size:12px;font-weight:900}.what-tags button{padding:6px 9px;border:1px solid var(--eiv-border);border-radius:99px;background:#fff;color:var(--eiv-plum)}.what-tags button.is-selected{border-color:var(--eiv-raspberry);background:var(--eiv-raspberry-pale);color:var(--eiv-raspberry)}.what-engine-actions{display:flex;justify-content:flex-end;gap:10px}.what-results-v3,.what-choice-detail-v3,.what-wheel-card-v3,.what-grand-slam-explain,.what-duel-head,.what-champion{margin-top:18px;padding:22px;border:1px solid var(--eiv-border);border-radius:22px;background:#fff}.what-results-v3>header{display:flex;justify-content:space-between;gap:16px}.what-results-grid{display:grid;gap:14px;margin-top:16px}.what-result-card-v3{display:grid;grid-template-columns:190px 1fr;overflow:hidden;border:1px solid var(--eiv-border);border-radius:18px;background:#fff}.what-result-card-v3>img{width:100%;height:100%;min-height:210px;object-fit:cover}.what-result-card-v3>div{padding:16px}.what-result-card-v3--near{background:var(--eiv-cream)}.what-result-card-v3--unknown{background:var(--eiv-lilac-pale)}.what-match-badge{display:inline-block;padding:5px 8px;border-radius:99px;background:var(--eiv-turquoise-pale);color:var(--eiv-turquoise-deep);font-size:11px;font-weight:900}.what-result-actions{display:flex;gap:8px;margin-top:13px}.what-results-footer{display:flex;justify-content:center;margin-top:16px}.what-choice-detail-v3>article{display:grid;grid-template-columns:minmax(250px,.8fr) 1.2fr;gap:20px;margin-top:14px}.what-choice-detail-v3>article>img{width:100%;max-height:360px;border-radius:18px;object-fit:cover}.what-choice-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.what-surprise-v3,.what-grand-slam-v3{display:grid;gap:18px}.what-wheel-card-v3{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:24px;background:var(--eiv-turquoise-pale)}.what-wheel-card-v3>div:last-child>div{display:flex;gap:8px;margin-top:12px}.what-grand-slam-explain{text-align:center;background:var(--eiv-lilac-pale)}.what-grand-slam-explain>span,.what-duel-head>span,.what-champion>span{display:grid;width:66px;height:66px;margin:0 auto 12px;place-items:center;border-radius:50%;background:#fff;color:var(--eiv-raspberry)}.what-grand-slam-explain svg,.what-duel-head svg,.what-champion svg{width:36px;height:36px}.what-duel-head{display:flex;align-items:center;gap:18px}.what-duel-head>span{margin:0}.what-duel-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:26px}.what-duel-card{overflow:hidden;border:1px solid var(--eiv-border);border-radius:20px;background:#fff}.what-duel-card>img{width:100%;height:220px;object-fit:cover}.what-duel-card>div{padding:18px}.what-duel-vs{position:absolute;left:50%;top:42%;display:grid;width:48px;height:48px;transform:translate(-50%,-50%);place-items:center;border-radius:50%;background:var(--eiv-raspberry);color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(64,58,92,.18)}.what-champion{text-align:center;background:var(--eiv-turquoise-pale)}.what-champion>img{width:min(520px,100%);max-height:300px;border-radius:20px;object-fit:cover}.what-champion>div{display:flex;justify-content:center;gap:9px;margin-top:14px}
@media(max-width:980px){.library-filter-grid{grid-template-columns:repeat(2,1fr)}.library-map-view,.terrain-portrait,.what-wheel-card-v3{grid-template-columns:1fr}.terrain-new__grid,.terrain-card-grid{grid-template-columns:repeat(2,1fr)}.what-engine-grid{grid-template-columns:1fr}.what-engine-universe{grid-column:auto}.what-field-grid{grid-template-columns:1fr 1fr}.what-mode-switch-v3{grid-template-columns:1fr}.what-duel-grid{gap:14px}}
@media(max-width:680px){.library-sticky-controls,.terrain-search{position:static;grid-template-columns:1fr}.library-map-view,.terrain-new__grid,.terrain-card-grid,.terrain-card-grid--featured,.what-duel-grid{grid-template-columns:1fr}.library-map-canvas{min-height:390px}.library-filter-grid,.what-field-grid{grid-template-columns:1fr}.terrain-new-card{grid-template-columns:90px 1fr}.terrain-final-cta{grid-template-columns:auto 1fr}.terrain-final-cta .button{grid-column:1/-1}.what-engine>header,.what-results-v3>header{display:grid}.what-result-card-v3,.what-choice-detail-v3>article{grid-template-columns:1fr}.what-result-card-v3>img{height:190px}.what-wheel-card-v3{padding:16px}.what-duel-vs{position:static;margin:-7px auto;transform:none}.what-duel-card>img{height:180px}}
@media(prefers-reduced-motion:reduce){.library-map-cluster,.terrain-card{transition:none}.terrain-card:hover,.library-map-cluster:hover{transform:none}}





.idea-library-grid--compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.idea-card--compact{position:relative;display:grid;grid-template-rows:150px 1fr;min-height:0;overflow:hidden;padding:0;border:1px solid var(--eiv-border);border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(64,58,92,.07)}
.idea-card--compact:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(64,58,92,.11)}
.idea-card__compact-media{display:grid;min-height:0;place-items:center;overflow:hidden;background:var(--eiv-cream)}
.idea-card__compact-media img{width:100%;height:100%;object-fit:cover}
.idea-card__compact-media .idea-card__fallback{display:grid;width:100%;height:100%;place-items:center;background:var(--eiv-lilac-pale);color:var(--eiv-plum)}
.idea-card__compact-media .idea-card__fallback svg{width:46px;height:46px}
.idea-card__compact-media--secret{background:var(--eiv-lilac-pale);color:var(--eiv-raspberry)}
.idea-card__compact-media--secret svg{width:52px;height:52px}
.idea-card__compact-body{display:grid;align-content:start;gap:8px;padding:14px}
.idea-card__compact-top{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.idea-card--compact h3{margin:0;color:var(--eiv-plum);font-size:16px;line-height:1.25}
.idea-card--compact p{display:-webkit-box;min-height:42px;margin:0;overflow:hidden;color:var(--eiv-text-secondary);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.idea-card__compact-meta{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px}
.idea-card__compact-meta span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:var(--eiv-cream);color:var(--eiv-plum);font-size:10px;font-weight:800}
.idea-card__compact-meta svg{width:13px;height:13px;color:var(--eiv-turquoise-deep)}
.idea-card__compact-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}
.idea-card--compact-secret p{min-height:0}
.library-load-more{display:grid;justify-items:center;gap:6px;margin-top:18px}
.library-load-more small{color:var(--eiv-text-secondary)}
.library-sticky-controls{grid-template-columns:minmax(260px,1fr) auto auto;align-items:center}
.library-reference-search input{font-size:14px}
.library-category-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}
.library-category-chips button{flex:0 0 auto}
.library-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.library-map-view{margin-top:2px}


.agreements-result-card strong{font-size:28px}
.agreements-result-card small{font-size:12px}
.terrain-new--empty{background:var(--eiv-cream)}
.terrain-new--empty header{align-items:center}
.terrain-new--empty p{max-width:680px;margin-bottom:0;color:var(--eiv-text-secondary)}
.terrain-portrait{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);min-height:220px}
.terrain-bubbles{min-height:150px;gap:14px}
.terrain-bubble{min-width:96px;min-height:96px}
.terrain-bubble span{max-width:90px;line-height:1.15}
.terrain-search{top:72px;margin-top:0}
.terrain-category-controls{margin-top:-8px}
.terrain-section>header{align-items:flex-start}
.terrain-section__header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.terrain-section__toggle{min-height:42px}

.terrain-card{min-width:0}
.terrain-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.terrain-dialogue-actions button{min-height:34px;padding:7px 10px;font-size:12px}


.what-engine{gap:16px}
.what-engine-grid{align-items:start}
.what-engine fieldset{background:#fbfafd}
.what-field-help{margin:0 0 10px;color:var(--eiv-text-secondary);font-size:11px}
.what-choice-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}
.what-choice-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.what-choice-option{min-height:44px;font-size:11px}
.what-choice-option.is-selected{border-width:2px}
.what-inline-field{margin-top:10px}
.what-situation-groups{display:grid;gap:12px}
.what-situation-groups>div{display:grid;gap:7px;padding:11px;border:1px solid var(--eiv-border);border-radius:13px;background:#fff}
.what-situation-groups strong{color:var(--eiv-turquoise-deep);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.what-tags__more{border-style:dashed!important;color:var(--eiv-turquoise-deep)!important;font-weight:900}
.what-engine-actions{position:sticky;bottom:82px;z-index:4;padding:10px;border:1px solid var(--eiv-border);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(64,58,92,.09);backdrop-filter:blur(12px)}
.what-wheel-card-v3--result{min-height:330px}
.what-wheel-pointer{position:absolute;z-index:3;top:-35px;left:50%;transform:translateX(-50%);color:var(--eiv-raspberry);font-style:normal;font-size:28px;filter:drop-shadow(0 3px 3px rgba(64,58,92,.15))}
.what-wheel-v2>span:nth-of-type(1){top:12px;left:72px}.what-wheel-v2>span:nth-of-type(2){top:44px;right:15px}.what-wheel-v2>span:nth-of-type(3){right:16px;bottom:42px}.what-wheel-v2>span:nth-of-type(4){bottom:11px;left:72px}.what-wheel-v2>span:nth-of-type(5){bottom:43px;left:14px}.what-wheel-v2>span:nth-of-type(6){top:44px;left:14px}
.what-wheel-v2.is-selected{box-shadow:0 0 0 8px var(--eiv-turquoise),0 0 0 13px rgba(198,75,103,.12),0 15px 28px rgba(64,58,92,.16)}
.what-wheel-hint{padding:10px 12px;border-radius:12px;background:#fff;color:var(--eiv-text-secondary);font-size:12px}
.what-surprise-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.what-wheel-card-v3>div:last-child>.what-criteria-summary{margin-top:12px}

@media(max-width:1180px){
  .idea-library-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .library-sticky-controls{grid-template-columns:1fr 1fr}.library-reference-search{grid-column:1/-1}
}
@media(max-width:980px){
  .app-sidebar:not(.is-open){visibility:hidden;pointer-events:none}
  .app-main{width:100%;max-width:none}
  .idea-library-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .terrain-portrait{grid-template-columns:1fr}
  .terrain-section__header-actions{justify-content:flex-start}
  .what-engine-actions{bottom:86px}
}
@media(max-width:680px){
  .app-main{padding:14px 12px calc(96px + env(safe-area-inset-bottom))}
  .reference-library-page,.terrain-page,.what-page-v3{gap:14px}
  .library-reference-hero{min-height:0;padding:16px}.library-reference-hero__art{display:none}.library-reference-hero__identity>img{width:56px;height:56px;flex-basis:56px}.library-reference-hero__identity h2{font-size:21px}
  .library-reference-info{align-items:flex-start}.library-reference-info p{font-size:11px}
  .library-sticky-controls{grid-template-columns:1fr}.library-reference-search{grid-column:auto}.library-sort{justify-content:space-between}.library-sort select{min-width:0;flex:1}.library-view-switch{display:grid;grid-template-columns:1fr 1fr}
  .idea-library-grid--compact{grid-template-columns:1fr}.idea-card--compact{grid-template-columns:108px 1fr;grid-template-rows:auto}.idea-card__compact-media{min-height:145px}.idea-card__compact-body{padding:12px}.idea-card--compact h3{font-size:15px}.idea-card--compact p{-webkit-line-clamp:3}
  .library-filter-grid{padding:12px}.library-map-canvas{min-height:330px}.library-map-cluster{min-width:88px;padding:8px}.library-map-cluster span{font-size:10px}
  .agreements-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agreements-result-card{min-height:112px}.agreements-result-card strong{font-size:24px}
  .terrain-new,.terrain-portrait,.terrain-section,.terrain-search-results,.terrain-final-cta{padding:16px;border-radius:18px}.terrain-new header,.terrain-section>header{display:grid}.terrain-section__header-actions{display:grid;width:100%}.terrain-section__header-actions .button{width:100%}.terrain-card-grid,.terrain-card-grid--featured{grid-template-columns:1fr}.terrain-bubbles{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:4px 2px 10px}.terrain-bubble{flex:0 0 auto}.terrain-search{grid-template-columns:1fr}.terrain-category-controls{margin-top:0}
  .what-mode-switch-v3{grid-template-columns:1fr}.what-engine{padding:16px}.what-engine-grid{grid-template-columns:1fr}.what-engine fieldset{padding:13px}.what-choice-grid,.what-choice-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.what-field-grid{grid-template-columns:1fr}.what-engine-actions{bottom:82px;display:grid;grid-template-columns:1fr 1fr}.what-engine-actions .button{width:100%}.what-wheel-card-v3{grid-template-columns:1fr;justify-items:center;text-align:center}.what-wheel-v2{transform:scale(.85)}.what-wheel-v2.is-spinning{transform:scale(.85) rotate(1440deg)}.what-surprise-actions{justify-content:center}.what-surprise-actions .button{flex:1 1 145px}.what-result-actions{flex-wrap:wrap}.what-result-actions .button{flex:1 1 145px}
}
@media(max-width:430px){
  .idea-card--compact{grid-template-columns:92px 1fr}.idea-card__compact-media{min-height:132px}.idea-card__compact-top .idea-card__agreement{display:none}
  .what-choice-grid,.what-choice-grid--2{grid-template-columns:1fr}.what-engine-actions{grid-template-columns:1fr}.what-wheel-v2{margin-block:-12px;transform:scale(.76)}.what-wheel-v2.is-spinning{transform:scale(.76) rotate(1440deg)}
}


.what-engine-grid--accordion{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.what-criteria-panel{min-width:0;overflow:hidden;border:1px solid var(--eiv-border);border-radius:17px;background:#fbfafd}
.what-criteria-panel[open]{background:#fff;box-shadow:0 7px 18px rgba(64,58,92,.06)}
.what-criteria-panel>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:70px;padding:13px 15px;cursor:pointer;list-style:none;color:var(--eiv-plum)}
.what-criteria-panel>summary::-webkit-details-marker{display:none}
.what-criteria-panel>summary:hover{background:var(--eiv-lilac-pale)}
.what-criteria-panel[open]>summary{border-bottom:1px solid var(--eiv-border);background:var(--eiv-raspberry-pale)}
.what-criteria-panel__number{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--eiv-raspberry);color:#fff;font-size:12px;font-weight:900}
.what-criteria-panel__title{display:grid;min-width:0;gap:2px}
.what-criteria-panel__title strong{font-size:15px;line-height:1.2}
.what-criteria-panel__title small{overflow:hidden;color:var(--eiv-text-secondary);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.what-criteria-panel>summary>b{color:var(--eiv-turquoise-deep);font-size:19px;transition:transform .2s ease}
.what-criteria-panel[open]>summary>b{transform:rotate(180deg)}
.what-criteria-panel__body{padding:14px}
.what-criteria-panel__body>.what-field-help:first-child{margin-top:0}
.what-criteria-panel.what-engine-universe{grid-column:1/-1}
.what-criteria-panel .what-situation-groups{margin:0}

@media(max-width:980px){
  .what-engine-grid--accordion{grid-template-columns:1fr}
  .what-criteria-panel.what-engine-universe{grid-column:auto}
}
@media(max-width:680px){
  .what-criteria-panel>summary{min-height:62px;padding:11px 12px}
  .what-criteria-panel__body{padding:12px}
  .what-criteria-panel__title strong{font-size:14px}
}





.home-partner-pending-note{
  display:flex;align-items:center;gap:9px;margin:12px 0 0;padding:10px 12px;
  border:1px solid var(--eiv-border);border-radius:13px;background:var(--eiv-lilac-pale);
  color:var(--eiv-text-secondary);font-size:12px
}
.home-partner-pending-note .visual-avatar{flex:0 0 auto;width:28px;height:28px}
.home-partner-pending-note strong{color:var(--eiv-plum)}
.home-space-metric__copy em span{display:block;margin-top:3px;color:var(--eiv-text-secondary);font-size:10px;font-style:normal;font-weight:800}


.library-filter-panel{display:block!important;margin-top:10px}
.library-filter-toggle{width:100%;justify-content:center;border-style:dashed;background:var(--eiv-lilac-pale)}
.library-filter-panel.is-open .library-filter-toggle{border-style:solid;background:#fff}
.library-results-heading>div{display:grid;gap:2px}
.library-results-heading small{color:var(--eiv-text-secondary);font-size:11px;font-weight:800}
.idea-card__compact-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.idea-card__compact-media--illustration{background:var(--eiv-cream)}
.idea-card__compact-media--illustration img{object-fit:contain;padding:8px}

.idea-card__compact-media--secret svg{width:42px;height:42px}


.what-engine{min-height:0;align-self:start}
.what-criteria-summary{align-items:center}
.what-criteria-summary>strong{margin-right:2px;color:var(--eiv-turquoise-deep);font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.what-criteria-summary--empty{display:flex;align-items:center;gap:8px}
.what-criteria-summary--empty span{padding:0;background:transparent;color:var(--eiv-text-secondary);font-weight:700}


.what-duel-head>div{flex:1}
.what-duel-head .what-criteria-summary{margin-top:10px}
.what-duel-side-label{display:inline-flex;margin-bottom:8px;padding:5px 8px;border-radius:99px;background:var(--eiv-lilac-pale);color:var(--eiv-plum);font-size:10px;font-weight:900}
.what-duel-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:14px;border:1px solid var(--eiv-border);border-radius:16px;background:#fff}
.what-duel-tools .button{display:inline-flex;align-items:center;gap:7px}
.what-coin-layer{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}
.what-coin-backdrop{position:absolute;inset:0;border:0;background:rgba(64,58,92,.48)}
.what-coin-dialog{position:relative;z-index:1;width:min(520px,100%);padding:24px;border:1px solid var(--eiv-border);border-radius:24px;background:#fff;text-align:center;box-shadow:0 24px 60px rgba(64,58,92,.22)}
.what-coin-dialog__close{position:absolute;top:12px;right:12px}
.what-coin-mapping{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.what-coin-mapping span{display:grid;gap:3px;padding:11px;border:1px solid var(--eiv-border);border-radius:13px;background:var(--eiv-lilac-pale);font-size:12px}
.what-coin-mapping b{color:var(--eiv-raspberry);font-size:13px}
.what-coin-stage{position:relative;display:grid;place-items:center;min-height:236px;margin:8px 0 2px;perspective:1500px}
.what-coin-shadow{position:absolute;bottom:8px;left:50%;width:190px;height:58px;transform:translateX(-50%);transform-origin:center;opacity:.62;transition:transform .45s ease,opacity .45s ease}
.what-coin-shadow img{display:block;width:100%;height:100%;object-fit:contain}
.what-coin{position:relative;width:174px;height:174px;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.8,.2,1)}
.what-coin-face{position:absolute;inset:0;display:block;border-radius:50%;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;filter:drop-shadow(0 10px 13px rgba(64,58,92,.18))}
.what-coin-face img{display:block;width:100%;height:100%;object-fit:contain}
.what-coin-face--heads{transform:translateZ(1px)}
.what-coin-face--tails{transform:rotateX(180deg) translateZ(1px)}
.what-coin.is-heads{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
.what-coin.is-tails{transform:rotateX(180deg) rotateY(0deg) rotateZ(0deg)}
.what-coin-stage.is-flipping{animation:eiv-coin-launch 1.45s cubic-bezier(.2,.74,.2,1) both}
.what-coin-stage.is-flipping .what-coin-shadow{animation:eiv-coin-shadow 1.45s ease-in-out both}
.what-coin.is-flipping.is-heads{animation:eiv-coin-spin-heads 1.45s cubic-bezier(.16,.66,.24,1) both}
.what-coin.is-flipping.is-tails{animation:eiv-coin-spin-tails 1.45s cubic-bezier(.16,.66,.24,1) both}
.what-coin.is-flipping:not(.is-heads):not(.is-tails){animation:eiv-coin-spin-heads 1.45s cubic-bezier(.16,.66,.24,1) both}
.what-coin-result{display:block;margin:2px 0 14px;color:var(--eiv-plum);font-size:17px}
.what-coin-actions{display:flex;justify-content:center;gap:9px}
@keyframes eiv-coin-launch{0%{transform:translateY(0)}16%{transform:translateY(-20px)}51%{transform:translateY(-132px)}74%{transform:translateY(-58px)}90%{transform:translateY(-8px)}100%{transform:translateY(0)}}
@keyframes eiv-coin-shadow{0%,100%{opacity:.62;transform:translateX(-50%) scale(1)}18%{opacity:.38;transform:translateX(-50%) scale(.86)}52%{opacity:.12;transform:translateX(-50%) scale(.5)}75%{opacity:.3;transform:translateX(-50%) scale(.72)}}
@keyframes eiv-coin-spin-heads{0%{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}22%{transform:rotateX(705deg) rotateY(34deg) rotateZ(-8deg)}55%{transform:rotateX(1500deg) rotateY(-26deg) rotateZ(11deg)}82%{transform:rotateX(2070deg) rotateY(12deg) rotateZ(-5deg)}100%{transform:rotateX(2520deg) rotateY(0deg) rotateZ(0deg)}}
@keyframes eiv-coin-spin-tails{0%{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}22%{transform:rotateX(705deg) rotateY(34deg) rotateZ(-8deg)}55%{transform:rotateX(1500deg) rotateY(-26deg) rotateZ(11deg)}82%{transform:rotateX(2250deg) rotateY(12deg) rotateZ(-5deg)}100%{transform:rotateX(2700deg) rotateY(0deg) rotateZ(0deg)}}


.tracking-toolbar-v2{display:grid;gap:10px}
.tracking-toolbar-v2__main{display:grid;grid-template-columns:minmax(260px,1fr) 250px auto;gap:10px}
.tracking-toolbar-v2__main>label{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--eiv-border);border-radius:12px;background:#fff}
.tracking-toolbar-v2__main input,.tracking-toolbar-v2__main select,.tracking-filter-panel-v2 select{width:100%;min-height:42px;border:1px solid var(--eiv-border);border-radius:11px;background:#fff;color:var(--eiv-plum);font:inherit}
.tracking-toolbar-v2__main>label input{border:0}
.tracking-toolbar-v2__main>select{padding:0 10px}
.tracking-filter-toggle-v2{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.tracking-filter-toggle-v2 b{display:grid;min-width:21px;height:21px;place-items:center;border-radius:99px;background:var(--eiv-raspberry);color:#fff;font-size:11px}
.tracking-filter-panel-v2{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) auto;gap:10px;align-items:end;padding:13px;border:1px solid var(--eiv-border);border-radius:15px;background:var(--eiv-lilac-pale)}
.tracking-filter-panel-v2 label{display:grid;gap:5px;color:var(--eiv-turquoise-deep);font-size:11px;font-weight:900}
.tracking-filter-panel-v2 select{padding:0 10px}


.terrain-card>img,.terrain-new-card>img,.tracking-card-v2__visual>img,.tracking-now-card-v2__image>img{object-fit:cover;object-position:center}

@media(max-width:980px){
  .tracking-toolbar-v2__main{grid-template-columns:1fr 220px}
  .tracking-filter-toggle-v2{grid-column:1/-1;justify-content:center}
  .tracking-filter-panel-v2{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .library-filter-toggle{justify-content:flex-start}
  .what-duel-tools,.what-coin-actions{display:grid;grid-template-columns:1fr}
  .what-duel-tools .button,.what-coin-actions .button{width:100%}
  .what-coin-mapping{grid-template-columns:1fr}
  .what-coin{width:148px;height:148px}
  .what-coin-shadow{width:168px;height:52px}
  .what-coin-stage{min-height:214px}
  .tracking-toolbar-v2__main,.tracking-filter-panel-v2{grid-template-columns:1fr}
  .tracking-filter-toggle-v2{grid-column:auto;width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .what-coin-stage.is-flipping,.what-coin-stage.is-flipping .what-coin-shadow,.what-coin.is-flipping{animation:none}
  .what-coin-stage{min-height:214px}
}




.auth-preview-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px}
.auth-preview-links .auth-context-link{margin:0}
.workspace-mode-badge--solo{border-color:var(--eiv-border);color:var(--eiv-turquoise-deep)}
.settings-reference-modal--alpha23{width:min(760px,calc(100vw - 32px))}
.settings-back-link{display:inline-flex;margin-bottom:4px;color:var(--eiv-turquoise-deep);font-size:11px;font-weight:900;text-decoration:none}
.settings-photo-input{position:relative;overflow:hidden;cursor:pointer}
.settings-photo-input input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.settings-usage-grid-alpha23{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.settings-quota-card{display:flex;min-height:112px!important;flex-direction:column}
.settings-quota-card em{margin-top:auto;color:var(--eiv-text-secondary);font-size:9px;font-style:normal;line-height:1.35}
.settings-quota-track{display:block;height:6px;margin:8px 0;border-radius:99px;background:#fff;overflow:hidden}
.settings-quota-track i{display:block;height:100%;border-radius:inherit;background:var(--eiv-turquoise-deep)}
.settings-quota-card--warning .settings-quota-track i{background:var(--eiv-coral)}
.settings-quota-card--critical .settings-quota-track i,.settings-quota-card--blocked .settings-quota-track i{background:var(--eiv-raspberry)}
.settings-quota-card--tracked{background:var(--eiv-cream)!important}

.plan-current-alpha23{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px;border:1px solid var(--eiv-border);border-radius:18px;background:var(--eiv-cream)}
.plan-current-alpha23 h3{margin:3px 0 5px;font-size:20px}
.plan-current-alpha23 p{margin:0;color:var(--eiv-text-secondary);font-size:11px}
.plan-section-alpha23{padding:15px;border:1px solid var(--eiv-border);border-radius:18px;background:#fff}
.plan-section-alpha23>h3,.plan-compare-alpha23>h3{margin:0 0 12px;font-size:16px}
.plan-feature-grid-alpha23{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.plan-feature-alpha23{display:flex;align-items:flex-start;gap:9px;padding:11px;border-radius:14px;background:var(--eiv-lilac-pale)}
.plan-feature-alpha23>span{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:50%;background:#fff;color:var(--eiv-turquoise-deep);font-weight:900}
.plan-feature-alpha23 strong{font-size:12px}
.plan-feature-alpha23 p{margin:3px 0 0;color:var(--eiv-text-secondary);font-size:10px;line-height:1.35}
.plan-compare-alpha23{padding:15px;border:1px solid var(--eiv-border);border-radius:18px;background:var(--eiv-turquoise-pale)}
.plan-compare-alpha23>div{display:grid;grid-template-columns:1.25fr 1fr 1fr;overflow:hidden;border:1px solid var(--eiv-border);border-radius:13px;background:#fff}
.plan-compare-alpha23 span,.plan-compare-alpha23 b{padding:9px;border-right:1px solid var(--eiv-border);border-bottom:1px solid var(--eiv-border);font-size:10px}
.plan-compare-alpha23 b{background:var(--eiv-lilac-pale)}
.plan-compare-alpha23 .is-current{background:var(--eiv-raspberry-pale);color:var(--eiv-raspberry)}

.admin-modal-alpha23{width:min(980px,calc(100vw - 32px))}
.admin-scroll-alpha23{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.admin-hero-alpha23,.admin-overview-alpha23,.admin-card-alpha23{grid-column:auto;padding:15px;border:1px solid var(--eiv-border);border-radius:18px;background:#fff}
.admin-hero-alpha23{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--eiv-turquoise-pale)}
.admin-hero-alpha23 h3{margin:2px 0 4px;font-size:21px}
.admin-hero-alpha23 p{margin:0;color:var(--eiv-text-secondary);font-size:11px}
.admin-security-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:99px;background:#fff;color:var(--eiv-turquoise-deep);font-size:11px;font-weight:900;white-space:nowrap}
.admin-security-badge .icon{width:17px;height:17px}
.admin-overview-alpha23{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;background:var(--eiv-lilac-pale)}
.admin-overview-alpha23 article{padding:12px;border-radius:13px;background:#fff}
.admin-overview-alpha23 strong,.admin-overview-alpha23 small{display:block}
.admin-overview-alpha23 strong{font-size:15px;text-transform:capitalize}
.admin-overview-alpha23 small{margin-top:4px;color:var(--eiv-text-secondary);font-size:9px}
.admin-card-alpha23--wide{grid-column:1/-1}
.admin-card-alpha23>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.admin-card-alpha23 h3{margin:2px 0 4px;font-size:17px}
.admin-card-alpha23 header p{margin:0;color:var(--eiv-text-secondary);font-size:10px;line-height:1.4}
.admin-pill-alpha23{padding:6px 9px;border-radius:99px;background:var(--eiv-turquoise-pale);color:var(--eiv-turquoise-deep);font-size:9px;font-weight:900;white-space:nowrap}
.admin-pill-alpha23.is-warning{background:var(--eiv-cream);color:var(--eiv-raspberry)}
.admin-form-alpha23{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:9px;align-items:end}
.admin-form-alpha23 label,.admin-field-alpha23{display:grid;gap:5px;color:var(--eiv-turquoise-deep);font-size:10px;font-weight:900}
.admin-form-alpha23 input,.admin-form-alpha23 select,.admin-field-alpha23 input{width:100%;min-height:44px;padding:0 11px;border:1px solid var(--eiv-border);border-radius:12px;background:#fff;color:var(--eiv-plum);font:inherit}
.admin-actions-alpha23{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.admin-message-alpha23{min-height:18px;margin:9px 0 0;color:var(--eiv-text-secondary);font-size:10px}
.admin-message-alpha23[data-status="ok"]{color:var(--eiv-turquoise-deep)}
.admin-message-alpha23[data-status="error"]{color:var(--eiv-raspberry)}
.admin-image-grid-alpha23{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.admin-image-grid-alpha23 article{padding:12px;border-radius:13px;background:var(--eiv-lilac-pale)}
.admin-image-grid-alpha23 strong,.admin-image-grid-alpha23 small{display:block}
.admin-image-grid-alpha23 strong{font-size:18px}
.admin-image-grid-alpha23 small{margin-top:3px;color:var(--eiv-text-secondary);font-size:9px}
.admin-registry-alpha23{display:grid;gap:7px}
.admin-registry-alpha23 article{display:grid;grid-template-columns:minmax(0,1fr) auto 80px;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--eiv-border);border-radius:13px;background:var(--eiv-lilac-pale)}
.admin-registry-alpha23 strong{font-size:12px}
.admin-registry-alpha23 p{margin:2px 0 0;color:var(--eiv-text-secondary);font-size:9px}
.admin-registry-alpha23 small{color:var(--eiv-text-secondary);font-size:9px;text-align:right}
.admin-registry-status{padding:5px 8px;border-radius:99px;background:#fff;color:var(--eiv-plum);font-size:9px;font-weight:900;white-space:nowrap}
.admin-registry-status--available{background:var(--eiv-turquoise-pale);color:var(--eiv-turquoise-deep)}
.admin-registry-status--development{background:var(--eiv-raspberry-pale);color:var(--eiv-raspberry)}
.admin-registry-status--technical{background:var(--eiv-cream);color:var(--eiv-plum)}
.admin-diagnostics-alpha23{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--eiv-cream)}
.admin-diagnostics-alpha23>div{display:flex;align-items:center;gap:11px}
.admin-diagnostics-alpha23>div>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#fff;color:var(--eiv-turquoise-deep)}
.admin-diagnostics-alpha23 h3{margin:0 0 3px}
.admin-diagnostics-alpha23 p{margin:0;color:var(--eiv-text-secondary);font-size:10px}

@media(max-width:820px){
  .settings-usage-grid-alpha23{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-scroll-alpha23{grid-template-columns:1fr}
  .admin-hero-alpha23,.admin-overview-alpha23,.admin-card-alpha23,.admin-card-alpha23--wide{grid-column:1}
  .admin-overview-alpha23{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-form-alpha23{grid-template-columns:1fr}
}
@media(max-width:600px){
  .auth-preview-links{display:grid}
  .settings-usage-grid-alpha23,.plan-feature-grid-alpha23,.admin-overview-alpha23,.admin-image-grid-alpha23{grid-template-columns:1fr!important}
  .plan-current-alpha23,.admin-hero-alpha23,.admin-diagnostics-alpha23{align-items:flex-start;flex-direction:column}
  .plan-compare-alpha23{overflow:auto}
  .plan-compare-alpha23>div{min-width:560px}
  .admin-card-alpha23>header{display:grid}
  .admin-registry-alpha23 article{grid-template-columns:1fr}
  .admin-registry-alpha23 small{text-align:left}
  .admin-diagnostics-alpha23 .button{width:100%}
}




.what-wheel-scene{
  position:relative;
  display:grid;
  width:286px;
  height:304px;
  place-items:center;
  isolation:isolate;
  --wheel-rest:0deg;
  --wheel-spin:1800deg
}
.what-wheel-v2{
  z-index:2;
  width:264px;
  height:264px;
  border:0;
  border-radius:50%;
  background:transparent;
  box-shadow:none;
  transform:rotate(var(--wheel-rest));
  transform-origin:50% 50%;
  transition:none
}
.what-wheel-v2>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 12px 16px rgba(64,58,92,.13))
}
.what-wheel-pointer-v2{
  position:absolute;
  z-index:5;
  top:-2px;
  left:50%;
  width:58px;
  height:96px;
  transform:translateX(-50%);
  transform-origin:50% 16px;
  pointer-events:none
}
.what-wheel-pointer-v2 img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 5px 7px rgba(64,58,92,.18))
}
.what-wheel-shadow-v2{
  position:absolute;
  z-index:1;
  left:50%;
  bottom:0;
  width:230px;
  height:70px;
  transform:translateX(-50%);
  transform-origin:center;
  opacity:.5;
  pointer-events:none
}
.what-wheel-shadow-v2 img{display:block;width:100%;height:100%;object-fit:contain}
.what-wheel-scene.is-selected .what-wheel-v2>img{
  filter:drop-shadow(0 0 0 rgba(0,0,0,0)) drop-shadow(0 13px 18px rgba(64,58,92,.18))
}
.what-wheel-scene.is-spinning .what-wheel-v2{animation:eiv-wheel-spin 3.2s cubic-bezier(.12,.68,.12,1) both}
.what-wheel-scene.is-spinning .what-wheel-pointer-v2{animation:eiv-wheel-pointer-tick .16s ease-in-out 20 alternate}
.what-wheel-scene.is-spinning .what-wheel-shadow-v2{animation:eiv-wheel-shadow-pulse 3.2s ease-in-out both}
@keyframes eiv-wheel-spin{from{transform:rotate(0deg)}to{transform:rotate(var(--wheel-spin))}}
@keyframes eiv-wheel-pointer-tick{from{transform:translateX(-50%) rotate(-3deg)}to{transform:translateX(-50%) rotate(8deg)}}
@keyframes eiv-wheel-shadow-pulse{0%,100%{opacity:.5;transform:translateX(-50%) scale(1)}48%{opacity:.28;transform:translateX(-50%) scale(.84)}}

@media(max-width:680px){
  .what-wheel-scene{width:258px;height:278px}
  .what-wheel-v2{width:236px;height:236px;transform:rotate(var(--wheel-rest))}
  .what-wheel-pointer-v2{top:0;width:52px;height:86px}
  .what-wheel-shadow-v2{width:208px;height:62px}
}
@media(max-width:430px){
  .what-wheel-scene{width:228px;height:248px;margin-block:-5px}
  .what-wheel-v2{width:210px;height:210px;transform:rotate(var(--wheel-rest))}
  .what-wheel-pointer-v2{width:47px;height:78px}
  .what-wheel-shadow-v2{width:184px;height:56px}
}
@media(prefers-reduced-motion:reduce){
  .what-wheel-scene.is-spinning .what-wheel-v2,
  .what-wheel-scene.is-spinning .what-wheel-pointer-v2,
  .what-wheel-scene.is-spinning .what-wheel-shadow-v2{animation-duration:.01ms;animation-iteration-count:1}
}



:is(.app-main,.app-content,.page,.page-shell,.home-reference,.library-reference,.agreements-reference,.what-page-v2,.tracking-page-v2,.activity-page,.add-idea-page){min-width:0}
:is(img,video,canvas){max-width:100%}
:is(.service-row,.admin-card-alpha23,.plan-card-alpha23,.diagnostic-summary,.activity-row,.add-summary-card){overflow-wrap:anywhere}
:is(.opinion-modal-card,.what-dialog-v2,.what-coin-dialog,.tracking-feedback-dialog-v2,.idea-dialog,.add-duplicate-dialog){max-width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}
@media(max-width:760px){
  :is(.library-sticky-controls,.tracking-toolbar-v2__main,.tracking-filter-panel-v2,.admin-form-alpha23,.what-engine-grid,.what-field-grid,.what-mode-switch-v3,.add-form-grid,.add-source-grid){grid-template-columns:1fr}
  :is(.what-wheel-card-v3,.what-choice-detail-v3>article,.what-result-card-v3,.terrain-portrait,.tracking-card-v2,.add-layout){grid-template-columns:1fr}
  :is(button,.button,[role="button"],select,input[type="checkbox"]+span,input[type="radio"]+span){min-height:44px}
  .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .what-wheel-stage-v2{width:min(310px,86vw);height:min(310px,86vw)}
  .what-coin-stage{transform:scale(.92);transform-origin:center}
}
@media(max-width:420px){
  :is(.page,.app-main,.app-content){padding-left:12px;padding-right:12px}
  :is(.button,.icon-button){max-width:100%}
  .what-wheel-stage-v2{width:min(276px,82vw);height:min(276px,82vw)}
}


.library-filter-panel.filter-sheet{display:block!important}
.library-filter-panel .filter-sheet__panel .library-filter-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;
  gap:14px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important
}
.tracking-filter-sheet .tracking-filter-panel-v2{
  display:grid;
  grid-template-columns:repeat(3,minmax(160px,1fr));
  gap:14px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none
}
:is(.agreements-dialog,.idea-dialog,.opinion-modal-card,.what-dialog-v2,.what-coin-dialog,.tracking-route-dialog-v2,.tracking-form-dialog-v2,.tracking-confirm-dialog-v2,.tracking-feedback-dialog-v2,.add-duplicate-dialog){
  border:1px solid var(--border-soft);
  border-radius:var(--radius-dialog);
  box-shadow:var(--shadow-dialog)
}
:is(.agreements-dialog-backdrop,.idea-dialog-backdrop,.opinion-modal-layer,.what-dialog-layer-v2,.what-coin-layer,.tracking-dialog-backdrop-v2,.tracking-route-layer-v2,.settings-modal-layer__backdrop){
  backdrop-filter:blur(2px)
}
:is(.terrain-search,.library-sticky-controls,.tracking-toolbar-v2,.activity-toolbar,.add-idea-card,.settings-card,.admin-card-alpha23){
  border-color:var(--border-soft)
}
:is(.terrain-card,.idea-card,.tracking-card-v2,.activity-row,.what-result-card-v3,.what-choice-detail-v3>article){
  transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)
}
@media (hover:hover){
  :is(.terrain-card,.idea-card,.tracking-card-v2,.activity-row):hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}
}
@media(max-width:980px){
  .library-filter-panel .filter-sheet__panel .library-filter-grid{grid-template-columns:repeat(2,minmax(150px,1fr))!important}
}
@media(max-width:760px){
  .library-filter-panel .filter-sheet__panel .library-filter-grid,
  .tracking-filter-sheet .tracking-filter-panel-v2{grid-template-columns:1fr!important}
  :is(.terrain-page,.tracking-page-v2){gap:18px}
  :is(.terrain-card-grid,.tracking-section-v2){scroll-margin-top:84px}
}



.brand-lockup__mark{display:block!important;width:54px!important;height:50px!important;object-fit:contain!important;flex:0 0 auto!important;background:transparent!important}
.brand-lockup__mark+.brand-lockup__copy{margin-left:9px}
.brand-lockup__circle,.brand-lockup__mark>b{display:none!important}
.brand-lockup--auth .brand-lockup__mark{width:78px!important;height:72px!important}
.brand-lockup--home .brand-lockup__mark{width:58px!important;height:54px!important}
.brand-lockup--sidebar .brand-lockup__mark{width:42px!important;height:39px!important}
.onboarding-brand .brand-lockup__copy small{display:none}
.home-onboarding--compact{min-height:190px;display:grid!important;grid-template-columns:minmax(360px,1.18fr) minmax(300px,.82fr);align-items:center;padding-block:24px}
.home-onboarding--compact__copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0}
.home-onboarding--compact__visual{width:min(390px,100%);max-height:160px;object-fit:contain;justify-self:end}
.home-how-button{margin-top:0!important;max-width:620px}
.home-action-card__icon img{width:48px;height:48px;object-fit:contain}
.home-space-metric{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;will-change:transform}
.home-space-metric:hover,.home-space-metric:focus-within{transform:translateY(-4px);border-color:rgba(105,201,195,.72);box-shadow:0 16px 38px rgba(64,58,92,.18),0 4px 12px rgba(105,201,195,.16)}
.filter-chip--removable{cursor:pointer;border:1px solid rgba(64,58,92,.14);font:inherit}
.filter-chip--removable:hover,.filter-chip--removable:focus-visible{border-color:var(--color-raspberry);box-shadow:0 0 0 3px rgba(198,75,103,.12)}
.library-label-filterset{grid-column:1/-1;margin:8px 0 0;padding:14px;border:1px solid var(--color-border);border-radius:14px}
.library-label-filterset legend{padding:0 6px;color:var(--color-plum);font-weight:900}.library-label-filterset legend small{color:var(--color-text-muted);font-weight:700}
.library-label-filters{display:flex;flex-wrap:wrap;gap:8px}.library-label-filter{min-height:38px;padding:7px 11px;border:1px solid var(--color-border);border-radius:999px;background:#fff;color:var(--color-plum);font-weight:800;cursor:pointer}.library-label-filter.is-selected{border-color:var(--color-raspberry);background:var(--color-raspberry-pale);color:var(--color-raspberry)}
.library-label-mode,.what-unknown-toggle{display:flex;align-items:flex-start;gap:9px;margin-top:12px;color:var(--color-text-muted);font-weight:750}.library-label-mode input,.what-unknown-toggle input{width:18px;height:18px;accent-color:var(--color-raspberry)}
.what-grand-slam-warning{margin-top:14px;padding:11px 13px;border:1px solid rgba(198,75,103,.25);border-radius:12px;background:var(--color-raspberry-pale);color:var(--color-raspberry);font-weight:850}

@media(max-width:760px){.home-onboarding--compact{grid-template-columns:1fr!important;min-height:auto}.home-onboarding--compact__visual{justify-self:center;max-height:150px;order:-1}.home-onboarding--compact__copy{align-self:auto}.brand-lockup--home .brand-lockup__mark{width:50px!important;height:46px!important}}


.home-brand-lockup img.brand-lockup__mark,
.auth-brand--reference img.brand-lockup__mark,
.app-sidebar__brand img.brand-lockup__mark,
.onboarding-brand img.brand-lockup__mark{display:block!important;visibility:visible!important;opacity:1!important}



.home-onboarding--compact{grid-template-columns:minmax(390px,1.1fr) minmax(390px,.9fr);min-height:208px;padding-block:25px}
.home-onboarding--compact__visual{width:min(500px,100%);max-height:192px;transform-origin:right center;filter:drop-shadow(0 10px 18px rgba(64,58,92,.06))}
.home-action-card__icon img{filter:saturate(1.45) contrast(1.08) drop-shadow(0 5px 10px rgba(198,75,103,.12))}

.onboarding-step{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease}
.onboarding-step__line{transition:transform .2s ease,filter .2s ease;transform-origin:left center}
@media(hover:hover){
  .onboarding-step:hover{transform:translateY(-5px);border-color:rgba(198,75,103,.28);box-shadow:0 16px 34px rgba(64,58,92,.13);filter:saturate(1.035)}
  .onboarding-step:hover .onboarding-step__line{transform:scaleX(1.04);filter:saturate(1.2)}
  .home-space-metric__reference-art{transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s ease}
  .home-space-metric:hover .home-space-metric__reference-art{transform:translateY(-7px) rotate(1.8deg) scale(1.055);filter:drop-shadow(0 13px 15px rgba(64,58,92,.18)) saturate(1.06)}
  .home-space-metric--turquoise:hover .home-space-metric__reference-art{transform:translateY(-7px) rotate(-1.8deg) scale(1.055)}
}

.library-filter-toggle{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 12px!important;min-height:62px!important;padding:10px 16px!important;border-style:solid!important;background:#fff!important;text-align:left!important;box-shadow:0 7px 18px rgba(64,58,92,.07)}
.library-filter-toggle:hover{border-color:var(--color-turquoise)!important;background:var(--color-turquoise-pale)!important;box-shadow:0 12px 26px rgba(64,58,92,.11)}
.library-filter-toggle__main{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;height:auto!important;background:transparent!important;color:var(--color-plum)!important;font-size:15px!important}
.library-filter-toggle__main>.icon{width:20px;height:20px;color:var(--color-raspberry)}
.library-filter-toggle__main strong{font-weight:950}
.library-filter-toggle__count{display:grid!important;min-width:23px!important;height:23px!important;padding:0 6px!important;place-items:center!important;border-radius:999px!important;background:var(--color-raspberry)!important;color:#fff!important;font-size:11px!important}
.library-filter-toggle>small{grid-column:1;color:var(--color-text-muted);font-size:11px;font-weight:750}
.library-filter-toggle__chevron{grid-column:2;grid-row:1/3;align-self:center;color:var(--color-turquoise-deep);font-size:22px;transition:transform .2s ease}
.library-filter-panel.is-open .library-filter-toggle__chevron{transform:rotate(180deg)}
.library-label-mode{align-items:flex-start!important;padding:11px 12px;border-radius:12px;background:var(--color-lilac-pale)}
.library-label-mode>span{display:grid;gap:3px}
.library-label-mode strong{color:var(--color-plum);font-size:13px}
.library-label-mode small{color:var(--color-text-muted);font-size:11px;font-weight:700;line-height:1.45}

.program-card__countdown.is-live .program-card__countdown-icon{animation:eiv-countdown-clock 1.8s ease-in-out infinite}
.program-card__countdown.is-live .program-card__countdown-icon i{animation:eiv-countdown-pulse 1s ease-out infinite}
.program-card__countdown.is-finished{background:var(--color-lilac-pale);color:var(--color-text-muted)}
@keyframes eiv-countdown-clock{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(5deg) scale(1.06)}}
@keyframes eiv-countdown-pulse{0%{box-shadow:0 0 0 0 rgba(198,75,103,.42)}100%{box-shadow:0 0 0 8px rgba(198,75,103,0)}}

.what-coin-result-help{margin:-7px 0 14px;color:var(--color-text-muted);font-size:12px}
.what-coin-actions{flex-wrap:wrap}
.what-coin-actions .button{min-width:140px}

@media(max-width:900px){.home-onboarding--compact__visual{width:min(560px,100%);max-height:184px;transform-origin:center}}
@media(max-width:760px){
  .home-onboarding--compact{grid-template-columns:1fr!important}
  .home-onboarding--compact__visual{max-height:172px!important}
  .library-filter-toggle{min-height:66px!important}
  .what-coin-actions{display:grid;grid-template-columns:1fr}
  .what-coin-actions .button{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
  .onboarding-step,.onboarding-step__line,.home-space-metric__reference-art,.program-card__countdown-icon,.program-card__countdown-icon i{animation:none!important;transition:none!important}
}



.home-onboarding--compact__visual{background:transparent!important;filter:drop-shadow(0 12px 20px rgba(64,58,92,.08))}
.onboarding-step{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}
.onboarding-step__link{display:inline-flex;align-items:center;gap:5px;margin-top:12px;color:var(--eiv-raspberry);font-size:11px;font-weight:900;opacity:.78;transition:opacity .18s ease,transform .18s ease}
.onboarding-step:hover .onboarding-step__link,.onboarding-step:focus-visible .onboarding-step__link{opacity:1;transform:translateY(2px)}
.home-section[data-anchor-highlight="true"]{animation:eiv-home-anchor 1s ease}
@keyframes eiv-home-anchor{0%,100%{box-shadow:var(--shadow-sm)}35%{box-shadow:0 0 0 5px rgba(105,201,195,.22),0 18px 36px rgba(64,58,92,.12)}}
.home-space-metric{position:relative;min-height:132px;overflow:hidden;padding-right:154px!important}
.home-space-metric__live-collage{position:absolute;right:12px;bottom:8px;width:138px;height:106px;pointer-events:none;perspective:500px}
.home-metric-polaroid{position:absolute;right:14px;bottom:8px;width:78px;height:82px;padding:5px;border:1px solid rgba(64,58,92,.1);border-radius:10px;background:#fff;box-shadow:0 8px 16px rgba(64,58,92,.14);transform-origin:50% 90%;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,filter .28s ease}
.home-metric-polaroid img{width:100%;height:100%;border-radius:7px;object-fit:cover}
.home-metric-polaroid i{position:absolute;inset:auto 8px 4px;height:3px;border-radius:99px;background:rgba(198,75,103,.16)}
.home-metric-polaroid--1{z-index:3;transform:rotate(1deg)}
.home-metric-polaroid--2{z-index:2;right:37px;bottom:13px;transform:rotate(-7deg) scale(.94)}
.home-metric-polaroid--3{z-index:1;right:2px;bottom:15px;transform:rotate(8deg) scale(.91)}
.home-metric-polaroid--secret{display:grid;place-items:center;background:var(--eiv-lilac-pale);filter:blur(.2px)}
.home-metric-polaroid--secret>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#fff;color:var(--eiv-raspberry);box-shadow:0 4px 10px rgba(64,58,92,.1)}
.home-metric-polaroid--secret svg{width:20px;height:20px}
@media(hover:hover){
 .home-space-metric:hover .home-metric-polaroid--1{transform:translateY(-9px) rotate(4deg) scale(1.04);box-shadow:0 15px 24px rgba(64,58,92,.2)}
 .home-space-metric:hover .home-metric-polaroid--2{transform:translate(-9px,-4px) rotate(-13deg) scale(.98)}
 .home-space-metric:hover .home-metric-polaroid--3{transform:translate(8px,-3px) rotate(14deg) scale(.96)}
}


.agreements-result-card{display:flex;min-height:170px;flex-direction:column;justify-content:flex-start}
.agreements-result-card__head{width:100%}
.agreements-result-card__title{margin-top:16px!important;font-size:16px!important}
.agreements-result-card__description{margin-top:6px!important;font-size:12px!important;line-height:1.45!important}
.what-mode-card{color:var(--eiv-plum);text-decoration:none}
.what-tournament-ring{position:relative;margin-top:2px;padding:34px 28px;border:10px solid rgba(243,164,131,.34);border-radius:30px;background:var(--eiv-turquoise-pale);box-shadow:inset 0 0 0 2px rgba(198,75,103,.18),0 18px 36px rgba(64,58,92,.1);overflow:hidden}
.what-ring-rope{position:absolute;left:16px;right:16px;height:3px;border-radius:999px;background:var(--eiv-raspberry);box-shadow:0 8px 0 rgba(198,75,103,.42),0 16px 0 rgba(198,75,103,.2);opacity:.7;pointer-events:none}
.what-ring-rope--top{top:12px}.what-ring-rope--bottom{bottom:28px;transform:rotate(180deg)}
.what-duel-grid{z-index:1}
.what-duel-card{display:flex;min-height:100%;flex-direction:column;box-shadow:0 10px 24px rgba(64,58,92,.1);transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s ease,filter .5s ease,box-shadow .3s ease}
.what-duel-card>img{flex:0 0 auto}
.what-duel-card__content{display:flex!important;min-height:260px;flex:1;flex-direction:column;padding:18px!important}
.what-duel-card__badges{display:flex;flex-wrap:wrap;gap:6px}
.what-duel-card__content>p{color:var(--eiv-text-secondary)}
.what-duel-card .what-practical-meta{margin-top:auto;padding-top:12px}
.what-duel-card__actions{display:flex;justify-content:flex-end;margin-top:14px;padding-top:13px;border-top:1px solid var(--eiv-border)}
.what-duel-card__actions .button{min-width:170px}
.what-duel-card.is-winner{transform:translateY(-8px) scale(1.025);box-shadow:0 20px 42px rgba(40,127,134,.24);z-index:2}
.what-duel-card.is-eliminated-left{animation:eiv-ring-exit-left .68s cubic-bezier(.5,-.2,.8,.2) forwards}
.what-duel-card.is-eliminated-right{animation:eiv-ring-exit-right .68s cubic-bezier(.5,-.2,.8,.2) forwards}
@keyframes eiv-ring-exit-left{0%{transform:translateX(0) rotate(0);opacity:1}35%{transform:translateX(-30px) rotate(-5deg);opacity:.85}100%{transform:translateX(-125%) rotate(-16deg) scale(.84);opacity:0;filter:blur(4px)}}
@keyframes eiv-ring-exit-right{0%{transform:translateX(0) rotate(0);opacity:1}35%{transform:translateX(30px) rotate(5deg);opacity:.85}100%{transform:translateX(125%) rotate(16deg) scale(.84);opacity:0;filter:blur(4px)}}
@media(max-width:760px){
 .home-space-metric{padding-right:126px!important}.home-space-metric__live-collage{right:4px;transform:scale(.86);transform-origin:right bottom}
 .what-tournament-ring{padding:24px 12px;border-width:7px}.what-duel-card__content{min-height:0}.what-duel-card__actions .button{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){.home-metric-polaroid,.what-duel-card{transition:none!important}.what-duel-card.is-eliminated-left,.what-duel-card.is-eliminated-right{animation:none!important;opacity:.2}}




.home-space-metric--link{color:inherit;text-decoration:none;cursor:pointer}
.home-space-metric--link:hover,.home-space-metric--link:focus-visible{transform:translateY(-2px);outline:none}
.home-space-metric--link:focus-visible{box-shadow:0 0 0 4px rgba(105,201,195,.24),0 14px 30px rgba(64,58,92,.14)}
.home-space-metric--link .home-space-metric__reference-art{pointer-events:none}
.home-space-metric--link:hover .home-space-metric__reference-art,.home-space-metric--link:focus-visible .home-space-metric__reference-art,.home-space-metric--lilac:hover .home-space-metric__reference-art{transform:scale(1.025)!important;filter:drop-shadow(0 10px 13px rgba(64,58,92,.15)) saturate(1.03)!important}


.onboarding-step__link{letter-spacing:.01em}








.what-mode-heading{display:grid;gap:5px;margin-top:2px;text-align:center}
.what-mode-heading h2,.what-mode-heading p{margin:0}
.what-mode-heading>p:last-child{color:var(--eiv-text-secondary);font-size:12px}
.what-mode-showcase{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.what-mode-showcase .what-mode-card{display:grid;min-height:330px;grid-template-columns:1fr;grid-template-rows:185px minmax(0,1fr);align-items:stretch;gap:0;overflow:hidden;padding:0;border:1px solid var(--eiv-border);border-radius:24px;background:#fff;box-shadow:0 10px 26px rgba(64,58,92,.08);text-decoration:none}
.what-mode-showcase .what-mode-card:hover,.what-mode-showcase .what-mode-card:focus-visible{transform:translateY(-5px);border-color:rgba(105,201,195,.8);box-shadow:0 18px 38px rgba(64,58,92,.14)}
.what-mode-showcase .what-mode-card.is-active{border-color:var(--eiv-raspberry);background:#fff;box-shadow:0 18px 38px rgba(198,75,103,.16)}
.what-mode-card__visual{position:relative;display:grid;min-height:0;place-items:center;overflow:hidden;background:var(--eiv-cream)}
.what-mode-card:nth-child(2) .what-mode-card__visual{background:var(--eiv-turquoise-pale)}
.what-mode-card:nth-child(3) .what-mode-card__visual{background:var(--eiv-raspberry-pale)}
.what-mode-card__visual img{width:100%;height:100%;padding:10px 14px 0;object-fit:contain;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.what-mode-card:hover .what-mode-card__visual img,.what-mode-card:focus-visible .what-mode-card__visual img{transform:scale(1.035)}
.what-mode-card__copy{display:flex;min-width:0;flex-direction:column;gap:8px;padding:16px 17px 17px}
.what-mode-card__title{display:flex;align-items:center;gap:9px}
.what-mode-card__title i{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:12px;background:var(--eiv-turquoise-pale);color:var(--eiv-turquoise-deep)}
.what-mode-card.is-active .what-mode-card__title i{background:var(--eiv-raspberry-pale);color:var(--eiv-raspberry)}
.what-mode-card__title .icon{width:19px;height:19px}
.what-mode-showcase .what-mode-card strong{margin:0;font-size:16px}
.what-mode-showcase .what-mode-card small{color:var(--eiv-text-secondary);font-size:11px;line-height:1.45}
.what-mode-showcase .what-mode-card em{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;color:var(--eiv-raspberry);font-size:11px;font-style:normal;font-weight:900}
.what-mode-showcase .what-mode-card em b{font-size:18px}
.what-mode-content{display:grid;gap:16px}


.what-tournament-ring{isolation:isolate;padding:62px 28px 38px!important;border:10px solid rgba(243,164,131,.46)!important;background:#fff!important;box-shadow:inset 0 0 0 3px rgba(40,127,134,.16),0 20px 42px rgba(64,58,92,.12)!important}
.what-tournament-ring__art{position:absolute;z-index:0;inset:8px 20% auto;height:128px;overflow:hidden;opacity:.13;pointer-events:none}
.what-tournament-ring__art img{width:100%;height:100%;object-fit:contain}
.what-ring-arena-label{position:absolute;z-index:4;top:12px;left:50%;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid rgba(198,75,103,.25);border-radius:999px;background:#fff;color:var(--eiv-raspberry);box-shadow:0 7px 18px rgba(64,58,92,.1);font-size:11px;font-weight:950;transform:translateX(-50%)}
.what-ring-arena-label .icon{width:16px;height:16px}
.what-ring-corner{position:absolute;z-index:3;top:28px;bottom:24px;width:14px;border:3px solid #fff;border-radius:9px;box-shadow:0 4px 12px rgba(64,58,92,.16)}
.what-ring-corner--left{left:12px;background:#5f87c8}
.what-ring-corner--right{right:12px;background:#e86d71}
.what-ring-rope{z-index:2!important;left:13px!important;right:13px!important;height:3px!important;background:var(--eiv-raspberry)!important;box-shadow:0 7px 0 rgba(95,135,200,.68),0 14px 0 rgba(232,109,113,.62)!important;opacity:.72!important}
.what-ring-rope--top{top:38px!important}
.what-ring-rope--middle{top:50%!important}
.what-ring-rope--bottom{bottom:34px!important;transform:none!important}
.what-duel-grid{position:relative;z-index:5!important}


.what-duel-card[data-duel-side="left"] .what-duel-card__actions{justify-content:flex-end}
.what-duel-card[data-duel-side="right"] .what-duel-card__actions{justify-content:flex-start}



.what-duel-card.is-eliminated-left{animation:eiv-ring-exit-left-alpha33 .96s cubic-bezier(.45,-.08,.78,.2) forwards!important}
.what-duel-card.is-eliminated-right{animation:eiv-ring-exit-right-alpha33 .96s cubic-bezier(.45,-.08,.78,.2) forwards!important}
@keyframes eiv-ring-exit-left-alpha33{0%{transform:translateX(0) rotate(0);opacity:1}12%{transform:translateX(5px) rotate(1deg)}24%{transform:translateX(-7px) rotate(-1.5deg)}36%{transform:translateX(6px) rotate(1deg)}48%{transform:translateX(-12px) rotate(-3deg);opacity:.92}100%{transform:translateX(-132%) rotate(-18deg) scale(.82);opacity:0;filter:blur(4px)}}
@keyframes eiv-ring-exit-right-alpha33{0%{transform:translateX(0) rotate(0);opacity:1}12%{transform:translateX(-5px) rotate(-1deg)}24%{transform:translateX(7px) rotate(1.5deg)}36%{transform:translateX(-6px) rotate(-1deg)}48%{transform:translateX(12px) rotate(3deg);opacity:.92}100%{transform:translateX(132%) rotate(18deg) scale(.82);opacity:0;filter:blur(4px)}}


.what-coin-dialog.is-locked .what-coin-dialog__close{display:none}
.what-coin-backdrop--locked{position:fixed;inset:0;background:rgba(64,58,92,.44)}
.what-coin-mapping{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.what-coin-choice-card{position:relative;display:grid;min-width:0;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:11px;padding:10px;border:1px solid var(--eiv-border);border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(64,58,92,.08)}
.what-coin-choice-card img,.what-coin-choice-card__fallback{width:74px;height:62px;border-radius:12px;object-fit:cover}
.what-coin-choice-card__fallback{display:grid;place-items:center;background:var(--eiv-lilac-pale);color:var(--eiv-turquoise-deep)}
.what-coin-choice-card__label{position:absolute;top:5px;left:5px;z-index:2;padding:4px 7px;border-radius:999px;background:#fff;color:var(--eiv-raspberry);box-shadow:0 3px 9px rgba(64,58,92,.13);font-size:9px;font-weight:950}
.what-coin-choice-card strong{padding-right:4px;font-size:12px;line-height:1.35}
.what-coin-commit{width:min(390px,100%);margin-inline:auto}
.what-coin-actions{justify-content:center}

@media(max-width:980px){
  .what-mode-showcase{grid-template-columns:1fr!important}
  .what-mode-showcase .what-mode-card{min-height:210px;grid-template-columns:minmax(180px,34%) minmax(0,1fr);grid-template-rows:1fr}
  .what-mode-card__visual{min-height:210px}
}
@media(max-width:760px){
  
  .what-mode-showcase .what-mode-card{min-height:0;grid-template-columns:1fr;grid-template-rows:165px auto}
  .what-mode-card__visual{min-height:165px}
  .what-tournament-ring{padding:58px 12px 34px!important}
  .what-ring-corner{top:32px;bottom:20px;width:10px}
  .what-ring-corner--left{left:5px}.what-ring-corner--right{right:5px}
  .what-ring-rope{left:6px!important;right:6px!important}
  .what-duel-card__actions,.what-duel-card[data-duel-side="left"] .what-duel-card__actions,.what-duel-card[data-duel-side="right"] .what-duel-card__actions{justify-content:stretch}
  
  .what-coin-mapping{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .what-mode-card__visual img,.home-space-metric--link .home-space-metric__reference-art{transition:none!important}
  
}




.home-space-metric__reference-art--collection{
  top:50%!important;
  right:10px!important;
  width:126px!important;
  height:104px!important;
  overflow:visible!important;
  transform:translateY(-50%)!important;
  transform-origin:center!important;
}
.home-space-metric__reference-art--collection img{width:100%!important;height:auto!important;max-height:104px!important;object-fit:contain!important}
.home-space-metric--link:hover .home-space-metric__reference-art--collection,
.home-space-metric--link:focus-visible .home-space-metric__reference-art--collection,
.home-space-metric--lilac:hover .home-space-metric__reference-art--collection{
  transform:translateY(-50%) scale(1.025)!important;
}






.what-engine{margin-top:12px!important;padding:17px 18px!important;gap:12px!important}
.what-engine__compact{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center!important;gap:12px!important}
.what-engine__compact>div{min-width:0}
.what-engine__compact h2{margin:2px 0 3px;font-size:20px}
.what-engine__compact p{margin:0;color:var(--eiv-text-secondary);font-size:12px;line-height:1.45}
.what-engine__compact>strong{grid-column:2;grid-row:1;align-self:center;min-width:88px!important}
.what-engine__toggle{grid-column:3;grid-row:1;display:flex;min-height:46px;align-items:center;justify-content:center;gap:10px;padding:9px 12px;border:1px solid rgba(40,127,134,.24);border-radius:14px;background:var(--eiv-turquoise-pale);color:var(--eiv-turquoise-deep);font:inherit;font-size:12px;font-weight:950;cursor:pointer}
.what-engine__toggle b{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#fff;color:var(--eiv-raspberry);font-size:21px;line-height:1;box-shadow:0 3px 9px rgba(64,58,92,.1)}
.what-engine__toggle:hover,.what-engine__toggle:focus-visible{border-color:var(--eiv-turquoise);box-shadow:0 0 0 4px rgba(105,201,195,.16);outline:none}
.what-engine.is-collapsed .what-criteria-summary{margin-top:1px}
.what-engine-actions--collapsed{position:static!important;bottom:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.what-engine.is-collapsed+.what-wheel-card-v3,
.what-engine.is-collapsed+.what-grand-slam-explain{margin-top:0!important}
.what-engine.is-expanded .what-engine-grid{animation:eiv-criteria-reveal .2s ease both}
@keyframes eiv-criteria-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}


.what-surprise-v3,.what-grand-slam-v3{gap:12px!important}
.what-wheel-card-v3{margin-top:0!important}
.what-grand-slam-explain{margin-top:0!important;padding:18px 22px!important}
.what-tournament-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}
.what-tournament-steps span{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid rgba(64,58,92,.09);border-radius:14px;background:#fff;color:var(--eiv-plum);font-size:11px;font-weight:850;text-align:left}
.what-tournament-steps b{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border-radius:50%;background:var(--eiv-raspberry);color:#fff;font-size:11px}
.what-duel-head__hint{margin-top:4px!important;color:var(--eiv-turquoise-deep)!important;font-size:12px!important;font-weight:850}


.what-tournament-ring{min-height:570px;padding:108px 105px 105px!important;border:0!important;border-radius:30px!important;background:#fff!important;box-shadow:0 20px 42px rgba(64,58,92,.12)!important;overflow:hidden!important}
.what-tournament-ring__art{position:absolute!important;z-index:0!important;inset:0!important;width:100%!important;height:100%!important;opacity:1!important;overflow:hidden!important;pointer-events:none!important}
.what-tournament-ring__art img{width:100%!important;height:100%!important;object-fit:fill!important}
.what-ring-corner,.what-ring-rope,.what-ring-arena-label{display:none!important}
.what-duel-grid{z-index:2!important;align-items:stretch}
.what-duel-card{background:rgba(255,255,255,.97)!important;backdrop-filter:blur(2px)}


.what-coin-dialog{width:min(860px,calc(100vw - 30px))!important;padding:25px 28px!important;text-align:left!important}
.what-coin-dialog>p.section-eyebrow,.what-coin-dialog>h2,.what-coin-dialog>h2+ p{text-align:center}
.what-coin-mapping{position:relative;z-index:2;gap:14px!important;margin:18px 0 4px!important}
.what-coin-choice-card{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:12px!important}
.what-coin-choice-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.what-coin-choice-card__label{position:static!important;display:inline-flex;padding:5px 10px!important;border-radius:999px!important;background:var(--eiv-raspberry-pale)!important;color:var(--eiv-raspberry)!important;box-shadow:none!important;font-size:10px!important}
.what-coin-choice-card>header small{color:var(--eiv-text-secondary);font-size:10px;font-weight:800}
.what-coin-choice-card__body{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px}
.what-coin-choice-card__body>img,.what-coin-choice-card__fallback{width:120px!important;height:92px!important;border-radius:13px!important;object-fit:cover!important}
.what-coin-choice-card__body>div{display:grid;gap:6px;min-width:0}
.what-coin-choice-card strong{padding:0!important;font-size:14px!important;line-height:1.3!important}
.what-coin-choice-card__category{display:inline-flex;align-items:center;gap:5px;color:var(--eiv-turquoise-deep);font-size:10px;font-weight:850}
.what-coin-choice-card__category .icon{width:13px;height:13px}
.what-coin-choice-card .what-practical-meta{gap:5px;margin:0}
.what-coin-choice-card .what-practical-meta span{padding:4px 6px;font-size:9px}
.what-coin-stage{z-index:8!important;min-height:250px!important;margin-top:-2px!important;isolation:isolate}
.what-coin{z-index:3}
.what-coin-shadow{z-index:1}
.what-coin-result,.what-coin-result-help,.what-coin-actions{position:relative;z-index:9;text-align:center}
.what-coin-result-help{margin-top:-7px;color:var(--eiv-text-secondary);font-size:12px}

@media(max-width:980px){
  .what-engine__compact{grid-template-columns:minmax(0,1fr) auto}
  .what-engine__compact>strong{grid-column:2;grid-row:1}
  .what-engine__toggle{grid-column:1/-1;grid-row:2;justify-self:stretch}
  .what-tournament-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .what-tournament-ring{padding:100px 60px 90px!important}
}
@media(max-width:760px){
  .home-space-metric__reference-art--collection{right:4px!important;width:102px!important;height:92px!important}
  .what-engine{padding:14px!important}
  .what-engine__compact{grid-template-columns:1fr auto}
  .what-engine__compact h2{font-size:17px}
  .what-engine__compact>strong{min-width:74px!important;font-size:21px!important}
  .what-engine-actions--collapsed{grid-template-columns:1fr!important}
  .what-tournament-steps{grid-template-columns:1fr 1fr}
  .what-tournament-ring{min-height:0;padding:84px 22px 74px!important;background:#fff!important}
  .what-tournament-ring__art{opacity:.34!important}
  .what-duel-grid{grid-template-columns:1fr!important}
  .what-coin-dialog{padding:20px 14px!important}
  .what-coin-mapping{grid-template-columns:1fr!important}
  .what-coin-choice-card__body{grid-template-columns:92px minmax(0,1fr)}
  .what-coin-choice-card__body>img,.what-coin-choice-card__fallback{width:92px!important;height:76px!important}
}
@media(prefers-reduced-motion:reduce){
  .what-engine.is-expanded .what-engine-grid{animation:none!important}
}




.what-mode-showcase .what-mode-card{
  grid-template-rows:220px minmax(0,1fr)!important;
}
.what-mode-showcase .what-mode-card__visual{
  min-height:220px!important;
  padding:10px 12px 0!important;
  overflow:hidden!important;
}
.what-mode-showcase .what-mode-card__visual>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.what-mode-showcase .what-mode-card:hover .what-mode-card__visual>img,
.what-mode-showcase .what-mode-card:focus-visible .what-mode-card__visual>img{
  transform:scale(1.018)!important;
}


.what-engine__compact{
  grid-template-columns:minmax(0,1fr) auto!important;
}
.what-engine__compact>strong{
  grid-column:2!important;
  grid-row:1!important;
}
.what-engine-actions--collapsed{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:stretch!important;
  gap:12px!important;
}
.what-engine-actions--expanded{
  display:grid!important;
  grid-template-columns:auto minmax(220px,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
}
.what-engine__toggle{
  display:flex!important;
  width:100%!important;
  min-height:52px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:11px 15px!important;
  border:1px solid rgba(40,127,134,.28)!important;
  border-radius:15px!important;
  background:var(--eiv-turquoise-pale)!important;
  color:var(--eiv-turquoise-deep)!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.what-engine__toggle b{
  display:grid!important;
  width:29px!important;
  height:29px!important;
  flex:0 0 29px!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#fff!important;
  color:var(--eiv-raspberry)!important;
  font-size:22px!important;
  line-height:1!important;
  box-shadow:0 3px 9px rgba(64,58,92,.1)!important;
}
.what-engine-actions--collapsed>.button--primary,
.what-engine-actions--expanded>.button--primary{
  min-width:230px;
  min-height:52px;
}


.what-guided-start{display:grid;gap:18px}
.what-candidate-library{
  display:grid;
  gap:18px;
  padding:22px;
  border:1px solid var(--eiv-border);
  border-radius:24px;
  background:#fff;
  box-shadow:0 12px 30px rgba(64,58,92,.07);
}
.what-candidate-library__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.what-candidate-library__header h2,
.what-candidate-library__header p{margin:0}
.what-candidate-library__header h2{margin-top:3px;font-size:23px}
.what-candidate-library__header>div>p:last-child{margin-top:5px;color:var(--eiv-text-secondary);font-size:12px}
.what-candidate-library__header>strong{
  display:grid;
  min-width:104px;
  padding:12px 14px;
  border-radius:17px;
  background:var(--eiv-turquoise-pale);
  color:var(--eiv-turquoise-deep);
  font-size:28px;
  line-height:1;
  text-align:center;
}
.what-candidate-library__header>strong small{margin-top:5px;font-size:10px;line-height:1.25}
.what-candidate-group{display:grid;gap:11px;padding-top:15px;border-top:1px solid var(--eiv-border)}
.what-candidate-group>header{display:flex;align-items:center;justify-content:space-between;gap:14px}
.what-candidate-group>header>div{display:flex;align-items:center;gap:10px}
.what-candidate-group>header>div>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--eiv-turquoise-pale);color:var(--eiv-turquoise-deep)}
.what-candidate-group--compromise>header>div>span{background:var(--eiv-lilac-pale);color:var(--eiv-plum)}
.what-candidate-group>header h3,.what-candidate-group>header p{margin:0}
.what-candidate-group>header h3{font-size:17px}
.what-candidate-group>header p{margin-top:2px;color:var(--eiv-text-secondary);font-size:11px}
.what-candidate-group>header>strong{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--eiv-raspberry-pale);color:var(--eiv-raspberry);font-size:12px}
.what-candidate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.what-candidate-card{display:grid;grid-template-rows:155px minmax(0,1fr);overflow:hidden;border:1px solid var(--eiv-border);border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(64,58,92,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.what-candidate-card:hover,.what-candidate-card:focus-within{transform:translateY(-3px);border-color:rgba(105,201,195,.8);box-shadow:0 14px 28px rgba(64,58,92,.11)}
.what-candidate-card__media{display:grid;place-items:center;overflow:hidden;padding:8px;background:var(--eiv-cream)}
.what-candidate-card__media>img{width:100%;height:100%;object-fit:contain;object-position:center}
.what-candidate-card__fallback{display:grid;width:100%;height:100%;place-items:center;border-radius:13px;background:var(--eiv-lilac-pale);color:var(--eiv-turquoise-deep)}
.what-candidate-card__fallback .icon{width:54px;height:54px}
.what-candidate-card__body{display:flex;min-width:0;flex-direction:column;gap:8px;padding:13px}
.what-candidate-card__badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.what-candidate-card__theme{display:inline-flex;align-items:center;gap:5px;color:var(--eiv-turquoise-deep);font-size:10px;font-weight:850}
.what-candidate-card__theme .icon{width:13px;height:13px}
.what-candidate-card h4,.what-candidate-card p{margin:0}
.what-candidate-card h4{font-size:15px;line-height:1.25}
.what-candidate-card> .what-candidate-card__body>p{display:-webkit-box;overflow:hidden;color:var(--eiv-text-secondary);font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.what-candidate-card .what-practical-meta{margin-top:auto;gap:5px}
.what-candidate-card .what-practical-meta span{padding:4px 6px;font-size:9px}
.what-candidate-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:2px}
.what-candidate-card__actions .button{width:100%;min-height:38px;padding-inline:9px;font-size:10px}


.what-wheel-card-v3--result{
  grid-template-columns:minmax(230px,300px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:22px!important;
  padding:20px!important;
}
.what-wheel-result-card{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,.58fr);overflow:hidden;border:1px solid rgba(40,127,134,.18);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(64,58,92,.09)}
.what-wheel-result-card__media{display:grid;min-height:280px;place-items:center;overflow:hidden;padding:12px;background:var(--eiv-cream)}
.what-wheel-result-card__media>img{width:100%;height:100%;object-fit:contain;object-position:center}
.what-wheel-result-card__fallback{display:grid;width:100%;height:100%;place-items:center;background:var(--eiv-lilac-pale);color:var(--eiv-turquoise-deep)}
.what-wheel-result-card__fallback .icon{width:72px;height:72px}
.what-wheel-result-card__body{display:grid;align-content:center;gap:9px;padding:18px}
.what-wheel-result-card__body h2,.what-wheel-result-card__body p{margin:0}
.what-wheel-result-card__body>p:not(.section-eyebrow){color:var(--eiv-text-secondary);font-size:12px;line-height:1.45}
.what-wheel-result-card__badges{display:flex;flex-wrap:wrap;gap:7px}
.what-wheel-result-card .what-criteria-summary{margin-top:3px}
.what-surprise-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.what-surprise-actions .button{flex:1 1 145px;min-height:42px}


.what-grand-slam-explain+.what-engine{margin-top:0!important}
.what-tournament-ring{
  min-height:540px!important;
  padding:118px 122px 98px!important;
}
.what-duel-grid{
  grid-template-columns:repeat(2,minmax(0,390px))!important;
  justify-content:center!important;
  align-items:center!important;
  gap:56px!important;
}
.what-duel-card{max-width:390px;min-height:390px;background:rgba(255,255,255,.98)!important;transform-origin:center;will-change:transform,opacity,filter}
.what-duel-card>img{height:165px!important;padding:7px;object-fit:contain!important;object-position:center;background:var(--eiv-cream)}
.what-duel-card__fallback{display:grid;height:165px;place-items:center;background:var(--eiv-lilac-pale);color:var(--eiv-turquoise-deep)}
.what-duel-card__fallback .icon{width:64px;height:64px}
.what-duel-card__content{display:flex;min-height:220px!important;flex-direction:column;padding:14px!important}
.what-duel-card__content h3{margin:4px 0 6px;font-size:16px;line-height:1.25}
.what-duel-card__content>p{display:-webkit-box;overflow:hidden;margin:0;color:var(--eiv-text-secondary);font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.what-duel-card .what-practical-meta{margin-top:auto}
.what-duel-card__actions{margin-top:12px}
.what-duel-vs{z-index:12!important;top:50%!important}
.what-duel-card.is-winner{z-index:3!important;transform:none!important;border-color:rgba(40,127,134,.45)!important;box-shadow:0 13px 30px rgba(40,127,134,.17)!important}
.what-duel-card:hover:not(.is-winner):not(.is-eliminated-left):not(.is-eliminated-right),
.what-duel-card:focus-visible:not(.is-winner):not(.is-eliminated-left):not(.is-eliminated-right){animation:eiv-duel-ready-alpha37 .38s ease both;outline:none;border-color:rgba(198,75,103,.45)}
@keyframes eiv-duel-ready-alpha37{0%,100%{transform:translateX(0) rotate(0)}22%{transform:translateX(-3px) rotate(-.45deg)}45%{transform:translateX(3px) rotate(.45deg)}68%{transform:translateX(-2px) rotate(-.3deg)}86%{transform:translateX(1px) rotate(.2deg)}}
.what-duel-progress{display:flex;align-items:center;gap:12px;margin:12px 0 6px;padding:10px 12px;border:1px solid rgba(40,127,134,.16);border-radius:14px;background:var(--eiv-turquoise-pale)}
.what-duel-progress>strong{white-space:nowrap;color:var(--eiv-turquoise-deep);font-size:12px}
.what-duel-progress>div{display:flex;flex:1;align-items:center;gap:6px}
.what-duel-progress span{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(64,58,92,.14);border-radius:50%;background:#fff;color:var(--eiv-text-secondary);font-size:10px;font-weight:900}
.what-duel-progress span.is-current{border-color:var(--eiv-raspberry);background:var(--eiv-raspberry);color:#fff;box-shadow:0 0 0 4px rgba(198,75,103,.12)}
.what-duel-progress span.is-done{border-color:var(--eiv-turquoise-deep);background:var(--eiv-turquoise-deep);color:#fff}


.what-coin-dialog{width:min(1040px,calc(100vw - 28px))!important;padding:24px 26px 22px!important}
.what-coin-dialog__intro{max-width:700px;margin:0 auto 12px!important;text-align:center;color:var(--eiv-text-secondary)}
.what-coin-board{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);align-items:center;gap:18px;margin:18px 0 12px}
.what-coin-choice-card{display:flex!important;min-width:0!important;flex-direction:column!important;gap:0!important;overflow:hidden!important;padding:0!important;border:1px solid var(--eiv-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 9px 22px rgba(64,58,92,.08)!important;transition:opacity .28s ease,filter .28s ease,transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.what-coin-choice-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--eiv-border);background:var(--eiv-cream)}
.what-coin-choice-card__label{position:static!important;display:inline-flex!important;padding:5px 10px!important;border-radius:999px!important;background:var(--eiv-raspberry-pale)!important;color:var(--eiv-raspberry)!important;box-shadow:none!important;font-size:10px!important}
.what-coin-choice-card>header small{color:var(--eiv-text-secondary);font-size:10px;font-weight:850}
.what-coin-choice-card__media{display:grid;height:150px;place-items:center;overflow:hidden;padding:9px;background:var(--eiv-lilac-pale)}
.what-coin-choice-card__media>img{width:100%!important;height:100%!important;border-radius:12px!important;object-fit:contain!important;object-position:center!important}
.what-coin-choice-card__fallback{display:grid!important;width:100%!important;height:100%!important;place-items:center!important;border-radius:12px!important;background:#fff!important;color:var(--eiv-turquoise-deep)!important}
.what-coin-choice-card__fallback .icon{width:62px;height:62px}
.what-coin-choice-card__copy{display:grid;gap:7px;padding:13px}
.what-coin-choice-card__copy h3{margin:0;font-size:15px;line-height:1.3}




.what-coin-choice-card>footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:auto;padding:10px 12px;border-top:1px solid var(--eiv-border);font-size:11px;font-weight:900}
.what-coin-choice-card>footer .icon{width:15px;height:15px}
.what-coin-choice-card.is-winner{border-color:rgba(40,127,134,.55)!important;box-shadow:0 14px 30px rgba(40,127,134,.18)!important;transform:translateY(-4px)}
.what-coin-choice-card.is-winner>footer{background:var(--eiv-turquoise-pale);color:var(--eiv-turquoise-deep)}
.what-coin-choice-card.is-loser{opacity:.42;filter:grayscale(.8) blur(.7px);transform:scale(.975)}
.what-coin-choice-card.is-loser>footer{background:var(--eiv-lilac-pale);color:var(--eiv-text-secondary)}
.what-coin-stage{z-index:8!important;min-height:230px!important;margin:0!important;isolation:isolate}
.what-coin-result{margin-top:2px!important;text-align:center}
.what-coin-result-help{text-align:center}
.what-coin-actions{position:relative;z-index:9;justify-content:center}


.home-space-metric__reference-art--collection{background:transparent!important;box-shadow:none!important}
.home-space-metric__reference-art--collection img{filter:drop-shadow(0 8px 11px rgba(64,58,92,.15))}
.home-space-metric--link:hover .home-space-metric__reference-art--collection img,
.home-space-metric--link:focus-visible .home-space-metric__reference-art--collection img{animation:eiv-collection-card-alpha37 .62s cubic-bezier(.2,.8,.2,1) both}
@keyframes eiv-collection-card-alpha37{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(-8px) rotate(-2deg)}58%{transform:translateY(-5px) rotate(1.2deg)}100%{transform:translateY(-6px) rotate(0)}}







@media(max-width:1100px){
  .what-candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .what-wheel-card-v3--result{grid-template-columns:1fr!important}
  .what-wheel-result-card{grid-template-columns:minmax(180px,.36fr) minmax(0,.64fr)}
  .what-tournament-ring{padding:105px 64px 88px!important}
  .what-duel-grid{grid-template-columns:repeat(2,minmax(0,350px))!important;gap:42px!important}
  .what-coin-board{grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);gap:12px}
  .what-coin{width:150px;height:150px}
}
@media(max-width:760px){
  .what-mode-showcase .what-mode-card{grid-template-rows:190px auto!important}
  .what-mode-showcase .what-mode-card__visual{min-height:190px!important}
  .what-engine-actions--collapsed,.what-engine-actions--expanded{grid-template-columns:1fr!important}
  .what-engine-actions--collapsed>.button--primary,.what-engine-actions--expanded>.button--primary{width:100%;min-width:0}
  .what-candidate-library{padding:16px}
  .what-candidate-library__header{display:grid;grid-template-columns:1fr auto}
  .what-candidate-library__header>strong{min-width:78px;font-size:23px}
  .what-candidate-grid{grid-template-columns:1fr}
  .what-wheel-result-card{grid-template-columns:1fr}
  .what-wheel-result-card__media{min-height:210px}
  .what-tournament-ring{min-height:0!important;padding:86px 24px 72px!important}
  .what-tournament-ring__art{opacity:.46!important}
  .what-duel-grid{grid-template-columns:1fr!important;justify-items:center!important;gap:12px!important}
  .what-duel-card{width:min(390px,100%);min-height:0}
  .what-duel-vs{position:relative!important;top:auto!important;left:auto!important;order:2;margin:-4px auto!important;transform:none!important}
  .what-duel-card[data-duel-side="left"]{order:1}.what-duel-card[data-duel-side="right"]{order:3}
  .what-duel-progress{align-items:flex-start;flex-direction:column}
  
  .what-coin-board{grid-template-columns:1fr;gap:10px}
  .what-coin-stage{order:2;min-height:200px!important}
  .what-coin-choice-card--heads{order:1}.what-coin-choice-card--tails{order:3}
}
@media(prefers-reduced-motion:reduce){
  .what-duel-card:hover,.what-duel-card:focus-visible,.home-space-metric--link:hover .home-space-metric__reference-art--collection img,.home-space-metric--link:focus-visible .home-space-metric__reference-art--collection img{animation:none!important}
}


.what-engine-actions--collapsed{
  grid-template-columns:minmax(360px,1fr) minmax(230px,310px)!important;
}
.what-engine-actions--collapsed>.what-engine__toggle{
  grid-column:1!important;
  grid-row:1!important;
}
.what-engine-actions--collapsed>.button--primary{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
}
@media(max-width:760px){
  
  .what-engine-actions--collapsed>.what-engine__toggle,
  .what-engine-actions--collapsed>.button--primary{grid-column:1!important;grid-row:auto!important}
}


.home-space-metric__reference-art--collection{
  right:10px!important;
  width:132px!important;
  height:104px!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-collection-preview{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:62px auto;
  width:124px;
  overflow:hidden;
  border:1px solid rgba(64,58,92,.13);
  border-radius:13px;
  background:#fff;
  box-shadow:0 7px 17px rgba(64,58,92,.13);
  transform-origin:center;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease;
}
.home-collection-preview>img{grid-column:1/-1;width:100%!important;height:62px!important;max-height:none!important;object-fit:cover!important;object-position:center!important;filter:none!important}
.home-collection-preview__copy{display:grid;gap:0;padding:7px 4px 8px 9px;line-height:1.05}
.home-collection-preview__copy strong{color:var(--eiv-plum);font-size:11px;font-weight:950}
.home-collection-preview__copy small{margin-top:2px;color:var(--eiv-text-secondary);font-size:9px;font-weight:800}
.home-collection-preview>b{display:grid;padding:0 8px 0 2px;place-items:center;color:var(--eiv-raspberry);font-size:18px}
.home-space-metric--link:hover .home-collection-preview,.home-space-metric--link:focus-visible .home-collection-preview{transform:translateY(-3px) rotate(-.6deg) scale(1.035);border-color:rgba(105,201,195,.75);box-shadow:0 13px 24px rgba(64,58,92,.18)}
.home-space-metric--link:hover .home-space-metric__reference-art--collection img,.home-space-metric--link:focus-visible .home-space-metric__reference-art--collection img{animation:none!important}


.agreements-result-card{position:relative;overflow:hidden;padding-bottom:25px!important}
.agreements-result-card__accent{position:absolute;right:16px;bottom:12px;left:16px;height:5px;border-radius:999px;transform:scaleX(.76);transform-origin:center;opacity:.8;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s ease,filter .28s ease}
.agreements-result-card--love .agreements-result-card__accent{background:var(--eiv-turquoise)}
.agreements-result-card--compromise .agreements-result-card__accent{background:#b6a0cf}
.agreements-result-card--hesitation .agreements-result-card__accent{background:#efbd67}
.agreements-result-card--rejected .agreements-result-card__accent{background:#aaa5b1}
.agreements-result-card:hover .agreements-result-card__accent,.agreements-result-card:focus-visible .agreements-result-card__accent,.agreements-result-card.is-active .agreements-result-card__accent{transform:scaleX(1);opacity:1;filter:saturate(1.12)}

.what-mode-showcase .what-mode-card{grid-template-rows:205px auto!important}
.what-mode-showcase .what-mode-card__visual{min-height:205px!important;padding:0!important;background:var(--eiv-cream)!important}
.what-mode-showcase .what-mode-card__visual img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.what-engine__toggle{font-size:17px!important;letter-spacing:-.01em}
.what-engine__toggle b{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:25px!important}

.what-candidate-viewbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--eiv-border);border-radius:16px;background:var(--eiv-lilac-pale)}
.what-candidate-viewbar__views{display:flex;flex-wrap:wrap;gap:7px}
.what-candidate-viewbar__views button{min-height:40px;padding:8px 12px;border:1px solid var(--eiv-border);border-radius:11px;background:#fff;color:var(--eiv-plum);font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.what-candidate-viewbar__views button.is-active{border-color:var(--eiv-turquoise);background:var(--eiv-turquoise-pale);color:var(--eiv-turquoise-deep);box-shadow:0 0 0 3px rgba(105,201,195,.12)}
.what-candidate-viewbar__sort{display:flex;align-items:center;gap:8px;color:var(--eiv-text-secondary);font-size:11px;font-weight:850}
.what-candidate-viewbar__sort select{min-height:40px;padding:7px 30px 7px 10px;border:1px solid var(--eiv-border);border-radius:11px;background:#fff;color:var(--eiv-plum);font:inherit;font-size:11px;font-weight:850}
.what-candidate-group--theme>header>div>span{background:var(--eiv-coral-pale);color:var(--eiv-raspberry)}
.what-candidate-group--compact{padding-top:0;border-top:0}
.what-candidate-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.what-candidate-card.is-compact{grid-template-columns:112px minmax(0,1fr);grid-template-rows:1fr;min-height:172px}
.what-candidate-card.is-compact .what-candidate-card__media{min-height:172px}
.what-candidate-card.is-compact .what-candidate-card__actions{grid-template-columns:auto auto;justify-content:start}

.what-tournament-ring{padding-top:96px!important}
.what-duel-card>img{object-position:center 18%!important}
.what-duel-side-label{display:inline-flex!important;min-height:28px;align-items:center;gap:6px;padding:6px 10px!important;border-radius:999px!important;background:var(--eiv-lilac-pale)!important;color:var(--eiv-plum)!important;font-size:11px!important;font-weight:950!important;box-shadow:inset 0 0 0 1px rgba(64,58,92,.07)}
.what-duel-side-label .icon{width:15px;height:15px}
.what-duel-card[data-duel-side="left"] .what-duel-side-label{background:var(--eiv-turquoise-pale)!important;color:var(--eiv-turquoise-deep)!important}
.what-duel-card__actions{display:flex;align-items:center;justify-content:space-between;gap:8px}
.what-duel-card__actions .button{flex:1 1 0;min-width:0}
.what-duel-progress{padding:13px 15px!important;border-width:2px!important;box-shadow:0 7px 18px rgba(40,127,134,.09)}
.what-duel-progress>strong{font-size:15px!important}
.what-duel-progress span{width:31px!important;height:31px!important;font-size:12px!important}
.what-duel-progress span.is-current{box-shadow:0 0 0 5px rgba(198,75,103,.14),0 5px 12px rgba(198,75,103,.18)!important}

.what-tournament-result{display:grid;gap:16px;padding:22px;border:1px solid rgba(40,127,134,.18);border-radius:24px;background:var(--eiv-turquoise-pale);box-shadow:0 13px 32px rgba(64,58,92,.08)}
.what-tournament-result__heading{display:flex;align-items:center;gap:12px}
.what-tournament-result__heading>span{display:grid;width:52px;height:52px;place-items:center;border-radius:17px;background:#fff;color:var(--eiv-raspberry);box-shadow:0 8px 18px rgba(64,58,92,.09)}
.what-tournament-result__heading>span .icon{width:28px;height:28px}
.what-tournament-result__heading h2,.what-tournament-result__heading p{margin:0}
.what-tournament-result .what-wheel-result-card{width:100%}

.what-coin-board{grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr)!important;gap:20px!important}
.what-coin-stage{justify-self:center!important;width:210px!important;z-index:11!important}
.what-coin-choice-card{transition:opacity .7s ease,filter .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .4s ease!important}
.what-coin-choice-card.is-loser{opacity:1!important;filter:none!important;transform:none!important}
.what-coin-dialog.is-result-revealed .what-coin-choice-card.is-loser{opacity:.38!important;filter:grayscale(.82) blur(1.2px)!important;transform:scale(.965)!important}
.what-coin-dialog.is-result-revealed .what-coin-choice-card.is-winner{transform:translateY(-5px) scale(1.012)!important}

@media(max-width:980px){
  .what-mode-showcase .what-mode-card{grid-template-rows:170px auto!important}
  .what-mode-showcase .what-mode-card__visual{min-height:170px!important}
  .what-candidate-viewbar{align-items:stretch;flex-direction:column}
  .what-candidate-viewbar__sort{justify-content:space-between}
  .what-candidate-grid--compact{grid-template-columns:1fr}
  .what-coin-board{grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr)!important}
  .what-coin-stage{width:160px!important}
}
@media(max-width:680px){
  .home-space-metric__reference-art--collection{right:5px!important;width:105px!important;height:92px!important}
  .home-collection-preview{width:100px;grid-template-rows:49px auto}
  .home-collection-preview>img{height:49px!important}
  .home-collection-preview__copy{padding:6px 2px 7px 7px}
  .what-mode-showcase .what-mode-card{grid-template-rows:150px auto!important}
  .what-mode-showcase .what-mode-card__visual{min-height:150px!important}
  .what-candidate-viewbar__views{display:grid;grid-template-columns:1fr}
  .what-candidate-viewbar__views button{width:100%}
  .what-candidate-viewbar__sort{display:grid}
  .what-candidate-card.is-compact{grid-template-columns:92px minmax(0,1fr);min-height:160px}
  .what-candidate-card.is-compact .what-candidate-card__media{min-height:160px}
  .what-duel-card__actions{flex-direction:column}
  .what-duel-card__actions .button{width:100%}
  .what-coin-board{grid-template-columns:1fr!important}
  .what-coin-stage{width:190px!important}
}
@media(prefers-reduced-motion:reduce){
  .agreements-result-card__accent,.home-collection-preview,.what-coin-choice-card{transition:none!important}
}



.agreements-result-card::after{display:none!important;content:none!important}
.agreements-result-card__accent{bottom:10px!important;height:6px!important;transform:scaleX(.7)!important}
.agreements-result-card:hover .agreements-result-card__accent,.agreements-result-card:focus-visible .agreements-result-card__accent,.agreements-result-card.is-active .agreements-result-card__accent{transform:scaleX(1)!important}
.what-mode-showcase .what-mode-card__visual{margin:10px 10px 0;border:1px solid rgba(229,221,233,.9);border-radius:17px;overflow:hidden;background:#fff!important}
.what-mode-showcase .what-mode-card__visual img{padding:0;object-fit:contain!important}
.tracking-realized-layout-v2{display:grid;gap:22px}
.tracking-section-v2--confirmation{order:-1;border:1px solid rgba(198,75,103,.16);background:var(--eiv-raspberry-pale)}



.home-onboarding--compact{grid-template-columns:minmax(340px,1fr) minmax(460px,.95fr)!important;align-items:center!important}
.home-onboarding--compact__visual{width:min(620px,100%)!important;max-height:262px!important;height:auto!important;justify-self:end!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 14px 24px rgba(64,58,92,.08))!important}
.home-onboarding--expanded .home-onboarding__hero{grid-template-columns:minmax(0,1.26fr) minmax(390px,.74fr)!important;gap:clamp(26px,4vw,52px)!important;align-items:center!important}
.home-onboarding--expanded .home-onboarding__hero > img{width:min(100%,500px)!important;max-height:410px!important;height:auto!important;justify-self:end!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 18px 30px rgba(64,58,92,.08))!important}
@media(max-width:900px){.home-onboarding--compact{grid-template-columns:1fr!important}.home-onboarding--compact__visual{width:min(620px,100%)!important;max-height:230px!important;justify-self:center!important}.home-onboarding--expanded .home-onboarding__hero{grid-template-columns:1fr!important}.home-onboarding--expanded .home-onboarding__hero > img{width:min(100%,430px)!important;max-height:340px!important;justify-self:center!important}}
@media(max-width:760px){.home-onboarding--compact__visual{max-height:206px!important}.home-onboarding--expanded .home-onboarding__hero > img{max-height:292px!important}}



.button--preview-locked,.button--preview-locked:disabled{opacity:.62;cursor:not-allowed;filter:saturate(.7);box-shadow:none;transform:none}
.button--preview-locked small{display:block;margin-left:6px;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.06em;color:currentColor;opacity:.78}

/* 18. Activity feed */
.activity-page{display:grid;gap:22px}
.activity-hero{min-height:196px}
.activity-hero img{width:188px;height:170px;object-fit:contain}
.activity-panel{display:grid;gap:16px;padding:22px;border:1px solid var(--color-border);border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(64,58,92,.08)}
.activity-panel__heading{display:flex;align-items:end;justify-content:space-between;gap:24px}
.activity-panel__heading h2{margin:.15rem 0 0;color:var(--color-plum);font-size:clamp(1.35rem,2.5vw,1.9rem)}
.activity-panel__heading>p{max-width:360px;margin:0;color:var(--color-text-muted);font-size:.9rem;text-align:right}
.activity-filters{display:flex;flex-wrap:wrap;gap:8px}
.activity-filter{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 12px;border:1px solid var(--color-border);border-radius:999px;background:#fff;color:var(--color-plum);font:inherit;font-weight:800;cursor:pointer}
.activity-filter b{display:grid;min-width:24px;height:24px;place-items:center;border-radius:999px;background:var(--color-lilac-pale);color:var(--color-text-muted);font-size:.74rem}
.activity-filter:hover{border-color:var(--color-turquoise);background:var(--color-turquoise-pale)}
.activity-filter.is-active{border-color:var(--color-raspberry);background:var(--color-raspberry-pale);color:var(--color-raspberry)}
.activity-filter.is-active b{background:#fff;color:var(--color-raspberry)}
.activity-page .activity-list{max-height:none}
.activity-page .activity-row--reference{min-height:76px;padding:12px 14px}
.activity-page .activity-row__copy strong{font-size:.92rem}
.activity-page .activity-row__copy small{font-size:.78rem}
.activity-row--realization .activity-row__type,.activity-row--realized .activity-row__type,.activity-row--redo .activity-row__type{background:var(--color-turquoise-pale);color:var(--color-turquoise-deep)}
.activity-row--choice .activity-row__type{background:var(--color-cream-strong);color:var(--color-raspberry)}
.activity-row--update .activity-row__type{background:var(--color-lilac-pale);color:var(--color-plum)}
.activity-empty{display:grid;min-height:180px;place-items:center;align-content:center;gap:10px;border:1px dashed var(--color-border);border-radius:18px;background:var(--color-lilac-pale);color:var(--color-text-muted);text-align:center}
.activity-empty .icon{width:34px;height:34px;color:var(--color-turquoise-deep)}
.activity-empty p{margin:0}
.activity-pagination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.activity-pagination__summary{margin:0;color:var(--color-text-muted);font-size:.83rem;text-align:center}
@media(max-width:720px){
  .activity-panel{padding:16px;border-radius:20px}
  .activity-panel__heading{display:grid;gap:8px}
  .activity-panel__heading>p{text-align:left}
  .activity-filter{min-height:38px;padding:6px 10px;font-size:.84rem}
  .activity-page .activity-row--reference{min-height:70px}
  .activity-pagination{grid-template-columns:1fr 1fr}
  .activity-pagination__summary{grid-column:1/-1;grid-row:1}
  .activity-pagination .button{width:100%}
}



.home-activity-modal-layer{padding:40px 16px 18px;place-items:start center}
.home-activity-modal{position:relative;z-index:1;display:grid;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 58px);grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--color-border);border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(25,20,40,.28)}
.home-activity-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 16px;border-bottom:1px solid var(--color-border);background:var(--color-cream)}
.home-activity-modal>header h2{margin:0;color:var(--color-plum);font-size:1.45rem}
.home-activity-modal>header p{margin:4px 0 0;color:var(--color-text-muted);font-size:.84rem}
.home-activity-modal__body{display:grid;align-content:start;gap:18px;min-height:0;padding:18px 22px 24px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.home-activity-modal__group{display:grid;gap:8px}
.home-activity-modal__group>h3{margin:0 0 1px;padding-inline:2px;color:var(--color-plum);font-size:.69rem;font-weight:900;letter-spacing:.025em}
.home-activity-modal .activity-list--reference{border-color:var(--color-border);border-radius:18px;background:#fff}
.home-activity-modal .activity-row--reference{min-height:72px;padding:10px 12px}
.home-activity-modal .activity-row__copy strong{font-size:.86rem;line-height:1.3}
.home-activity-modal .activity-row__copy small{font-size:.72rem}
.home-activity-modal .activity-row__type{width:42px;height:42px}
.home-activity-modal .activity-row__avatar{width:34px;height:34px}
@media(max-width:680px){
  .home-activity-modal-layer{padding:8px}
  .home-activity-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:20px}
  .home-activity-modal>header{padding:16px}
  .home-activity-modal__body{padding:14px 12px 18px}
  .home-activity-modal .activity-row--reference{grid-template-columns:40px minmax(0,1fr) 30px 16px;gap:8px;padding:9px}
  .home-activity-modal .activity-row__copy strong{font-size:.78rem}
  .home-activity-modal .activity-row__copy small{font-size:.66rem}
}

/* 19. Add idea flow */
.add-idea-page {
  display: grid;
  gap: var(--space-5);
  max-width: 1180px;
  margin: 0 auto;
}

.add-idea-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-coral-pale);
  box-shadow: var(--shadow-sm);
}

.add-idea-hero h2 {
  margin-bottom: var(--space-2);
  font-size: clamp(1.65rem, 3vw, 2.25rem);
}

.add-idea-hero p {
  max-width: 660px;
  margin-bottom: 0;
  color: var(--color-text-muted);
}

.add-idea-capacity {
  display: grid;
  min-width: 160px;
  gap: 0.15rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--color-turquoise);
  border-radius: var(--radius-md);
  background: white;
  text-align: center;
}

.add-idea-capacity strong {
  color: var(--color-turquoise-deep);
  font-size: 1.25rem;
}

.add-idea-capacity span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.add-idea-capacity.is-blocked {
  border-color: var(--color-raspberry);
  background: var(--color-raspberry-pale);
}

.add-idea-blocked {
  display: grid;
  justify-items: start;
  gap: var(--space-2);
  padding: var(--space-6);
  border: 1px solid var(--color-raspberry);
  border-radius: var(--radius-lg);
  background: white;
  box-shadow: var(--shadow-sm);
}

.add-idea-blocked span {
  color: var(--color-text-muted);
}

.add-idea-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 255px;
  gap: var(--space-5);
  align-items: start;
}

.add-idea-main,
.add-idea-side {
  display: grid;
  gap: var(--space-4);
}

.add-idea-card,
.add-idea-side-card {
  padding: clamp(1.1rem, 2.5vw, 1.5rem);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: white;
  box-shadow: var(--shadow-sm);
}

.add-idea-card__heading {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}

.add-idea-card__heading h3,
.add-idea-card__heading p {
  margin-bottom: 0;
}

.add-idea-card__heading p {
  margin-top: 0.25rem;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.add-idea-card__heading b,
.add-field > span b {
  color: var(--color-raspberry);
}

.add-idea-step {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 50%;
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
  font-weight: 950;
}

.add-idea-grid {
  display: grid;
  gap: var(--space-4);
}

.add-idea-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.add-idea-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.add-field {
  display: grid;
  align-content: start;
  gap: 0.4rem;
  margin-bottom: var(--space-4);
}

.add-field--wide {
  grid-column: 1 / -1;
}

.add-field > span,
.add-fieldset legend {
  color: var(--color-plum);
  font-size: var(--font-size-sm);
  font-weight: 850;
}

.add-field input,
.add-field select,
.add-field textarea {
  width: 100%;
  min-height: 46px;
  padding: 0.72rem 0.82rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: white;
  color: var(--color-plum);
  outline: none;
}

.add-field textarea {
  resize: vertical;
  line-height: 1.5;
}

.add-field input:focus,
.add-field select:focus,
.add-field textarea:focus {
  border-color: var(--color-turquoise);
  box-shadow: var(--focus-ring);
}

.add-field em,
.add-field small {
  min-height: 1.05rem;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-style: normal;
}

.add-field.has-error input,
.add-field.has-error select,
.add-field.has-error textarea {
  border-color: var(--color-danger);
}

.add-field.has-error small,
.add-field-error {
  color: var(--color-danger);
  font-size: var(--font-size-xs);
  font-weight: 750;
}

.add-fieldset {
  min-width: 0;
  padding: 0;
  margin: 0 0 var(--space-4);
  border: 0;
}

.add-fieldset legend {
  margin-bottom: 0.5rem;
}

.add-idea-segments {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
}

.add-idea-segments label,
.add-idea-opinion,
.add-idea-check {
  position: relative;
  cursor: pointer;
}

.add-idea-segments input,
.add-idea-opinion input,
.add-idea-check input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.add-idea-segments span {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.7rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: white;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.add-idea-segments input:checked + span {
  border-color: var(--color-raspberry);
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
}

.add-idea-card--opinion {
  background: var(--color-cream);
}

.add-idea-card--opinion.has-error {
  border-color: var(--color-danger);
}

.add-idea-opinions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}

.add-idea-opinion > span:last-child {
  display: grid;
  min-height: 86px;
  align-content: center;
  gap: 0.2rem;
  padding: 0.9rem 0.9rem 0.9rem 2.7rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: white;
}

.add-idea-opinion strong {
  color: var(--color-plum);
}

.add-idea-opinion small {
  color: var(--color-text-muted);
  line-height: 1.35;
}

.add-idea-opinion__dot {
  position: absolute;
  top: 50%;
  left: 0.95rem;
  width: 18px;
  height: 18px;
  border: 2px solid var(--color-border);
  border-radius: 50%;
  background: white;
  transform: translateY(-50%);
  z-index: 1;
}

.add-idea-opinion input:checked ~ .add-idea-opinion__dot {
  border: 5px solid var(--color-raspberry);
}

.add-idea-opinion input:checked ~ span:last-child {
  border-color: var(--color-raspberry);
  background: var(--color-raspberry-pale);
}

.add-idea-opinion--maybe input:checked ~ .add-idea-opinion__dot {
  border-color: var(--color-turquoise-deep);
}

.add-idea-opinion--maybe input:checked ~ span:last-child {
  border-color: var(--color-turquoise);
  background: var(--color-turquoise-pale);
}

.add-idea-opinion--unsure input:checked ~ .add-idea-opinion__dot {
  border-color: var(--color-warning);
}

.add-idea-opinion--unsure input:checked ~ span:last-child {
  border-color: #d5ad6b;
  background: var(--color-cream-strong);
}

.add-idea-opinion--no input:checked ~ .add-idea-opinion__dot {
  border-color: var(--color-text-muted);
}

.add-idea-opinion--no input:checked ~ span:last-child {
  border-color: var(--color-text-muted);
  background: var(--color-lilac-pale);
}

.add-idea-secret-note {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin-top: var(--space-4);
  padding: 0.8rem 0.9rem;
  border-radius: var(--radius-sm);
  background: white;
  color: var(--color-turquoise-deep);
  font-size: var(--font-size-sm);
}

.add-idea-card--optional {
  padding: 0;
  overflow: hidden;
}

.add-idea-card--optional summary {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-5);
  cursor: pointer;
  list-style: none;
}

.add-idea-card--optional summary::-webkit-details-marker {
  display: none;
}

.add-idea-card--optional summary > span:nth-child(2) {
  display: grid;
  flex: 1;
}

.add-idea-card--optional summary small {
  color: var(--color-text-muted);
}

.add-idea-summary-icon {
  color: var(--color-raspberry);
  font-size: 1.2rem;
  transition: transform 160ms ease;
}

.add-idea-card--optional[open] .add-idea-summary-icon {
  transform: rotate(180deg);
}

.add-idea-optional-content {
  padding: 0 var(--space-5) var(--space-5);
  border-top: 1px solid var(--color-border);
}

.add-idea-collections {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.add-idea-check span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: white;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 750;
}

.add-idea-check input:checked + span {
  border-color: var(--color-turquoise);
  background: var(--color-turquoise-pale);
  color: var(--color-turquoise-deep);
}

.add-idea-empty-collections {
  padding: 0.7rem 0.8rem;
  border-radius: var(--radius-sm);
  background: var(--color-lilac-pale);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.add-idea-assisted-note {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px dashed var(--color-turquoise);
  border-radius: var(--radius-md);
  background: var(--color-turquoise-pale);
}

.add-idea-assisted-note > span {
  color: var(--color-raspberry);
  font-size: 1.25rem;
}

.add-idea-assisted-note p {
  margin: 0.2rem 0 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.add-idea-side {
  position: sticky;
  top: calc(var(--header-height) + var(--space-4));
}

.add-idea-side-card {
  box-shadow: none;
}

.add-idea-side-card p,
.add-idea-side-card li {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.add-idea-side-card ul {
  padding-left: 1.1rem;
  margin: var(--space-3) 0 0;
}

.add-idea-draft-status {
  display: inline-flex;
  width: fit-content;
  margin-bottom: var(--space-3);
  padding: 0.35rem 0.55rem;
  border-radius: var(--radius-pill);
  background: var(--color-lilac-pale);
  color: var(--color-turquoise-deep);
  font-size: var(--font-size-xs);
  font-weight: 850;
}

.add-idea-side-card .button {
  width: 100%;
}

.add-idea-actions {
  display: flex;
  grid-column: 1 / -1;
  justify-content: flex-end;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: white;
  box-shadow: var(--shadow-sm);
}

.add-idea-duplicate {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2) var(--space-4);
  padding: var(--space-4);
  border: 1px solid var(--color-warning);
  border-radius: var(--radius-md);
  background: var(--color-cream-strong);
}

.add-idea-duplicate[hidden] {
  display: none;
}

.add-idea-duplicate span {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.add-idea-duplicate .button {
  grid-column: 2;
  grid-row: 1 / span 2;
}

@media (max-width: 980px) {
  .add-idea-form {
    grid-template-columns: 1fr;
  }

  .add-idea-side {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .add-idea-hero {
    align-items: flex-start;
    flex-direction: column;
  }

  .add-idea-capacity {
    width: 100%;
  }

  .add-idea-grid--two,
  .add-idea-grid--three,
  .add-idea-opinions,
  .add-idea-side,
  .add-idea-segments {
    grid-template-columns: 1fr;
  }

  .add-idea-actions {
    position: sticky;
    bottom: calc(76px + env(safe-area-inset-bottom));
    z-index: 8;
  }

  .add-idea-actions .button {
    flex: 1;
  }

  .add-idea-duplicate {
    grid-template-columns: 1fr;
  }

  .add-idea-duplicate .button {
    grid-column: 1;
    grid-row: auto;
  }
}



.add-idea-label-help{margin:8px 0 0;color:var(--eiv-text-secondary);font-size:12px;line-height:1.45}
.add-image-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.add-image-previews>p{grid-column:1/-1;margin:0;padding:16px;border:1px dashed var(--eiv-border);border-radius:16px;color:var(--eiv-text-secondary);text-align:center;background:var(--eiv-lilac-pale)}
.add-image-previews figure{position:relative;min-width:0;margin:0;aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid var(--eiv-border);background:var(--eiv-lilac-pale)}
.add-image-previews img{width:100%;height:100%;object-fit:cover;display:block}
.add-image-previews button{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--eiv-raspberry);box-shadow:0 6px 16px rgba(64,58,92,.18);cursor:pointer}
.add-image-previews button .icon{width:16px;height:16px}
@media(max-width:680px){.add-image-previews{grid-template-columns:1fr 1fr}.add-image-previews figure:last-of-type:nth-child(3){grid-column:1/-1;max-width:50%}}

/* 20. Accessibility */
.skip-link {
  position: fixed;
  z-index: 10000;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: var(--color-prune, #403a5c);
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  transform: translateY(-180%);
  transition: transform 160ms ease;
}

.skip-link:focus {
  transform: translateY(0);
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--color-turquoise-profond, #287f86);
  outline-offset: 3px;
}

[aria-current="page"] {
  position: relative;
}

[aria-current="page"]::after {
  content: "";
  position: absolute;
  inset-block: 0.45rem;
  inset-inline-start: 0.15rem;
  width: 3px;
  border-radius: 999px;
  background: currentColor;
}

[role="dialog"][aria-modal="true"]:focus {
  outline: none;
}

body.dialog-open,
body.drawer-open,
body.filter-sheet-open {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .what-coin-object,
  .what-wheel,
  .agreements-result-card__accent,
  .program-card__countdown-icon i {
    animation: none !important;
  }
}

/* 21. Consolidated UI rules */



.quick-modal-layer{position:fixed;z-index:140;inset:0;display:grid;place-items:start center;padding:72px 16px 20px;pointer-events:auto}
.quick-modal-layer__backdrop{position:absolute;inset:0;border:0;background:rgba(64,58,92,.30);backdrop-filter:blur(7px)}
.quick-location-modal,.workspace-personalize-modal{position:relative;z-index:1;width:min(650px,calc(100vw - 32px));max-height:calc(100vh - 92px);overflow:auto;border:1px solid var(--eiv-border);border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(25,20,40,.24)}
.quick-location-modal>header,.workspace-personalize-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 16px;border-bottom:1px solid var(--eiv-border);background:var(--eiv-cream)}
.quick-location-modal>header h2,.workspace-personalize-modal>header h2{margin:2px 0 4px}.quick-location-modal>header p,.workspace-personalize-modal>header p{margin:0;color:var(--eiv-text-secondary)}
.quick-location-modal__current{display:flex;align-items:center;gap:14px;margin:18px 22px;padding:15px 17px;border:1px solid #f1ded5;border-radius:18px;background:#fff9f5}.quick-location-modal__current>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:var(--eiv-lilac-pale);font-weight:900}.quick-location-modal__current div{display:grid;gap:2px}.quick-location-modal__current small{color:var(--eiv-text-secondary)}
.quick-location-modal__field,.workspace-personalize-modal__name{display:grid;gap:8px;margin:0 22px;font-weight:900}.quick-location-modal__field>div{display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid var(--eiv-border);border-radius:15px;background:#fff}.quick-location-modal__field input,.workspace-personalize-modal__name input{width:100%;min-height:48px;border:0;outline:0;background:transparent;font:inherit}.quick-location-modal__field .icon{width:19px;color:var(--eiv-raspberry)}
.quick-location-modal__locate{margin:14px 22px 0}.quick-location-modal__note{margin:12px 22px;color:var(--eiv-text-secondary);font-size:12px}.quick-location-modal>footer,.workspace-personalize-modal>footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px 22px}
.workspace-personalize-modal__photo{display:grid;grid-template-columns:104px 1fr;gap:18px;align-items:center;margin:18px 22px;padding:16px;border:1px solid #f1ded5;border-radius:20px;background:#fff9f5}.workspace-personalize-modal__photo>img{width:104px;height:104px;border-radius:26px;object-fit:cover}.workspace-personalize-modal__photo p{margin:4px 0 12px;color:var(--eiv-text-secondary)}.workspace-personalize-modal__photo div>div{display:flex;gap:8px;flex-wrap:wrap}.workspace-personalize-modal__photo label input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.workspace-personalize-modal__name input{padding:0 14px;border:1px solid var(--eiv-border);border-radius:14px}.workspace-personalize-modal__name small{color:var(--eiv-text-secondary);font-weight:700}.workspace-personalize-modal__preview{display:grid;gap:3px;margin:14px 22px 0;padding:12px 15px;border-radius:14px;background:var(--eiv-lilac-pale)}.workspace-personalize-modal__preview span{font-size:10px;font-weight:900;text-transform:uppercase;color:var(--eiv-raspberry)}


.brand-lockup__mark{display:block!important;box-sizing:border-box!important;object-fit:contain!important;object-position:50% 50%!important;transform:none!important;transform-origin:center!important;padding:0!important;flex:0 0 auto!important}
.application-shell--reference .brand-lockup--sidebar .brand-lockup__mark{width:64px!important;height:44px!important;padding:0!important}
.brand-lockup--home .brand-lockup__mark{width:88px!important;height:60px!important}
.brand-lockup--auth .brand-lockup__mark{width:116px!important;height:78px!important}


.home-space-metric__substats{display:flex!important;flex-wrap:wrap;gap:6px 10px;margin-top:4px;color:var(--eiv-text-secondary);font-size:10px;font-style:normal;line-height:1.3}
.home-space-metric__substats>span{display:inline-flex;align-items:center;gap:4px}
.home-space-metric__substats b{color:var(--eiv-plum);font-size:11px}
.home-space-metric__copy em>button{display:inline-flex;margin-top:7px;padding:0;border:0;background:transparent;color:var(--eiv-raspberry);font:inherit;font-weight:900;text-align:left;cursor:pointer}
.home-space-metric__copy em>button:hover{text-decoration:underline}
[data-count-up]{font-variant-numeric:tabular-nums}


.home-choice-panel{display:grid!important;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr)!important;align-items:stretch!important;gap:12px!important;padding:14px!important}
.home-choice-panel__intro{align-self:center!important;padding:8px 8px!important}
.home-choice-panel__intro h3{margin:9px 0 4px!important;font-size:17px!important}
.home-choice-panel__intro p{margin:0!important;font-size:11px!important;line-height:1.35!important}
.home-choice-count{display:inline-flex!important;padding:5px 8px!important;border-radius:999px!important;background:var(--eiv-turquoise-pale)!important;color:var(--eiv-turquoise-deep)!important;font-size:9.5px!important;font-weight:900!important;text-transform:uppercase!important}
.home-choice-suggestion{position:relative!important;display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;min-height:102px!important;padding:11px 12px!important;border:1px dashed var(--eiv-turquoise)!important;border-radius:16px!important;background:#fbffff!important}
.home-choice-suggestion__icon{display:grid!important;width:54px!important;height:54px!important;place-items:center!important;border-radius:14px!important;background:var(--eiv-coral-pale)!important;color:var(--eiv-raspberry)!important}
.home-choice-suggestion__icon .icon{width:27px!important;height:27px!important}
.home-choice-suggestion h3{margin:1px 0 4px!important;font-size:14px!important}
.home-choice-suggestion p{margin:0!important;font-size:10.5px!important;line-height:1.3!important}
.home-choice-suggestion>span.badge{position:absolute!important;top:9px!important;right:9px!important}
.home-choice-suggestion>div>div{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:7px!important}
.home-choice-suggestion>div>div span{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px 7px!important;border:1px solid var(--eiv-border)!important;border-radius:999px!important;font-size:9px!important}
.home-choice-panel__actions--three{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-content:stretch!important}
.home-choice-mode{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr) 24px;align-items:center;gap:18px;min-height:118px;padding:18px 20px;border:1px solid var(--eiv-border);border-radius:22px;background:#fff;color:var(--eiv-plum);text-decoration:none;box-shadow:0 7px 18px rgba(64,58,92,.055);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.home-choice-mode:hover,.home-choice-mode:focus-visible{box-shadow:0 11px 24px rgba(64,58,92,.105);transform:translateY(-1px);outline:none}
.home-choice-mode__icon{display:grid;width:68px;height:68px;place-items:center;border-radius:50%;background:var(--eiv-lilac-pale);color:var(--eiv-plum)}
.home-choice-mode__icon .icon{width:31px;height:31px}
.home-choice-mode>span:nth-child(2){display:grid;gap:6px;min-width:0}
.home-choice-mode strong{font-size:16px;line-height:1.18;letter-spacing:-.01em}
.home-choice-mode small{color:var(--eiv-text-secondary);font-size:12px;line-height:1.38}
.home-choice-mode>b{justify-self:end;font-size:28px;line-height:1;color:var(--eiv-text-secondary)}
.home-choice-mode--guided{border-color:#efb9c5;background:linear-gradient(135deg,#fff9fa 0%,#fff5f7 100%)}
.home-choice-mode--guided:hover,.home-choice-mode--guided:focus-visible{border-color:var(--eiv-raspberry)}
.home-choice-mode--guided .home-choice-mode__icon{background:#fbe3e9;color:var(--eiv-raspberry)}
.home-choice-mode--surprise{border-color:#a4dcd8;background:linear-gradient(135deg,#fafffe 0%,#f3fbfa 100%)}
.home-choice-mode--surprise:hover,.home-choice-mode--surprise:focus-visible{border-color:var(--eiv-turquoise-deep)}
.home-choice-mode--surprise .home-choice-mode__icon{background:#dcf4f2;color:var(--eiv-turquoise-deep)}
.home-choice-mode--tournament{border-color:#d2c1e8;background:linear-gradient(135deg,#fdfbff 0%,#faf6fe 100%)}
.home-choice-mode--tournament:hover,.home-choice-mode--tournament:focus-visible{border-color:#7a57a5}
.home-choice-mode--tournament .home-choice-mode__icon{background:#eee6f7;color:#6a4c92}


.agreement-highlight__clock,.program-card__countdown-icon{position:relative!important;display:inline-grid!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;flex:0 0 24px!important;place-items:center!important;align-self:center!important;border-radius:50%!important;background:#fff!important;line-height:1!important;text-align:center!important;overflow:visible!important}
.agreement-highlight__clock{color:var(--eiv-turquoise-deep)!important;box-shadow:0 3px 8px rgba(40,127,134,.16)!important}
.program-card__countdown-icon{color:var(--eiv-raspberry)!important;box-shadow:0 3px 8px rgba(198,75,103,.14)!important}
.agreement-highlight__clock .icon,.program-card__countdown-icon .icon{position:absolute!important;left:50%!important;top:50%!important;display:block!important;width:14px!important;height:14px!important;margin:0!important;transform:translate(-50%,-50%)!important;transform-origin:center!important}
.agreement-highlight__clock i,.program-card__countdown-icon i{position:absolute!important;right:-1px!important;top:-1px!important;width:6px!important;height:6px!important;border:2px solid #fff!important;border-radius:50%!important}
.agreement-highlight__clock i{background:var(--eiv-turquoise)!important;box-shadow:0 0 0 3px rgba(105,201,195,.15),0 0 9px rgba(40,127,134,.45)!important;animation:eiv-live-dot 2s ease-in-out infinite}
.program-card__countdown-icon i{background:var(--eiv-raspberry)!important}
@keyframes eiv-live-dot{0%,100%{transform:scale(.86);opacity:.7}50%{transform:scale(1.08);opacity:1;box-shadow:0 0 0 5px rgba(105,201,195,.09),0 0 13px rgba(40,127,134,.62)}}
.program-card--awaiting_confirmation .program-card__countdown-icon{color:#8a5a14!important}
.program-card--now{border-color:#7ccfc9!important}.program-card--now .program-card__countdown{background:#e5f8f6!important;color:var(--eiv-turquoise-deep)!important}


.page-role-info{display:flex;align-items:flex-start;gap:13px;margin:-4px 0 18px;padding:13px 16px;border:1px solid #f0d9d2;border-radius:15px;background:#fff8f3;color:var(--eiv-text-secondary)}.page-role-info>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:11px;background:#fff;color:var(--eiv-raspberry);box-shadow:0 4px 12px rgba(198,75,103,.1)}.page-role-info .icon{width:19px;height:19px}.page-role-info strong{display:block;color:var(--eiv-plum);font-size:13px}.page-role-info p{margin:2px 0 0;font-size:12px;line-height:1.45}


.terrain-portrait--current{grid-template-columns:minmax(260px,.82fr) minmax(400px,1.18fr)!important;gap:18px!important;align-items:stretch!important;padding:18px!important;border-color:#e2d9eb!important;background:var(--eiv-lilac-pale)!important;box-shadow:none!important}
.terrain-portrait__intro{display:flex;flex-direction:column;justify-content:center;padding:10px 6px!important;border:0!important;border-radius:0!important;background:transparent!important}.terrain-portrait__intro aside{display:flex;gap:8px;align-items:flex-start;margin-top:14px;padding:10px 12px;border:0!important;border-radius:13px;background:#fff!important;color:var(--eiv-turquoise-deep)!important;font-size:11px;font-weight:700}.terrain-portrait__intro aside .icon{width:16px;flex:0 0 16px;color:var(--eiv-turquoise-deep)}
.terrain-portrait-ranking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.terrain-portrait-ranking article{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding:11px 12px;border:1px solid rgba(64,58,92,.08)!important;border-radius:16px;background:#fff!important;box-shadow:0 5px 14px rgba(64,58,92,.055)!important}.terrain-portrait-ranking__icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:var(--eiv-lilac-pale);color:var(--eiv-turquoise-deep)}.terrain-portrait-ranking article>div{display:grid;gap:5px}.terrain-portrait-ranking header{display:flex;align-items:center;justify-content:space-between;gap:10px}.terrain-portrait-ranking header strong{font-size:11px;line-height:1.2}.terrain-portrait-ranking header b{display:grid;min-width:28px;height:28px;place-items:center;border-radius:9px;background:var(--eiv-turquoise-pale);color:var(--eiv-turquoise-deep)}.terrain-portrait-ranking__bar{height:6px;overflow:hidden;border-radius:999px;background:#e9e3ef}.terrain-portrait-ranking__bar i{display:block;height:100%;border-radius:inherit;background:var(--eiv-turquoise)}.terrain-portrait-ranking small{color:var(--eiv-text-secondary);font-size:9.5px}


.what-engine{gap:0!important;margin-top:16px!important;padding:0!important;border:1px solid #e6dfe9!important;border-radius:24px!important;background:#fff!important;box-shadow:0 14px 34px rgba(64,58,92,.075)!important;overflow:hidden}
.what-engine__compact{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:20px 22px!important;background:#fff8f3!important;border-bottom:1px solid #ece6ef!important}
.what-engine__compact>strong{min-width:82px!important;padding:10px 13px!important;border:1px solid #cfe9e7!important;border-radius:16px!important;background:#fff!important;color:var(--eiv-turquoise-deep)!important;box-shadow:0 7px 18px rgba(40,127,134,.09)!important}
.what-criteria-summary{grid-column:1/-1!important}.what-criteria-summary--empty{border:1px solid #f0e5dc!important;background:#fffaf5!important}
.what-engine-grid--accordion{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:18px 20px!important;background:#fbfafd!important}
.what-criteria-panel{overflow:hidden;border:1px solid #e4dee8!important;border-radius:16px!important;background:#fff!important;box-shadow:0 4px 12px rgba(64,58,92,.035)!important}.what-criteria-panel[open]{border-color:#e5b6c2!important;box-shadow:0 7px 18px rgba(198,75,103,.08)!important}.what-criteria-panel>summary{min-height:72px!important;padding:13px 15px!important;background:#fff!important}.what-criteria-panel[open]>summary{background:#fff4f6!important}.what-criteria-panel__number{display:grid!important;width:32px!important;height:32px!important;place-items:center!important;border-radius:50%!important;background:var(--eiv-raspberry)!important;color:#fff!important}.what-criteria-panel__title strong{font-size:14px!important}.what-criteria-panel__title small{margin-top:2px!important}.what-criteria-panel__body{padding:15px!important;border-top:1px solid #f0e8ed!important;background:#fff!important}.what-engine-universe{grid-column:1/-1!important}
.what-engine-actions{position:sticky!important;bottom:12px!important;z-index:7!important;display:grid!important;grid-template-columns:auto minmax(190px,1fr) auto!important;gap:10px!important;align-items:center!important;padding:14px 18px!important;border-top:1px solid #ece6ef!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -8px 22px rgba(64,58,92,.055)!important;backdrop-filter:blur(10px)!important}.what-engine-actions>.button--primary{min-width:260px!important}.what-engine__toggle{min-height:46px!important}
.what-candidate-viewbar{position:sticky!important;top:70px!important;z-index:16!important;padding:11px 13px!important;border:1px solid var(--eiv-border)!important;border-radius:16px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 8px 20px rgba(64,58,92,.08)!important;backdrop-filter:blur(10px)!important}


.tracking-tabs-v2--current{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:12px!important;border:1px solid var(--eiv-border)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 8px 22px rgba(64,58,92,.055)!important}
.tracking-tabs-v2--current>button{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important;gap:13px!important;min-height:94px!important;padding:13px 16px!important;border:2px solid transparent!important;border-radius:16px!important;background:#fff!important;color:var(--eiv-plum)!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.tracking-tabs-v2--current>button:first-child{border-color:#91d5d1!important}.tracking-tabs-v2--current>button:first-child.is-active{border-color:var(--eiv-turquoise)!important;background:#ebf9f8!important;box-shadow:0 8px 20px rgba(40,127,134,.12)!important}.tracking-tabs-v2--current>button:last-child.is-active{border-color:#d77a91!important;background:#fff0f4!important;box-shadow:0 8px 20px rgba(198,75,103,.11)!important}
.tracking-tabs-v2__icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:var(--eiv-lilac-pale);color:var(--eiv-plum)}.tracking-tabs-v2__icon .icon{width:21px;height:21px}.tracking-tabs-v2--current>button:first-child.is-active .tracking-tabs-v2__icon{background:var(--eiv-turquoise);color:#fff}.tracking-tabs-v2--current>button:last-child.is-active .tracking-tabs-v2__icon{background:var(--eiv-raspberry);color:#fff}.tracking-tabs-v2__copy{display:grid;gap:2px}.tracking-tabs-v2__copy strong{font-size:16px}.tracking-tabs-v2__copy small{color:var(--eiv-text-secondary);font-size:10.5px;line-height:1.3}.tracking-tabs-v2--current>button>b{display:grid;min-width:34px;height:34px;place-items:center;border-radius:11px;background:var(--eiv-lilac-pale);color:var(--eiv-plum)}


.library-sticky-controls,.terrain-search,.tracking-toolbar-v2,.activity-toolbar{position:sticky!important;top:62px!important;z-index:18!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px)!important;box-shadow:0 8px 22px rgba(64,58,92,.08)!important}
.library-sticky-controls{grid-template-columns:minmax(260px,1fr) auto!important}.library-results-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:14px!important}.library-results-heading>p{grid-column:1/-1}.library-sort--results{display:flex;align-items:center;gap:8px}.library-sort--results span{font-size:11px;font-weight:900;color:var(--eiv-text-secondary)}


.reference-category-chips button{min-height:38px!important;border-width:1px!important;background:#fff!important}.reference-category-chips button.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor!important}
.reference-category-chips .category-tone--coral{border-color:#efb399!important;background:#fff1e9!important;color:#9a4e2e!important}.reference-category-chips .category-tone--turquoise{border-color:#91d5d1!important;background:#eaf9f8!important;color:#236f73!important}.reference-category-chips .category-tone--raspberry{border-color:#e0a5b4!important;background:#fcecf1!important;color:#9d3652!important}.reference-category-chips .category-tone--lilac{border-color:#c8b8df!important;background:#f3eef9!important;color:#694f91!important}.reference-category-chips .category-tone--green{border-color:#9fd0b8!important;background:#eaf7f0!important;color:#2f7557!important}.reference-category-chips .category-tone--blue{border-color:#a9c1e5!important;background:#edf3fb!important;color:#3d6599!important}.reference-category-chips .category-tone--gold{border-color:#dfbd83!important;background:#fff5df!important;color:#8a5a16!important}

@media(max-width:1100px){.terrain-portrait--current{grid-template-columns:1fr!important}.terrain-portrait-ranking{grid-template-columns:repeat(3,minmax(0,1fr))}.what-engine-actions{grid-template-columns:1fr 1fr!important}.what-engine-actions>.button--primary{min-width:0!important}.what-engine-actions>.what-engine__toggle{grid-column:1/-1!important}}
@media(max-width:1180px){
  .home-choice-panel__actions--three{gap:11px!important}
  .home-choice-mode{grid-template-columns:58px minmax(0,1fr) 20px;gap:13px;min-height:106px;padding:15px 16px;border-radius:20px}
  .home-choice-mode__icon{width:58px;height:58px}
  .home-choice-mode__icon .icon{width:27px;height:27px}
  .home-choice-mode strong{font-size:14px}
  .home-choice-mode small{font-size:11px}
  .home-choice-mode>b{font-size:24px}
}
@media(max-width:900px){.home-choice-panel{grid-template-columns:1fr!important}.home-choice-panel__actions--three{grid-template-columns:1fr!important}.home-choice-mode{min-height:104px}}

@media(max-width:980px){.terrain-portrait-ranking{grid-template-columns:repeat(2,minmax(0,1fr))}.what-engine-grid--accordion{grid-template-columns:1fr!important}.what-engine-universe{grid-column:auto!important}.what-candidate-viewbar{top:58px!important}.library-sticky-controls,.terrain-search,.tracking-toolbar-v2,.activity-toolbar{top:56px!important}}
@media(max-width:680px){.quick-modal-layer{padding:58px 8px 8px}.quick-location-modal,.workspace-personalize-modal{width:calc(100vw - 16px);max-height:calc(100vh - 66px);border-radius:20px}.workspace-personalize-modal__photo{grid-template-columns:78px 1fr;margin-inline:14px}.workspace-personalize-modal__photo>img{width:78px;height:78px}.quick-location-modal>header,.workspace-personalize-modal>header{padding:16px}.quick-location-modal__current,.quick-location-modal__field,.workspace-personalize-modal__name,.workspace-personalize-modal__preview{margin-inline:14px}.quick-location-modal>footer,.workspace-personalize-modal>footer{padding-inline:14px}.terrain-portrait-ranking{grid-template-columns:1fr}.tracking-tabs-v2--current{grid-template-columns:1fr!important}.library-results-heading{grid-template-columns:1fr!important}.library-sort--results{justify-content:space-between}.library-sticky-controls,.terrain-search,.tracking-toolbar-v2,.activity-toolbar{top:52px!important}.page-role-info{margin-bottom:14px}.what-engine__compact{grid-template-columns:1fr auto!important;padding:16px!important}.what-engine-grid--accordion{padding:12px!important}.what-engine-actions{position:static!important;grid-template-columns:1fr!important;padding:12px!important}.what-engine-actions>.what-engine__toggle{grid-column:auto!important}.home-choice-mode{grid-template-columns:52px minmax(0,1fr) 18px;gap:12px;min-height:94px;padding:13px 14px;border-radius:18px}.home-choice-mode__icon{width:52px;height:52px}.home-choice-mode__icon .icon{width:24px;height:24px}.home-choice-mode strong{font-size:14px}.home-choice-mode small{font-size:10.5px}.home-choice-mode>b{font-size:22px}.brand-lockup--home .brand-lockup__mark{width:76px!important;height:52px!important}}
@media(prefers-reduced-motion:reduce){[data-count-up]{transition:none!important}.home-choice-mode{transition:none!important}.agreement-highlight__clock i{animation:none!important}}



.program-card--awaiting_confirmation .program-card__countdown-icon i{background:#efc879!important;box-shadow:0 0 0 3px rgba(239,200,121,.18),0 0 9px rgba(180,132,40,.28)!important}
.program-card__media-tag{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.96);color:var(--eiv-plum);box-shadow:0 8px 18px rgba(64,58,92,.12);font-size:11px;font-weight:900}
.program-card__media-tag .icon{width:14px;height:14px;color:var(--eiv-raspberry)}
.program-card__planner{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 4px 10px rgba(64,58,92,.12)}
.program-card__planner .visual-avatar,.program-card__planner-avatar{width:32px!important;height:32px!important;border-radius:50%!important;overflow:hidden!important;font-size:12px!important}
.program-card__planner img{width:100%;height:100%;object-fit:cover}
.program-card--awaiting_confirmation .program-card__date{background:#fff3de!important;color:#c65d2f!important;box-shadow:inset 0 0 0 1px rgba(239,200,121,.36)}
.onboarding-step__link{display:none!important}
.brand-lockup__mark{object-fit:contain}
@media(prefers-reduced-motion:reduce){.program-card__planner,.program-card__link,.home-card-action{transition:none!important}}



.workspace-personalize-modal__name-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.workspace-personalize-modal__name-heading label{font-weight:900}
.workspace-personalize-modal__name-heading .button{min-height:34px;padding:5px 10px;font-size:11px}



.reference-category-chips,.terrain-category-controls{display:flex;gap:8px;overflow-x:auto;padding:3px 3px 7px;scrollbar-width:thin}
.reference-category-chips button,.terrain-category-controls button{display:inline-flex!important;min-height:40px!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;padding:8px 13px!important;border:1px solid var(--eiv-border)!important;border-radius:999px!important;background:#fff!important;color:var(--eiv-plum)!important;font:inherit!important;font-size:11px!important;font-weight:900!important}
.reference-category-chips button .icon,.terrain-category-controls button .icon{width:15px;height:15px}
.reference-category-chips .category-tone--all,.terrain-category-controls .category-tone--all{border-color:#e0a5b4!important;background:#fff4f6!important;color:#9d3652!important}
.reference-category-chips .category-tone--coral,.terrain-category-controls .category-tone--coral{border-color:#efb399!important;background:#fff1e9!important;color:#9a4e2e!important}
.reference-category-chips .category-tone--turquoise,.terrain-category-controls .category-tone--turquoise{border-color:#91d5d1!important;background:#eaf9f8!important;color:#236f73!important}
.reference-category-chips .category-tone--raspberry,.terrain-category-controls .category-tone--raspberry{border-color:#e0a5b4!important;background:#fcecf1!important;color:#9d3652!important}
.reference-category-chips .category-tone--lilac,.terrain-category-controls .category-tone--lilac{border-color:#c8b8df!important;background:#f3eef9!important;color:#694f91!important}
.reference-category-chips .category-tone--green,.terrain-category-controls .category-tone--green{border-color:#9fd0b8!important;background:#eaf7f0!important;color:#2f7557!important}
.reference-category-chips .category-tone--blue,.terrain-category-controls .category-tone--blue{border-color:#a9c1e5!important;background:#edf3fb!important;color:#3d6599!important}
.reference-category-chips .category-tone--gold,.terrain-category-controls .category-tone--gold{border-color:#dfbd83!important;background:#fff5df!important;color:#8a5a16!important}
.reference-category-chips button.is-active,.terrain-category-controls button.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor!important;transform:translateY(-1px)}


.reference-library-page,.library-reference-controls,.terrain-page,.tracking-page-v2,.activity-page{overflow:visible!important}
.library-sticky-controls,.terrain-search,.tracking-toolbar-v2,.activity-toolbar{position:sticky!important;top:72px!important;z-index:40!important;align-self:start!important;width:100%!important;background:#fff!important;box-shadow:0 10px 26px rgba(64,58,92,.12)!important}
.library-sticky-controls:focus-within,.terrain-search:focus-within,.tracking-toolbar-v2:focus-within,.activity-toolbar:focus-within{box-shadow:0 0 0 3px rgba(105,201,195,.16),0 12px 28px rgba(64,58,92,.14)!important}


.what-engine__compact{grid-template-columns:minmax(0,1fr) 120px!important;padding:22px 24px!important}
.what-engine__compact>strong{min-width:110px!important;text-align:center!important}
.what-criteria-summary{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;align-items:center!important;margin:0!important;padding:14px 20px!important;border:0!important;border-bottom:1px solid #ece6ef!important;border-radius:0!important;background:#fff!important}
.what-criteria-summary__heading{display:flex;align-items:center;gap:10px;min-width:190px}
.what-criteria-summary__heading>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--eiv-turquoise-pale);color:var(--eiv-turquoise-deep)}
.what-criteria-summary__heading .icon{width:19px;height:19px}
.what-criteria-summary__heading div{display:grid;gap:1px}
.what-criteria-summary__heading strong{font-size:12px}
.what-criteria-summary__heading small{color:var(--eiv-text-secondary);font-size:10px}
.what-criteria-summary__chips{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.what-criteria-summary__chips>span{padding:6px 9px;border:1px solid #d7ebe9;border-radius:999px;background:var(--eiv-turquoise-pale);color:var(--eiv-turquoise-deep);font-size:10.5px;font-weight:900}
.what-criteria-summary--empty{grid-template-columns:1fr!important;color:var(--eiv-text-secondary)!important}
.what-engine-grid--accordion{gap:14px!important;padding:20px 22px!important;background:#f8f7fa!important}
.what-criteria-panel>summary{grid-template-columns:44px minmax(0,1fr) auto!important;min-height:82px!important;padding:15px 17px!important}
.what-criteria-panel__number{display:none!important}
.what-criteria-panel__icon{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:var(--eiv-turquoise-pale);color:var(--eiv-turquoise-deep)}
.what-criteria-panel__icon .icon{width:21px;height:21px}
.what-criteria-panel[open] .what-criteria-panel__icon{background:var(--eiv-raspberry);color:#fff}
.what-engine-actions{grid-template-columns:minmax(260px,1.2fr) minmax(260px,1fr) auto!important;padding:15px 20px!important}
.what-engine-actions--collapsed{grid-template-columns:minmax(340px,1.4fr) minmax(280px,1fr)!important;padding:15px 20px!important;border-top:1px solid #ece6ef!important;background:#fff!important}
.what-engine__toggle{width:100%!important;min-height:54px!important;justify-content:space-between!important;padding:11px 16px!important;font-size:15px!important}
.what-engine-actions>.button--primary{min-height:54px!important}





.tracking-forgotten-v2{overflow:hidden;margin-top:6px;border:1px solid #e5e0e8;border-radius:20px;background:#f5f3f7}
.tracking-forgotten-v2>button{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 19px;border:0;background:transparent;color:var(--eiv-plum);text-align:left;cursor:pointer}
.tracking-forgotten-v2>button>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#fff;color:var(--eiv-text-secondary)}
.tracking-forgotten-v2>button>span .icon{width:20px;height:20px}
.tracking-forgotten-v2>button div{display:grid;gap:2px}
.tracking-forgotten-v2>button small{color:var(--eiv-text-secondary)}
.tracking-forgotten-v2>button>b{font-size:13px}
.tracking-forgotten-v2 .tracking-grid-v2--quiet{padding:0 18px 18px;opacity:.88}

@media(max-width:900px){
  .what-criteria-summary{grid-template-columns:1fr!important}
  .what-criteria-summary__chips{justify-content:flex-start}
  .what-engine-actions,.what-engine-actions--collapsed{grid-template-columns:1fr!important}
}
@media(max-width:680px){
  .workspace-personalize-modal__name-heading{align-items:flex-start;flex-direction:column}
  .library-sticky-controls,.terrain-search,.tracking-toolbar-v2,.activity-toolbar{top:58px!important}
  .what-engine__compact{grid-template-columns:1fr auto!important;padding:17px!important}
  
  .what-criteria-panel>summary{grid-template-columns:40px minmax(0,1fr) auto!important}
  .what-criteria-panel__icon{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
  .reference-category-chips button,.terrain-category-controls button,.tracking-tabs-v2--current>button{transition:none!important;transform:none!important}
}



.boot-screen img{width:104px!important;height:70px!important;object-fit:contain!important}
.brand__logo{width:64px!important;height:44px!important;object-fit:contain!important}
.hero__logo{width:clamp(180px,20vw,250px)!important;height:auto!important;object-fit:contain!important}
.home-brand-lockup .brand-lockup__mark{width:88px!important;height:60px!important}
.onboarding-brand .brand-lockup__mark{width:88px!important;height:60px!important}
.app-sidebar__brand .brand-lockup__mark{width:64px!important;height:44px!important}
.auth-brand--reference .brand-lockup__mark{width:116px!important;height:78px!important}
@media(max-width:680px){
  .app-sidebar__brand .brand-lockup__mark{width:58px!important;height:40px!important}
  .home-brand-lockup .brand-lockup__mark,.onboarding-brand .brand-lockup__mark{width:76px!important;height:52px!important}
  .auth-brand--reference .brand-lockup__mark{width:98px!important;height:66px!important}
}



.home-section {
  border-color: rgba(64, 58, 92, 0.08);
  box-shadow: 0 12px 30px rgba(64, 58, 92, 0.045);
}


.home-space-card,
.home-agreements-panel,
.home-choice-panel,
.home-program-panel {
  border: 0;
  background: rgba(255, 255, 255, 0.76);
  box-shadow: none;
}

.home-space-card {
  padding: 14px;
}

.home-agreements-panel,
.home-choice-panel,
.home-program-panel {
  padding: 13px;
  border-radius: 20px;
}

.activity-list--reference {
  overflow: hidden;
  border: 1px solid rgba(64, 58, 92, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: none;
}


.home-section--attention{
  position:relative;
  overflow:hidden;
  background:var(--color-cream);
  isolation:isolate;
}
.home-actions-scene{
  position:absolute;
  z-index:0;
  top:0;
  left:17%;
  width:68%;
  height:178px;
  object-fit:cover;
  object-position:61% center;
  opacity:.84;
  pointer-events:none;
  user-select:none;
}
.home-section--attention .home-section__heading{
  position:relative;
  z-index:2;
  display:grid!important;
  min-height:150px;
  grid-template-columns:minmax(280px,360px) minmax(120px,1fr) minmax(320px,420px)!important;
  align-items:center!important;
  column-gap:20px!important;
  margin-bottom:0!important;
}
.home-section--attention .home-section__copy{
  grid-column:1;
  min-width:0!important;
  max-width:360px!important;
  padding:12px 10px 12px 0;
}
.home-section--attention .home-section__copy h2{margin-bottom:6px!important}
.home-actions-header-toggle{
  position:relative;
  z-index:3;
  display:grid;
  width:min(100%,420px);
  min-height:96px;
  grid-column:3;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  justify-self:end;
  padding:14px 18px 14px 14px;
  border:1px solid rgba(64,58,92,.07);
  border-radius:26px;
  background:rgba(255,255,255,.94);
  color:var(--color-plum);
  font:inherit;
  text-align:left;
  box-shadow:0 12px 28px rgba(64,58,92,.08);
  cursor:pointer;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.home-actions-header-toggle:hover,.home-actions-header-toggle:focus-visible{
  border-color:rgba(198,75,103,.24);
  box-shadow:0 15px 34px rgba(64,58,92,.11);
  outline:none;
}
.home-actions-header-toggle__count-ring{
  position:relative;
  display:grid;
  width:68px;
  height:68px;
  place-items:center;
  border:1px dashed rgba(198,75,103,.35);
  border-radius:999px;
}
.home-actions-header-toggle__count-ring::before{
  content:"";
  position:absolute;
  top:-4px;
  left:50%;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#f5c9d2;
  transform:translateX(-50%);
}
.home-actions-header-toggle__count{
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border-radius:999px;
  background:var(--color-raspberry);
  color:#fff;
  font-size:20px;
  font-weight:950;
}
.home-actions-header-toggle__copy{display:grid;gap:4px;min-width:0}
.home-actions-header-toggle__copy strong{min-width:0;color:var(--color-plum);font-size:16px;line-height:1.15}
.home-actions-header-toggle__copy small{color:var(--color-text-secondary);font-size:12.5px;line-height:1.3}
.home-actions-header-toggle__arrow{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:50%;
  background:#fff3f6;
  color:var(--color-raspberry);
}
.home-actions-header-toggle__arrow-icon{width:19px;height:19px;stroke-width:3;transition:transform 220ms ease}
.home-actions-header-toggle[aria-expanded="true"] .home-actions-header-toggle__arrow-icon{transform:rotate(-90deg)}
.home-actions-divider{
  position:relative;
  z-index:2;
  height:1px;
  margin:0 0 16px;
  background:rgba(64,58,92,.09);
}
.home-action-list{
  display:grid;
  gap:16px;
}
.home-action-card{
  display:grid;
  min-height:154px;
  grid-template-columns:94px minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  padding:22px 26px;
  border:1px solid rgba(243,164,131,.56);
  border-radius:24px;
  background:rgba(255,255,255,.74);
  box-shadow:0 7px 20px rgba(64,58,92,.035);
}
.home-action-card--confirm{
  border-color:rgba(105,201,195,.36);
  background:rgba(248,253,253,.86);
}
.home-action-card__icon{
  display:grid;
  width:78px;
  height:78px;
  place-items:center;
  border-radius:50%;
  background:#fff0eb;
  color:var(--color-coral);
}
.home-action-card--confirm .home-action-card__icon{
  background:var(--color-turquoise-pale);
  color:var(--color-turquoise-deep);
}
.home-action-card__icon img{
  width:58px!important;
  height:58px!important;
  object-fit:contain;
  filter:saturate(1.18) contrast(1.03)!important;
}
.home-action-card__calendar-check{
  position:relative;
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
}
.home-action-card__calendar-check>.icon{width:40px;height:40px;stroke-width:1.8}
.home-action-card__calendar-check i{
  position:absolute;
  right:-4px;
  bottom:-3px;
  display:grid;
  width:22px;
  height:22px;
  place-items:center;
  border:3px solid var(--color-turquoise-pale);
  border-radius:50%;
  background:var(--color-turquoise-deep);
  color:#fff;
}
.home-action-card__calendar-check i .icon{width:12px;height:12px;stroke-width:2.7}
.home-action-card__copy{min-width:0}
.home-action-card__title{margin:0 0 7px}
.home-action-card h3{margin:0;color:var(--color-raspberry);font-size:19px;line-height:1.25}
.home-action-card--confirm h3{color:var(--color-turquoise-deep)}
.home-action-card p{margin:0;color:var(--color-text-muted);font-size:14px;line-height:1.45}
.home-action-card__cta{
  display:inline-flex;
  min-width:232px;
  min-height:58px;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:18px;
  font-size:15px;
  font-weight:900;
  white-space:nowrap;
}
.home-action-card__cta-icon{width:18px;height:18px;stroke-width:3}
.home-action-card__cta--confirm{
  background:#fff;
  border-color:var(--color-turquoise);
  color:var(--color-turquoise-deep);
  box-shadow:none;
}
.home-action-card__cta--confirm:hover,.home-action-card__cta--confirm:focus-visible{
  background:var(--color-turquoise-pale);
  border-color:var(--color-turquoise);
  color:var(--color-turquoise-deep);
}
.home-action-card__items{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:14px 0 0;
  padding:0;
  list-style:none;
}
.home-action-card__items li {
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 13px;
  border:1px solid rgba(198,75,103,.15);
  border-radius:999px;
  background:#fff;
  color:var(--color-plum);
  font-size:12px;
  font-weight:850;
  line-height:1.2;
}
.home-action-card__items .icon{width:15px;height:15px;color:var(--color-raspberry)}


.home-section--agreements .home-agreements-panel{
  padding:0;
  background:transparent;
}
.home-agreements-toolbar{
  display:flex;
  justify-content:center;
  margin:2px 0 16px;
}
.home-agreements-toolbar .agreement-pills{gap:10px}
.home-agreements-toolbar .agreement-pill{
  min-height:38px;
  padding:0 15px;
  border-radius:999px;
  box-shadow:0 5px 14px rgba(64,58,92,.035);
}
.home-agreements-toolbar .agreement-pill .icon{width:16px;height:16px}
.home-agreements-toolbar .agreement-pill strong{font-size:13px}
.home-agreements-toolbar .agreement-pill em{font-size:12px}
.home-agreements-showcase{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr);
  align-items:start;
  gap:16px;
}
.home-agreements-showcase__stack{
  display:grid;
  height:408px;
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:10px;
}
.home-agreement-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(64,58,92,.085);
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 24px rgba(64,58,92,.05);
}
.home-agreement-card__media{
  position:relative;
  min-width:0;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(145deg,#fff8f1 0%,#f4f1f7 100%);
}
.home-agreement-card__media-image{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
}
.home-agreement-card__media--photo .home-agreement-card__media-image--main{
  object-fit:cover;
  object-position:center;
}
.home-agreement-card__media--contain{
  display:block;
  background:linear-gradient(145deg,#fffaf5 0%,#f7f2f6 100%);
}
.home-agreement-card__media--contain .home-agreement-card__media-image--main{
  position:absolute;
  inset:14px;
  width:calc(100% - 28px);
  height:calc(100% - 28px);
  object-fit:contain;
  border-radius:18px;
}
.home-agreement-card__media--fallback{
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#fff8ef 0%,#f8f3ed 100%);
}
.home-agreement-card__fallback{
  display:grid;
  width:84px;
  height:84px;
  place-items:center;
  border-radius:28px;
  background:rgba(255,255,255,.8);
  color:#e1ab18;
  box-shadow:0 12px 28px rgba(64,58,92,.08);
  font-size:48px;
}
.home-agreement-card__status{
  position:absolute;
  z-index:3;
  top:15px;
  left:15px;
  display:inline-flex;
  min-height:34px;
  align-items:center;
  gap:7px;
  padding:0 12px;
  border:1px solid rgba(40,127,134,.17);
  border-radius:999px;
  background:rgba(244,253,252,.96);
  color:var(--color-turquoise-deep);
  box-shadow:0 6px 15px rgba(64,58,92,.08);
  font-size:10.5px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.025em;
}
.home-agreement-card__status .icon{width:15px;height:15px}
.home-agreement-card__category{
  position:absolute;
  z-index:3;
  left:15px;
  bottom:15px;
  display:inline-flex;
  min-height:36px;
  max-width:calc(100% - 30px);
  align-items:center;
  gap:7px;
  padding:0 13px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:var(--color-plum);
  box-shadow:0 7px 18px rgba(64,58,92,.12);
  font-size:11px;
  font-weight:900;
}
.home-agreement-card__category .icon{width:15px;height:15px;color:var(--color-raspberry)}
.home-agreement-card__body{min-width:0}
.home-agreement-card__heading h3{
  margin:0 0 7px;
  color:var(--color-plum);
  font-size:20px;
  line-height:1.16;
}
.home-agreement-card__heading p{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0;
  color:var(--color-text-muted);
  font-size:12px;
}
.home-agreement-card__heading p .icon{width:16px;height:16px}
.home-agreement-card__heading p em{margin-left:3px;font-size:10px;font-style:normal}
.home-agreement-card__facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.home-agreement-card__facts>span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  gap:6px;
  padding:0 10px;
  border:1px solid rgba(64,58,92,.1);
  border-radius:999px;
  background:#fff;
  color:var(--color-text-muted);
  font-size:10.5px;
  font-weight:600;
}
.home-agreement-card__facts .icon{width:14px;height:14px;color:var(--color-turquoise-deep)}
.home-agreement-card__facts b{font-weight:600}
.home-agreement-card__age{
  display:flex;
  min-width:0;
  align-items:center;
  gap:9px;
  border:1px solid rgba(40,127,134,.14);
  border-radius:15px;
  background:var(--color-turquoise-pale);
  color:var(--color-turquoise-deep);
}
.home-agreement-card__age strong{
  min-width:0;
  color:inherit;
  font-size:12px;
  line-height:1.3;
}
.home-agreement-card--featured{
  display:grid;
  height:408px;
  min-height:408px;
  grid-template-columns:minmax(270px,40%) minmax(0,1fr);
}
.home-agreement-card--featured .home-agreement-card__media{min-height:0}
.home-agreement-card--featured .home-agreement-card__body{
  display:flex;
  min-height:0;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  padding:24px;
}
.home-agreement-card--featured .home-agreement-card__heading h3{font-size:clamp(25px,1.9vw,30px)}
.home-agreement-card--featured .home-agreement-card__age{
  min-height:50px;
  padding:9px 13px;
}
.home-agreement-card__description{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:var(--color-text-muted);
  font-size:14px;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.home-agreement-card__tags{
  display:flex;
  flex:0 0 auto;
  flex-wrap:wrap;
  align-items:flex-start;
  align-content:flex-start;
  gap:8px;
}
.home-agreement-card__tags span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:6px 11px;
  border:1px solid rgba(198,75,103,.17);
  border-radius:999px;
  background:#fff;
  color:var(--color-raspberry);
  font-size:10.5px;
  font-weight:850;
  line-height:1.15;
  white-space:nowrap;
}
.home-agreement-card__link{
  display:inline-flex;
  width:auto;
  min-width:210px;
  min-height:42px;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  gap:8px;
  margin-top:8px;
  padding:0 22px;
  border:1px solid rgba(198,75,103,.2);
  border-radius:999px;
  background:#fff;
  color:var(--color-raspberry);
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}
.home-agreement-card__link .icon{width:16px;height:16px;stroke-width:2.8}
.home-agreement-card--compact{
  display:grid;
  min-height:0;
  grid-template-columns:minmax(148px,34%) minmax(0,1fr) 42px;
  align-items:stretch;
}
.home-agreement-card--compact .home-agreement-card__body{
  display:grid;
  min-height:0;
  align-content:center;
  gap:7px;
  padding:12px 8px 12px 15px;
}
.home-agreement-card--compact .home-agreement-card__heading h3{margin-bottom:4px;font-size:15px}
.home-agreement-card--compact .home-agreement-card__heading p{font-size:10.5px}
.home-agreement-card--compact .home-agreement-card__facts{gap:6px}
.home-agreement-card--compact .home-agreement-card__facts>span{min-height:26px;padding:0 8px;font-size:9.5px}
.home-agreement-card--compact .home-agreement-card__age{min-height:40px;padding:7px 9px}
.home-agreement-card--compact .home-agreement-card__age strong{font-size:10.25px}
.home-agreement-card--compact .home-agreement-card__status{display:none}
.home-agreement-card--compact .home-agreement-card__category{left:11px;bottom:10px;min-height:31px;padding:0 10px;font-size:9.5px}
.home-agreement-card__arrow{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  align-self:center;
  justify-self:center;
  border:1px solid rgba(198,75,103,.16);
  border-radius:50%;
  background:#fff8fa;
  color:var(--color-raspberry);
  text-decoration:none;
}
.home-agreement-card__arrow .icon{width:17px;height:17px;stroke-width:2.8}
.home-agreement-card__link:hover,.home-agreement-card__link:focus-visible,
.home-agreement-card__arrow:hover,.home-agreement-card__arrow:focus-visible{
  border-color:rgba(198,75,103,.4);
  background:var(--color-raspberry-pale);
  outline:none;
}


.home-program-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 20px;
  padding: 14px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.72);
}

.program-card--reference {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 350px;
  grid-template-columns: minmax(210px, 31%) minmax(0, 1fr);
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(198, 75, 103, 0.22);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 28px rgba(64, 58, 92, 0.055);
}

.program-card__media {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 350px;
  overflow: hidden;
  border-radius: 0;
  background: var(--color-cream);
}

.program-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.program-card__media-tag {
  left: 16px;
  bottom: 16px;
  min-height: 42px;
  padding: 0 16px;
  gap: 8px;
  font-size: 13px;
  box-shadow: 0 10px 24px rgba(64, 58, 92, 0.13);
}

.program-card__media-tag .icon {
  width: 17px;
  height: 17px;
}

.program-card__body {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto auto minmax(18px, 1fr) auto;
  align-content: stretch;
  gap: 12px;
  padding: 22px 22px 20px 28px;
}

.program-card__header,
.program-card__body > h3,
.program-card__time,
.program-card__location {
  grid-column: 1 / -1;
}

.program-card__header {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
}

.program-card__countdown {
  position: relative;
  display: flex;
  min-width: 0;
  max-width: 100%;
  min-height: 48px;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 8px 15px;
  border-radius: 999px;
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
  white-space: normal;
}

.program-card__countdown [data-countdown-value] {
  min-width: 0;
  white-space: normal;
}

.program-card__countdown-icon {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  flex-basis: 30px !important;
}

.program-card__countdown-icon .icon {
  width: 17px !important;
  height: 17px !important;
}

.program-card__side-top {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}

.program-card__planner,
.program-card__planner .visual-avatar,
.program-card__planner-avatar {
  width: 42px !important;
  height: 42px !important;
}

.program-card__date {
  display: grid;
  min-width: 76px;
  height: 58px;
  place-items: center;
  align-content: center;
  padding: 0 14px;
  border-radius: 24px;
  background: var(--color-raspberry-pale);
  color: var(--color-raspberry);
  line-height: 1;
}

.program-card__date strong {
  font-size: 17px;
  line-height: 1;
}

.program-card__date span {
  margin-top: 5px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .035em;
}

.program-card__body h3 {
  min-width: 0;
  margin: 6px 0 4px;
  color: var(--color-plum);
  font-size: clamp(19px, 1.45vw, 23px);
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.program-card__time,
.program-card__location {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--color-text-muted);
  font-size: 15px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.program-card__time .icon,
.program-card__location .icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: #77728f;
}

.program-card__location {
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(64, 58, 92, 0.10);
}

.program-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  gap: 10px;
  margin: 0;
  align-self: end;
  grid-column: 1;
  grid-row: 6;
}

.program-card__meta span {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  padding: 0 15px;
  border: 1px solid rgba(64, 58, 92, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--color-plum);
  font-size: 14px;
}

.program-card__meta .icon {
  width: 17px;
  height: 17px;
  color: var(--color-turquoise-deep);
}

.program-card__body .program-card__link {
  position: static;
  display: inline-flex;
  width: auto;
  min-width: 180px;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  justify-self: end;
  align-self: end;
  grid-column: 2;
  grid-row: 6;
  margin: 0;
  padding: 0 18px;
  border: 1px solid rgba(198, 75, 103, 0.28);
  border-radius: 999px;
  background: #fff;
  color: var(--color-raspberry);
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(198, 75, 103, 0.05);
}

.program-card__body .program-card__link span {
  display: inline;
}

.program-card__body .program-card__link b {
  font-size: 20px;
  line-height: 1;
}

.program-card__body .program-card__link:hover,
.program-card__body .program-card__link:focus-visible {
  border-color: rgba(198, 75, 103, 0.48);
  background: var(--color-raspberry-pale);
  outline: none;
}

.program-card--awaiting_confirmation {
  border-color: rgba(239, 200, 121, 0.78);
}

.program-card--awaiting_confirmation .program-card__countdown {
  background: #fff1d9;
  color: #8a5a14;
}

.program-card--awaiting_confirmation .program-card__date {
  border-radius: 24px;
}


@media (max-width: 1180px) {
  .home-section--attention .home-section__heading{
    grid-template-columns:minmax(240px,310px) minmax(80px,1fr) minmax(280px,360px)!important;
    column-gap:16px!important;
  }
  .home-actions-scene{height:166px;object-position:52% center;opacity:.82}
  .home-actions-header-toggle{min-height:84px;padding:11px 14px 11px 11px;gap:14px}
  .home-actions-header-toggle__count-ring{width:58px;height:58px}
  .home-actions-header-toggle__count{width:42px;height:42px;font-size:18px}
  .home-action-card{grid-template-columns:78px minmax(0,1fr) auto;gap:18px;padding:20px}
  .home-action-card__icon{width:68px;height:68px}
  .home-action-card__cta{min-width:210px}
}


@media (max-width: 1180px) {
  .home-program-panel { grid-template-columns: 1fr; }
  .program-card--reference { min-height: 320px; grid-template-columns: minmax(220px, 30%) minmax(0, 1fr); }
  .program-card__media { min-height: 320px; }
}

@media (max-width: 760px) {
  .home-section--attention .home-section__heading{
    min-height:0!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding-top:16px;
  }
  .home-section--attention .home-section__copy{grid-column:1;max-width:none!important;padding-right:0}
  .home-actions-scene{height:150px;object-position:56% center;opacity:.28}
  .home-actions-header-toggle{
    width:100%!important;
    min-width:0!important;
    min-height:78px!important;
    grid-column:1!important;
    justify-self:stretch!important;
    padding:10px 12px!important;
    gap:12px!important;
  }
  .home-actions-header-toggle__count-ring{width:54px;height:54px}
  .home-actions-header-toggle__count{width:38px;height:38px;font-size:16px}
  .home-actions-header-toggle__arrow{width:36px;height:36px}
  .home-actions-divider{margin:4px 0 14px}
  .home-action-card{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:14px!important;
    min-height:0!important;
    padding:18px!important;
  }
  .home-action-card__icon{width:58px;height:58px}
  .home-action-card__icon img{width:44px!important;height:44px!important}
  .home-action-card__calendar-check{transform:scale(.82)}
  .home-action-card__cta{
    grid-column:1/-1;
    width:100%;
    min-width:0;
    min-height:50px;
  }
  .home-action-card__items li {
    padding:8px 11px;
    font-size:11.5px;
  }


  .home-program-panel { padding: 10px; gap: 14px; }
  .program-card--reference { min-height: 270px; grid-template-columns: 132px minmax(0, 1fr); border-radius: 20px; }
  .program-card__media { min-height: 270px; }
  .program-card__body { grid-template-columns: 1fr; grid-template-rows: auto auto auto auto auto auto; gap: 8px; padding: 14px 14px 13px 16px; }
  .program-card__meta,.program-card__body .program-card__link { grid-column: 1; grid-row: auto; }
  .program-card__header { grid-template-columns: 1fr; gap: 8px; }
  .program-card__side-top { justify-content: space-between; }
  .program-card__countdown { min-height: 40px; padding: 6px 10px; font-size: 12px; }
  .program-card__planner,.program-card__planner .visual-avatar,.program-card__planner-avatar { width: 34px!important; height: 34px!important; }
  .program-card__date { min-width: 62px; height: 44px; padding: 0 10px; border-radius: 18px; }
  .program-card__date strong { font-size: 13px; }
  .program-card__date span { margin-top: 3px; font-size: 9px; }
  .program-card__body h3 { font-size: 17px; }
  .program-card__time,.program-card__location { gap: 7px; font-size: 12px; }
  .program-card__location { padding-bottom: 11px; }
  .program-card__meta span { min-height: 36px; padding: 0 10px; font-size: 11px; }
  .program-card__body .program-card__link { min-width: 0; min-height: 40px; margin: 0; padding: 0 12px; font-size: 11px; }
  .program-card__media-tag { left: 10px; bottom: 10px; min-height: 36px; padding: 0 11px; font-size: 10px; }
}

@media (max-width: 520px) {
  .program-card--reference { grid-template-columns: 1fr; min-height: 0; }
  .program-card__media { min-height: 210px; max-height: 240px; }
  .program-card__body { padding: 16px; }
  .program-card__body .program-card__link { width: 100%; justify-self: stretch; }
}



.home-section--activity .home-section__heading--inline-art{display:flex!important;width:max-content;max-width:100%;align-items:flex-end!important;justify-content:flex-start!important;gap:4px!important}
.home-section--activity .home-section__heading--inline-art .home-section__copy{flex:0 1 auto;min-width:0!important;max-width:420px!important}
.home-section--activity .home-section__heading-art--inline{flex:0 0 auto;width:112px!important;height:116px!important;margin:0 0 -9px -2px!important;object-fit:contain!important}
@media(max-width:760px){.home-section--activity .home-section__heading--inline-art{display:grid!important;width:100%;grid-template-columns:minmax(0,1fr) 92px!important;gap:8px!important}.home-section--activity .home-section__heading-art--inline{width:88px!important;height:94px!important;margin:0 0 -6px!important}}


.home-space-card--showcase{padding:18px!important;border-radius:28px!important;background:rgba(255,255,255,.84)!important}
.home-space-showcase{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(420px,1fr);gap:20px;align-items:stretch}
.home-space-showcase__hero,.home-space-summary-card{border:1px solid rgba(64,58,92,.08);border-radius:24px;background-color:rgba(255,253,251,.98);box-shadow:0 10px 24px rgba(64,58,92,.06)}
.home-space-showcase__hero{position:relative;display:grid;grid-template-columns:248px minmax(0,1fr);align-items:center;gap:20px;min-height:242px;padding:26px 28px;overflow:hidden;background:#fffdfb}
.home-space-showcase__hero::before{content:"";position:absolute;z-index:0;inset:0 42% 0 0;background:url("../images/workspace-backdrop.webp") no-repeat left center/cover;opacity:.22;pointer-events:none}
.home-space-showcase__media-wrap{position:relative;z-index:1;display:grid;min-height:100%;place-items:center}
.home-space-showcase__photo{position:relative;z-index:2;width:188px;height:188px;box-sizing:border-box;padding:8px;border-radius:32px;background:rgba(255,255,255,.86);object-fit:contain;object-position:center;box-shadow:0 18px 34px rgba(64,58,92,.12)}
.home-space-showcase__copy{position:relative;z-index:2;display:grid;gap:16px;min-width:0}
.home-space-showcase__title-row{display:flex;align-items:flex-start;gap:12px}
.home-space-showcase__title-row h3{max-width:560px;margin:0;font-size:clamp(24px,2.15vw,30px);line-height:1.16}
.home-space-showcase__title-row .home-space-card__edit{width:46px;height:46px;flex:0 0 auto;margin-left:auto;border:1px solid rgba(197,206,231,.95);background:rgba(255,255,255,.88);box-shadow:0 6px 18px rgba(64,58,92,.06)}
.home-space-showcase__copy p{margin:0;color:var(--color-text-muted);font-size:16px;line-height:1.45}
.home-space-showcase__cta{width:min(100%,390px);justify-content:center}
.home-space-showcase__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-space-summary-card{position:relative;display:grid;min-height:116px;grid-template-columns:58px minmax(0,1fr) 20px;align-items:center;gap:16px;padding:20px;color:var(--color-plum);font:inherit;text-align:left;text-decoration:none;appearance:none}
.home-space-summary-card--interactive{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-space-summary-card--interactive:hover,.home-space-summary-card--interactive:focus-visible{border-color:rgba(105,201,195,.62);outline:none;box-shadow:0 16px 34px rgba(64,58,92,.1);transform:translateY(-2px)}
.home-space-summary-card__icon{display:grid;width:52px;height:52px;place-items:center;border-radius:18px}
.home-space-summary-card--raspberry .home-space-summary-card__icon{background:var(--color-raspberry-pale);color:var(--color-raspberry)}
.home-space-summary-card--turquoise .home-space-summary-card__icon{background:var(--color-turquoise-pale);color:var(--color-turquoise-deep)}
.home-space-summary-card--lilac .home-space-summary-card__icon{background:var(--color-lilac-pale);color:var(--color-plum)}
.home-space-summary-card__copy{display:grid;min-width:0;gap:2px}
.home-space-summary-card__copy strong,.home-space-summary-card__copy small,.home-space-summary-card__copy em{display:block;min-width:0}
.home-space-summary-card__copy strong{font-size:22px;line-height:1.02}
.home-space-summary-card__copy small{color:var(--color-text-muted);font-size:12px;line-height:1.28}
.home-space-summary-card__copy em{margin-top:5px;color:var(--color-plum);font-size:10.5px;font-style:normal;line-height:1.33}
.home-space-summary-card__copy em span,.home-space-summary-card__copy em u{display:block;text-decoration:none}
.home-space-summary-card__copy em span+span{margin-top:3px}
.home-space-summary-card__copy em b{font-size:11px}
.home-space-summary-card__copy em u{margin-top:7px;color:var(--color-raspberry);font-size:10.5px;font-weight:900}
.home-space-summary-card__chevron{position:relative;z-index:2;display:grid;place-items:center;color:var(--color-raspberry);pointer-events:none}
.home-space-summary-card__chevron svg{width:17px;height:17px;stroke-width:2.8}
.home-space-summary-card--collection{grid-template-columns:138px minmax(0,1fr) 20px;min-height:116px;padding:16px 18px}
.home-space-summary-card__collection-thumb{display:block;width:138px;height:88px;overflow:hidden;border-radius:17px;box-shadow:0 10px 20px rgba(64,58,92,.1)}
.home-space-summary-card__collection-thumb img{width:100%;height:100%;object-fit:cover}
.home-space-summary-card__collection-copy{display:grid;min-width:0;gap:3px}
.home-space-summary-card__collection-copy strong{font-size:15px;line-height:1.2}
.home-space-summary-card__collection-copy small{color:var(--color-text-muted);font-size:12px;line-height:1.35}
.home-space-summary-card--hidden-ideas{grid-template-columns:minmax(0,1fr) 18px;gap:10px;padding:14px 15px;border-color:rgba(105,201,195,.24);background:#fbfffe;box-shadow:0 8px 20px rgba(64,58,92,.04)}
.home-space-summary-card--hidden-ideas.home-space-summary-card--interactive:hover,.home-space-summary-card--hidden-ideas.home-space-summary-card--interactive:focus-within{border-color:rgba(105,201,195,.62);box-shadow:0 14px 30px rgba(64,58,92,.09);transform:translateY(-1px)}
.home-hidden-ideas__action-hitbox{position:absolute;inset:0;z-index:1;border:0;border-radius:inherit;background:transparent;cursor:pointer}
.home-hidden-ideas__action-hitbox:focus-visible{outline:3px solid rgba(105,201,195,.52);outline-offset:3px}
.home-space-summary-card__copy--hidden{position:relative;z-index:2;align-content:center;gap:8px;pointer-events:none}
.home-hidden-ideas__headline{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px}
.home-hidden-ideas__headline strong{color:var(--color-plum);font-size:27px;line-height:1}
.home-hidden-ideas__headline small{color:var(--color-text-muted);font-size:11.5px;line-height:1.2}
.home-hidden-ideas__rows{display:grid;grid-template-columns:1fr;gap:6px}
.home-hidden-ideas__row{position:relative;display:grid;grid-template-columns:28px 24px minmax(54px,1fr) 20px;align-items:center;gap:7px;min-width:0;padding:6px 8px;border-radius:13px;background:rgba(255,255,255,.92)}
.home-hidden-ideas__row--shared{color:var(--color-turquoise-deep);box-shadow:inset 0 0 0 1px rgba(105,201,195,.22)}
.home-hidden-ideas__row--partner{color:var(--color-plum);box-shadow:inset 0 0 0 1px rgba(182,160,207,.24)}
.home-hidden-ideas__status-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:var(--color-turquoise-pale)}
.home-hidden-ideas__row--partner .home-hidden-ideas__status-icon{background:var(--color-lilac-pale)}
.home-hidden-ideas__status-icon svg{width:18px;height:18px;stroke-width:2}
.home-hidden-ideas__row b{color:var(--color-plum);font-size:16px;line-height:1}
.home-hidden-ideas__avatars{display:flex;align-items:center;min-width:0;padding-left:3px}
.home-hidden-ideas__avatar{width:26px;height:26px;overflow:hidden;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(64,58,92,.12)}
.home-hidden-ideas__avatar+.home-hidden-ideas__avatar{margin-left:-6px}
.home-hidden-ideas__avatar img{width:100%;height:100%;object-fit:cover}
.home-hidden-ideas__info{position:relative;z-index:3;display:grid;width:19px;height:19px;place-items:center;padding:0;border:1px solid rgba(64,58,92,.18);border-radius:50%;background:#fff;color:var(--color-text-muted);font-family:inherit;font-size:10px;font-weight:900;line-height:1;cursor:help;pointer-events:auto}
.home-hidden-ideas__info::after{content:attr(data-tooltip);position:absolute;right:-8px;bottom:calc(100% + 9px);z-index:10;width:max-content;max-width:225px;padding:8px 10px;border-radius:10px;background:var(--color-plum);color:#fff;font-size:10.5px;font-weight:700;line-height:1.35;white-space:normal;box-shadow:0 10px 24px rgba(64,58,92,.2);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;pointer-events:none}
.home-hidden-ideas__info::before{content:"";position:absolute;right:5px;bottom:calc(100% + 3px);z-index:11;border:6px solid transparent;border-top-color:var(--color-plum);opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease;pointer-events:none}
.home-hidden-ideas__info:hover::after,.home-hidden-ideas__info:hover::before,.home-hidden-ideas__info:focus-visible::after,.home-hidden-ideas__info:focus-visible::before{opacity:1;visibility:visible;transform:translateY(0)}
.home-hidden-ideas__info:focus-visible{outline:2px solid rgba(105,201,195,.58);outline-offset:2px}
.home-space-note{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:16px;padding:12px 16px;border:1px solid rgba(243,164,131,.56);border-radius:20px;background:rgba(255,244,236,.96);box-shadow:0 8px 20px rgba(243,164,131,.08)}
.home-space-note__avatar{width:34px;height:34px;overflow:hidden;border-radius:50%;box-shadow:0 6px 14px rgba(64,58,92,.08)}
.home-space-note__avatar img{width:100%;height:100%;object-fit:cover}
.home-space-note__text{min-width:0;color:var(--color-plum);font-size:13px;line-height:1.35}
.home-space-note__text strong{font-weight:900}
.home-space-card__footer{display:flex;justify-content:flex-start}
@media(max-width:1220px){
  .home-space-showcase{grid-template-columns:minmax(0,1.28fr) minmax(360px,1fr)}
  .home-space-showcase__hero{grid-template-columns:220px minmax(0,1fr)}
  .home-space-showcase__photo{width:170px;height:170px}
}
@media(max-width:980px){
  .home-space-showcase{grid-template-columns:1fr}
  .home-space-showcase__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .home-space-card--showcase{padding:14px!important}
  .home-space-showcase__hero{grid-template-columns:1fr;gap:16px;padding:22px 18px}
  .home-space-showcase__media-wrap{min-height:0;justify-items:start}
  .home-space-showcase__photo{width:136px;height:136px;border-radius:26px}
  .home-space-showcase__cta{width:100%}
  .home-space-showcase__stats{grid-template-columns:1fr}
  .home-space-summary-card,.home-space-summary-card--collection{grid-template-columns:52px minmax(0,1fr) 20px;gap:12px;padding:16px 14px}
  .home-space-summary-card__collection-thumb{width:90px;height:66px}
  .home-space-summary-card--hidden-ideas{grid-template-columns:minmax(0,1fr) 18px}
  .home-hidden-ideas__rows{grid-template-columns:1fr}
  .home-space-showcase__hero::before{inset:0;background-position:left top;background-size:auto 58%;opacity:.16}
  .home-space-note{padding:12px 14px}
}



@media(max-width:1240px){
  .home-agreements-showcase{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)}
  .home-agreements-showcase__stack{height:400px}
  .home-agreement-card--featured{height:400px;min-height:400px;grid-template-columns:minmax(230px,39%) minmax(0,1fr)}
  .home-agreement-card--compact{grid-template-columns:minmax(140px,34%) minmax(0,1fr) 40px}
  .home-agreement-card--compact .home-agreement-card__body{padding-left:14px}
}
@media(max-width:980px){
  .home-agreements-toolbar{justify-content:flex-start}
  .home-agreements-showcase{grid-template-columns:1fr}
  .home-agreement-card--featured{height:390px;min-height:390px;grid-template-columns:minmax(220px,38%) minmax(0,1fr)}
  .home-agreements-showcase__stack{height:auto;grid-template-rows:none;grid-template-columns:1fr}
  .home-agreement-card--compact{min-height:150px;grid-template-columns:170px minmax(0,1fr) 42px}
}
@media(max-width:760px){
  .home-actions-scene{left:9%;width:82%;object-position:62% center}
  .home-agreements-toolbar{overflow-x:auto;margin-bottom:14px;padding-bottom:3px;scrollbar-width:none}
  .home-agreements-toolbar::-webkit-scrollbar{display:none}
  .home-agreements-toolbar .agreement-pills{flex-wrap:nowrap;justify-content:flex-start}
  .home-agreements-toolbar .agreement-pill{flex:0 0 auto;min-height:34px;padding:0 11px}
  .home-agreement-card--featured{height:auto;min-height:0;grid-template-columns:1fr}
  .home-agreement-card--featured .home-agreement-card__media{height:270px;min-height:270px}
  .home-agreement-card--featured .home-agreement-card__body{gap:13px;padding:20px 18px 17px}
  .home-agreement-card--featured .home-agreement-card__heading h3{font-size:24px}
  .home-agreement-card__link{width:100%;align-self:stretch}
  .home-agreement-card--compact{grid-template-columns:126px minmax(0,1fr) 42px;min-height:168px}
  .home-agreement-card--compact .home-agreement-card__category span{display:none}
  .home-agreement-card--compact .home-agreement-card__category{width:31px;padding:0;justify-content:center}
  .home-agreement-card--compact .home-agreement-card__age strong{font-size:10px}
}
@media(max-width:520px){
  .home-agreement-card--featured .home-agreement-card__media{height:240px;min-height:240px}
  .home-agreement-card--compact{grid-template-columns:108px minmax(0,1fr);min-height:184px}
  .home-agreement-card--compact .home-agreement-card__body{padding:14px 12px}
  .home-agreement-card--compact .home-agreement-card__arrow{position:absolute;right:12px;bottom:12px;width:34px;height:34px}
  .home-agreement-card--compact .home-agreement-card__facts{padding-right:34px}
  .home-agreement-card--compact .home-agreement-card__age{margin-right:34px}
  .home-agreement-card__status strong{display:none}
  .home-agreement-card__status{width:32px;padding:0;justify-content:center}
}





.home-onboarding--expanded .home-onboarding__close{z-index:30!important;width:48px!important;height:48px!important;pointer-events:auto!important;touch-action:manipulation!important;box-shadow:0 8px 20px rgba(64,58,92,.12)!important}
.home-onboarding--expanded .home-onboarding__hero>img{pointer-events:none!important}

/* 22. Idea library final overrides */


.library-alpha88 {
  --library-card-shadow: 0 14px 34px rgba(64, 58, 92, 0.09);
  gap: 18px;
}

.library-alpha88 .library-reference-hero {
  display: grid;
  min-height: 260px;
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.72fr);
  align-items: center;
  gap: clamp(20px, 2.4vw, 42px);
  overflow: hidden;
  padding: 24px clamp(22px, 2.6vw, 38px);
  border: 1px solid rgba(64, 58, 92, 0.08);
  border-radius: 26px;
  background: #fff;
  box-shadow: var(--library-card-shadow);
}

.library-alpha88 .library-reference-hero__identity {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
}

.library-alpha88 .library-reference-hero__identity > div {
  max-width: 620px;
}

.library-alpha88 .library-reference-hero__identity > img {
  width: 78px;
  height: 78px;
  flex-basis: 78px;
  border: 1px solid rgba(243, 164, 131, 0.2);
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0 8px 20px rgba(64, 58, 92, 0.08);
}

.library-alpha88 .library-reference-hero__identity .section-eyebrow {
  margin: 0 0 8px;
  color: var(--eiv-turquoise-deep, #287f86);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.library-alpha88 .library-reference-hero__identity h2 {
  margin: 0;
  color: var(--eiv-plum, #403a5c);
  font-size: clamp(24px, 2vw, 36px);
  line-height: 1.12;
}

.library-alpha88 .library-reference-hero__identity h2::after {
  display: block;
  width: 46px;
  height: 4px;
  margin-top: 18px;
  border-radius: 999px;
  background: var(--eiv-turquoise-deep, #287f86);
  content: "";
}

.library-alpha88 .library-reference-hero__identity p:last-child {
  max-width: 700px;
  margin: 16px 0 0;
  color: var(--eiv-text-secondary, #777086);
  font-size: 13px;
  line-height: 1.55;
}

.library-alpha88 .library-reference-hero__art {
  display: block;
  width: min(100%, 360px);
  height: 230px;
  justify-self: end;
  align-self: center;
  object-fit: contain;
  object-position: center;
}

.library-alpha88 .library-reference-controls {
  display: grid;
  gap: 15px;
}

.library-alpha88 .library-theme-section {
  display: grid;
  gap: 10px;
}

.library-alpha88 .reference-filter-label {
  margin: 0 0 2px 2px;
  color: var(--eiv-turquoise-deep, #287f86);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.library-alpha88 .reference-category-chips.library-theme-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
  overflow: visible;
  padding: 0;
}

.library-alpha88 .library-theme-card {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 116px;
  grid-template-columns: 48px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 13px;
  padding: 18px 17px;
  border: 1px solid rgba(64, 58, 92, 0.16);
  border-radius: 20px;
  background: #fff;
  color: var(--eiv-plum, #403a5c);
  text-align: left;
  box-shadow: 0 8px 22px rgba(64, 58, 92, 0.045);
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.library-alpha88 .library-theme-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(64, 58, 92, 0.08);
}

.library-alpha88 .library-theme-card:focus-visible {
  outline: 3px solid rgba(105, 201, 195, 0.35);
  outline-offset: 2px;
}

.library-alpha88 .library-theme-card.is-active {
  border-width: 2px;
  border-color: var(--eiv-plum, #403a5c);
  box-shadow: 0 0 0 4px rgba(64, 58, 92, 0.08), 0 12px 26px rgba(64, 58, 92, 0.08);
}

.library-alpha88 .library-theme-card__icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 16px;
  background: rgba(64, 58, 92, 0.06);
}

.library-alpha88 .library-theme-card__icon svg {
  width: 28px;
  height: 28px;
}

.library-alpha88 .library-theme-card__copy {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.library-alpha88 .library-theme-card__copy strong {
  color: currentColor;
  font-size: 15px;
  line-height: 1.2;
}

.library-alpha88 .library-theme-card__copy small {
  color: var(--eiv-text-secondary, #777086);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.42;
}

.library-alpha88 .library-theme-card__chevron {
  justify-self: end;
  font-size: 25px;
  font-weight: 500;
  line-height: 1;
}

.library-alpha88 .library-theme-card.category-tone--gold {
  border-color: rgba(220, 165, 52, 0.56);
  background: linear-gradient(135deg, rgba(255, 248, 227, 0.95), rgba(255, 255, 255, 0.98));
  color: #a66c05;
}
.library-alpha88 .library-theme-card.category-tone--raspberry {
  border-color: rgba(198, 75, 103, 0.5);
  background: linear-gradient(135deg, rgba(255, 238, 243, 0.96), rgba(255, 255, 255, 0.98));
  color: #b93256;
}
.library-alpha88 .library-theme-card.category-tone--lilac {
  border-color: rgba(127, 96, 187, 0.45);
  background: linear-gradient(135deg, rgba(246, 241, 255, 0.98), rgba(255, 255, 255, 0.98));
  color: #6841ac;
}
.library-alpha88 .library-theme-card.category-tone--coral {
  border-color: rgba(230, 113, 67, 0.5);
  background: linear-gradient(135deg, rgba(255, 242, 235, 0.98), rgba(255, 255, 255, 0.98));
  color: #c85422;
}
.library-alpha88 .library-theme-card.category-tone--green {
  border-color: rgba(76, 155, 112, 0.48);
  background: linear-gradient(135deg, rgba(236, 249, 241, 0.98), rgba(255, 255, 255, 0.98));
  color: #2f8657;
}
.library-alpha88 .library-theme-card.category-tone--turquoise {
  border-color: rgba(40, 127, 134, 0.46);
  background: linear-gradient(135deg, rgba(232, 249, 249, 0.98), rgba(255, 255, 255, 0.98));
  color: #167681;
}
.library-alpha88 .library-theme-card.category-tone--blue {
  border-color: rgba(78, 120, 189, 0.45);
  background: linear-gradient(135deg, rgba(238, 245, 255, 0.98), rgba(255, 255, 255, 0.98));
  color: #2d67b2;
}
.library-alpha88 .library-theme-card.category-tone--neutral {
  border-color: rgba(64, 58, 92, 0.35);
  background: linear-gradient(135deg, rgba(245, 243, 250, 0.98), rgba(255, 255, 255, 0.98));
  color: var(--eiv-plum, #403a5c);
}

.library-alpha88 .library-theme-card.category-tone--gold .library-theme-card__icon { background: rgba(220, 165, 52, 0.12); }
.library-alpha88 .library-theme-card.category-tone--raspberry .library-theme-card__icon { background: rgba(198, 75, 103, 0.1); }
.library-alpha88 .library-theme-card.category-tone--lilac .library-theme-card__icon { background: rgba(127, 96, 187, 0.1); }
.library-alpha88 .library-theme-card.category-tone--coral .library-theme-card__icon { background: rgba(230, 113, 67, 0.1); }
.library-alpha88 .library-theme-card.category-tone--green .library-theme-card__icon { background: rgba(76, 155, 112, 0.1); }
.library-alpha88 .library-theme-card.category-tone--turquoise .library-theme-card__icon { background: rgba(40, 127, 134, 0.1); }
.library-alpha88 .library-theme-card.category-tone--blue .library-theme-card__icon { background: rgba(78, 120, 189, 0.1); }

.library-alpha88 .library-sticky-controls {
  position: sticky;
  top: calc(var(--header-height, 64px) + 8px);
  z-index: 44;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto auto;
  align-items: stretch;
  gap: 12px;
  padding: 10px;
  border: 1px solid rgba(64, 58, 92, 0.12);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--library-card-shadow);
  backdrop-filter: blur(14px);
}

.library-alpha88 .library-reference-search {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  padding: 0 15px;
  border: 1px solid rgba(64, 58, 92, 0.15);
  border-radius: 16px;
  background: #fff;
  color: var(--eiv-turquoise-deep, #287f86);
}

.library-alpha88 .library-reference-search > svg {
  position: static;
  inset: auto;
  width: 21px;
  height: 21px;
  flex: 0 0 auto;
}

.library-alpha88 .library-reference-search input {
  min-width: 0;
  min-height: 52px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--eiv-plum, #403a5c);
  font-size: 14px;
}

.library-alpha88 .library-reference-search:focus-within {
  border-color: var(--eiv-turquoise, #69c9c3);
  box-shadow: 0 0 0 3px rgba(105, 201, 195, 0.2);
}

.library-alpha88 .library-view-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(92px, 1fr));
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(64, 58, 92, 0.13);
  border-radius: 16px;
  background: #fff;
}

.library-alpha88 .library-view-switch button {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--eiv-text-secondary, #777086);
  font-weight: 900;
  cursor: pointer;
}

.library-alpha88 .library-view-switch button.is-active {
  background: var(--eiv-raspberry-pale, #fbe9ee);
  color: var(--eiv-raspberry, #c64b67);
}

.library-alpha88 .library-filter-toggle--toolbar {
  display: flex;
  min-width: 172px;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 17px;
  border: 1px solid rgba(64, 58, 92, 0.13);
  border-radius: 16px;
  background: #fff;
  color: var(--eiv-plum, #403a5c);
  font-weight: 900;
  cursor: pointer;
}

.library-alpha88 .library-filter-toggle--toolbar > svg {
  width: 20px;
  height: 20px;
  color: var(--eiv-turquoise-deep, #287f86);
}

.library-alpha88 .library-filter-toggle__count {
  display: grid;
  min-width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 999px;
  background: var(--eiv-lilac-pale, #f1edf6);
  color: var(--eiv-plum, #403a5c);
  font-size: 11px;
}

.library-alpha88 .library-filter-toggle__chevron {
  margin-left: 2px;
  color: var(--eiv-plum, #403a5c);
  font-size: 18px;
  transition: transform 160ms ease;
}

.library-alpha88 .library-filter-toggle--toolbar[aria-expanded="true"] .library-filter-toggle__chevron {
  transform: rotate(180deg);
}

.library-alpha88 .library-active-summary {
  display: grid;
  min-height: 78px;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  align-items: center;
  gap: 18px;
  padding: 14px 20px;
  border: 1px solid rgba(127, 96, 187, 0.16);
  border-radius: 19px;
  background: linear-gradient(90deg, rgba(245, 240, 253, 0.9), rgba(250, 248, 253, 0.98));
}

.library-alpha88 .library-active-summary__filters,
.library-alpha88 .library-active-summary__results {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}

.library-alpha88 .library-active-summary__results {
  padding-left: 20px;
  border-left: 1px solid rgba(64, 58, 92, 0.13);
}

.library-alpha88 .library-active-summary svg {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  color: #7447b5;
}

.library-alpha88 .library-active-summary strong {
  color: var(--eiv-plum, #403a5c);
  font-size: 13px;
  white-space: nowrap;
}

.library-alpha88 .library-active-summary__results span,
.library-alpha88 .library-active-summary__empty {
  color: var(--eiv-text-secondary, #777086);
  font-size: 11px;
}

.library-alpha88 .library-active-summary .filter-chip {
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 11px;
  background: #ebe0fa;
  color: #5e35a0;
  font-size: 11px;
  font-weight: 850;
}

.library-alpha88 .library-active-summary__reset {
  border: 0;
  background: transparent;
  color: #6841ac;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}

.library-alpha88 .library-filter-panel {
  margin: 0;
}

.library-alpha88 .library-results-heading {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  margin: 0;
}

.library-alpha88 .library-results-heading p {
  margin: 0 auto 0 0;
  color: var(--eiv-text-secondary, #777086);
  font-size: 11px;
}

@media (min-width: 1221px) {
  .library-alpha88 .library-reference-hero.eiv-unified-hero {
    height: 260px;
    min-height: 260px;
  }
}

@media (min-width: 921px) and (max-width: 1220px) {
  .library-alpha88 .library-reference-hero.eiv-unified-hero {
    height: 235px;
    min-height: 235px;
  }
}

@media (max-width: 1220px) {
  .library-alpha88 .library-reference-hero {
    min-height: 235px;
    grid-template-columns: minmax(0, 1fr) 300px;
  }
  .library-alpha88 .library-reference-hero__art {
    width: 290px;
    height: 210px;
  }
  .library-alpha88 .reference-category-chips.library-theme-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .library-alpha88 .library-reference-hero {
    min-height: 0;
    grid-template-columns: 1fr;
    justify-items: stretch;
  }
  .library-alpha88 .library-reference-hero__art {
    width: min(100%, 360px);
    height: auto;
    max-height: 240px;
    justify-self: center;
  }
  .library-alpha88 .library-sticky-controls {
    grid-template-columns: 1fr 1fr;
  }
  .library-alpha88 .library-reference-search {
    grid-column: 1 / -1;
  }
  .library-alpha88 .library-active-summary {
    grid-template-columns: 1fr;
  }
  .library-alpha88 .library-active-summary__results {
    padding-top: 12px;
    padding-left: 0;
    border-top: 1px solid rgba(64, 58, 92, 0.13);
    border-left: 0;
  }
}

@media (max-width: 680px) {
  .library-alpha88 {
    gap: 14px;
  }
  .library-alpha88 .library-reference-hero {
    padding: 18px;
    border-radius: 21px;
  }
  .library-alpha88 .library-reference-hero__identity {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
  }
  .library-alpha88 .library-reference-hero__identity > div {
    max-width: none;
  }
  .library-alpha88 .library-reference-hero__identity > img {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
    border-radius: 14px;
  }
  .library-alpha88 .library-reference-hero__identity h2 {
    font-size: 22px;
  }
  .library-alpha88 .library-reference-hero__identity h2::after {
    width: 40px;
    height: 3px;
    margin-top: 14px;
  }
  .library-alpha88 .library-reference-hero__identity p:last-child {
    margin-top: 14px;
    font-size: 12px;
  }
  .library-alpha88 .library-reference-hero__art {
    display: block;
    width: min(100%, 280px);
    max-height: 220px;
  }
  .library-alpha88 .reference-category-chips.library-theme-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .library-alpha88 .library-theme-card {
    min-height: 96px;
  }
  .library-alpha88 .library-sticky-controls {
    position: static;
    grid-template-columns: 1fr;
  }
  .library-alpha88 .library-reference-search,
  .library-alpha88 .library-view-switch,
  .library-alpha88 .library-filter-toggle--toolbar {
    width: 100%;
  }
  .library-alpha88 .library-filter-toggle--toolbar {
    min-width: 0;
  }
  .library-alpha88 .library-active-summary {
    padding: 14px;
  }
  .library-alpha88 .library-active-summary__filters,
  .library-alpha88 .library-active-summary__results {
    flex-wrap: wrap;
  }
  .library-alpha88 .library-active-summary strong {
    white-space: normal;
  }
}

/* 23. Agreements final structure */

.agreements-alpha88 {
  --agreements-alpha88-shadow: 0 12px 30px rgba(64, 58, 92, 0.08);
}

.agreements-alpha88 .agreements-result-grid {
  gap: 12px;
}

.agreements-alpha88 .agreements-result-card {
  min-height: 160px;
  border-radius: 20px;
}

.agreements-alpha88 .terrain-new,
.agreements-alpha88 .terrain-portrait {
  border-radius: 22px;
  box-shadow: none;
}

.agreements-alpha88 .terrain-new--empty {
  min-height: 154px;
}

.agreements-alpha88 .terrain-search {
  position: sticky;
  top: 72px;
  z-index: 40;
  grid-template-columns: minmax(260px, 1fr) 230px;
  margin-top: 2px;
  padding: 10px;
  border: 1px solid rgba(64, 58, 92, 0.15);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--agreements-alpha88-shadow);
  backdrop-filter: blur(14px);
}

.agreements-alpha88 .terrain-search label {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  padding: 0 15px;
  border: 1px solid rgba(64, 58, 92, 0.15);
  border-radius: 15px;
  background: #fff;
  color: var(--eiv-turquoise-deep, #287f86);
}

.agreements-alpha88 .terrain-search label > svg {
  position: static;
  inset: auto;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  pointer-events: none;
}

.agreements-alpha88 .terrain-search input {
  min-width: 0;
  min-height: 50px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

.agreements-alpha88 .terrain-search select {
  min-height: 50px;
  padding: 0 38px 0 15px;
  border: 1px solid rgba(64, 58, 92, 0.15);
  border-radius: 15px;
  background-color: #fff;
  color: var(--eiv-plum, #403a5c);
  font-weight: 800;
}

.agreements-alpha88 .terrain-search label:focus-within,
.agreements-alpha88 .terrain-search select:focus-visible {
  border-color: var(--eiv-turquoise, #69c9c3);
  box-shadow: 0 0 0 3px rgba(105, 201, 195, 0.2);
  outline: 0;
}

.agreements-alpha88 .agreements-alpha88__categories {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 10px;
  overflow: visible;
  padding: 0;
}

.agreements-alpha88 .agreements-alpha88__categories button {
  display: grid;
  min-width: 0;
  min-height: 54px;
  grid-template-columns: 34px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border: 1px solid rgba(64, 58, 92, 0.13);
  border-radius: 999px;
  background: #fff;
  color: var(--eiv-plum, #403a5c);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.1;
  text-align: left;
  white-space: normal;
  box-shadow: 0 5px 14px rgba(64, 58, 92, 0.045);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.agreements-alpha88 .agreements-alpha88__categories button:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(64, 58, 92, 0.09);
}

.agreements-alpha88 .agreements-alpha88__categories button:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(105, 201, 195, 0.23), 0 8px 18px rgba(64, 58, 92, 0.09);
}

.agreements-alpha88 .agreements-alpha88__categories button.is-active {
  border-color: var(--eiv-plum, #403a5c);
  background: #fff;
  color: var(--eiv-plum, #403a5c);
  box-shadow: inset 0 0 0 1px var(--eiv-plum, #403a5c), 0 7px 18px rgba(64, 58, 92, 0.08);
}

.agreements-alpha88 .agreements-alpha88__category-icon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  background: rgba(64, 58, 92, 0.055);
  color: currentColor;
}

.agreements-alpha88 .agreements-alpha88__category-icon svg {
  width: 18px;
  height: 18px;
}

.agreements-alpha88 .agreements-alpha88__categories button > span:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.agreements-alpha88 .agreements-alpha88__categories button > b {
  justify-self: end;
  font-size: 19px;
  font-weight: 900;
}

.agreements-alpha88 .category-tone--coral { border-color: rgba(243, 164, 131, 0.7) !important; background: rgba(255, 248, 243, 0.94) !important; color: #9b4a2a !important; }
.agreements-alpha88 .category-tone--turquoise { border-color: rgba(105, 201, 195, 0.65) !important; background: rgba(232, 250, 248, 0.92) !important; color: #287f86 !important; }
.agreements-alpha88 .category-tone--raspberry { border-color: rgba(198, 75, 103, 0.45) !important; background: rgba(253, 238, 243, 0.92) !important; color: #a63756 !important; }
.agreements-alpha88 .category-tone--green { border-color: rgba(86, 166, 124, 0.55) !important; background: rgba(235, 248, 240, 0.94) !important; color: #2f7f58 !important; }
.agreements-alpha88 .category-tone--blue { border-color: rgba(89, 139, 213, 0.52) !important; background: rgba(238, 245, 255, 0.94) !important; color: #316aac !important; }
.agreements-alpha88 .category-tone--lilac { border-color: rgba(143, 105, 201, 0.5) !important; background: rgba(246, 241, 252, 0.96) !important; color: #65429d !important; }
.agreements-alpha88 .category-tone--gold { border-color: rgba(220, 164, 56, 0.58) !important; background: rgba(255, 248, 229, 0.96) !important; color: #96630b !important; }


.library-alpha88 .library-reference-search > svg {
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

.library-alpha88 .library-reference-search input {
  padding: 0 !important;
}

@media (max-width: 1220px) {
  .agreements-alpha88 .agreements-alpha88__categories {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .agreements-alpha88 .terrain-search {
    position: static;
    grid-template-columns: 1fr;
  }

  .agreements-alpha88 .agreements-alpha88__categories {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 2px 2px 7px;
    scroll-snap-type: x proximity;
  }

  .agreements-alpha88 .agreements-alpha88__categories button {
    min-width: 210px;
    flex: 0 0 210px;
    scroll-snap-align: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agreements-alpha88 .agreements-alpha88__categories button {
    transition: none;
  }
}

.agreements-alpha88 .agreements-alpha88__categories {
  grid-template-columns: repeat(8, max-content);
  justify-content: space-between;
  column-gap: 8px;
}

.agreements-alpha88 .agreements-alpha88__categories button {
  width: max-content;
  min-width: 0;
  grid-template-columns: 30px max-content 11px;
  gap: 6px;
  padding: 7px 8px;
  font-size: 10.5px;
  white-space: nowrap;
}

.agreements-alpha88 .agreements-alpha88__category-icon {
  width: 30px;
  height: 30px;
}

.agreements-alpha88 .agreements-alpha88__categories button > span:nth-child(2) {
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

.agreements-alpha88 .category-tone--all,
.agreements-alpha88 .category-tone--all.is-active {
  border-color: #17131d !important;
  background: #ffffff !important;
  color: #17131d !important;
}

.agreements-alpha88 .category-tone--all.is-active {
  box-shadow: inset 0 0 0 1px #17131d, 0 7px 18px rgba(23, 19, 29, 0.10) !important;
}

.agreements-alpha88 .category-tone--all .agreements-alpha88__category-icon {
  background: #f3f2f4;
  color: #17131d;
}

@media (max-width: 1780px) {
  .agreements-alpha88 .agreements-alpha88__categories {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    justify-content: stretch;
  }

  .agreements-alpha88 .agreements-alpha88__categories button {
    width: 100%;
    grid-template-columns: 30px minmax(0, 1fr) 11px;
  }

  .agreements-alpha88 .agreements-alpha88__categories button > span:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 760px) {
  .agreements-alpha88 .agreements-alpha88__categories {
    display: flex;
    justify-content: flex-start;
  }

  .agreements-alpha88 .agreements-alpha88__categories button {
    width: auto;
    min-width: max-content;
    flex: 0 0 auto;
    grid-template-columns: 30px max-content 11px;
  }

  .agreements-alpha88 .agreements-alpha88__categories button > span:nth-child(2) {
    overflow: visible;
    text-overflow: clip;
  }
}


.agreements-alpha88 .terrain-hero.eiv-unified-hero {
  display: grid;
  min-height: 260px;
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.72fr);
  align-items: center;
  gap: clamp(20px, 2.4vw, 42px);
  overflow: hidden;
  padding: 24px clamp(22px, 2.6vw, 38px);
  border: 1px solid rgba(64, 58, 92, 0.08);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(64, 58, 92, 0.09);
}

.agreements-alpha88 .terrain-hero__copy {
  max-width: 700px;
  padding-left: 0;
}

.agreements-alpha88 .terrain-hero__copy .section-eyebrow {
  margin: 0 0 8px;
  color: var(--eiv-turquoise-deep, #287f86);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.agreements-alpha88 .terrain-hero__copy h2 {
  margin: 0;
  color: var(--eiv-plum, #403a5c);
  font-size: clamp(24px, 2vw, 36px);
  line-height: 1.1;
}

.agreements-alpha88 .terrain-hero__copy h2::after {
  display: block;
  width: 46px;
  height: 4px;
  margin-top: 18px;
  border-radius: 999px;
  background: var(--eiv-turquoise-deep, #287f86);
  content: "";
}

.agreements-alpha88 .terrain-hero__summary {
  max-width: 700px;
  margin: 16px 0 0 !important;
  color: var(--eiv-text-secondary, #777086) !important;
  font-size: 13px !important;
  line-height: 1.6;
}

.agreements-alpha88 .terrain-hero__metric {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 850;
  white-space: nowrap;
}

.agreements-alpha88 .terrain-hero__metric strong {
  display: inline-grid;
  min-width: 36px;
  height: 36px;
  place-items: center;
  padding: 0 9px;
  border-radius: 13px;
  font-size: 17px;
  line-height: 1;
}

.agreements-alpha88 .terrain-hero__metric--common,
.agreements-alpha88 .terrain-hero__metric--common strong {
  color: var(--eiv-raspberry, #c64b67) !important;
}

.agreements-alpha88 .terrain-hero__metric--common strong {
  background: var(--eiv-raspberry-pale, #fbe9ee);
}

.agreements-alpha88 .terrain-hero__metric--love,
.agreements-alpha88 .terrain-hero__metric--love strong {
  color: var(--eiv-turquoise-deep, #287f86) !important;
}

.agreements-alpha88 .terrain-hero__metric--love strong {
  background: var(--eiv-turquoise-pale, #e8f8f7);
}

.agreements-alpha88 .terrain-hero.eiv-unified-hero > img {
  display: block;
  width: min(100%, 340px);
  height: 225px;
  justify-self: end;
  align-self: center;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 1220px) {
  .agreements-alpha88 .terrain-hero.eiv-unified-hero {
    min-height: 235px;
    grid-template-columns: minmax(0, 1fr) 300px;
  }

  .agreements-alpha88 .terrain-hero__copy {
    padding-left: 0;
  }

  .agreements-alpha88 .terrain-hero.eiv-unified-hero > img {
    width: 290px;
    height: 210px;
  }
}

@media (max-width: 920px) {
  .agreements-alpha88 .terrain-hero.eiv-unified-hero {
    min-height: 0;
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .agreements-alpha88 .terrain-hero__copy {
    max-width: none;
    padding-left: 0;
  }

  .agreements-alpha88 .terrain-hero.eiv-unified-hero > img {
    width: min(100%, 360px);
    height: auto;
    max-height: 240px;
    justify-self: center;
  }
}

@media (max-width: 680px) {
  .agreements-alpha88 .terrain-hero.eiv-unified-hero {
    padding: 18px;
    border-radius: 21px;
  }

  .agreements-alpha88 .terrain-hero__copy h2 {
    font-size: 22px;
  }

  .agreements-alpha88 .terrain-hero__copy h2::after {
    width: 40px;
    height: 3px;
    margin-top: 14px;
  }

  .agreements-alpha88 .terrain-hero__summary {
    margin-top: 14px !important;
    font-size: 12px !important;
  }

  .agreements-alpha88 .terrain-hero__metric {
    white-space: normal;
  }

  .agreements-alpha88 .terrain-hero__metric strong {
    min-width: 32px;
    height: 32px;
    border-radius: 10px;
    font-size: 15px;
  }

  .agreements-alpha88 .terrain-hero.eiv-unified-hero > img {
    width: min(100%, 280px);
    max-height: 220px;
  }
}

@media (min-width: 1221px) {
  .agreements-alpha88 .terrain-hero.eiv-unified-hero {
    height: 260px;
    min-height: 260px;
  }

  .agreements-alpha88 .terrain-hero.eiv-unified-hero > img {
    height: 230px;
  }
}

@media (min-width: 921px) and (max-width: 1220px) {
  .agreements-alpha88 .terrain-hero.eiv-unified-hero {
    height: 235px;
    min-height: 235px;
  }

  .agreements-alpha88 .terrain-hero.eiv-unified-hero > img {
    height: 210px;
  }
}

/* 24. Unified hero banners */


.eiv-shared-hero {
  display: grid !important;
  min-height: 228px;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.56fr);
  align-items: center;
  gap: clamp(24px, 2.4vw, 40px);
  overflow: hidden;
  padding: 24px clamp(20px, 2.55vw, 40px);
  border: 1px solid rgba(64, 58, 92, 0.08);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(64, 58, 92, 0.09);
}

.eiv-shared-hero .section-eyebrow {
  margin: 0 0 8px;
  color: var(--eiv-turquoise-deep, #287f86);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.eiv-shared-hero h2 {
  margin: 0;
  color: var(--eiv-plum, #403a5c);
  font-size: clamp(24px, 2vw, 36px);
  line-height: 1.1;
}

.eiv-shared-hero h2::after {
  display: block;
  width: 46px;
  height: 4px;
  margin-top: 18px;
  border-radius: 999px;
  background: var(--eiv-turquoise-deep, #287f86);
  content: "";
}

.eiv-shared-hero__copy,
.library-alpha88 .library-reference-hero__identity > div {
  max-width: 700px;
}

.eiv-shared-hero__copy > p:last-child,
.library-alpha88 .library-reference-hero__identity p:last-child,
.agreements-alpha88 .terrain-hero__summary,
.what-hero-v3__summary,
.tracking-hero-v3__summary {
  max-width: 700px;
  margin: 16px 0 0 !important;
  color: var(--eiv-text-secondary, #777086) !important;
  font-size: 13px !important;
  line-height: 1.6;
}

.eiv-shared-hero > img,
.library-alpha88 .library-reference-hero__art,
.agreements-alpha88 .terrain-hero.eiv-unified-hero > img,
.what-hero-v3 > img,
.tracking-hero-v3 > img {
  display: block;
  width: min(100%, 280px) !important;
  height: 190px !important;
  justify-self: end;
  align-self: center;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 14px 18px rgba(64, 58, 92, 0.16)) drop-shadow(0 4px 7px rgba(64, 58, 92, 0.10));
}



.library-alpha88 .library-reference-hero__identity > img {
  width: 72px;
  height: 72px;
  flex-basis: 72px;
  border: 1px solid rgba(243, 164, 131, 0.2);
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0 8px 20px rgba(64, 58, 92, 0.08);
}













@media (max-width: 1220px) {
  .eiv-shared-hero {
    min-height: 216px;
    grid-template-columns: minmax(0, 1fr) 250px;
  }

  .eiv-shared-hero > img,
  .library-alpha88 .library-reference-hero__art,
  .agreements-alpha88 .terrain-hero.eiv-unified-hero > img,
  .what-hero-v3 > img,
  .tracking-hero-v3 > img {
    width: 250px !important;
    height: 176px !important;
  }
}

@media (max-width: 920px) {
  .eiv-shared-hero {
    min-height: 0;
    grid-template-columns: 1fr;
  }

  .eiv-shared-hero > img,
  .library-alpha88 .library-reference-hero__art,
  .agreements-alpha88 .terrain-hero.eiv-unified-hero > img,
  .what-hero-v3 > img,
  .tracking-hero-v3 > img {
    width: min(100%, 280px) !important;
    height: auto !important;
    max-height: 190px;
    justify-self: center;
  }
}

@media (max-width: 680px) {
  .eiv-shared-hero {
    padding: 18px;
    border-radius: 21px;
  }

  .eiv-shared-hero h2 {
    font-size: 22px;
  }

  .eiv-shared-hero h2::after {
    width: 40px;
    height: 3px;
    margin-top: 14px;
  }

  .eiv-shared-hero__copy > p:last-child,
  .library-alpha88 .library-reference-hero__identity p:last-child,
  .agreements-alpha88 .terrain-hero__summary,
  .what-hero-v3__summary,
  .tracking-hero-v3__summary {
    margin-top: 14px !important;
    font-size: 12px !important;
  }

  .library-alpha88 .library-reference-hero__identity {
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 14px;
  }

  .library-alpha88 .library-reference-hero__identity > img {
    width: 60px;
    height: 60px;
    flex-basis: 60px;
  }
}

/* 25. Agreements final visuals */


.agreements-alpha88 .agreements-result-grid {
  gap: 14px;
}

.agreements-alpha88 .agreements-result-card {
  min-height: 164px;
  border-width: 1px;
  box-shadow: 0 8px 22px rgba(64, 58, 92, 0.055);
}

.agreements-alpha88 .terrain-new {
  padding: 24px 26px;
  border: 1px solid rgba(243, 164, 131, 0.42);
  border-radius: 22px;
  background: linear-gradient(135deg, #fff8f3 0%, #fffaf7 100%);
  box-shadow: 0 8px 22px rgba(120, 73, 54, 0.045);
}

.agreements-alpha88 .terrain-new--empty {
  min-height: 160px;
}

.agreements-alpha88 .terrain-new header {
  align-items: center;
}

.agreements-alpha88 .terrain-new header > div {
  max-width: 760px;
}

.agreements-alpha88 .terrain-new__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #9a4e2e;
}

.agreements-alpha88 .terrain-new__eyebrow .icon {
  width: 18px;
  height: 18px;
  color: #e97845;
}

.agreements-alpha88 .terrain-new h2 {
  margin-top: 5px;
}

.agreements-alpha88 .terrain-new header p:last-child {
  max-width: 700px;
  margin-top: 12px;
  color: var(--eiv-text-secondary, #777086);
  line-height: 1.55;
}

.agreements-alpha88 .terrain-new__spark {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  background: #fbe9ee;
  color: var(--eiv-raspberry, #c64b67);
}

.agreements-alpha88 .terrain-new__spark .icon {
  width: 30px;
  height: 30px;
}

.agreements-alpha88 .terrain-portrait--current {
  grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
  padding: 20px !important;
  border: 1px solid rgba(182, 160, 207, 0.42) !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, #f5f3fa 0%, #f1edf6 100%) !important;
  box-shadow: 0 9px 24px rgba(76, 59, 103, 0.045) !important;
}

.agreements-alpha88 .terrain-portrait__intro {
  justify-content: center;
  padding: 18px 12px !important;
}

.agreements-alpha88 .terrain-portrait__intro .section-eyebrow {
  color: #624998;
}

.agreements-alpha88 .terrain-portrait__intro .section-eyebrow--with-icon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.agreements-alpha88 .terrain-portrait__intro .section-eyebrow__icon {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  color: #624998;
}

.agreements-alpha88 .terrain-portrait__intro .section-eyebrow__icon .icon {
  width: 18px;
  height: 18px;
}

.agreements-alpha88 .terrain-portrait__intro h2 {
  margin-top: 8px;
}

.agreements-alpha88 .terrain-portrait__intro > p:not(.section-eyebrow) {
  max-width: 520px;
  margin-top: 18px;
  color: var(--eiv-plum, #403a5c);
  font-size: 15px;
  line-height: 1.65;
}

.agreements-alpha88 .terrain-portrait__intro aside {
  margin-top: 22px;
  padding: 13px 15px;
  border: 1px solid rgba(182, 160, 207, 0.33) !important;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78) !important;
  color: #624998 !important;
  box-shadow: none !important;
}

.agreements-alpha88 .terrain-portrait__intro aside .icon {
  color: #624998;
}

.agreements-alpha88 .terrain-portrait-ranking {
  align-content: center;
  gap: 12px;
}

.agreements-alpha88 .terrain-portrait-ranking__item {
  --portrait-tone: #69c9c3;
  --portrait-tone-deep: #287f86;
  --portrait-tone-pale: #e8f7f6;
  min-height: 82px;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 11px 13px !important;
  border: 1px solid rgba(64, 58, 92, 0.08) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 6px 16px rgba(64, 58, 92, 0.055) !important;
}

.agreements-alpha88 .terrain-portrait-ranking__item.category-tone--coral {
  --portrait-tone: #f3a483;
  --portrait-tone-deep: #9a4e2e;
  --portrait-tone-pale: #fff1e9;
}

.agreements-alpha88 .terrain-portrait-ranking__item.category-tone--turquoise {
  --portrait-tone: #69c9c3;
  --portrait-tone-deep: #287f86;
  --portrait-tone-pale: #e8f7f6;
}

.agreements-alpha88 .terrain-portrait-ranking__item.category-tone--raspberry {
  --portrait-tone: #d56b86;
  --portrait-tone-deep: #9d3652;
  --portrait-tone-pale: #fcecf1;
}

.agreements-alpha88 .terrain-portrait-ranking__item.category-tone--lilac {
  --portrait-tone: #b6a0cf;
  --portrait-tone-deep: #694f91;
  --portrait-tone-pale: #f1edf6;
}

.agreements-alpha88 .terrain-portrait-ranking__item.category-tone--green {
  --portrait-tone: #78bf99;
  --portrait-tone-deep: #2f7557;
  --portrait-tone-pale: #eaf7f0;
}

.agreements-alpha88 .terrain-portrait-ranking__item.category-tone--blue {
  --portrait-tone: #86aee0;
  --portrait-tone-deep: #3d6599;
  --portrait-tone-pale: #edf3fb;
}

.agreements-alpha88 .terrain-portrait-ranking__item.category-tone--gold {
  --portrait-tone: #e2b35f;
  --portrait-tone-deep: #8a5a16;
  --portrait-tone-pale: #fff5df;
}

.agreements-alpha88 .terrain-portrait-ranking__icon {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: var(--portrait-tone-pale);
  color: var(--portrait-tone-deep);
}

.agreements-alpha88 .terrain-portrait-ranking__icon .icon {
  width: 23px;
  height: 23px;
}

.agreements-alpha88 .terrain-portrait-ranking header strong {
  color: var(--eiv-plum, #403a5c);
  font-size: 11.5px;
}

.agreements-alpha88 .terrain-portrait-ranking header b {
  min-width: 30px;
  height: 30px;
  border-radius: 10px;
  background: var(--portrait-tone-pale);
  color: var(--portrait-tone-deep);
}

.agreements-alpha88 .terrain-portrait-ranking__bar {
  height: 6px;
  background: #ebe7ef;
}

.agreements-alpha88 .terrain-portrait-ranking__bar i {
  background: var(--portrait-tone);
}

.agreements-alpha88 .terrain-portrait-ranking small {
  color: var(--eiv-text-secondary, #777086);
  font-size: 9.8px;
}

@media (max-width: 1100px) {
  .agreements-alpha88 .terrain-portrait--current {
    grid-template-columns: 1fr !important;
  }

  .agreements-alpha88 .terrain-portrait-ranking {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .agreements-alpha88 .agreements-result-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agreements-alpha88 .terrain-portrait-ranking {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .agreements-alpha88 .terrain-new,
  .agreements-alpha88 .terrain-portrait--current {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  .agreements-alpha88 .terrain-new header {
    display: grid;
    grid-template-columns: 1fr auto;
  }

  .agreements-alpha88 .terrain-new__spark {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  .agreements-alpha88 .terrain-portrait-ranking {
    grid-template-columns: 1fr;
  }
}



.agreements-alpha88 .agreements-filter-panel {
  display: grid;
  overflow: hidden;
  margin: 12px 0 10px;
  border: 1px solid rgba(64, 58, 92, 0.11);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 8px 20px rgba(64, 58, 92, 0.055);
}

.agreements-alpha88 .agreements-filter-panel__header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 8px 14px;
  border-bottom: 1px solid rgba(64, 58, 92, 0.08);
  background: linear-gradient(90deg, rgba(241, 237, 246, 0.78), rgba(255, 255, 255, 0.96));
}

.agreements-alpha88 .agreements-filter-panel__header > span {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  place-items: center;
  border-radius: 10px;
  background: var(--eiv-turquoise-pale, #e8f7f6);
  color: var(--eiv-turquoise-deep, #287f86);
}

.agreements-alpha88 .agreements-filter-panel__header > span .icon {
  width: 16px;
  height: 16px;
}

.agreements-alpha88 .agreements-filter-panel__header > div {
  display: grid;
  gap: 1px;
}

.agreements-alpha88 .agreements-filter-panel__header strong {
  color: var(--eiv-plum, #403a5c);
  font-size: 12px;
  font-weight: 950;
}

.agreements-alpha88 .agreements-filter-panel__header small {
  color: var(--eiv-text-secondary);
  font-size: 9.5px;
}

.agreements-alpha88 .agreements-filter-row {
  display: grid;
  grid-template-columns: 146px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 9px 12px;
}

.agreements-alpha88 .agreements-filter-row + .agreements-filter-row {
  border-top: 1px solid rgba(64, 58, 92, 0.075);
}

.agreements-alpha88 .agreements-filter-row--results {
  background: linear-gradient(90deg, rgba(241, 237, 246, 0.30), rgba(255, 255, 255, 0.92) 34%);
}

.agreements-alpha88 .agreements-filter-row--categories {
  background: linear-gradient(90deg, rgba(245, 243, 250, 0.58), rgba(255, 255, 255, 0.96) 34%);
}

.agreements-alpha88 .agreements-filter-row__label {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  color: var(--eiv-turquoise-deep, #287f86);
  font-size: 10.5px;
  font-weight: 950;
  letter-spacing: .025em;
  white-space: nowrap;
}

.agreements-alpha88 .agreements-filter-row__label > .icon {
  width: 16px;
  height: 16px;
}

.agreements-alpha88 .agreements-result-controls__buttons {
  display: flex;
  min-width: 0;
  gap: 8px;
}

.agreements-alpha88 .agreements-result-filter {
  --result-filter-accent: var(--eiv-plum, #403a5c);
  --result-filter-soft: var(--eiv-lilac-pale, #f1edf6);
  display: inline-flex;
  min-width: 0;
  min-height: 40px;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 9px;
  border: 1px solid color-mix(in srgb, var(--result-filter-accent) 24%, white);
  border-radius: 999px;
  background: #fff;
  color: var(--result-filter-accent);
  font: inherit;
  cursor: pointer;
  transition: border-color 190ms ease, background 190ms ease, box-shadow 190ms ease;
}

.agreements-alpha88 .agreements-result-filter--love {
  --result-filter-accent: #287f86;
  --result-filter-soft: #e8f7f6;
}

.agreements-alpha88 .agreements-result-filter--compromise {
  --result-filter-accent: #7253a5;
  --result-filter-soft: #f1edf6;
}

.agreements-alpha88 .agreements-result-filter--hesitation {
  --result-filter-accent: #b36d18;
  --result-filter-soft: #fff4df;
}

.agreements-alpha88 .agreements-result-filter--rejected {
  --result-filter-accent: #6f6a78;
  --result-filter-soft: #f1f0f3;
}

.agreements-alpha88 .agreements-result-filter > span {
  display: grid;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  place-items: center;
  border-radius: 50%;
  background: var(--result-filter-soft);
}

.agreements-alpha88 .agreements-result-filter > span .icon {
  width: 13px;
  height: 13px;
}

.agreements-alpha88 .agreements-result-filter strong {
  overflow: hidden;
  color: currentColor;
  font-size: 10px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agreements-alpha88 .agreements-result-filter b {
  display: inline-grid;
  min-width: 24px;
  height: 24px;
  place-items: center;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--result-filter-soft);
  font-size: 9.5px;
}

.agreements-alpha88 .agreements-result-filter:hover,
.agreements-alpha88 .agreements-result-filter:focus-visible {
  border-color: var(--result-filter-accent);
  background: var(--result-filter-soft);
  outline: 0;
}

.agreements-alpha88 .agreements-result-filter.is-active {
  border-color: var(--result-filter-accent);
  background: var(--result-filter-soft);
  box-shadow: inset 0 0 0 1px var(--result-filter-accent), 0 4px 11px rgba(64, 58, 92, 0.075);
}


.agreements-alpha88 .agreements-filter-panel .agreements-alpha88__categories {
  display: flex !important;
  min-width: 0;
  justify-content: flex-start !important;
  gap: 7px !important;
  overflow-x: auto !important;
  margin: 0 !important;
  padding: 1px 1px 4px !important;
  scroll-snap-type: x proximity;
}

.agreements-alpha88 .agreements-filter-panel .agreements-alpha88__categories button {
  width: auto !important;
  min-width: max-content !important;
  min-height: 40px !important;
  flex: 1 0 auto !important;
  grid-template-columns: 25px max-content 10px !important;
  gap: 5px !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  font-size: 9.5px !important;
  box-shadow: none !important;
  scroll-snap-align: start;
}

.agreements-alpha88 .agreements-filter-panel .agreements-alpha88__category-icon {
  width: 25px !important;
  height: 25px !important;
}

.agreements-alpha88 .agreements-filter-panel .agreements-alpha88__category-icon svg {
  width: 14px !important;
  height: 14px !important;
}

.agreements-alpha88 .agreements-filter-panel .agreements-alpha88__categories button > b {
  font-size: 15px !important;
}

.agreements-alpha88 .agreements-result-card[aria-pressed="true"] {
  outline: 0;
}

@media (max-width: 1180px) {
  .agreements-alpha88 .agreements-filter-row {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .agreements-alpha88 .agreements-filter-row__label {
    padding-inline: 2px;
  }
}

@media (max-width: 760px) {
  .agreements-alpha88 .agreements-filter-panel {
    border-radius: 17px;
  }

  .agreements-alpha88 .agreements-filter-panel__header {
    padding: 8px 10px;
  }

  .agreements-alpha88 .agreements-filter-row {
    padding: 9px;
  }

  .agreements-alpha88 .agreements-result-controls__buttons {
    overflow-x: auto;
    padding: 1px 1px 5px;
    scroll-snap-type: x proximity;
  }

  .agreements-alpha88 .agreements-result-filter {
    min-width: max-content;
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .agreements-alpha88 .agreements-filter-panel .agreements-alpha88__categories button {
    flex: 0 0 auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agreements-alpha88 .agreements-result-filter {
    transition: none;
  }
}

/* 26. Decision mode cards */


.what-mode-showcase {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.what-mode-showcase .what-mode-card {
  position: relative;
  display: grid;
  min-height: 332px;
  grid-template-columns: 1fr;
  grid-template-rows: 190px minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  overflow: hidden;
  padding: 0 !important;
  border: 1px solid rgba(229, 221, 233, 0.95) !important;
  border-radius: 24px !important;
  background: #fff !important;
  color: var(--eiv-plum);
  box-shadow: 0 10px 26px rgba(64, 58, 92, 0.08) !important;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.what-mode-showcase .what-mode-card::before {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  height: 6px;
  background: var(--mode-accent);
  content: "";
}

.what-mode-showcase .what-mode-card:nth-child(1) {
  --mode-accent: var(--eiv-raspberry); 
  --mode-pale: var(--eiv-raspberry-pale);
  --mode-soft: #fff7f8;
}

.what-mode-showcase .what-mode-card:nth-child(2) {
  --mode-accent: var(--eiv-turquoise); 
  --mode-pale: var(--eiv-turquoise-pale);
  --mode-soft: #f6fcfc;
}

.what-mode-showcase .what-mode-card:nth-child(3) {
  --mode-accent: var(--eiv-coral); 
  --mode-pale: var(--eiv-coral-pale);
  --mode-soft: #fffaf6;
}

.what-mode-showcase .what-mode-card:hover,
.what-mode-showcase .what-mode-card:focus-visible {
  transform: translateY(-3px) !important;
  border-color: var(--mode-accent) !important;
  box-shadow: 0 17px 34px rgba(64, 58, 92, 0.13) !important;
}

.what-mode-showcase .what-mode-card.is-active,
.what-mode-showcase .what-mode-card[aria-selected="true"] {
  border-color: var(--mode-accent) !important;
  background: #fff !important;
  box-shadow: 0 18px 38px rgba(64, 58, 92, 0.14), 0 0 0 2px var(--mode-accent) inset !important;
}

.what-mode-showcase .what-mode-card[aria-selected="true"]::after {
  position: absolute;
  z-index: 3;
  top: 18px;
  right: 18px;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--mode-pale);
  color: var(--mode-accent);
  box-shadow: 0 3px 10px rgba(64, 58, 92, 0.08);
  content: "Sélectionné";
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.what-mode-showcase .what-mode-card__visual {
  position: relative;
  display: grid;
  min-height: 190px;
  place-items: center;
  overflow: hidden;
  margin: 10px 10px 0 !important;
  border: 1px solid rgba(229, 221, 233, 0.9) !important;
  border-radius: 17px;
  background: var(--mode-soft) !important;
}

.what-mode-showcase .what-mode-card__visual > img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.what-mode-showcase .what-mode-card:nth-child(1) .what-mode-card__visual > img {
  object-position: center 64% !important;
}

.what-mode-showcase .what-mode-card:hover .what-mode-card__visual > img,
.what-mode-showcase .what-mode-card:focus-visible .what-mode-card__visual > img {
  transform: scale(1.025);
}

.what-mode-showcase .what-mode-card__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 10px;
  padding: 16px 18px 18px !important;
}

.what-mode-showcase .what-mode-card.is-active .what-mode-card__copy,
.what-mode-showcase .what-mode-card[aria-selected="true"] .what-mode-card__copy {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--mode-soft) 100%);
}

.what-mode-showcase .what-mode-card__title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.what-mode-showcase .what-mode-card__title i {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border-radius: 12px;
  background: var(--mode-pale) !important;
  color: var(--mode-accent) !important;
}

.what-mode-showcase .what-mode-card__title .icon { width: 19px; height: 19px; }
.what-mode-showcase .what-mode-card strong { margin: 0 !important; font-size: 16px !important; line-height: 1.2; }
.what-mode-showcase .what-mode-card small { color: var(--eiv-text-secondary) !important; font-size: 11px !important; line-height: 1.55 !important; }
.what-mode-showcase .what-mode-card em {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
  color: var(--mode-accent) !important;
  font-size: 11px !important;
  font-style: normal;
  font-weight: 900;
}

.what-mode-showcase .what-mode-card[aria-selected="true"] em {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

@media (max-width: 980px) {
  .what-mode-showcase { grid-template-columns: 1fr !important; }
  .what-mode-showcase .what-mode-card {
    min-height: 220px;
    grid-template-columns: minmax(210px, 36%) minmax(0, 1fr);
    grid-template-rows: 1fr;
  }
  .what-mode-showcase .what-mode-card__visual { min-height: unset; height: auto; margin: 10px !important; }
  .what-mode-showcase .what-mode-card[aria-selected="true"]::after { top: 14px; right: 14px; }
}

@media (max-width: 760px) {
  .what-mode-showcase .what-mode-card { min-height: 0; grid-template-columns: 1fr; grid-template-rows: 165px auto; }
  .what-mode-showcase .what-mode-card__visual { min-height: 165px; }
}

@media (prefers-reduced-motion: reduce) {
  .what-mode-showcase .what-mode-card,
  .what-mode-showcase .what-mode-card__visual > img { transition: none !important; transform: none !important; }
}

/* 27. Agreements motion */


.agreements-alpha88 .terrain-portrait-ranking__bar {
  position: relative;
  overflow: hidden;
}

.agreements-alpha88 .terrain-portrait-ranking__bar i {
  position: relative;
  overflow: hidden;
  transform-origin: left center;
  will-change: transform;
}

.agreements-alpha88 .terrain-portrait-ranking__bar i::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.16) 34%, rgba(255,255,255,.82) 50%, rgba(255,255,255,.16) 66%, transparent 100%);
  content: "";
  opacity: 0;
  transform: translateX(-135%);
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  .agreements-alpha88 .terrain-portrait-ranking__item:hover .terrain-portrait-ranking__bar i {
    animation: eiv-portrait-bar-breathe 560ms cubic-bezier(.22,.72,.22,1) 1;
    filter: saturate(1.06);
  }
  .agreements-alpha88 .terrain-portrait-ranking__item:hover .terrain-portrait-ranking__bar i::after {
    animation: eiv-portrait-bar-glint 420ms ease-out 1;
  }
}

@keyframes eiv-portrait-bar-breathe {
  0% { transform: scaleX(1); }
  45% { transform: scaleX(1.10); }
  72% { transform: scaleX(.97); }
  100% { transform: scaleX(1); }
}

@keyframes eiv-portrait-bar-glint {
  0% { opacity: 0; transform: translateX(-135%); }
  22% { opacity: .78; }
  100% { opacity: 0; transform: translateX(135%); }
}

@media (prefers-reduced-motion: reduce) {
  .agreements-alpha88 .terrain-portrait-ranking__bar i,
  .agreements-alpha88 .terrain-portrait-ranking__bar i::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* 28. Decision criteria */


.what-engine {
  gap: 0 !important;
  margin-top: 20px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(243, 164, 131, 0.46) !important;
  border-radius: 26px !important;
  background: #fff !important;
  box-shadow: 0 16px 36px rgba(64, 58, 92, 0.09) !important;
}

.what-engine__compact {
  min-height: 120px;
  align-items: center !important;
  padding: 22px 26px !important;
  border-bottom: 1px solid rgba(243, 164, 131, 0.28);
  background: linear-gradient(135deg, var(--eiv-cream) 0%, #fff 100%);
}

.what-engine__compact .section-eyebrow {
  margin-bottom: 5px;
  color: var(--eiv-plum);
  opacity: .72;
}

.what-engine__compact h2 {
  margin: 0 0 5px;
  color: var(--eiv-plum);
  font-size: clamp(20px, 2vw, 28px);
}

.what-engine__compact p:last-child {
  margin: 0;
  color: var(--eiv-text-secondary);
  font-size: 11px;
}

.what-engine__compact > strong {
  display: grid !important;
  min-width: 104px !important;
  min-height: 74px;
  place-items: center;
  padding: 10px 14px !important;
  border: 1px solid rgba(105, 201, 195, .42);
  border-radius: 18px !important;
  background: rgba(255,255,255,.92) !important;
  color: var(--eiv-turquoise-deep) !important;
  font-size: 27px !important;
  line-height: 1;
  box-shadow: 0 8px 20px rgba(64,58,92,.06);
}

.what-engine__compact > strong small {
  margin-top: 4px;
  color: var(--eiv-turquoise-deep);
  font-size: 10px !important;
}


.what-engine .what-criteria-summary {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 58px;
  margin: 14px 24px 0 !important;
  padding: 9px 14px !important;
  border: 1px solid rgba(105, 201, 195, .44) !important;
  border-radius: 14px !important;
  background: linear-gradient(90deg, rgba(232,247,246,.82) 0%, rgba(255,255,255,.96) 58%, rgba(232,247,246,.38) 100%) !important;
  box-shadow: 0 3px 10px rgba(40, 127, 134, .035);
}

.what-engine .what-criteria-summary__heading {
  min-width: 210px;
}

.what-engine .what-criteria-summary__heading > span {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: var(--eiv-turquoise-pale);
  color: var(--eiv-turquoise-deep);
}

.what-engine .what-criteria-summary__heading strong {
  color: var(--eiv-plum);
  font-size: 12px;
}

.what-engine .what-criteria-summary__heading small {
  font-size: 9px;
}

.what-engine .what-criteria-summary__chips {
  justify-content: flex-start;
}

.what-engine .what-criteria-summary__spacer {
  min-width: 0;
}

.what-engine .what-criteria-summary__spark {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: var(--eiv-turquoise-deep);
}

.what-engine .what-criteria-summary__spark .icon {
  width: 23px;
  height: 23px;
}


.what-engine-grid--accordion {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start;
  gap: 16px !important;
  padding: 18px 24px 18px !important;
  background: var(--eiv-bg);
}

.what-engine-grid--accordion .what-criteria-panel {
  --criterion-accent: var(--eiv-turquoise-deep);
  --criterion-soft: var(--eiv-turquoise-pale);
  min-width: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--criterion-accent) 24%, white) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 5px 14px rgba(64,58,92,.045) !important;
  transition: border-color 210ms ease, box-shadow 210ms ease;
}

.what-engine-grid--accordion .criterion-moment {
  --criterion-accent: var(--eiv-raspberry);
  --criterion-soft: var(--eiv-raspberry-pale);
}

.what-engine-grid--accordion .criterion-duration {
  --criterion-accent: var(--eiv-coral);
  --criterion-soft: var(--eiv-coral-pale);
}

.what-engine-grid--accordion .criterion-budget,
.what-engine-grid--accordion .criterion-location {
  --criterion-accent: var(--eiv-turquoise-deep);
  --criterion-soft: var(--eiv-turquoise-pale);
}

.what-engine-grid--accordion .criterion-situation,
.what-engine-grid--accordion .criterion-universe {
  --criterion-accent: var(--eiv-plum);
  --criterion-soft: var(--eiv-lilac-pale);
}

.what-engine-grid--accordion .criterion-mood {
  --criterion-accent: var(--eiv-raspberry);
  --criterion-soft: var(--eiv-raspberry-pale);
}

.what-engine-grid--accordion .what-criteria-panel[open] {
  border-color: color-mix(in srgb, var(--criterion-accent) 44%, white) !important;
  box-shadow: 0 9px 22px rgba(64,58,92,.065) !important;
}

.what-engine-grid--accordion .what-criteria-panel > summary {
  min-height: 66px !important;
  padding: 11px 16px !important;
  background: linear-gradient(90deg, var(--criterion-soft) 0%, rgba(255,255,255,.98) 58%) !important;
}

.what-engine-grid--accordion .what-criteria-panel[open] > summary {
  border-bottom: 1px solid color-mix(in srgb, var(--criterion-accent) 24%, white) !important;
  background: linear-gradient(90deg, var(--criterion-soft) 0%, #fff 78%) !important;
}

.what-engine-grid--accordion .what-criteria-panel > summary:hover {
  background: linear-gradient(90deg, var(--criterion-soft) 0%, #fff 72%) !important;
}

.what-engine-grid--accordion .what-criteria-panel__icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  background: color-mix(in srgb, var(--criterion-soft) 78%, white) !important;
  color: var(--criterion-accent) !important;
}

.what-engine-grid--accordion .what-criteria-panel[open] .what-criteria-panel__icon {
  background: var(--criterion-accent) !important;
  color: #fff !important;
}

.what-engine-grid--accordion .what-criteria-panel__title strong {
  color: var(--eiv-plum);
  font-size: 14px !important;
}

.what-engine-grid--accordion .what-criteria-panel__title small {
  margin-top: 2px;
  font-size: 10px !important;
}

.what-engine-grid--accordion .what-criteria-panel > summary > b {
  color: var(--criterion-accent) !important;
}

.what-engine-grid--accordion .what-criteria-panel__body {
  padding: 14px 16px 16px !important;
  border-top: 0 !important;
  background: #fff !important;
}

.what-engine-grid--accordion .what-choice-grid {
  gap: 8px;
}

.what-engine-grid--accordion .what-option {
  min-height: 38px;
  border-color: color-mix(in srgb, var(--criterion-accent) 24%, white) !important;
  background: #fff !important;
  color: var(--eiv-plum) !important;
}

.what-engine-grid--accordion .what-option:hover {
  border-color: var(--criterion-accent) !important;
  background: var(--criterion-soft) !important;
}

.what-engine-grid--accordion .what-option.is-selected,
.what-engine-grid--accordion .what-option[aria-pressed="true"] {
  border-color: var(--criterion-accent) !important;
  background: var(--criterion-soft) !important;
  color: var(--criterion-accent) !important;
  box-shadow: 0 0 0 1px var(--criterion-accent) inset;
}

.what-engine-grid--accordion .what-field-help {
  color: var(--eiv-text-secondary);
  font-size: 9.5px;
}

.what-engine-grid--accordion .what-situation-groups > div > strong,
.what-engine-grid--accordion .what-tags > span,
.what-engine-grid--accordion .what-field > span {
  color: var(--criterion-accent) !important;
}

.what-engine-grid--accordion .what-tags button.is-selected {
  border-color: var(--criterion-accent) !important;
  background: var(--criterion-soft) !important;
  color: var(--criterion-accent) !important;
}

.what-engine-column {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 14px;
}

.what-engine-actions--expanded {
  display: grid !important;
  grid-template-columns: minmax(170px,.95fr) minmax(280px,1.55fr) minmax(190px,.7fr);
  align-items: center;
  gap: 10px !important;
  padding: 12px 22px 14px !important;
  border-top: 1px solid rgba(64,58,92,.08);
  background: rgba(255,255,255,.96);
}

.what-engine-actions--expanded .button,
.what-engine-actions--expanded .what-engine__toggle {
  min-height: 48px;
  justify-content: center;
  border-radius: 14px;
  font-weight: 900;
}

.what-engine-actions--expanded .button .icon {
  width: 17px;
  height: 17px;
}

.what-engine-actions--expanded .button--primary {
  background: var(--eiv-raspberry) !important;
  box-shadow: 0 9px 20px rgba(198,75,103,.19);
}

.what-engine-actions--expanded .button--neutral {
  border: 1px solid var(--eiv-border);
  background: #fff;
  color: var(--eiv-plum);
}

.what-engine-actions--expanded .what-engine__toggle {
  border: 1px solid rgba(105,201,195,.48) !important;
  background: var(--eiv-turquoise-pale) !important;
  color: var(--eiv-turquoise-deep) !important;
}

.what-engine-actions--expanded .what-engine__toggle b {
  background: #fff;
  color: var(--eiv-raspberry);
}

.what-engine-actions--collapsed {
  padding: 12px 22px 14px !important;
  background: #fff;
}

@media (max-width: 980px) {
  .what-engine-grid--accordion {
    display: flex !important;
    flex-direction: column;
  }

  .what-engine-column {
    display: contents;
  }

  .criterion-moment { order: 1; }
  .criterion-duration { order: 2; }
  .criterion-budget { order: 3; }
  .criterion-location { order: 4; }
  .criterion-situation { order: 5; }
  .criterion-mood { order: 6; }
  .criterion-universe { order: 7; }

  .what-engine-actions--expanded {
    grid-template-columns: 1fr 1.35fr;
  }

  .what-engine-actions--expanded .what-engine__toggle {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .what-engine {
    border-radius: 21px !important;
  }

  .what-engine__compact {
    min-height: 0;
    align-items: flex-start !important;
    padding: 18px !important;
  }

  .what-engine__compact > strong {
    min-width: 76px !important;
    min-height: 64px;
    font-size: 23px !important;
  }

  .what-engine .what-criteria-summary {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    margin: 12px 14px 0 !important;
    padding: 9px 10px !important;
  }

  .what-engine .what-criteria-summary__heading {
    min-width: 0;
  }

  .what-engine .what-criteria-summary__chips {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .what-engine-grid--accordion {
    padding: 14px !important;
  }

  .what-engine-grid--accordion .what-criteria-panel > summary {
    min-height: 64px !important;
    padding: 10px 12px !important;
  }

  .what-engine-actions--expanded {
    grid-template-columns: 1fr;
    padding: 12px 14px 14px !important;
  }

  .what-engine-actions--expanded .what-engine__toggle {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .what-engine-grid--accordion .what-criteria-panel,
  .what-engine-grid--accordion .what-option {
    transition: none !important;
  }
}


.what-engine-actions--collapsed {
  position: static !important;
  bottom: auto !important;
  z-index: auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 14px !important;
  padding: 14px 22px 16px !important;
  border: 0 !important;
  border-top: 1px solid rgba(64, 58, 92, .09) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.what-engine-actions--collapsed > .what-engine__toggle,
.what-engine-actions--collapsed > .button--primary {
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 68px !important;
  margin: 0 !important;
  border-radius: 15px !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.what-engine-actions--collapsed > .what-engine__toggle {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-content: initial !important;
  gap: 11px !important;
  padding: 9px 12px 9px 16px !important;
  border: 1px solid rgba(105, 201, 195, .62) !important;
  background: linear-gradient(90deg, rgba(232, 247, 246, .98), rgba(255, 255, 255, .92)) !important;
  color: var(--eiv-turquoise-deep) !important;
  box-shadow: 0 5px 14px rgba(40, 127, 134, .055) !important;
}

.what-engine-actions--collapsed > .what-engine__toggle .what-engine__toggle-icon {
  width: 21px !important;
  height: 21px !important;
  color: var(--eiv-turquoise-deep) !important;
}

.what-engine-actions--collapsed > .what-engine__toggle .what-engine__toggle-copy {
  display: grid;
  min-width: 0;
  gap: 4px;
  text-align: left;
}

.what-engine-actions--collapsed > .what-engine__toggle .what-engine__toggle-copy > small {
  display: grid;
  min-width: 0;
  gap: 1px;
  color: var(--eiv-text-secondary);
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}

.what-engine-actions--collapsed > .what-engine__toggle .what-engine__toggle-copy > small strong {
  overflow: hidden;
  color: var(--eiv-plum);
  font-size: 10px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.what-engine-actions--collapsed > .what-engine__toggle .what-engine__toggle-copy > small em {
  overflow: hidden;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.what-engine-actions--collapsed > .what-engine__toggle .what-engine__toggle-copy > span {
  color: var(--eiv-turquoise-deep);
  font-size: 14px;
  font-weight: 950;
}

.what-engine-actions--collapsed > .what-engine__toggle b {
  display: grid !important;
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  place-items: center !important;
  border: 1px solid rgba(105, 201, 195, .38) !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: var(--eiv-turquoise-deep) !important;
  font-size: 25px !important;
  line-height: 1 !important;
  box-shadow: 0 4px 10px rgba(64, 58, 92, .09) !important;
}

.what-engine-actions--collapsed > .what-engine__toggle:hover,
.what-engine-actions--collapsed > .what-engine__toggle:focus-visible {
  border-color: var(--eiv-turquoise-deep) !important;
  background: var(--eiv-turquoise-pale) !important;
  box-shadow: 0 0 0 4px rgba(105, 201, 195, .15) !important;
  outline: none !important;
}

.what-engine-actions--collapsed > .button--primary {
  justify-content: center !important;
  gap: 10px !important;
  padding-inline: 18px !important;
  border: 1px solid var(--eiv-raspberry) !important;
  background: var(--eiv-raspberry) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(198, 75, 103, .17) !important;
}

.what-engine-actions--collapsed > .button--primary:hover,
.what-engine-actions--collapsed > .button--primary:focus-visible {
  background: color-mix(in srgb, var(--eiv-raspberry) 90%, var(--eiv-plum)) !important;
  box-shadow: 0 0 0 4px rgba(198, 75, 103, .14), 0 9px 20px rgba(198, 75, 103, .18) !important;
}


.what-engine-actions--expanded .what-engine__toggle {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 9px !important;
}

.what-engine-actions--expanded .what-engine__toggle .what-engine__toggle-icon {
  width: 18px;
  height: 18px;
}

@media (max-width: 720px) {
  .what-engine-actions--collapsed {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px 14px 14px !important;
  }

  .what-engine-actions--collapsed > .what-engine__toggle,
  .what-engine-actions--collapsed > .button--primary {
    min-height: 64px !important;
  }


  .what-engine-actions--collapsed > .what-engine__toggle .what-engine__toggle-copy > small em {
    white-space: normal;
  }
}

/* 29. Tournament */



.what-grand-slam-alpha109 {
  display: grid;
  gap: 14px;
}
.what-tournament-entry--alpha109 {
  display: grid;
  grid-template-columns: minmax(0, .98fr) minmax(430px, 1.02fr);
  grid-template-rows: minmax(480px, auto) auto;
  grid-template-areas:
    "visual copy"
    "inspiration inspiration";
  overflow: hidden;
  border: 1px solid rgba(198, 75, 103, .18);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.what-tournament-entry--alpha109 .what-tournament-entry__visual {
  grid-area: visual;
  min-height: 480px;
  max-height: 520px;
  overflow: hidden;
  border-right: 1px solid var(--eiv-border);
  background: #1d1715;
}
.what-tournament-entry--alpha109 .what-tournament-entry__visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
}
.what-tournament-entry--alpha109 .what-tournament-entry__copy {
  grid-area: copy;
  display: grid;
  align-content: center;
  gap: 14px;
  min-height: 480px;
  padding: 28px 34px;
}
.what-tournament-entry__heading {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
.what-tournament-entry__heading > span {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 16px;
  background: var(--eiv-cream);
  color: #d99a21;
}
.what-tournament-entry__heading > span .icon { width: 27px; height: 27px; }
.what-tournament-entry__heading h2,
.what-tournament-entry__heading p { margin: 0; }
.what-tournament-entry__heading h2 { font-size: clamp(26px, 1.9vw, 34px); line-height: 1.08; }
.what-tournament-entry__heading > div > p:last-child {
  margin-top: 8px;
  max-width: 42ch;
  color: var(--eiv-text-secondary);
  font-size: 14px;
  line-height: 1.55;
}
.what-tournament-entry--alpha109 .what-duel-progress {
  width: 100% !important;
  min-height: 56px;
  justify-content: flex-start;
  padding: 10px 16px !important;
  background: var(--eiv-cream) !important;
}
.what-tournament-entry__hesitation {
  margin: 0;
  color: var(--eiv-turquoise-deep);
  font-size: 14px;
  font-weight: 900;
}
.what-tournament-entry__coin {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 66px minmax(0, 1fr);
  align-items: center;
  min-height: 72px;
  border-radius: 20px;
  background: linear-gradient(90deg, #f5f2fb 0%, #f5f2fb 49.5%, #f8f6fb 50.5%, #f8f6fb 100%);
  color: var(--eiv-plum);
  overflow: visible;
}
.what-tournament-entry__coin-side {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 0 20px;
}
.what-tournament-entry__coin-side--left { justify-content: flex-start; }
.what-tournament-entry__coin-side--right { justify-content: flex-end; text-align: right; }
.what-tournament-entry__coin-side > span {
  display: grid;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 14px;
  background: #fff;
  color: var(--eiv-turquoise-deep);
}
.what-tournament-entry__coin-side > span .icon { width: 22px; height: 22px; }
.what-tournament-entry__coin-side > strong { font-size: 16px; white-space: nowrap; }
.what-tournament-entry__coin-side > small { color: var(--eiv-text-secondary); font-size: 13px; }
.what-tournament-entry__coin-medallion {
  position: relative;
  z-index: 2;
  display: grid;
  width: 60px;
  height: 60px;
  place-items: center;
  justify-self: center;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 8px #fff, 0 7px 16px rgba(104, 73, 22, .17);
}
.what-tournament-entry__coin-medallion::before,
.what-tournament-entry__coin-medallion::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 13px;
  height: 24px;
  background: #fff;
  transform: translateY(-50%);
}
.what-tournament-entry__coin-medallion::before { right: 100%; border-radius: 12px 0 0 12px; }
.what-tournament-entry__coin-medallion::after { left: 100%; border-radius: 0 12px 12px 0; }
.what-tournament-entry__coin-medallion img {
  position: relative;
  z-index: 1;
  width: 46px;
  height: 46px;
  object-fit: contain;
}
.what-tournament-entry__criteria {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 26px;
  gap: 14px;
  align-items: center;
  width: 100%;
  min-height: 76px;
  padding: 12px 16px;
  border: 0;
  border-radius: 19px;
  background: linear-gradient(90deg, var(--eiv-turquoise-pale), #fff);
  color: var(--eiv-plum);
  text-align: left;
  cursor: pointer;
}
.what-tournament-entry__criteria > span:first-child {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 15px;
  background: rgba(255,255,255,.86);
  color: var(--eiv-turquoise-deep);
}
.what-tournament-entry__criteria > span:first-child .icon { width: 24px; height: 24px; }
.what-tournament-entry__criteria > span:nth-child(2) { display: grid; gap: 4px; min-width: 0; }
.what-tournament-entry__criteria strong { font-size: 15px; }
.what-tournament-entry__criteria small {
  overflow: hidden;
  color: var(--eiv-text-secondary);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.what-tournament-entry__criteria > b {
  display: grid;
  place-items: center;
  color: var(--eiv-turquoise-deep);
}
.what-tournament-entry__criteria > b .icon { width: 22px; height: 22px; }
.what-tournament-entry__criteria:hover,
.what-tournament-entry__criteria:focus-visible {
  outline: 2px solid rgba(105, 201, 195, .42);
  outline-offset: 2px;
}
.what-tournament-entry__launch {
  width: 100%;
  min-height: 58px;
  justify-content: center;
  font-size: 16px;
}
.what-tournament-entry__inspiration {
  grid-area: inspiration;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  min-height: 86px;
  padding: 15px 24px;
  border-top: 1px solid var(--eiv-border);
  background: var(--eiv-cream);
}
.what-tournament-entry__inspiration > span {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 16px;
  background: #fff;
  color: #d99a21;
}
.what-tournament-entry__inspiration > span .icon { width: 26px; height: 26px; }
.what-tournament-entry__inspiration > div { display: grid; gap: 4px; }
.what-tournament-entry__inspiration strong { font-size: 16px; }
.what-tournament-entry__inspiration small { color: var(--eiv-text-secondary); font-size: 13px; }
.what-tournament-entry__inspiration .button {
  min-height: 48px;
  padding-inline: 22px;
  white-space: nowrap;
}
.what-tournament-entry__inspiration .button .icon { width: 18px; height: 18px; }
.what-grand-slam-alpha109 > .what-engine {
  margin-top: 0;
  border-color: rgba(243, 164, 131, .44);
  background: var(--eiv-cream);
  box-shadow: var(--shadow-xs);
}


.what-grand-slam-alpha109 .what-duel-progress {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: fit-content;
  margin: 0 !important;
  padding: 9px 12px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--eiv-cream) !important;
  box-shadow: none !important;
}
.what-grand-slam-alpha109 .what-duel-progress > strong {
  color: var(--eiv-raspberry);
  font-size: 13px !important;
  white-space: nowrap;
}
.what-grand-slam-alpha109 .what-duel-progress > div {
  display: flex;
  gap: 7px;
}
.what-grand-slam-alpha109 .what-duel-progress span {
  display: grid;
  width: 27px !important;
  height: 27px !important;
  place-items: center;
  border: 1px solid var(--eiv-border);
  border-radius: 50%;
  background: #fff;
  color: var(--eiv-text-secondary);
  font-size: 10px !important;
  font-weight: 900;
}
.what-grand-slam-alpha109 .what-duel-progress span.is-current {
  border-color: var(--eiv-raspberry);
  background: var(--eiv-raspberry);
  color: #fff;
  box-shadow: 0 0 0 4px rgba(198, 75, 103, .12) !important;
}
.what-grand-slam-alpha109 .what-duel-progress span.is-done {
  border-color: var(--eiv-turquoise);
  background: var(--eiv-turquoise-pale);
  color: var(--eiv-turquoise-deep);
}


.what-tournament-duel {
  display: grid;
  gap: 18px;
  padding: 24px;
  border: 1px solid rgba(64, 58, 92, .11);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.what-tournament-duel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  text-align: left;
}
.what-tournament-duel__header h2,
.what-tournament-duel__header p { margin: 0; }
.what-tournament-duel__header > div:first-child > p:last-child {
  color: var(--eiv-text-secondary);
}
.what-tournament-duel .what-duel-arena {
  position: relative;
  overflow: hidden;
  padding: clamp(76px, 7.5vw, 118px) clamp(58px, 7vw, 112px) clamp(86px, 8vw, 128px);
  border: 1px solid rgba(166, 127, 80, .18);
  border-radius: 26px;
  background-color: #f8f3ed;
  background-image: url("../images/tournament-ring-koalas.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-shadow: inset 0 0 28px rgba(94, 65, 36, .08);
  isolation: isolate;
}
.what-tournament-duel .what-duel-arena::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at center, rgba(255, 255, 255, .04) 0 48%, rgba(90, 58, 28, .06) 100%);
}
.what-tournament-duel .what-duel-grid {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: center;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}
.what-tournament-duel .what-duel-card {
  position: relative;
  display: grid;
  grid-template-rows: auto 230px 1fr;
  min-width: 0;
  min-height: 500px;
  overflow: hidden;
  border: 1px solid rgba(64, 58, 92, .12) !important;
  border-radius: 20px !important;
  background: #fff;
  box-shadow: 0 10px 26px rgba(64, 58, 92, .08);
  transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}
.what-tournament-duel .what-duel-card:hover,
.what-tournament-duel .what-duel-card:focus-visible {
  border-color: rgba(105, 201, 195, .66) !important;
  box-shadow: 0 14px 30px rgba(64, 58, 92, .12);
  transform: translateY(-2px);
}
.what-tournament-duel .what-duel-side-label {
  position: static;
  display: block !important;
  margin: 0 !important;
  padding: 9px 13px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--eiv-turquoise-pale) !important;
  color: var(--eiv-turquoise-deep) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-align: center;
  box-shadow: none !important;
}
.what-tournament-duel .what-duel-card--right .what-duel-side-label {
  background: var(--eiv-coral-pale) !important;
  color: var(--eiv-raspberry) !important;
}
.what-duel-card__media {
  display: grid;
  min-height: 0;
  overflow: hidden;
  place-items: center;
  background: var(--eiv-cream);
}
.what-duel-card__media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.what-tournament-duel .what-duel-card__fallback {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  background: var(--eiv-lilac-pale);
  color: var(--eiv-turquoise-deep);
}
.what-tournament-duel .what-duel-card__fallback .icon { width: 72px; height: 72px; }
.what-tournament-duel .what-duel-card__content {
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 17px !important;
}
.what-tournament-duel .what-duel-card__content h3,
.what-tournament-duel .what-duel-card__content p { margin: 0; }
.what-tournament-duel .what-duel-card__content > p {
  display: -webkit-box;
  overflow: hidden;
  color: var(--eiv-text-secondary);
  font-size: 12px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.what-tournament-duel .what-duel-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.what-tournament-duel .what-duel-card__actions {
  display: grid !important;
  grid-template-columns: .78fr 1.22fr;
  gap: 8px;
  align-self: end;
  margin-top: 4px;
}
.what-tournament-duel .what-duel-card--right .what-duel-card__actions {
  grid-template-columns: 1.22fr .78fr;
}
.what-tournament-duel .what-duel-card__actions .button { width: 100%; min-width: 0; }
.what-tournament-duel .what-duel-vs {
  position: static !important;
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  transform: none !important;
  border: 1px solid rgba(198, 75, 103, .18);
  border-radius: 50%;
  background: #fff !important;
  color: var(--eiv-raspberry) !important;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(64, 58, 92, .11) !important;
}
.what-tournament-duel .what-duel-tools {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 11px 14px;
  border: 0;
  border-radius: 16px;
  background: linear-gradient(90deg, var(--eiv-turquoise-pale), var(--eiv-cream));
}
.what-tournament-duel .what-duel-tools > div {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--eiv-turquoise-deep);
}
.what-tournament-duel .what-duel-tools > div > .icon { width: 22px; height: 22px; }
.what-tournament-duel .what-duel-tools span { display: grid; }
.what-tournament-duel .what-duel-tools strong { font-size: 12px; }
.what-tournament-duel .what-duel-tools small { color: var(--eiv-text-secondary); font-size: 10px; }
.what-tournament-duel .what-duel-coin-button {
  display: inline-flex;
  min-width: 142px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-block: 7px;
  padding-right: 10px;
}
.what-tournament-duel .what-duel-coin-button img {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 50%;
  object-fit: contain;
  filter: drop-shadow(0 3px 4px rgba(124, 80, 21, .2));
}
.what-tournament-duel__footer,
.what-tournament-result__criteria {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid var(--eiv-border);
}
.what-tournament-duel__footer > div:last-child,
.what-tournament-result__criteria > div:last-child {
  display: flex;
  gap: 8px;
}
.what-tournament-duel .what-criteria-summary,
.what-tournament-result .what-criteria-summary {
  margin: 0 !important;
  min-width: 0;
}


.what-coin-layer { padding: 16px !important; }
.what-coin-backdrop { background: rgba(39, 37, 64, .68) !important; backdrop-filter: blur(5px); }
.what-coin-dialog--alpha109 {
  width: min(1040px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 32px);
  overflow: auto;
  padding: 28px !important;
  border: 1px solid rgba(255, 255, 255, .26) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(105, 201, 195, .17), transparent 28%),
    radial-gradient(circle at 9% 8%, rgba(243, 164, 131, .18), transparent 23%),
    linear-gradient(145deg, #354a79 0%, #52618c 48%, #7581a8 100%) !important;
  color: #fff;
  box-shadow: 0 30px 90px rgba(25, 23, 43, .44) !important;
}
.what-coin-dialog--alpha109::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background-image: radial-gradient(circle, rgba(255,255,255,.48) 0 1.2px, transparent 1.5px);
  background-size: 58px 58px;
  opacity: .26;
}
.what-coin-dialog--alpha109 > * { position: relative; z-index: 1; }
.what-coin-dialog--alpha109 .section-eyebrow { color: #dff7f5; }
.what-coin-dialog--alpha109 h2,
.what-coin-dialog--alpha109 .what-coin-dialog__intro,
.what-coin-dialog--alpha109 .what-coin-result,
.what-coin-dialog--alpha109 .what-coin-result-help { color: #fff; }
.what-coin-dialog--alpha109 .what-coin-dialog__intro { max-width: 680px; margin-inline: auto; opacity: .88; }
.what-coin-dialog--alpha109 .what-coin-dialog__close {
  background: rgba(255,255,255,.92);
  color: var(--eiv-plum);
}
.what-coin-dialog--alpha109 .what-coin-board {
  grid-template-columns: minmax(230px, 1fr) 220px minmax(230px, 1fr) !important;
  gap: 22px !important;
  align-items: center;
  margin-top: 22px;
}
.what-coin-dialog--alpha109 .what-coin-choice-card {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.45) !important;
  border-radius: 20px;
  background: rgba(255,255,255,.95) !important;
  color: var(--eiv-plum);
  box-shadow: 0 18px 36px rgba(25,23,43,.22) !important;
}
.what-coin-dialog--alpha109 .what-coin-choice-card__media { height: 220px; }
.what-coin-dialog--alpha109 .what-coin-choice-card__media img { width: 100%; height: 100%; object-fit: cover; }
.what-coin-dialog--alpha109 .what-coin-stage { width: 220px !important; min-height: 260px !important; }
.what-coin-dialog--alpha109 .what-coin { width: 190px; height: 190px; }
.what-coin-dialog--alpha109 .what-coin-actions { margin-top: 16px; }
.what-coin-dialog--alpha109 .what-coin-actions .button { min-width: 190px; }


.what-tournament-result {
  display: grid !important;
  grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
  gap: 20px !important;
  padding: 22px !important;
  border: 1px solid rgba(105, 201, 195, .36) !important;
  border-radius: 25px !important;
  background: linear-gradient(135deg, var(--eiv-turquoise-pale), #fff 56%, var(--eiv-cream)) !important;
  box-shadow: var(--shadow-sm) !important;
}
.what-tournament-result__heading {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 12px;
}
.what-tournament-result__heading > span {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 17px;
  background: #fff;
  color: var(--eiv-raspberry);
  box-shadow: var(--shadow-xs);
}
.what-tournament-result__heading .icon { width: 28px; height: 28px; }
.what-tournament-result__heading h2,
.what-tournament-result__heading p { margin: 0; }
.what-tournament-result__heading > div > p:last-child { color: var(--eiv-text-secondary); }
.what-tournament-result__celebration {
  position: relative;
  display: grid;
  min-height: 420px;
  overflow: hidden;
  place-items: end center;
  border-radius: 22px;
  background: var(--eiv-cream);
  isolation: isolate;
}
.what-tournament-result__celebration::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top, rgba(255,248,243,.98) 0 17%, rgba(255,248,243,.08) 55%);
}
.what-tournament-result__celebration img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.72) brightness(1.12);
}
.what-tournament-result__celebration > span {
  position: relative;
  z-index: 2;
  display: grid;
  width: 78px;
  height: 78px;
  margin-bottom: 48px;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(145deg, #ffd677, #e4a829);
  color: #fff;
  box-shadow: 0 16px 30px rgba(155,107,33,.25);
}
.what-tournament-result__celebration > span .icon { width: 42px; height: 42px; }
.what-tournament-result__celebration > strong {
  position: absolute;
  z-index: 2;
  bottom: 16px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  color: var(--eiv-plum);
  font-family: var(--font-display);
  box-shadow: var(--shadow-xs);
}
.what-tournament-result .what-wheel-result-card {
  grid-template-columns: 1fr !important;
  align-self: stretch;
  width: 100%;
  border-color: rgba(64, 58, 92, .10);
  box-shadow: var(--shadow-xs);
}
.what-tournament-result .what-wheel-result-card__media {
  min-height: 230px;
  max-height: 280px;
  padding: 0;
}
.what-tournament-result .what-wheel-result-card__media > img { object-fit: cover; }
.what-tournament-result .what-wheel-result-card__body { padding: 20px; }
.what-tournament-result .what-surprise-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.what-tournament-result .what-surprise-actions .button:nth-child(2) { grid-column: 1 / -1; }
.what-tournament-result__criteria { grid-column: 1 / -1; }

@media (max-width: 1050px) {
  .what-tournament-entry--alpha109 {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "visual"
      "copy"
      "inspiration";
  }
  .what-tournament-entry--alpha109 .what-tournament-entry__visual {
    min-height: min(62vw, 500px);
    max-height: 500px;
    border-right: 0;
  }
  .what-tournament-entry--alpha109 .what-tournament-entry__copy { min-height: 0; }
  .what-tournament-result { grid-template-columns: 1fr; }
  .what-tournament-result__celebration { min-height: 360px; }
  .what-coin-dialog--alpha109 .what-coin-board { grid-template-columns: minmax(0, 1fr) 170px minmax(0, 1fr) !important; }
  .what-coin-dialog--alpha109 .what-coin-stage { width: 170px !important; }
  .what-coin-dialog--alpha109 .what-coin { width: 150px; height: 150px; }
  .what-tournament-duel .what-duel-arena {
    padding: 78px 52px 90px;
  }
}

@media (max-width: 760px) {
  .what-tournament-entry--alpha109 .what-tournament-entry__copy,
  .what-tournament-duel,
  .what-tournament-result { padding: 16px !important; }
  .what-tournament-entry--alpha109 .what-tournament-entry__visual { min-height: min(78vw, 430px); max-height: 430px; }
  .what-tournament-entry--alpha109 .what-tournament-entry__copy { gap: 14px; }
  .what-tournament-entry__heading { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; }
  .what-tournament-entry__heading > span { width: 44px; height: 44px; }
  .what-tournament-entry__heading h2 { font-size: 25px; }
  .what-tournament-entry__heading > div > p:last-child { font-size: 14px; }
  .what-tournament-entry__coin { grid-template-columns: 1fr 58px 1fr; min-height: 72px; }
  .what-tournament-entry__coin-side { padding: 0 12px; gap: 8px; }
  .what-tournament-entry__coin-side > span { width: 34px; height: 34px; }
  .what-tournament-entry__coin-side > strong { font-size: 13px; }
  .what-tournament-entry__coin-side > small { font-size: 11px; }
  .what-tournament-entry__coin-medallion { width: 54px; height: 54px; box-shadow: 0 0 0 7px #fff, 0 6px 14px rgba(104, 73, 22, .16); }
  .what-tournament-entry__coin-medallion img { width: 46px; height: 46px; }
  .what-tournament-entry__criteria { min-height: 78px; grid-template-columns: 42px minmax(0, 1fr) 24px; }
  .what-tournament-entry__criteria > span:first-child { width: 42px; height: 42px; }
  .what-tournament-entry__launch { min-height: 58px; }
  .what-tournament-entry__inspiration {
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 16px;
  }
  .what-tournament-entry__inspiration .button {
    grid-column: 1 / -1;
    width: 100%;
  }
  .what-tournament-duel__header { display: grid; gap: 12px; }
  .what-tournament-duel .what-duel-arena {
    padding: 68px 14px 78px;
    border-radius: 20px;
  }
  .what-tournament-duel .what-duel-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
  .what-tournament-duel .what-duel-card { min-height: 0; width: 100%; }
  .what-tournament-duel .what-duel-vs { margin: 0 auto; }
  .what-tournament-duel .what-duel-card__actions { grid-template-columns: 1fr; }
  .what-tournament-duel .what-duel-tools,
  .what-tournament-duel__footer,
  .what-tournament-result__criteria { grid-template-columns: 1fr; display: grid; }
  .what-tournament-duel .what-duel-tools { justify-items: stretch; }
  .what-tournament-duel .what-duel-tools > div { justify-content: center; }
  .what-tournament-duel .what-duel-tools .button,
  .what-tournament-duel__footer .button,
  .what-tournament-result__criteria .button { width: 100%; }
  .what-tournament-duel .what-duel-coin-button { min-width: 0; }
  .what-tournament-duel__footer > div:last-child { display: grid; grid-template-columns: 1fr 1fr; }
  .what-coin-dialog--alpha109 { padding: 20px 14px !important; }
  .what-coin-dialog--alpha109 .what-coin-board { grid-template-columns: 1fr !important; }
  .what-coin-dialog--alpha109 .what-coin-stage { order: 2; width: 190px !important; margin: 0 auto !important; }
  .what-coin-dialog--alpha109 .what-coin-choice-card--heads { order: 1; }
  .what-coin-dialog--alpha109 .what-coin-choice-card--tails { order: 3; }
  .what-tournament-result__celebration { min-height: 280px; }
  .what-tournament-result .what-surprise-actions { grid-template-columns: 1fr; }
  .what-tournament-result .what-surprise-actions .button:nth-child(2) { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .what-tournament-duel .what-duel-card { transition: none; }
  .what-tournament-duel .what-duel-card:hover,
  .what-tournament-duel .what-duel-card:focus-visible { transform: none; }
}


.what-tournament-duel__footer .what-criteria-summary,
.what-tournament-result__criteria .what-criteria-summary {
  display: flex !important;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 10px 12px !important;
  border: 0 !important;
  background: transparent !important;
}
.what-tournament-duel__footer .what-criteria-summary__heading,
.what-tournament-result__criteria .what-criteria-summary__heading {
  flex: 0 0 auto;
}
.what-tournament-duel__footer .what-criteria-summary__chips,
.what-tournament-result__criteria .what-criteria-summary__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.what-tournament-duel__footer .what-criteria-summary__spacer,
.what-tournament-duel__footer .what-criteria-summary__spark,
.what-tournament-result__criteria .what-criteria-summary__spacer,
.what-tournament-result__criteria .what-criteria-summary__spark {
  display: none !important;
}
.what-tournament-result__criteria {
  grid-template-columns: 1fr;
}