:root {
  --aura-core: rgba(255, 246, 182, 0.84);
  --aura-gold: rgba(254, 198, 48, 0.28);
  --aura-pink: rgba(254, 105, 165, 0.1);
  --sefirah-core: rgba(134, 242, 214, 0.88);
  --sefirah-gold: rgba(255, 246, 182, 0.42);
}

.value-chip.has-key:not(.has-divine) {
  border-color: rgba(134, 242, 214, 0.62);
  background: radial-gradient(circle at 50% 42%, rgba(134, 242, 214, 0.18), rgba(33, 21, 41, 0.98) 66%);
  box-shadow: 0 0 14px rgba(134, 242, 214, 0.12);
}

.value-chip.has-divine {
  border-color: rgba(255, 246, 182, 0.72);
  background:
    radial-gradient(circle at 50% 42%, rgba(255, 246, 182, 0.18), rgba(254, 198, 48, 0.1) 42%, rgba(33, 21, 41, 0.96) 78%),
    var(--surface-2);
  box-shadow:
    0 0 0 1px rgba(255, 246, 182, 0.16),
    0 0 14px var(--aura-gold);
}

.value-chip.has-divine::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 1px solid rgba(255, 246, 182, 0.22);
  border-radius: inherit;
  pointer-events: none;
  box-shadow: 0 0 14px rgba(254, 198, 48, 0.22);
}

.value-chip.has-divine.is-selected {
  box-shadow:
    0 0 0 1px rgba(255, 246, 182, 0.28),
    0 0 18px rgba(254, 198, 48, 0.42);
}

.value-chip.has-sefirah {
  border-color: rgba(134, 242, 214, 0.76);
  background:
    radial-gradient(circle at 50% 42%, rgba(134, 242, 214, 0.2), rgba(255, 246, 182, 0.08) 46%, rgba(33, 21, 41, 0.96) 78%),
    var(--surface-2);
  box-shadow:
    0 0 0 1px rgba(134, 242, 214, 0.16),
    0 0 16px rgba(134, 242, 214, 0.24);
}

.value-chip.has-sefirah::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 1px solid rgba(255, 246, 182, 0.18);
  border-radius: inherit;
  pointer-events: none;
  box-shadow: 0 0 14px rgba(134, 242, 214, 0.22);
}

.value-chip.has-sefirah.is-selected {
  box-shadow:
    0 0 0 1px rgba(255, 246, 182, 0.26),
    0 0 18px rgba(134, 242, 214, 0.36);
}

.entry-divine {
  border-color: rgba(255, 246, 182, 0.72);
  background:
    radial-gradient(circle at 88% 50%, rgba(255, 246, 182, 0.1), rgba(254, 198, 48, 0.05) 38%, transparent 68%),
    linear-gradient(90deg, rgba(254, 198, 48, 0.13), var(--surface-2) 48%);
  box-shadow:
    0 0 0 1px rgba(255, 246, 182, 0.09),
    0 0 14px rgba(254, 198, 48, 0.2);
}

.entry-divine:hover,
.entry-divine:focus-visible {
  border-color: rgba(255, 246, 182, 0.95);
  box-shadow:
    0 0 0 1px rgba(255, 246, 182, 0.16),
    0 0 18px rgba(254, 198, 48, 0.28);
}

.entry-sefirah,
.entry-sefirah.entry-kabbalistic {
  border-color: rgba(134, 242, 214, 0.76);
  background:
    radial-gradient(circle at 88% 50%, rgba(134, 242, 214, 0.13), rgba(255, 246, 182, 0.05) 42%, transparent 70%),
    linear-gradient(90deg, rgba(134, 242, 214, 0.13), var(--surface-2) 48%);
  box-shadow:
    0 0 0 1px rgba(134, 242, 214, 0.1),
    0 0 16px rgba(134, 242, 214, 0.22);
}

.entry-sefirah:hover,
.entry-sefirah:focus-visible,
.entry-sefirah.entry-kabbalistic:hover,
.entry-sefirah.entry-kabbalistic:focus-visible {
  border-color: rgba(255, 246, 182, 0.76);
  box-shadow:
    0 0 0 1px rgba(255, 246, 182, 0.15),
    0 0 18px rgba(134, 242, 214, 0.3);
}

.sacred-hebrew {
  position: relative;
  z-index: 0;
  display: inline-block;
  max-width: 100%;
  padding: 0 0.12em;
  color: var(--aura-core);
  isolation: isolate;
  overflow-wrap: anywhere;
  text-shadow:
    0 0 4px rgba(255, 246, 182, 0.7),
    0 0 12px rgba(254, 198, 48, 0.46);
}

.sacred-hebrew::before {
  content: "";
  position: absolute;
  inset: -0.14em -0.26em;
  z-index: -1;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 246, 182, 0.12), rgba(254, 198, 48, 0.06) 48%, transparent 78%);
  pointer-events: none;
}

.sefirah-hebrew {
  position: relative;
  z-index: 0;
  display: inline-block;
  max-width: 100%;
  padding: 0 0.12em;
  color: var(--sefirah-core);
  isolation: isolate;
  overflow-wrap: anywhere;
  text-shadow:
    0 0 4px rgba(134, 242, 214, 0.72),
    0 0 12px rgba(255, 246, 182, 0.28);
}

.sefirah-hebrew::before {
  content: "";
  position: absolute;
  inset: -0.14em -0.26em;
  z-index: -1;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(134, 242, 214, 0.14), rgba(255, 246, 182, 0.06) 48%, transparent 78%);
  pointer-events: none;
}

.value-pill--divine {
  border: 1px solid rgba(255, 246, 182, 0.64);
  background:
    radial-gradient(circle, rgba(255, 246, 182, 0.28), rgba(254, 198, 48, 0.16) 56%, rgba(72, 162, 142, 0.12)),
    rgba(254, 198, 48, 0.16);
  color: var(--aura-core);
  box-shadow: 0 0 16px rgba(254, 198, 48, 0.34);
}

.value-pill--sefirah {
  border: 1px solid rgba(134, 242, 214, 0.62);
  background:
    radial-gradient(circle, rgba(134, 242, 214, 0.22), rgba(255, 246, 182, 0.1) 58%, rgba(72, 162, 142, 0.1)),
    rgba(134, 242, 214, 0.1);
  color: var(--sefirah-core);
  box-shadow: 0 0 14px rgba(134, 242, 214, 0.24);
}

.calculator-pad textarea.calculator-input--divine {
  border-color: rgba(255, 246, 182, 0.78);
  background:
    radial-gradient(circle at 50% 45%, rgba(255, 246, 182, 0.16), rgba(254, 198, 48, 0.08) 38%, #14101b 78%),
    #14101b;
  color: var(--aura-core);
  box-shadow:
    inset 0 0 22px rgba(254, 198, 48, 0.12),
    0 0 24px rgba(254, 198, 48, 0.3),
    0 0 42px rgba(254, 105, 165, 0.13);
  text-shadow:
    0 0 8px rgba(255, 246, 182, 0.72),
    0 0 22px rgba(254, 198, 48, 0.54);
}

.letter-token--divine {
  border-color: rgba(255, 246, 182, 0.76);
  background:
    radial-gradient(circle, rgba(255, 246, 182, 0.24), rgba(254, 198, 48, 0.12) 58%, rgba(33, 21, 41, 0.96)),
    var(--surface-2);
  box-shadow:
    0 0 0 1px rgba(255, 246, 182, 0.16),
    0 0 18px rgba(254, 198, 48, 0.34),
    0 0 30px rgba(254, 105, 165, 0.12);
}

.letter-token--divine .hebrew {
  color: var(--aura-core);
  text-shadow:
    0 0 6px rgba(255, 246, 182, 0.82),
    0 0 16px rgba(254, 198, 48, 0.66);
}

.drawer-head.entry-divine {
  background: radial-gradient(circle at 0 52%, rgba(255, 246, 182, 0.09), rgba(254, 198, 48, 0.04) 42%, transparent 72%);
  box-shadow: none;
}

.drawer-head.entry-sefirah {
  background: radial-gradient(circle at 0 52%, rgba(134, 242, 214, 0.11), rgba(255, 246, 182, 0.04) 42%, transparent 72%);
  box-shadow: none;
}

.drawer-word.sacred-hebrew,
.drawer-word.sefirah-hebrew,
.phrase-initials .sacred-hebrew,
.phrase-initials .sefirah-hebrew,
.corpus-card .sacred-hebrew,
.corpus-card .sefirah-hebrew,
p.sacred-hebrew {
  display: block;
  width: fit-content;
}

.relation-node {
  isolation: isolate;
}

.relation-node--divine {
  border-color: rgba(255, 246, 182, 0.82);
  background:
    radial-gradient(circle at 50% 42%, rgba(255, 246, 182, 0.24), rgba(254, 198, 48, 0.12) 50%, rgba(33, 21, 41, 0.96) 82%),
    rgba(33, 21, 41, 0.94);
  box-shadow:
    0 0 0 1px rgba(255, 246, 182, 0.14),
    0 14px 30px rgba(0, 0, 0, 0.28),
    0 0 16px rgba(254, 198, 48, 0.22);
}

.relation-node--divine::after {
  content: "";
  position: absolute;
  inset: -8px;
  z-index: -1;
  border-radius: inherit;
  background: radial-gradient(circle, rgba(255, 246, 182, 0.08), rgba(254, 198, 48, 0.05) 48%, transparent 74%);
  pointer-events: none;
}

.relation-node--sefirah {
  border-color: rgba(134, 242, 214, 0.78);
  background:
    radial-gradient(circle at 50% 42%, rgba(134, 242, 214, 0.2), rgba(255, 246, 182, 0.08) 52%, rgba(33, 21, 41, 0.96) 84%),
    rgba(33, 21, 41, 0.94);
  box-shadow:
    0 0 0 1px rgba(134, 242, 214, 0.14),
    0 14px 30px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(134, 242, 214, 0.26);
}

.relation-node--sefirah::after {
  content: "";
  position: absolute;
  inset: -8px;
  z-index: -1;
  border-radius: inherit;
  background: radial-gradient(circle, rgba(134, 242, 214, 0.1), rgba(255, 246, 182, 0.05) 48%, transparent 74%);
  pointer-events: none;
}
