/* FENIX approved redesign — visual parity with the 2026-09-25 Home + Library references.
   This layer is loaded last so it can safely override older presentation layers without
   replacing Fenix behavior, chat, voice, auth or Great Minds data. */

:root {
  --fenix-gold:#e7b55f;
  --fenix-gold-bright:#ffd88d;
  --fenix-gold-dim:#9f7d45;
  --fenix-black:#010203;
  --fenix-panel:#050607;
}

html,
body,
body.fenix-reference-interior,
body.fenix-reference-interior .app,
body.fenix-reference-interior .screen {
  max-width:100% !important;
  overflow-x:hidden !important;
  box-sizing:border-box !important;
}

/* =========================
   HOME — premium Fenix world
   ========================= */
body.fenix-reference-interior #home {
  padding:0 !important;
  background:#010204 !important;
}
body.fenix-reference-interior #home .fenix2070-shell {
  min-height:calc(100svh - 82px) !important;
  padding:0 0 calc(var(--safe-bottom) + 96px) !important;
  background:
    radial-gradient(ellipse 80% 34% at 50% 34%,rgba(197,126,38,.08),transparent 70%),
    radial-gradient(ellipse 70% 28% at 50% 72%,rgba(43,91,143,.045),transparent 75%),
    linear-gradient(180deg,#010204 0%,#030405 58%,#010204 100%) !important;
  display:flex !important;
  flex-direction:column !important;
}
body.fenix-reference-interior #home .fenix2070-art {
  position:relative !important;
  width:100% !important;
  height:clamp(430px,59svh,560px) !important;
  flex:0 0 auto !important;
  margin:0 !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border:0 !important;
  border-bottom:1px solid rgba(228,169,79,.10) !important;
  background:
    url("https://cdn.creativeclaw.co/u/b202b59b/images/b16c555d-24f0-4b2c-8ada-424cb85178c9.png") 50% 46% / cover no-repeat !important;
  box-shadow:
    inset 0 -44px 76px rgba(1,2,4,.80),
    0 20px 70px rgba(0,0,0,.30) !important;
}
body.fenix-reference-interior #home .fenix2070-art:before {
  display:block !important;
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(ellipse 54% 33% at 50% 48%,rgba(255,206,115,.12),transparent 68%),
    radial-gradient(ellipse 40% 27% at 50% 72%,rgba(88,149,205,.055),transparent 72%),
    linear-gradient(180deg,rgba(1,2,4,.05) 0%,rgba(1,2,4,.02) 58%,rgba(1,2,4,.82) 100%) !important;
}
body.fenix-reference-interior #home .fenix2070-art:after {
  display:block !important;
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  left:8% !important;
  right:8% !important;
  bottom:9% !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(237,187,99,.38),transparent) !important;
  box-shadow:0 0 20px rgba(230,166,72,.16) !important;
  pointer-events:none !important;
}
body.fenix-reference-interior #home .fenix2070-kicker {
  display:block !important;
  top:calc(var(--safe-top) + 13px) !important;
  width:88% !important;
  color:#a98b59 !important;
  font-size:clamp(6.5px,1.75vw,9px) !important;
  font-weight:650 !important;
  letter-spacing:.34em !important;
  text-shadow:0 0 22px rgba(239,184,92,.12) !important;
}
body.fenix-reference-interior #home .fenix2070-brand {
  display:block !important;
  top:calc(var(--safe-top) + 42px) !important;
  width:92% !important;
}
body.fenix-reference-interior #home .fenix2070-brand h1 {
  margin:0 !important;
  font-size:clamp(46px,13vw,78px) !important;
  font-weight:500 !important;
  letter-spacing:.205em !important;
  margin-right:-.205em !important;
  background:linear-gradient(180deg,#fff6d7 0%,#f4d08a 42%,#b9782c 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  filter:drop-shadow(0 5px 24px rgba(219,148,52,.12)) !important;
}
body.fenix-reference-interior #home .fenix2070-brand p {
  max-width:350px !important;
  margin:9px auto 0 !important;
  color:#c5ad80 !important;
  font-size:clamp(6.5px,1.8vw,9px) !important;
  line-height:1.6 !important;
  letter-spacing:.24em !important;
}
body.fenix-reference-interior #home .fenix2070-creed,
body.fenix-reference-interior #home .fenix2070-sidecopy,
body.fenix-reference-interior #home .fenix2070-tribute-label,
body.fenix-reference-interior #home .fenix2070-hotspot,
body.fenix-reference-interior #home .fenix2070-question,
body.fenix-reference-interior #home .fenix2070-dictation-status,
body.fenix-reference-interior #home .fenix2070-features,
body.fenix-reference-interior #home .fenix-ref-enter,
body.fenix-reference-interior #home .fenix-ref-bottom-creed {
  display:none !important;
}

.fenix-home-channel {
  position:absolute;
  z-index:8;
  right:14px;
  bottom:18px;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:7px 11px 7px 8px;
  border:1px solid rgba(230,176,87,.34);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(11,12,13,.74),rgba(5,6,7,.88));
  color:#e6d1a6;
  text-decoration:none;
  backdrop-filter:blur(16px) saturate(120%);
  box-shadow:0 10px 30px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,241,209,.035);
}
.fenix-home-channel .yt-mark {
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border:1px solid rgba(239,184,93,.34);
  border-radius:8px;
  color:#f3c06c;
  background:rgba(122,72,24,.16);
  font-size:11px;
}
.fenix-home-channel .channel-copy {
  display:grid;
  gap:1px;
  line-height:1.1;
}
.fenix-home-channel .channel-copy strong {
  color:#f2dfb8;
  font-size:8px;
  font-weight:650;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.fenix-home-channel .channel-copy small {
  color:#887b69;
  font-size:6.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.fenix-home-channel:active { transform:scale(.98); }

body.fenix-reference-interior #home .fenix2070-controls {
  position:relative !important;
  z-index:10 !important;
  margin:-2px 0 0 !important;
  padding:13px 14px 20px !important;
  background:
    radial-gradient(ellipse 70% 26% at 50% 0%,rgba(177,110,31,.06),transparent 72%),
    #010204 !important;
  flex:0 0 auto !important;
}
.fenix-home-mode-eyebrow {
  margin:0 0 9px;
  text-align:center;
  color:#776c5c;
  font-size:6.5px;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
}
body.fenix-reference-interior #home .fenix2070-controls .modebar {
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode {
  position:relative !important;
  min-height:92px !important;
  padding:12px 6px 10px !important;
  overflow:hidden !important;
  border:1px solid rgba(184,137,69,.24) !important;
  border-radius:19px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(236,179,85,.06),transparent 47%),
    linear-gradient(180deg,rgba(13,13,13,.98),rgba(5,6,8,.995)) !important;
  color:#aa9b86 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,235,194,.025),
    0 11px 26px rgba(0,0,0,.22) !important;
  font-size:clamp(9px,2.4vw,11px) !important;
  font-weight:700 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  -webkit-tap-highlight-color:transparent;
  transition:transform .16s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode:before {
  content:"" !important;
  position:absolute !important;
  left:18% !important;
  right:18% !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(245,195,112,.24),transparent) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode > * {
  opacity:1 !important;
  pointer-events:none !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode .mode-icon {
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(215,162,78,.24) !important;
  border-radius:50% !important;
  color:#c89a50 !important;
  background:radial-gradient(circle,rgba(219,159,69,.09),rgba(6,7,8,.03) 70%) !important;
  box-shadow:0 0 18px rgba(226,161,68,.07) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode .mode-icon svg {
  width:21px !important;
  height:21px !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode small {
  display:block !important;
  max-width:92px !important;
  color:#6f675e !important;
  font-size:clamp(5.7px,1.52vw,7.1px) !important;
  line-height:1.4 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode.active {
  border-color:rgba(241,185,88,.70) !important;
  color:#fbe1aa !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(244,185,83,.17),transparent 54%),
    linear-gradient(180deg,rgba(38,27,15,.98),rgba(8,8,9,.995)) !important;
  outline:none !important;
  box-shadow:
    0 0 30px rgba(225,151,46,.12),
    inset 0 0 0 1px rgba(255,229,176,.035) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode.active:after {
  content:"" !important;
  position:absolute !important;
  left:27% !important;
  right:27% !important;
  bottom:0 !important;
  height:2px !important;
  border-radius:999px !important;
  background:#edb75d !important;
  box-shadow:0 0 10px rgba(239,178,80,.52) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode.active .mode-icon {
  color:#ffd98b !important;
  border-color:rgba(243,190,98,.48) !important;
  box-shadow:0 0 24px rgba(235,168,68,.14) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode:active {
  transform:scale(.975) !important;
}

/* Response modes are three distinct visual worlds. */
body.fenix-reference-interior #home .fenix2070-controls .mode {
  min-height:112px !important;
  isolation:isolate !important;
  perspective:500px !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode > span:not(.mode-icon),
body.fenix-reference-interior #home .fenix2070-controls .mode > small {
  position:relative !important;
  z-index:4 !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode .mode-icon {
  position:relative !important;
  z-index:4 !important;
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  transform:perspective(240px) rotateX(7deg) translateZ(7px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -7px 12px rgba(0,0,0,.30),
    0 8px 13px rgba(0,0,0,.38) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode .mode-icon svg {
  width:25px !important;
  height:25px !important;
  stroke-width:1.85 !important;
  filter:drop-shadow(0 2px 1px rgba(0,0,0,.65)) drop-shadow(0 0 7px currentColor) !important;
}

/* THINK — six soft neural/lobe lights around a rose-pink brain. */
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Think"] {
  border-color:rgba(236,128,180,.34) !important;
  color:#f2bfd7 !important;
  background:
    radial-gradient(circle at 21% 22%,rgba(255,130,190,.18) 0 3%,transparent 12%),
    radial-gradient(circle at 48% 18%,rgba(255,178,213,.16) 0 4%,transparent 14%),
    radial-gradient(circle at 77% 27%,rgba(232,108,175,.14) 0 3%,transparent 13%),
    radial-gradient(circle at 27% 67%,rgba(255,126,186,.12) 0 4%,transparent 15%),
    radial-gradient(circle at 55% 70%,rgba(232,124,191,.12) 0 4%,transparent 15%),
    radial-gradient(circle at 82% 72%,rgba(255,156,203,.10) 0 3%,transparent 13%),
    linear-gradient(160deg,rgba(37,14,28,.985),rgba(9,7,11,.997)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,225,239,.05),
    0 12px 28px rgba(0,0,0,.26) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Think"] .mode-icon {
  color:#ff9fcf !important;
  border-color:rgba(255,151,204,.46) !important;
  background:
    radial-gradient(circle at 30% 28%,rgba(255,205,230,.33),transparent 23%),
    radial-gradient(circle at 70% 27%,rgba(255,140,198,.26),transparent 25%),
    radial-gradient(circle at 32% 70%,rgba(238,105,173,.22),transparent 24%),
    radial-gradient(circle at 70% 70%,rgba(255,164,210,.20),transparent 24%),
    linear-gradient(150deg,rgba(83,28,61,.96),rgba(21,9,19,.98)) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Think"] small { color:#9f7189 !important; }
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Think"].active {
  border-color:rgba(255,157,208,.82) !important;
  color:#ffe0ef !important;
  background:
    radial-gradient(circle at 50% 22%,rgba(255,136,196,.26),transparent 38%),
    radial-gradient(circle at 18% 76%,rgba(184,76,139,.16),transparent 38%),
    linear-gradient(160deg,rgba(61,20,46,.99),rgba(13,8,13,.998)) !important;
  box-shadow:0 0 30px rgba(237,98,170,.16),inset 0 0 0 1px rgba(255,215,235,.05) !important;
}

/* INSTANT — hot orange energy and fast electrical warmth. */
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Instant"] {
  border-color:rgba(245,139,51,.34) !important;
  color:#f6bc82 !important;
  background:
    radial-gradient(ellipse 52% 72% at 50% 16%,rgba(255,145,43,.20),transparent 55%),
    linear-gradient(145deg,rgba(45,22,8,.99),rgba(10,8,7,.998)) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Instant"]:before {
  background:
    linear-gradient(118deg,transparent 0 42%,rgba(255,157,60,.36) 43% 44%,transparent 45% 59%,rgba(255,119,30,.18) 60% 61%,transparent 62%) !important;
  inset:0 !important;
  height:auto !important;
  opacity:.50 !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Instant"] .mode-icon {
  color:#ff9b3f !important;
  border-color:rgba(255,151,57,.50) !important;
  background:linear-gradient(145deg,rgba(107,53,14,.96),rgba(29,14,7,.98)) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Instant"] small { color:#9f7657 !important; }
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Instant"].active {
  border-color:rgba(255,161,68,.86) !important;
  color:#ffe0bd !important;
  background:
    radial-gradient(ellipse 58% 85% at 50% 10%,rgba(255,137,28,.31),transparent 58%),
    linear-gradient(150deg,rgba(70,31,8,.99),rgba(14,9,6,.998)) !important;
  box-shadow:0 0 32px rgba(255,125,25,.17),inset 0 0 0 1px rgba(255,219,180,.045) !important;
}

/* DEEP — a real galaxy-like field: nebula color, spiral depth and stars. */
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Deep"] {
  border-color:rgba(120,116,225,.38) !important;
  color:#cbc9ff !important;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.92) 0 1px,transparent 1.4px),
    radial-gradient(circle at 77% 16%,rgba(210,226,255,.92) 0 1px,transparent 1.5px),
    radial-gradient(circle at 87% 72%,rgba(255,255,255,.74) 0 1px,transparent 1.4px),
    radial-gradient(circle at 28% 81%,rgba(199,220,255,.82) 0 1px,transparent 1.5px),
    radial-gradient(circle at 52% 34%,rgba(255,255,255,.72) 0 .8px,transparent 1.2px),
    radial-gradient(ellipse 78% 46% at 58% 48%,rgba(129,81,221,.34),transparent 55%),
    radial-gradient(ellipse 56% 38% at 44% 47%,rgba(62,129,226,.27),transparent 54%),
    conic-gradient(from 214deg at 55% 48%,rgba(27,25,71,.96),rgba(104,54,151,.62),rgba(23,68,128,.70),rgba(27,25,71,.96)),
    linear-gradient(160deg,#09091d,#03040b 78%) !important;
  box-shadow:
    inset 0 1px 0 rgba(224,225,255,.05),
    0 12px 30px rgba(0,0,0,.30) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Deep"] .mode-icon {
  color:#a9a7ff !important;
  border-color:rgba(154,151,255,.48) !important;
  background:
    radial-gradient(circle at 35% 30%,rgba(189,183,255,.25),transparent 30%),
    linear-gradient(145deg,rgba(49,45,112,.96),rgba(12,13,39,.98)) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Deep"] small { color:#807daa !important; }
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Deep"].active {
  border-color:rgba(161,157,255,.86) !important;
  color:#efedff !important;
  background:
    radial-gradient(circle at 14% 20%,#fff 0 1px,transparent 1.5px),
    radial-gradient(circle at 79% 17%,#d9e7ff 0 1px,transparent 1.5px),
    radial-gradient(circle at 88% 74%,rgba(255,255,255,.88) 0 1px,transparent 1.5px),
    radial-gradient(ellipse 83% 52% at 57% 49%,rgba(136,79,229,.46),transparent 57%),
    radial-gradient(ellipse 55% 39% at 41% 51%,rgba(56,139,236,.33),transparent 55%),
    conic-gradient(from 210deg at 55% 48%,rgba(25,25,76,.98),rgba(120,63,168,.75),rgba(27,85,147,.78),rgba(25,25,76,.98)) !important;
  box-shadow:0 0 34px rgba(99,93,231,.19),inset 0 0 0 1px rgba(221,220,255,.05) !important;
}

/* Selected modes are alive, but never noisy. */
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Think"].active {
  animation:fenixThinkNeuralPulse 3.2s ease-in-out infinite !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Think"].active .fenix-brain-six {
  animation:fenixThinkBrainBreath 2.7s ease-in-out infinite !important;
  transform-origin:50% 50%;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Instant"].active {
  animation:fenixInstantCharge 1.65s ease-in-out infinite !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Instant"].active .mode-icon svg {
  animation:fenixInstantBolt .92s ease-in-out infinite !important;
  transform-origin:50% 50%;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Deep"].active {
  animation:fenixDeepNebula 5.8s ease-in-out infinite !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Deep"].active .fenix-galaxy-mark {
  animation:fenixDeepOrbit 9.5s linear infinite !important;
  transform-origin:50% 50%;
}
@keyframes fenixThinkNeuralPulse {
  0%,100% { box-shadow:0 0 25px rgba(237,98,170,.11),inset 0 0 0 1px rgba(255,215,235,.04); }
  50% { box-shadow:0 0 38px rgba(237,98,170,.22),inset 0 0 22px rgba(255,135,196,.055); }
}
@keyframes fenixThinkBrainBreath {
  0%,100% { transform:scale(.975); filter:drop-shadow(0 0 5px currentColor); }
  50% { transform:scale(1.045); filter:drop-shadow(0 0 11px currentColor); }
}
@keyframes fenixInstantCharge {
  0%,100% { box-shadow:0 0 24px rgba(255,125,25,.10),inset 0 0 0 1px rgba(255,219,180,.035); }
  50% { box-shadow:0 0 38px rgba(255,125,25,.22),inset 0 0 20px rgba(255,139,31,.05); }
}
@keyframes fenixInstantBolt {
  0%,100% { transform:translateY(0) scale(.98); filter:drop-shadow(0 0 5px currentColor); }
  48% { transform:translateY(-1px) scale(1.075); filter:drop-shadow(0 0 12px currentColor); }
  58% { transform:translateY(1px) scale(1.02); }
}
@keyframes fenixDeepNebula {
  0%,100% { box-shadow:0 0 27px rgba(99,93,231,.13),inset 0 0 0 1px rgba(221,220,255,.04); }
  50% { box-shadow:0 0 44px rgba(99,93,231,.25),inset 0 0 26px rgba(79,119,230,.06); }
}
@keyframes fenixDeepOrbit {
  to { transform:rotate(360deg); }
}
@media(prefers-reduced-motion:reduce) {
  body.fenix-reference-interior #home .fenix2070-controls .mode,
  body.fenix-reference-interior #home .fenix2070-controls .mode svg {
    animation:none !important;
  }
}

/* Slight 3D lift for bottom navigation icons. */
body.fenix-reference-interior .fenix2070-nav .nav-icon {
  width:34px !important;
  height:34px !important;
  margin:0 auto 1px !important;
  border:1px solid rgba(198,151,78,.12) !important;
  border-radius:12px !important;
  background:
    linear-gradient(145deg,rgba(18,18,18,.84),rgba(3,4,5,.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -6px 10px rgba(0,0,0,.32),
    0 5px 10px rgba(0,0,0,.32) !important;
  transform:perspective(180px) rotateX(7deg) translateZ(3px) !important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease !important;
}
body.fenix-reference-interior .fenix2070-nav .nav-icon svg {
  filter:drop-shadow(0 2px 1px rgba(0,0,0,.72)) drop-shadow(0 0 5px currentColor) !important;
}
body.fenix-reference-interior .fenix2070-nav button.active .nav-icon {
  transform:perspective(180px) rotateX(3deg) translateY(-1px) translateZ(7px) !important;
  border-color:rgba(235,179,88,.32) !important;
  background:linear-gradient(145deg,rgba(59,38,16,.82),rgba(9,8,7,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,235,193,.09),
    inset 0 -6px 12px rgba(0,0,0,.30),
    0 8px 16px rgba(0,0,0,.40),
    0 0 15px rgba(229,161,64,.11) !important;
}

.fenix-home-signature {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:12px auto 0;
  color:#6f6659;
  font-size:6.4px;
  font-weight:650;
  letter-spacing:.20em;
  text-transform:uppercase;
}
.fenix-home-signature:before,
.fenix-home-signature:after {
  content:"";
  width:26px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(220,163,77,.34));
}
.fenix-home-signature:after { transform:scaleX(-1); }

/* Bottom navigation remains understated so the Phoenix owns the opening screen. */
body.fenix-reference-interior .fenix2070-nav {
  left:10px !important;
  right:10px !important;
  bottom:max(7px,var(--safe-bottom)) !important;
  transform:none !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:0 !important;
  height:72px !important;
  padding:5px 4px !important;
  border:1px solid rgba(188,139,66,.25) !important;
  border-radius:23px !important;
  background:linear-gradient(180deg,rgba(7,8,9,.965),rgba(1,2,3,.992)) !important;
  box-shadow:0 18px 54px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,229,175,.022) !important;
  backdrop-filter:blur(22px) saturate(120%) !important;
}
body.fenix-reference-interior .fenix2070-nav button {
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  height:60px !important;
  border-radius:16px !important;
  color:#756f67 !important;
  font-size:8.5px !important;
}
body.fenix-reference-interior .fenix2070-nav .live-nav {
  width:100% !important;
  height:60px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:16px !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.fenix-reference-interior .fenix2070-nav .live-nav .nav-icon {
  height:30px !important;
  margin-bottom:2px !important;
}
body.fenix-reference-interior .fenix2070-nav .live-nav .nav-icon svg {
  width:24px !important;
  height:24px !important;
}
body.fenix-reference-interior .fenix2070-nav .live-label {
  margin-top:0 !important;
  font-size:8.5px !important;
}
body.fenix-reference-interior .fenix2070-nav button.active {
  color:#eeb761 !important;
  background:radial-gradient(circle at 50% 30%,rgba(210,143,54,.13),transparent 60%) !important;
  text-shadow:0 0 14px rgba(236,171,67,.21) !important;
}
body.fenix-reference-interior .fenix2070-nav button:after { content:none !important; }
body.fenix-reference-interior .fenix2070-nav button.active:after {
  content:"" !important;
  position:absolute !important;
  left:34% !important;
  right:34% !important;
  bottom:3px !important;
  height:2px;
  border-radius:999px;
  background:#ebb45d;
  box-shadow:0 0 9px rgba(238,174,70,.55);
}

/* LIVE — premium voice presence, not a generic waveform card. */
body.fenix-reference-interior #live .live-stage {
  min-height:610px !important;
  overflow:hidden !important;
  position:relative !important;
  border:1px solid rgba(206,153,74,.25) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 50% 31%,rgba(225,158,58,.12),transparent 31%),
    radial-gradient(circle at 50% 46%,rgba(69,130,185,.055),transparent 45%),
    linear-gradient(180deg,rgba(8,9,10,.96),rgba(2,3,5,.995)) !important;
  box-shadow:inset 0 1px 0 rgba(255,238,201,.03),0 24px 60px rgba(0,0,0,.35) !important;
}
body.fenix-reference-interior #live .live-stage:before {
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  width:420px !important;
  height:420px !important;
  left:50% !important;
  top:34px !important;
  transform:translateX(-50%) !important;
  border-radius:50% !important;
  border:1px solid rgba(229,171,77,.06) !important;
  box-shadow:
    0 0 0 32px rgba(226,161,66,.018),
    0 0 0 70px rgba(86,137,188,.012) !important;
  pointer-events:none !important;
}
body.fenix-reference-interior #live .live-orb {
  position:relative !important;
  width:min(70vw,318px) !important;
  height:min(70vw,318px) !important;
  margin:24px auto 22px !important;
  overflow:visible !important;
  isolation:isolate !important;
  border:1px solid rgba(239,184,91,.48) !important;
  background:
    radial-gradient(circle at 50% 44%,rgba(238,181,87,.15),rgba(10,11,12,.94) 43%,rgba(3,4,6,.99) 69%) !important;
  box-shadow:
    0 0 70px rgba(224,151,47,.15),
    0 0 0 12px rgba(230,168,74,.018),
    inset 0 0 72px rgba(232,165,67,.055) !important;
}
body.fenix-reference-interior #live .live-orb:before,
body.fenix-reference-interior #live .live-orb:after {
  content:"" !important;
  position:absolute !important;
  border-radius:50% !important;
  pointer-events:none !important;
}
body.fenix-reference-interior #live .live-orb:before {
  inset:-15px !important;
  border:1px solid rgba(237,184,95,.19) !important;
  animation:fenixPremiumOrbit 13s linear infinite !important;
}
body.fenix-reference-interior #live .live-orb:after {
  inset:22px !important;
  border:1px solid rgba(112,166,215,.12) !important;
  animation:fenixPremiumOrbit 18s linear reverse infinite !important;
}
body.fenix-reference-interior #live .live-orb img {
  display:block !important;
  opacity:.94 !important;
  position:relative !important;
  z-index:4 !important;
  width:61% !important;
  height:61% !important;
  object-fit:contain !important;
  mix-blend-mode:screen !important;
  filter:
    sepia(.08)
    saturate(1.04)
    brightness(1.06)
    drop-shadow(0 0 24px rgba(240,177,75,.38))
    drop-shadow(0 0 52px rgba(219,139,43,.14)) !important;
}
.fenix-live-core-label {
  position:absolute;
  z-index:5;
  left:50%;
  bottom:23px;
  transform:translateX(-50%);
  color:#9e8257;
  font-size:6.5px;
  font-weight:700;
  letter-spacing:.34em;
  text-transform:uppercase;
  text-shadow:0 0 12px rgba(232,170,75,.20);
  pointer-events:none;
}

/* LIVE PHOENIX CORE — fire is quiet at rest and wakes when Fenix speaks. */
.fenix-live-fire,
.fenix-live-vectors,
.fenix-live-energy-halo {
  position:absolute;
  inset:0;
  pointer-events:none;
}
.fenix-live-fire {
  z-index:2;
  overflow:visible;
  opacity:.24;
  transition:opacity .22s ease,filter .22s ease;
}
.fenix-live-fire span {
  position:absolute;
  left:50%;
  bottom:22%;
  width:13%;
  height:29%;
  border-radius:72% 28% 68% 32% / 78% 34% 66% 22%;
  transform-origin:50% 100%;
  background:
    radial-gradient(ellipse at 50% 82%,rgba(255,239,165,.98) 0 14%,rgba(255,171,56,.92) 31%,rgba(238,72,18,.72) 57%,rgba(127,25,10,.18) 75%,transparent 79%);
  filter:blur(.35px) drop-shadow(0 0 8px rgba(255,127,35,.34));
  mix-blend-mode:screen;
  opacity:.72;
}
.fenix-live-fire span:nth-child(1){transform:translateX(-210%) rotate(-30deg) scale(.58,.86)}
.fenix-live-fire span:nth-child(2){transform:translateX(-160%) rotate(-22deg) scale(.72,1.00)}
.fenix-live-fire span:nth-child(3){transform:translateX(-112%) rotate(-13deg) scale(.86,1.12)}
.fenix-live-fire span:nth-child(4){transform:translateX(-64%) rotate(-6deg) scale(.95,1.25)}
.fenix-live-fire span:nth-child(5){transform:translateX(-18%) rotate(2deg) scale(1.02,1.34)}
.fenix-live-fire span:nth-child(6){transform:translateX(30%) rotate(9deg) scale(.94,1.24)}
.fenix-live-fire span:nth-child(7){transform:translateX(78%) rotate(16deg) scale(.84,1.10)}
.fenix-live-fire span:nth-child(8){transform:translateX(128%) rotate(24deg) scale(.70,.96)}
.fenix-live-fire span:nth-child(9){transform:translateX(177%) rotate(31deg) scale(.56,.82)}

.fenix-live-energy-halo {
  z-index:1;
  inset:8% !important;
  border-radius:50%;
  opacity:.32;
  background:
    radial-gradient(circle,transparent 45%,rgba(255,179,64,.09) 55%,transparent 67%),
    conic-gradient(from 0deg,transparent 0 12%,rgba(255,176,66,.15) 14%,transparent 18% 38%,rgba(255,92,24,.11) 41%,transparent 45% 67%,rgba(255,211,117,.13) 70%,transparent 74%);
  filter:blur(1px);
  animation:fenixFireHalo 14s linear infinite;
}

.fenix-live-vectors {
  z-index:6;
  opacity:0;
  transition:opacity .18s ease;
}
.fenix-live-vectors span {
  --side:1;
  position:absolute;
  top:50%;
  left:50%;
  width:30px;
  height:13px;
  opacity:0;
  transform-origin:center;
}
.fenix-live-vectors span:before,
.fenix-live-vectors span:after {
  content:"";
  position:absolute;
}
.fenix-live-vectors span:before {
  left:0;
  top:6px;
  width:24px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,211,128,.95));
  box-shadow:0 0 7px rgba(255,161,54,.62);
}
.fenix-live-vectors span:after {
  right:1px;
  top:3px;
  width:6px;
  height:6px;
  border-top:1px solid rgba(255,219,148,.95);
  border-right:1px solid rgba(255,219,148,.95);
  transform:rotate(45deg);
  filter:drop-shadow(0 0 4px rgba(255,153,45,.72));
}
.fenix-live-vectors span:nth-child(1){--tx:104px;--ty:-92px;transform:translate(-50%,-50%) rotate(-42deg)}
.fenix-live-vectors span:nth-child(2){--tx:132px;--ty:-32px;transform:translate(-50%,-50%) rotate(-10deg)}
.fenix-live-vectors span:nth-child(3){--tx:122px;--ty:48px;transform:translate(-50%,-50%) rotate(24deg)}
.fenix-live-vectors span:nth-child(4){--tx:-104px;--ty:-92px;transform:translate(-50%,-50%) rotate(222deg)}
.fenix-live-vectors span:nth-child(5){--tx:-132px;--ty:-32px;transform:translate(-50%,-50%) rotate(190deg)}
.fenix-live-vectors span:nth-child(6){--tx:-122px;--ty:48px;transform:translate(-50%,-50%) rotate(156deg)}

body.fenix-reference-interior #live .live-stage.voice-listening .fenix-live-fire {
  opacity:.40;
  filter:saturate(1.05);
}
body.fenix-reference-interior #live .live-stage.voice-thinking .fenix-live-fire {
  opacity:.32;
  filter:hue-rotate(-8deg) saturate(.92);
}
body.fenix-reference-interior #live .live-stage.voice-speaking .fenix-live-fire {
  opacity:.95;
  filter:saturate(1.34) brightness(1.15);
}
body.fenix-reference-interior #live .live-stage.voice-speaking .fenix-live-fire span {
  animation:fenixFlameSpeak .82s ease-in-out infinite alternate;
}
body.fenix-reference-interior #live .live-stage.voice-speaking .fenix-live-fire span:nth-child(2n) {
  animation-duration:.63s;
  animation-delay:-.21s;
}
body.fenix-reference-interior #live .live-stage.voice-speaking .fenix-live-fire span:nth-child(3n) {
  animation-duration:.96s;
  animation-delay:-.37s;
}
body.fenix-reference-interior #live .live-stage.voice-speaking .fenix-live-energy-halo {
  opacity:.72;
  animation:fenixFireHalo 4.8s linear infinite;
  filter:blur(.35px) brightness(1.2);
}
body.fenix-reference-interior #live .live-stage.voice-speaking .fenix-live-vectors {
  opacity:1;
}
body.fenix-reference-interior #live .live-stage.voice-speaking .fenix-live-vectors span {
  animation:fenixVoiceVector 1.08s ease-out infinite;
}
body.fenix-reference-interior #live .live-stage.voice-speaking .fenix-live-vectors span:nth-child(2){animation-delay:-.18s}
body.fenix-reference-interior #live .live-stage.voice-speaking .fenix-live-vectors span:nth-child(3){animation-delay:-.36s}
body.fenix-reference-interior #live .live-stage.voice-speaking .fenix-live-vectors span:nth-child(4){animation-delay:-.09s}
body.fenix-reference-interior #live .live-stage.voice-speaking .fenix-live-vectors span:nth-child(5){animation-delay:-.27s}
body.fenix-reference-interior #live .live-stage.voice-speaking .fenix-live-vectors span:nth-child(6){animation-delay:-.45s}

body.fenix-reference-interior #live .live-stage.voice-speaking .live-orb {
  border-color:rgba(255,187,78,.82) !important;
  box-shadow:
    0 0 46px rgba(255,138,30,.29),
    0 0 100px rgba(236,73,13,.17),
    0 0 0 12px rgba(255,169,54,.025),
    inset 0 0 86px rgba(255,132,31,.105) !important;
}
body.fenix-reference-interior #live .live-stage.voice-speaking .live-orb img {
  opacity:1 !important;
  filter:
    sepia(.12)
    saturate(1.22)
    brightness(1.16)
    drop-shadow(0 0 14px rgba(255,230,157,.72))
    drop-shadow(0 0 35px rgba(255,146,35,.62))
    drop-shadow(0 0 72px rgba(224,55,11,.35)) !important;
}
body.fenix-reference-interior #live .live-stage.voice-speaking .fenix-live-core-label {
  color:#ffca72;
  text-shadow:0 0 9px rgba(255,194,95,.72),0 0 24px rgba(255,95,20,.34);
}

@keyframes fenixFlameSpeak {
  0% { margin-bottom:-2px; height:27%; opacity:.60; filter:blur(.65px) brightness(.94); }
  45% { margin-bottom:3px; height:34%; opacity:.98; filter:blur(.2px) brightness(1.18); }
  100% { margin-bottom:0; height:30%; opacity:.76; filter:blur(.45px) brightness(1.03); }
}
@keyframes fenixFireHalo {
  to { transform:rotate(360deg); }
}
@keyframes fenixVoiceVector {
  0% { opacity:0; margin-left:0; margin-top:0; scale:.72; }
  26% { opacity:.95; }
  100% { opacity:0; margin-left:var(--tx); margin-top:var(--ty); scale:1.15; }
}
body.fenix-reference-interior #live .fenix-ref-wave {
  z-index:3 !important;
  inset:32% 9% !important;
  width:82% !important;
  height:36% !important;
  opacity:.38 !important;
  filter:drop-shadow(0 0 10px rgba(237,175,78,.42)) !important;
}
body.fenix-reference-interior #live .fenix-ref-wave path {
  stroke:#e5aa51 !important;
  stroke-width:1.5 !important;
}
body.fenix-reference-interior #live .live-stage.voice-listening .live-orb {
  animation:fenixPremiumListen 2.35s ease-in-out infinite !important;
}
body.fenix-reference-interior #live .live-stage.voice-thinking .live-orb:before {
  animation-duration:5.2s !important;
  border-color:rgba(112,166,215,.27) !important;
}
body.fenix-reference-interior #live .live-stage.voice-speaking .fenix-ref-wave {
  opacity:.72 !important;
  animation:fenixPremiumWave 1.05s ease-in-out infinite !important;
}
body.fenix-reference-interior #live .live-stage.voice-speaking .live-orb img {
  animation:fenixPremiumSpeak 1.25s ease-in-out infinite !important;
}
body.fenix-reference-interior #live .live-status {
  color:#f1d9a8 !important;
  font-size:16px !important;
  letter-spacing:.20em !important;
}
body.fenix-reference-interior #live .live-detail {
  color:#807566 !important;
  font-size:7px !important;
  letter-spacing:.22em !important;
}
body.fenix-reference-interior #live .live-voice-picker {
  gap:7px !important;
  margin-top:14px !important;
}
body.fenix-reference-interior #live .live-voice-option {
  min-height:50px !important;
  border-radius:14px !important;
  border-color:rgba(181,134,66,.22) !important;
  background:rgba(6,7,9,.90) !important;
}
body.fenix-reference-interior #live .live-voice-option.active {
  border-color:rgba(235,178,84,.56) !important;
  background:
    radial-gradient(circle at 50% 0,rgba(225,162,69,.12),transparent 72%),
    rgba(12,10,8,.96) !important;
  box-shadow:0 0 20px rgba(224,155,54,.07) !important;
}
body.fenix-reference-interior #live .fenix-ref-live-modes {
  gap:7px !important;
}
body.fenix-reference-interior #live .fenix-ref-live-mode {
  min-height:54px !important;
  border-radius:14px !important;
}
body.fenix-reference-interior #live .live-controls {
  gap:7px !important;
  margin-top:16px !important;
}
body.fenix-reference-interior #live .live-control {
  min-height:66px !important;
  border-radius:16px !important;
  border-color:rgba(180,134,68,.21) !important;
  background:linear-gradient(180deg,rgba(9,10,12,.94),rgba(4,5,7,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018) !important;
}
body.fenix-reference-interior #live .live-control.end {
  border-color:rgba(179,72,61,.30) !important;
  background:linear-gradient(180deg,rgba(34,12,12,.72),rgba(12,6,7,.96)) !important;
}
@keyframes fenixPremiumOrbit {
  to { transform:rotate(360deg); }
}
@keyframes fenixPremiumListen {
  0%,100% { transform:scale(.992); box-shadow:0 0 60px rgba(224,151,47,.12),0 0 0 12px rgba(230,168,74,.018),inset 0 0 72px rgba(232,165,67,.05); }
  50% { transform:scale(1.018); box-shadow:0 0 88px rgba(224,151,47,.22),0 0 0 16px rgba(230,168,74,.026),inset 0 0 84px rgba(232,165,67,.09); }
}
@keyframes fenixPremiumSpeak {
  0%,100% { transform:scale(1); filter:sepia(.08) saturate(1.04) brightness(1.06) drop-shadow(0 0 24px rgba(240,177,75,.38)); }
  50% { transform:scale(1.035); filter:sepia(.08) saturate(1.08) brightness(1.12) drop-shadow(0 0 34px rgba(240,177,75,.55)); }
}
@keyframes fenixPremiumWave {
  0%,100% { transform:scaleY(.88); }
  50% { transform:scaleY(1.16); }
}
@media(prefers-reduced-motion:reduce) {
  body.fenix-reference-interior #live .live-orb:before,
  body.fenix-reference-interior #live .live-orb:after,
  body.fenix-reference-interior #live .live-orb img,
  body.fenix-reference-interior #live .fenix-ref-wave,
  body.fenix-reference-interior #live .fenix-live-fire span,
  body.fenix-reference-interior #live .fenix-live-energy-halo,
  body.fenix-reference-interior #live .fenix-live-vectors span {
    animation:none !important;
  }
  body.fenix-reference-interior #live .fenix-live-vectors { opacity:0; visibility:hidden !important; }
}

@media(max-width:430px) {
  body.fenix-reference-interior #home .fenix2070-art {
    height:clamp(410px,56svh,500px) !important;
  }
  body.fenix-reference-interior #home .fenix2070-controls {
    padding-left:11px !important;
    padding-right:11px !important;
  }
  body.fenix-reference-interior #home .fenix2070-controls .modebar { gap:5px !important; }
  body.fenix-reference-interior #home .fenix2070-controls .mode {
    min-height:88px !important;
    padding-left:4px !important;
    padding-right:4px !important;
  }
  .fenix-home-channel {
    right:10px;
    bottom:14px;
  }
}
@media(max-width:365px) {
  body.fenix-reference-interior #home .fenix2070-art { height:405px !important; }
  body.fenix-reference-interior #home .fenix2070-brand h1 { font-size:42px !important; }
  body.fenix-reference-interior #home .fenix2070-controls { padding-left:9px !important; padding-right:9px !important; }
  body.fenix-reference-interior #home .fenix2070-controls .modebar { gap:4px !important; }
  .fenix-home-channel .channel-copy small { display:none; }
}

/* =====================================
   PROFILE CUSTOMIZATION + REQUIRED GUIDE
   ===================================== */
.fenix-profile-identity {
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin:5px 0 12px;
  padding:14px;
  overflow:hidden;
  border:1px solid rgba(218,166,82,.24);
  border-radius:19px;
  background:
    radial-gradient(circle at 10% 20%,rgba(227,163,65,.10),transparent 36%),
    linear-gradient(160deg,rgba(14,13,12,.96),rgba(4,5,6,.98));
  box-shadow:inset 0 1px 0 rgba(255,238,204,.025),0 12px 28px rgba(0,0,0,.24);
}
.fenix-profile-identity:after {
  content:"";
  position:absolute;
  left:75px;
  right:12px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,rgba(232,178,87,.28),transparent);
}
.fenix-profile-mark {
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border:1px solid rgba(231,178,89,.30);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 45%,rgba(233,172,75,.14),transparent 55%),
    #070707;
  box-shadow:inset 0 1px 0 rgba(255,243,215,.04),0 7px 16px rgba(0,0,0,.34);
}
.fenix-profile-mark img {
  width:42px;
  height:42px;
  object-fit:contain;
  filter:drop-shadow(0 0 12px rgba(232,166,70,.25));
}
.fenix-profile-copy {
  min-width:0;
  display:grid;
  gap:3px;
}
.fenix-profile-copy small {
  color:#8a7658;
  font-size:7px;
  font-weight:750;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.fenix-profile-copy strong {
  overflow:hidden;
  color:#f0d7a6;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:500;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.fenix-profile-copy span {
  color:#7f776d;
  font-size:8px;
  line-height:1.35;
}
.fenix-profile-mode {
  min-width:54px;
  padding:7px 8px;
  border:1px solid rgba(222,168,81,.22);
  border-radius:12px;
  color:#cba563;
  background:rgba(11,10,9,.78);
  font-size:7px;
  font-weight:750;
  letter-spacing:.12em;
  text-align:center;
  text-transform:uppercase;
}
.fenix-custom-panel {
  margin-top:12px;
  padding:15px;
  border:1px solid rgba(206,154,75,.22);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,rgba(213,148,55,.07),transparent 38%),
    linear-gradient(180deg,rgba(10,10,11,.94),rgba(4,5,6,.97));
}
.fenix-custom-panel h3 {
  margin:0 0 4px;
  color:#efd49e;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:500;
}
.fenix-custom-panel > p {
  margin:0 0 13px;
  color:#887f73;
  font-size:10px;
  line-height:1.55;
}
.fenix-custom-grid {
  display:grid;
  gap:10px;
}
.fenix-custom-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(126px,42%);
  gap:12px;
  align-items:center;
}
.fenix-custom-row label {
  color:#c0b5a4;
  font-size:10px;
  line-height:1.35;
}
.fenix-custom-row select {
  min-height:40px;
  width:100%;
  padding:0 11px;
  border:1px solid rgba(191,144,70,.28);
  border-radius:12px;
  outline:0;
  background:#08090a;
  color:#e8d3aa;
  font-size:10px;
}
.fenix-custom-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
}
.fenix-custom-actions button,
.fenix-profile-guide-button {
  min-height:43px;
  border:1px solid rgba(220,167,80,.30);
  border-radius:13px;
  background:linear-gradient(180deg,rgba(38,27,14,.82),rgba(9,8,7,.96));
  color:#e9cd96;
  font-size:10px;
  font-weight:650;
}
.fenix-profile-guide-button {
  width:100%;
  margin-top:10px;
}
.fenix-language-lock {
  margin-top:10px;
  color:#736b61;
  font-size:8px;
  line-height:1.45;
  letter-spacing:.06em;
}

.fenix-guide-backdrop {
  position:fixed;
  z-index:1100;
  inset:0;
  display:none;
  align-items:stretch;
  justify-content:center;
  padding:max(12px,var(--safe-top)) 10px max(12px,var(--safe-bottom));
  background:rgba(0,0,0,.90);
  backdrop-filter:blur(20px) saturate(115%);
}
.fenix-guide-backdrop.show { display:flex; }
.fenix-guide {
  position:relative;
  width:min(100%,650px);
  height:100%;
  max-height:860px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  border:1px solid rgba(226,174,86,.34);
  border-radius:26px;
  background:
    radial-gradient(ellipse 90% 30% at 50% 0,rgba(211,137,43,.13),transparent 65%),
    linear-gradient(180deg,#0d0c0a,#050607 48%,#020304);
  box-shadow:0 28px 90px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,239,202,.035);
}
.fenix-guide-head {
  position:relative;
  padding:20px 20px 13px;
  border-bottom:1px solid rgba(217,163,79,.14);
}
.fenix-guide-eyebrow {
  color:#a77e43;
  font-size:7px;
  font-weight:750;
  letter-spacing:.30em;
  text-transform:uppercase;
}
.fenix-guide-head h2 {
  margin:7px 0 5px;
  color:#f6d9a2;
  font-family:Georgia,"Times New Roman",serif;
  font-size:27px;
  font-weight:500;
}
.fenix-guide-head p {
  margin:0;
  color:#908577;
  font-size:10px;
  line-height:1.55;
}
.fenix-guide-close {
  position:absolute;
  top:15px;
  right:15px;
  width:36px;
  height:36px;
  border:1px solid rgba(211,158,77,.24);
  border-radius:50%;
  background:#080808;
  color:#c6a875;
  font-size:19px;
}
.fenix-guide-backdrop[data-required="1"] .fenix-guide-close { display:none; }
.fenix-guide-scroll {
  overflow-y:auto;
  padding:15px 18px 28px;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.fenix-guide-scroll::-webkit-scrollbar { display:none; }
.fenix-guide-section {
  position:relative;
  padding:14px 14px 14px 44px;
  border:1px solid rgba(172,130,67,.16);
  border-radius:17px;
  background:rgba(8,9,10,.72);
}
.fenix-guide-section + .fenix-guide-section { margin-top:9px; }
.fenix-guide-number {
  position:absolute;
  left:12px;
  top:13px;
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border:1px solid rgba(224,171,86,.34);
  border-radius:50%;
  color:#d9ae66;
  font-size:8px;
  font-weight:800;
}
.fenix-guide-section h3 {
  margin:0 0 5px;
  color:#e8cf9f;
  font-size:12px;
}
.fenix-guide-section p,
.fenix-guide-section li {
  color:#a79d90;
  font-size:9.5px;
  line-height:1.58;
}
.fenix-guide-section p { margin:0; }
.fenix-guide-section ul { margin:7px 0 0;padding-left:17px; }
.fenix-guide-checkpoint {
  margin-top:12px;
  padding:13px;
  border:1px solid rgba(212,158,74,.19);
  border-radius:15px;
  background:rgba(31,21,10,.34);
}
.fenix-guide-checkpoint label {
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#d5c1a0;
  font-size:10px;
  line-height:1.45;
}
.fenix-guide-checkpoint input {
  margin-top:2px;
  accent-color:#d79a42;
}
.fenix-guide-foot {
  padding:12px 16px 15px;
  border-top:1px solid rgba(217,163,79,.14);
  background:rgba(3,4,5,.96);
}
.fenix-guide-progress {
  height:3px;
  margin-bottom:10px;
  overflow:hidden;
  border-radius:999px;
  background:#181512;
}
.fenix-guide-progress span {
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#a96d29,#f0bd66);
  box-shadow:0 0 10px rgba(233,170,76,.34);
  transition:width .12s linear;
}
.fenix-guide-continue {
  width:100%;
  min-height:48px;
  border:1px solid rgba(237,184,92,.54);
  border-radius:16px;
  background:linear-gradient(180deg,#6b431d,#1c1209);
  color:#ffe2ad;
  font-size:11px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.fenix-guide-continue:disabled {
  opacity:.34;
  filter:saturate(.35);
}
.fenix-guide-required-note {
  margin:0 0 9px;
  color:#816f59;
  font-size:8px;
  line-height:1.4;
  text-align:center;
}
.fenix-guide-backdrop:not([data-required="1"]) .fenix-guide-required-note { display:none; }

/* Device-level personalization. The content remains Fenix; only presentation changes. */
body[data-fenix-visual="calm"] #home .fenix2070-art:before { opacity:.55 !important; }
body[data-fenix-visual="calm"] #home .fenix2070-controls .mode,
body[data-fenix-visual="calm"] .fenix2070-nav { box-shadow:none !important; }
body[data-fenix-visual="cinematic"] #home .fenix2070-art {
  filter:saturate(1.08) contrast(1.03) !important;
}
body[data-fenix-visual="cinematic"] #home .fenix2070-art:before { opacity:1 !important; }
body[data-fenix-visual="cinematic"] .fenix2070-nav { backdrop-filter:blur(28px) saturate(145%) !important; }

body[data-fenix-density="compact"] #home .fenix2070-art {
  height:clamp(380px,51svh,455px) !important;
}
body[data-fenix-density="compact"] #home .fenix2070-controls .mode {
  min-height:96px !important;
}
body[data-fenix-density="spacious"] #home .fenix2070-art {
  height:clamp(455px,62svh,590px) !important;
}
body[data-fenix-text="large"] .screen:not(#home),
body[data-fenix-text="large"] #settingsOverlay { font-size:1.08em !important; }
body[data-fenix-text="compact"] .screen:not(#home),
body[data-fenix-text="compact"] #settingsOverlay { font-size:.94em !important; }

body[data-fenix-motion="reduced"] *,
body[data-fenix-motion="reduced"] *:before,
body[data-fenix-motion="reduced"] *:after {
  animation-duration:.001ms !important;
  animation-iteration-count:1 !important;
  scroll-behavior:auto !important;
  transition-duration:.001ms !important;
}

/* ============================
   LIBRARY — approved reference
   ============================ */
body.fenix-reference-interior .app:has(#minds.active) .topbar {
  display:none !important;
}
body.fenix-reference-interior .app:has(#minds.active) {
  overflow:visible !important;
  min-height:100svh !important;
}
body.fenix-reference-interior #minds.screen {
  width:100% !important;
  height:100svh !important;
  max-height:100svh !important;
  min-height:0 !important;
  padding:0 14px calc(var(--safe-bottom) + 124px) !important;
  background:#010203 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:contain !important;
  touch-action:pan-y !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
}
body.fenix-reference-interior #minds.screen::-webkit-scrollbar {
  width:0 !important;
  height:0 !important;
}
body.fenix-reference-interior #minds:before {
  display:none !important;
}
body.fenix-reference-interior #minds > .eyebrow,
body.fenix-reference-interior #minds > .section-title,
body.fenix-reference-interior #minds > .section-copy,
body.fenix-reference-interior #minds > .future-library-toolbar {
  display:none !important;
}
.fenix-library-approved {
  width:100%;
  max-width:680px;
  margin:0 auto;
}
.fenix-library-hero {
  width:calc(100% + 28px);
  height:clamp(158px,40.1vw,272px);
  margin:0 -14px;
  background-image:url("https://cdn.creativeclaw.co/u/b202b59b/images/203a480f-8298-4408-9232-fd630e98e12b.png");
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:center -5.85vw;
  border-bottom:1px solid rgba(225,166,76,.16);
}
.fenix-library-toolbar-v2 {
  position:relative;
  z-index:3;
  margin:-1px 0 12px;
}
.fenix-library-search-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) 45px;
  gap:8px;
  align-items:center;
}
.fenix-library-search-v2 {
  position:relative;
  display:flex;
  align-items:center;
  height:46px;
  padding:0 15px 0 42px;
  overflow:hidden;
  border:1px solid rgba(228,169,79,.58);
  border-radius:23px;
  background:linear-gradient(180deg,rgba(22,16,9,.92),rgba(7,7,7,.985));
  box-shadow:0 0 18px rgba(231,165,63,.08),inset 0 1px 0 rgba(255,225,168,.035);
}
.fenix-library-search-v2:before {
  content:"";
  position:absolute;
  left:16px;
  width:14px;
  height:14px;
  border:2px solid #d9b16d;
  border-radius:50%;
}
.fenix-library-search-v2:after {
  content:"";
  position:absolute;
  left:29px;
  top:27px;
  width:7px;
  height:2px;
  background:#d9b16d;
  transform:rotate(45deg);
  transform-origin:left center;
}
.fenix-library-search-v2 input {
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#eee3d2;
  font-size:12px;
}
.fenix-library-search-v2 input::placeholder { color:#9d9285; }
.fenix-library-filter-v2 {
  width:45px;
  height:45px;
  border:1px solid rgba(228,169,79,.58);
  border-radius:50%;
  background:#090909;
  color:#e9b966;
  font-size:18px;
}
.fenix-library-filter-v2:active { transform:scale(.96); }
.fenix-library-chips-v2 {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:5px;
  margin-top:8px;
}
.fenix-library-chip-v2 {
  min-width:0;
  height:34px;
  padding:0 4px;
  border:1px solid rgba(204,151,71,.48);
  border-radius:18px;
  background:#070707;
  color:#c4b8a6;
  font-size:clamp(7px,2.15vw,10px);
  white-space:nowrap;
}
.fenix-library-chip-v2.active {
  border-color:#e7b55f;
  color:#ffe3a5;
  background:radial-gradient(circle at 50% 30%,rgba(207,137,42,.30),rgba(35,22,9,.78) 65%,#070707);
  box-shadow:0 0 16px rgba(238,175,72,.24),inset 0 0 0 1px rgba(255,225,166,.05);
}
.fenix-library-showcase {
  display:grid;
  gap:11px;
}
.fenix-library-section {
  display:grid;
  gap:6px;
}
.fenix-library-section[hidden] { display:none !important; }
.fenix-library-section-head {
  display:flex;
  align-items:center;
  min-height:24px;
  color:#e9b966;
}
.fenix-library-section-icon {
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  margin-right:7px;
  color:#f4c773;
  font-size:18px;
}
.fenix-library-section-title {
  min-width:0;
  flex:1;
  font-size:clamp(8px,2.7vw,12px);
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  white-space:nowrap;
}
.fenix-library-see-all {
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:#bcb09f;
  font-size:9px;
}
.fenix-library-see-all:after {
  content:"›";
  display:inline-grid;
  place-items:center;
  width:23px;
  height:23px;
  margin-left:7px;
  border:1px solid rgba(237,184,91,.72);
  border-radius:50%;
  color:#f1c16d;
  font-size:17px;
}
.fenix-library-feature-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
}
.fenix-library-feature-card {
  position:relative;
  width:100%;
  aspect-ratio:208/284;
  padding:0;
  border:0;
  border-radius:12px;
  background-image:url("https://cdn.creativeclaw.co/u/b202b59b/images/203a480f-8298-4408-9232-fd630e98e12b.png");
  background-repeat:no-repeat;
  background-size:452.4% auto;
  box-shadow:0 0 0 1px rgba(226,169,78,.62),0 10px 24px rgba(0,0,0,.24);
  overflow:hidden;
  color:transparent;
}
.fenix-library-feature-card[data-feature="power"] { background-position:4.8% 46.2%; }
.fenix-library-feature-card[data-feature="four"] { background-position:34.4% 46.2%; }
.fenix-library-feature-card[data-feature="think-again"] { background-position:64.1% 46.2%; }
.fenix-library-feature-card[data-feature="memories"] { background-position:93.7% 46.2%; }
.fenix-library-book-cover,
.fenix-library-card-fallback { display:none !important; }
.fenix-library-feature-card:active,
.fenix-library-wide-card:active,
.fenix-library-scientist-card:active { transform:scale(.985); }

.fenix-library-duo {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.fenix-library-duo .fenix-library-section { min-width:0; }
.fenix-library-duo .fenix-library-section-title {
  font-size:clamp(7px,2.25vw,10px);
}
.fenix-library-duo .fenix-library-see-all {
  display:none;
}
.fenix-library-wide-card {
  position:relative;
  width:100%;
  min-height:132px;
  padding:0;
  border:1px solid rgba(226,169,78,.62);
  border-radius:13px;
  box-shadow:0 12px 28px rgba(0,0,0,.32);
  overflow:hidden;
}
.fenix-library-book-wide {
  display:block;
  min-height:0;
  aspect-ratio:418/222;
  background-image:url("https://cdn.creativeclaw.co/u/b202b59b/images/203a480f-8298-4408-9232-fd630e98e12b.png");
  background-repeat:no-repeat;
  background-size:225.1% auto;
  background-position:6.7% 68.8%;
  color:transparent;
}
.fenix-library-book-wide .fenix-library-wide-cover,
.fenix-library-book-wide .fenix-library-wide-copy { display:none !important; }
.fenix-library-wide-card[data-feature="frida"] {
  aspect-ratio:418/222;
  background-image:url("https://cdn.creativeclaw.co/u/b202b59b/images/203a480f-8298-4408-9232-fd630e98e12b.png");
  background-repeat:no-repeat;
  background-size:221.4% auto;
  background-position:91.1% 68.8%;
  color:transparent;
}
.fenix-library-art-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.fenix-library-art-card {
  position:relative;
  min-height:196px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(219,163,76,.50);
  border-radius:15px;
  background:#080807;
  box-shadow:0 12px 30px rgba(0,0,0,.30);
  color:#f0d6a4;
  text-align:left;
}
.fenix-library-history-grid .fenix-library-art-card { min-height:210px; }
.fenix-library-history-grid .fenix-library-art-card img { filter:saturate(.92) contrast(1.04) brightness(.86) sepia(.10); }
.fenix-library-history-grid .fenix-diogenes-card img { filter:saturate(.96) contrast(1.03) brightness(.90); }

.fenix-library-art-card img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.80) contrast(1.04) brightness(.86);
}
.fenix-library-art-card:after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(3,3,3,.93) 100%),
    radial-gradient(circle at 50% 12%,rgba(231,175,85,.08),transparent 35%);
}
.fenix-library-art-copy {
  position:absolute;
  z-index:2;
  left:10px;
  right:9px;
  bottom:10px;
}
.fenix-library-art-copy strong {
  display:block;
  color:#f4d9a3;
  font-family:Georgia,"Times New Roman",serif;
  font-size:14px;
  line-height:1.05;
}
.fenix-library-art-copy small {
  display:block;
  margin-top:4px;
  color:#b09a75;
  font-size:7px;
  line-height:1.3;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.fenix-library-art-badge {
  position:absolute;
  z-index:3;
  top:8px;
  left:8px;
  padding:4px 7px;
  border:1px solid rgba(236,188,107,.28);
  border-radius:999px;
  background:rgba(3,3,3,.62);
  color:#d9b672;
  font-size:6px;
  letter-spacing:.13em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
}
.fenix-library-art-card:active { transform:scale(.985); }

.fenix-library-scientists {
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.fenix-library-scientist-card {
  position:relative;
  min-height:156px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(219,163,76,.48);
  border-radius:14px;
  background:#080807;
  box-shadow:0 12px 28px rgba(0,0,0,.28);
  color:#f0d6a4;
  text-align:left;
}
.fenix-library-scientist-card img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.72) contrast(1.04) brightness(.82);
}
.fenix-library-scientist-card[data-feature="sagan"] {
  background-image:url("https://cdn.creativeclaw.co/u/b202b59b/images/37c3bc28-a0b3-4e23-98b9-7fecb4e51e2c.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center 22%;
}
.fenix-library-scientist-card:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.03) 32%,rgba(2,3,4,.92) 100%);
  pointer-events:none;
}
.fenix-library-scientist-copy {
  position:absolute;
  z-index:2;
  left:10px;
  right:8px;
  bottom:9px;
}
.fenix-library-scientist-copy strong {
  display:block;
  color:#f1d4a0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  line-height:1.05;
}
.fenix-library-scientist-copy small {
  display:block;
  margin-top:3px;
  color:#a9916c;
  font-size:7px;
  line-height:1.25;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.fenix-library-empty-v2 {
  display:none;
  padding:18px 12px;
  border:1px solid rgba(210,158,74,.24);
  border-radius:14px;
  color:#9f9587;
  background:#080808;
  text-align:center;
  font-size:11px;
}
.fenix-library-empty-v2.show { display:block; }

.fenix-library-catalog-panel {
  display:none;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(215,161,77,.16);
}
.fenix-library-catalog-panel.show { display:block; }
.fenix-library-catalog-title {
  margin:0 0 8px;
  color:#d8ad62;
  font-size:10px;
  letter-spacing:.20em;
  text-transform:uppercase;
}
body.fenix-reference-interior #minds .fenix-library-catalog-panel .minds-grid.library-reflections {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
  margin:0 !important;
}
body.fenix-reference-interior #minds .fenix-library-catalog-panel .library-profile {
  border-radius:12px !important;
}

/* Detail sheet keeps the reference screen intact while cards stay functional. */
.fenix-library-detail-backdrop {
  position:fixed;
  z-index:220;
  inset:0;
  display:none;
  pointer-events:none;
  align-items:flex-end;
  padding:16px 12px calc(var(--safe-bottom) + 12px);
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(8px);
}
.fenix-library-detail-backdrop.show { display:flex; pointer-events:auto; }
.fenix-library-detail-backdrop.closing {
  pointer-events:none;
  background:rgba(0,0,0,0);
  backdrop-filter:blur(0);
  transition:background .20s ease,backdrop-filter .20s ease;
}
.fenix-library-detail {
  --sheet-drag-y:0px;
  width:min(100%,620px);
  max-height:min(76svh,680px);
  margin:0 auto;
  overflow:auto;
  overscroll-behavior:contain;
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
  padding:8px 18px 18px;
  border:1px solid rgba(234,177,83,.48);
  border-radius:24px 24px 18px 18px;
  background:
    radial-gradient(circle at 50% 0,rgba(204,132,38,.15),transparent 34%),
    linear-gradient(180deg,#11100d,#050607 50%,#020304);
  box-shadow:0 -12px 44px rgba(0,0,0,.64),0 0 32px rgba(224,155,55,.10);
  transform:translate3d(0,var(--sheet-drag-y),0);
  transition:transform .22s cubic-bezier(.2,.78,.2,1),box-shadow .22s ease;
  will-change:transform;
}
.fenix-library-detail.dragging {
  transition:none !important;
  box-shadow:0 -4px 24px rgba(0,0,0,.48),0 0 22px rgba(224,155,55,.07);
}
.fenix-library-detail.dismissed {
  --sheet-drag-y:105svh;
  transition:transform .24s cubic-bezier(.35,.05,.7,.2) !important;
}
.fenix-library-sheet-grab {
  position:sticky;
  top:0;
  z-index:8;
  height:42px;
  margin:0 -10px 4px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 3px;
  background:linear-gradient(180deg,rgba(15,14,12,.98) 0%,rgba(15,14,12,.84) 68%,rgba(15,14,12,0) 100%);
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
  cursor:grab;
}
.fenix-library-sheet-grab:active { cursor:grabbing; }
.fenix-library-sheet-handle {
  grid-column:2;
  width:54px;
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,#5a5146,#b68d4f,#5a5146);
  box-shadow:0 0 12px rgba(224,169,83,.12);
}
.fenix-library-sheet-down {
  grid-column:3;
  justify-self:end;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(224,169,83,.30);
  border-radius:50%;
  background:rgba(8,8,8,.92);
  color:#e8b764;
  font-size:18px;
  line-height:1;
}
.fenix-library-sheet-down:active { transform:translateY(1px) scale(.97); }
.fenix-library-detail-kicker {
  color:#b68d4f;
  font-size:7px;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.fenix-library-detail h3 {
  margin:6px 0 8px;
  color:#f5dca7;
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  font-weight:500;
}
.fenix-library-detail p {
  margin:0;
  color:#b9afa1;
  font-size:12px;
  line-height:1.55;
}
.fenix-library-detail-meta {
  margin:-2px 0 12px;
  color:#8f8578;
  font-size:8px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.fenix-library-detail-reflection {
  margin-top:15px;
  padding-top:13px;
  border-top:1px solid rgba(230,177,86,.14);
}
.fenix-library-detail-reflection p + p { margin-top:9px; }
.fenix-library-detail ul {
  margin:12px 0 0;
  padding-left:18px;
  color:#d5c5aa;
  font-size:11px;
  line-height:1.55;
}
.fenix-library-detail-close {
  float:right;
  width:34px;
  height:34px;
  border:1px solid rgba(224,169,83,.35);
  border-radius:50%;
  background:#090909;
  color:#e8b764;
}
.fenix-library-detail-subhead {
  margin-top:14px;
  color:#c99c55;
  font-size:8px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.fenix-library-detail-quotes {
  display:grid;
  gap:8px;
  margin-top:8px;
}
.fenix-library-detail-quotes blockquote {
  margin:0;
  padding:10px 12px;
  border-left:2px solid rgba(235,178,83,.72);
  border-radius:0 12px 12px 0;
  background:rgba(231,169,74,.055);
  color:#ead8b6;
  font-family:Georgia,"Times New Roman",serif;
  font-size:12px;
  line-height:1.45;
}
.fenix-library-detail-actions {
  display:flex;
  gap:8px;
  margin-top:14px;
}
.fenix-library-detail-action {
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(231,174,82,.55);
  border-radius:19px;
  background:linear-gradient(180deg,rgba(54,34,13,.92),rgba(15,10,6,.98));
  color:#f1c675;
  font-size:10px;
  letter-spacing:.05em;
}
.fenix-library-detail-action[hidden] { display:none !important; }
body.fenix-reference-interior #minds .fenix-library-catalog-panel .library-read {
  display:flex;
  width:100%;
  min-height:27px;
  margin-top:6px;
  padding:5px 4px;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:9px;
  background:rgba(162,111,47,.08);
  color:#c7a567;
  font-size:6.5px;
  line-height:1.25;
  letter-spacing:.065em;
  text-align:center;
}

/* LIVE — allow the tall voice screen to scroll behind the fixed bottom navigation. */
body.fenix-reference-interior .app:has(#live.active) {
  overflow:visible !important;
  min-height:100svh !important;
}
body.fenix-reference-interior #live.screen {
  width:100% !important;
  height:100svh !important;
  max-height:100svh !important;
  min-height:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:contain !important;
  touch-action:pan-y !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
  scroll-padding-bottom:calc(var(--safe-bottom) + 150px) !important;
  padding-bottom:calc(var(--safe-bottom) + 180px) !important;
}
body.fenix-reference-interior #live.screen::-webkit-scrollbar {
  width:0 !important;
  height:0 !important;
}

@media(max-width:430px) {
  .fenix-library-scientist-card { min-height:148px; }
  .fenix-library-art-card { min-height:184px; }
}
@media(max-width:365px) {
  .fenix-library-section-title { letter-spacing:.16em; }
  .fenix-library-chips-v2 { gap:3px; }
}
@media(min-width:600px) {
  .fenix-library-approved { max-width:760px; }
  body.fenix-reference-interior #minds .fenix-library-catalog-panel .minds-grid.library-reflections {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}



/* ================================================================
   FENIX ALPHA & OMEGA — production mobile experience
   Real Home, Deep Mode and Live Web surfaces. Loaded after the
   approved redesign while retaining its Library, Voice and Profile.
   ================================================================ */

body.fenix-alpha-omega-ui {
  --ao-ink:#020202;
  --ao-panel:#090909;
  --ao-panel-soft:rgba(12,12,12,.88);
  --ao-line:rgba(255,194,112,.19);
  --ao-line-hot:rgba(255,139,42,.72);
  --ao-ember:#ff6a1d;
  --ao-gold:#ffc978;
  --ao-cream:#fff1d7;
  --ao-muted:#a8a19a;
  --ao-green:#59df9b;
  background:#020202 !important;
}

body.fenix-alpha-omega-ui .app {
  background:#020202 !important;
  isolation:isolate;
  overflow-x:hidden !important;
  overflow-y:visible !important;
}

/* The preserved legacy home stays mounted behind the new real DOM surface so
   its established chat, auth, dictation and mode behavior remains available. */
body.fenix-alpha-omega-ui #home .fenix2070-shell > :not(.ao-home) {
  display:none !important;
}
body.fenix-alpha-omega-ui .fenix2070-nav {
  display:none !important;
}
body.fenix-alpha-omega-ui #home {
  padding:0 !important;
  background:#020202 !important;
}
body.fenix-alpha-omega-ui #home .fenix2070-shell {
  min-height:100svh !important;
  padding:0 !important;
  background:#020202 !important;
}

.ao-home,
.ao-screen {
  color:var(--ao-cream);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.ao-home {
  position:relative;
  min-height:100svh;
  padding:0 0 calc(var(--safe-bottom) + 190px);
  overflow-x:hidden;
  overflow-y:visible;
  background:
    radial-gradient(ellipse 72% 22% at 72% 12%,rgba(255,93,20,.14),transparent 72%),
    linear-gradient(180deg,#030303 0%,#050403 57%,#020202 100%);
}

.ao-hero {
  position:relative;
  min-height:clamp(500px,64svh,680px);
  padding:calc(var(--safe-top) + 20px) 18px 34px;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.02) 48%,rgba(2,2,2,.96) 100%),
    url("https://cdn.creativeclaw.co/u/b202b59b/images/b16c555d-24f0-4b2c-8ada-424cb85178c9.png") 57% 44% / cover no-repeat;
}
.ao-hero:before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 72% 31%,rgba(255,188,91,.20),transparent 24%),
    linear-gradient(90deg,rgba(2,2,2,.88) 0%,rgba(2,2,2,.52) 39%,rgba(2,2,2,.06) 73%,rgba(2,2,2,.20) 100%);
}
.ao-hero:after {
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:34%;
  background:linear-gradient(180deg,transparent,#020202 94%);
  pointer-events:none;
}

.ao-topline {
  position:relative;
  z-index:3;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.ao-wordmark {
  display:grid;
  gap:3px;
}
.ao-wordmark strong {
  color:#fff5e5;
  font-size:clamp(29px,8.4vw,48px);
  font-weight:420;
  line-height:.95;
  letter-spacing:.22em;
  margin-right:-.22em;
  text-shadow:0 0 24px rgba(255,125,38,.42);
}
.ao-wordmark small {
  color:#d9c4a4;
  font-size:7px;
  font-weight:700;
  letter-spacing:.42em;
  text-transform:uppercase;
  padding-left:4px;
}
.ao-top-actions {
  display:flex;
  gap:8px;
}
.ao-icon-button {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,235,204,.20);
  border-radius:50%;
  color:#fff1dc;
  background:rgba(5,5,5,.68);
  box-shadow:0 10px 30px rgba(0,0,0,.28);
  backdrop-filter:blur(16px);
}
.ao-icon-button svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7; }

.ao-hero-copy {
  position:relative;
  z-index:3;
  width:min(58%,360px);
  margin-top:clamp(96px,18svh,168px);
}
.ao-eyebrow {
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  color:#b7aa99;
  font-size:7px;
  font-weight:700;
  letter-spacing:.34em;
  text-transform:uppercase;
}
.ao-eyebrow:before {
  content:"";
  width:38px;height:1px;
  background:linear-gradient(90deg,var(--ao-ember),rgba(255,190,102,.30));
  box-shadow:0 0 12px rgba(255,104,24,.52);
}
.ao-hero h1,
.ao-screen h1 {
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  letter-spacing:-.035em;
}
.ao-hero h1 {
  max-width:340px;
  font-size:clamp(38px,10.8vw,64px);
  line-height:.93;
  color:#fff9ed;
  text-shadow:0 8px 30px rgba(0,0,0,.60);
}
.ao-hero h1 span {
  display:block;
  color:#f3b968;
}
.ao-hero-copy p {
  margin:16px 0 0;
  max-width:300px;
  color:#d0c9c0;
  font-size:clamp(11px,2.8vw,14px);
  line-height:1.55;
  text-shadow:0 2px 16px rgba(0,0,0,.78);
}
.ao-hero-motto {
  position:absolute;
  z-index:3;
  right:18px;
  bottom:70px;
  width:120px;
  color:#d5c2a9;
  font-size:6px;
  line-height:1.7;
  letter-spacing:.32em;
  text-align:right;
  text-transform:uppercase;
}

.ao-home-content {
  position:relative;
  z-index:4;
  margin-top:-48px;
  padding:0 14px 28px;
}
.ao-mode-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.ao-mode-card {
  position:relative;
  min-width:0;
  min-height:146px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  padding:13px 7px 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  color:#f0e9df;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,173,76,.06),transparent 50%),
    linear-gradient(180deg,rgba(13,13,13,.98),rgba(6,6,6,.99));
  box-shadow:0 18px 50px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
  text-align:center;
}
.ao-mode-card .ao-mode-icon {
  width:44px;height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,188,94,.30);
  border-radius:50%;
  color:#efb65e;
  background:radial-gradient(circle,rgba(255,151,54,.11),rgba(5,5,5,.04) 70%);
}
.ao-mode-card .ao-mode-icon svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.45; }
.ao-mode-card strong {
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(15px,3.9vw,20px);
  font-weight:500;
}
.ao-mode-card small {
  color:#a9a29a;
  font-size:clamp(7.4px,1.95vw,9px);
  line-height:1.4;
}
.ao-mode-card .ao-arrow {
  margin-top:auto;
  color:#e9d5b6;
  font-size:20px;
  line-height:1;
}
.ao-mode-card[data-mode="Deep"] {
  border-color:rgba(255,151,47,.88);
  background:
    radial-gradient(circle at 50% 0%,rgba(255,129,33,.22),transparent 54%),
    linear-gradient(180deg,rgba(34,19,10,.98),rgba(8,7,6,.995));
  box-shadow:
    0 0 0 1px rgba(255,194,105,.19),
    0 0 30px rgba(255,101,22,.25),
    inset 0 0 26px rgba(255,108,23,.07);
}
.ao-mode-card[data-mode="Deep"]:before {
  content:"FLAGSHIP";
  position:absolute;
  top:-9px;
  padding:4px 9px;
  border:1px solid rgba(255,151,47,.58);
  border-radius:999px;
  color:#ffc87a;
  background:#100a06;
  font-size:5.6px;
  font-weight:800;
  letter-spacing:.24em;
}
.ao-mode-card.active {
  transform:translateY(-3px);
}

.ao-compose-shell {
  position:fixed;
  z-index:430;
  left:50%;
  bottom:calc(var(--safe-bottom) + 78px);
  transform:translateX(-50%);
  width:min(calc(100% - 18px),802px);
  pointer-events:auto;
}
body.ao-overlay-open .ao-compose-shell { display:none !important; }
.ao-compose-shell .fenix-attachment-tray {
  margin:0 7px 7px !important;
  padding:0 !important;
  max-height:52px;
}
.ao-compose-shell .fenix-attachment-chip {
  min-height:34px;
  border-color:rgba(255,183,91,.25) !important;
  background:rgba(10,8,7,.96) !important;
}
.ao-ask {
  display:flex;
  align-items:center;
  gap:7px;
  min-height:62px;
  margin:0;
  padding:6px 7px;
  border:1px solid rgba(255,192,112,.28);
  border-radius:31px;
  background:linear-gradient(180deg,rgba(16,13,11,.97),rgba(5,5,5,.99));
  box-shadow:0 16px 50px rgba(0,0,0,.52),0 0 26px rgba(255,103,24,.10),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(22px) saturate(125%);
}
.ao-ask input {
  min-width:0;
  flex:1;
  height:48px;
  border:0;
  outline:0;
  color:#f8eddd;
  background:transparent;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
}
.ao-ask input::placeholder { color:#817970; }
.ao-ask button {
  flex:0 0 46px;
  width:46px;height:46px;
  display:grid;
  place-items:center;
  padding:0;
  border-radius:50%;
}
.ao-ask .ao-attach,
.ao-ask .ao-mic {
  border:1px solid rgba(255,255,255,.13);
  color:#d8c7ad;
  background:rgba(16,14,12,.86);
}
.ao-ask .ao-attach {
  font-size:27px;
  font-weight:300;
  line-height:1;
}
.ao-ask .ao-mic {
  border-color:rgba(255,176,72,.30);
  color:#efb65e;
}
.ao-ask .ao-mic.recording {
  color:#fff0d4;
  border-color:rgba(255,105,45,.78);
  background:rgba(99,30,16,.92);
  box-shadow:0 0 24px rgba(255,83,24,.32);
}
.ao-ask .ao-mic.transcribing { opacity:.65; }
.ao-ask .ao-send {
  border:1px solid rgba(255,156,49,.68);
  color:#1a0d05;
  background:linear-gradient(180deg,#ffc46e,#f1762c);
  box-shadow:0 0 23px rgba(255,100,22,.22);
  font-size:23px;
  font-weight:800;
}
.ao-ask .ao-send:disabled {
  opacity:.36;
  box-shadow:none;
}
.ao-ask button svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7; }
.ao-home-dictation-status {
  min-height:0;
  margin:5px 16px 0;
  color:#b8aaa0;
  font-size:9px;
  line-height:1.35;
}
.ao-home-dictation-status:empty { display:none; }
.ao-home-dictation-status.listening { color:#ffbe72; }
.ao-home-dictation-status.error { color:#ff9b8a; }

@media(max-width:480px) {
  .ao-hero { min-height:500px; }
  .ao-home-content { margin-top:-58px; }
  .ao-mode-card { min-height:132px; padding:11px 6px 9px; }
  .ao-mode-card .ao-mode-icon { width:40px;height:40px; }
  .ao-mode-card .ao-mode-icon svg { width:20px;height:20px; }
  .ao-mode-card .ao-arrow { font-size:16px; }
  .ao-compose-shell { width:calc(100% - 12px); }
  .ao-ask { min-height:58px; gap:5px; padding:5px 6px; }
  .ao-ask button { width:43px;height:43px; flex-basis:43px; }
  .ao-ask input { height:44px; font-size:14px; }
}

.ao-feature-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:11px;
}
.ao-feature {
  min-width:0;
  min-height:111px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:10px 5px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  color:#f4e8d6;
  background:linear-gradient(180deg,rgba(12,12,12,.98),rgba(5,5,5,.99));
  text-align:center;
}
.ao-feature svg { width:23px;height:23px;fill:none;stroke:#efb45e;stroke-width:1.55; }
.ao-feature strong { font-family:Georgia,"Times New Roman",serif;font-size:12px;font-weight:500; }
.ao-feature small { color:#77716c;font-size:5.4px;line-height:1.55;letter-spacing:.13em;text-transform:uppercase; }

.ao-banner {
  display:grid;
  grid-template-columns:100px 1fr auto;
  align-items:center;
  gap:12px;
  min-height:72px;
  margin-top:11px;
  padding:8px 13px 8px 8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  color:#e8d9c3;
  background:linear-gradient(90deg,rgba(20,11,6,.92),rgba(7,7,7,.98));
}
.ao-banner-art {
  align-self:stretch;
  border-radius:13px;
  background:
    linear-gradient(90deg,transparent,rgba(6,6,6,.62)),
    url("https://cdn.creativeclaw.co/u/b202b59b/images/b16c555d-24f0-4b2c-8ada-424cb85178c9.png") 50% 79% / 280% auto no-repeat;
}
.ao-banner strong { font-size:7px;line-height:1.65;letter-spacing:.31em;text-transform:uppercase; }
.ao-banner span { color:#ffc06c;font-size:20px; }

.ao-bottom-nav {
  position:fixed;
  z-index:420;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:min(100%,820px);
  min-height:calc(78px + var(--safe-bottom));
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:start;
  padding:10px 7px var(--safe-bottom);
  border-top:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(8,8,8,.91),rgba(2,2,2,.99));
  box-shadow:0 -18px 50px rgba(0,0,0,.58);
  backdrop-filter:blur(22px) saturate(125%);
}
.ao-bottom-nav button {
  min-width:0;
  min-height:58px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:4px 2px;
  border:0;
  color:#827d78;
  background:transparent;
  font-size:7px;
  letter-spacing:.08em;
}
.ao-bottom-nav button svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65; }
.ao-bottom-nav button.active { color:#ffc06d; }
.ao-bottom-nav .ao-nav-deep {
  width:66px;
  min-height:66px;
  justify-self:center;
  margin-top:-23px;
  border:1px solid rgba(255,144,39,.70);
  border-radius:50%;
  color:#ffc876;
  background:radial-gradient(circle,rgba(255,103,20,.23),rgba(8,6,4,.98) 66%);
  box-shadow:0 0 28px rgba(255,93,18,.23),inset 0 0 0 7px rgba(255,157,50,.035);
}
.ao-bottom-nav .ao-nav-deep img { width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,122,33,.46)); }
.ao-bottom-nav .ao-nav-deep span { display:none; }

/* Shared overlay surfaces */
.ao-screen {
  position:fixed;
  z-index:390;
  top:0;
  bottom:0;
  left:50%;
  transform:translateX(-50%) translateY(18px);
  width:min(100%,820px);
  display:none;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  padding:calc(var(--safe-top) + 12px) 15px calc(var(--safe-bottom) + 102px);
  background:
    radial-gradient(ellipse 70% 24% at 75% 8%,rgba(255,91,18,.16),transparent 73%),
    linear-gradient(180deg,#060403 0%,#030303 48%,#020202 100%);
  opacity:0;
  transition:opacity .22s ease,transform .24s ease;
}
.ao-screen.show {
  display:block;
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
.ao-screen-header {
  position:sticky;
  z-index:6;
  top:calc(var(--safe-top) * -1 - 12px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:-12px -15px 18px;
  padding:calc(var(--safe-top) + 13px) 15px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(5,4,3,.98),rgba(5,4,3,.88));
  backdrop-filter:blur(20px);
}
.ao-screen-header button {
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  color:#eee2d2;
  background:rgba(10,10,10,.82);
  font-size:20px;
}
.ao-screen-heading { display:grid;gap:3px;text-align:center; }
.ao-screen-heading strong { font-size:9px;letter-spacing:.29em;text-transform:uppercase; }
.ao-screen-heading small { color:#9c8d7a;font-size:6px;letter-spacing:.22em;text-transform:uppercase; }
.ao-screen-header .ao-live-pill {
  width:auto;height:30px;
  padding:0 10px;
  border-color:rgba(73,218,143,.30);
  color:#72e5aa;
  font-size:7px;
  font-weight:800;
  letter-spacing:.18em;
}

.ao-deep-hero {
  position:relative;
  min-height:260px;
  display:flex;
  align-items:flex-end;
  margin:0 0 14px;
  padding:22px;
  overflow:hidden;
  border:1px solid var(--ao-line);
  border-radius:26px;
  background:
    linear-gradient(180deg,rgba(3,3,3,.08),rgba(3,3,3,.82)),
    url("https://cdn.creativeclaw.co/u/b202b59b/images/b16c555d-24f0-4b2c-8ada-424cb85178c9.png") 66% 42% / cover no-repeat;
  box-shadow:0 20px 70px rgba(0,0,0,.42);
}
.ao-deep-hero:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(3,3,3,.78),transparent 68%);
}
.ao-deep-hero > div { position:relative;z-index:2;width:67%; }
.ao-deep-hero h1 { font-size:clamp(37px,10vw,58px);line-height:.92; }
.ao-deep-hero h1 span { display:block;color:#f2b665; }
.ao-deep-hero p { color:#c7beb4;font-size:11px;line-height:1.55;margin:13px 0 0; }

.ao-panel {
  border:1px solid rgba(255,255,255,.12);
  border-radius:23px;
  background:linear-gradient(155deg,rgba(15,13,12,.97),rgba(6,6,6,.99));
  box-shadow:0 18px 58px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);
}
.ao-synthesis { padding:18px; }
.ao-panel-title {
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:13px;
}
.ao-panel-title .ao-infinity { color:#ffbc66;font-size:29px;line-height:1; }
.ao-panel-title strong { font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:500; }
.ao-panel-title small { display:block;color:#857a70;font-size:7px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase; }
.ao-reasoning-steps { display:grid;gap:8px; }
.ao-step {
  display:grid;
  grid-template-columns:34px 1fr auto;
  align-items:center;
  gap:10px;
  min-height:58px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(3,3,3,.42);
}
.ao-step-number {
  width:30px;height:30px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  color:#d9d0c6;
  font-size:11px;
}
.ao-step strong { display:block;font-size:11px; }
.ao-step small { display:block;margin-top:2px;color:#7e7771;font-size:7px;line-height:1.35; }
.ao-step-state { color:#5ede9b;font-size:12px; }
.ao-step.active {
  border-color:rgba(255,139,42,.42);
  background:linear-gradient(90deg,rgba(255,104,22,.10),rgba(4,4,4,.50));
}
.ao-step.active .ao-step-number { border-color:rgba(255,139,42,.72);color:#ffc170;box-shadow:0 0 18px rgba(255,99,20,.20); }
.ao-step.active .ao-step-state { color:#ff9d45; }

.ao-depth-meter { margin-top:12px;padding:16px 17px; }
.ao-depth-meter > strong { font-size:7px;letter-spacing:.30em;text-transform:uppercase; }
.ao-bars { height:75px;display:flex;align-items:flex-end;gap:7px;margin-top:12px; }
.ao-bars span { flex:1;min-width:5px;border:1px solid rgba(255,255,255,.12);border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#ffb55c,#6d2d0b);box-shadow:0 0 13px rgba(255,106,25,.14); }
.ao-bars span:nth-child(1){height:15%}.ao-bars span:nth-child(2){height:27%}.ao-bars span:nth-child(3){height:39%}.ao-bars span:nth-child(4){height:53%}.ao-bars span:nth-child(5){height:69%}.ao-bars span:nth-child(6){height:86%}.ao-bars span:nth-child(7){height:100%}
.ao-meter-labels { display:flex;justify-content:space-between;margin-top:8px;color:#746d67;font-size:6px;letter-spacing:.12em;text-transform:uppercase; }
.ao-deep-actions { display:grid;gap:9px;margin-top:12px; }
.ao-primary,
.ao-secondary {
  min-height:54px;
  border-radius:18px;
  font-weight:700;
  letter-spacing:.05em;
}
.ao-primary {
  border:1px solid rgba(255,154,48,.72);
  color:#fff0d8;
  background:linear-gradient(180deg,rgba(91,42,13,.92),rgba(30,13,5,.96));
  box-shadow:0 0 27px rgba(255,101,20,.18),inset 0 1px 0 rgba(255,236,197,.07);
}
.ao-secondary {
  border:1px solid rgba(255,255,255,.14);
  color:#c8beb3;
  background:rgba(9,9,9,.86);
}

/* Live Web */
.ao-web-intro { margin:7px 2px 16px; }
.ao-web-intro h1 { font-size:clamp(35px,9vw,53px); }
.ao-web-intro h1 span { color:#f0b15e; }
.ao-web-intro p { margin:9px 0 0;color:#9e958c;font-size:11px;line-height:1.55; }
.ao-web-search {
  display:flex;
  gap:9px;
  padding:8px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:18px;
  background:rgba(10,10,10,.96);
}
.ao-web-search input { min-width:0;flex:1;height:47px;padding:0 10px;border:0;outline:0;color:#f2e9df;background:transparent;font-size:13px; }
.ao-web-search button { min-width:48px;border:1px solid rgba(255,139,42,.64);border-radius:14px;color:#ffd08a;background:rgba(74,30,8,.72);font-weight:800; }
.ao-web-tabs { display:flex;gap:7px;margin:12px 0;overflow-x:auto;scrollbar-width:none; }
.ao-web-tabs::-webkit-scrollbar { display:none; }
.ao-web-tabs button { flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.10);border-radius:999px;color:#8f8983;background:#080808;font-size:7px;letter-spacing:.13em;text-transform:uppercase; }
.ao-web-tabs button.active { border-color:rgba(255,139,42,.55);color:#ffc06d;background:rgba(67,27,7,.54); }
.ao-web-status { min-height:20px;margin:7px 2px;color:#8c837b;font-size:8px;letter-spacing:.08em; }
.ao-web-status.loading { color:#f3b761; }
.ao-web-status.error { color:#ff9c84; }
.ao-web-results { display:grid;gap:9px; }
.ao-source-card {
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:11px;
  min-height:70px;
  padding:11px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:17px;
  color:inherit;
  background:linear-gradient(155deg,rgba(13,13,13,.97),rgba(7,7,7,.99));
  text-decoration:none;
}
.ao-source-index { width:37px;height:37px;display:grid;place-items:center;border:1px solid rgba(255,146,43,.35);border-radius:12px;color:#ffc06d;background:rgba(72,29,7,.26);font-size:10px;font-weight:800; }
.ao-source-copy { min-width:0; }
.ao-source-copy strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px; }
.ao-source-copy small { display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#766f69;font-size:7px; }
.ao-source-arrow { color:#bdad99;font-size:18px; }
.ao-web-empty { padding:26px 18px;text-align:center;color:#766f68;font-size:10px;line-height:1.6; }
.ao-web-summary { margin-top:11px;padding:17px; }
.ao-web-summary-header { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px; }
.ao-web-summary-header strong { color:#ffc06c;font-size:8px;letter-spacing:.20em;text-transform:uppercase; }
.ao-web-summary-header span { color:#64dfa0;font-size:7px; }
.ao-web-summary p { margin:0;white-space:pre-wrap;color:#d0c7bd;font-size:11px;line-height:1.6; }
.ao-web-summary-actions { display:flex;gap:8px;margin-top:14px; }
.ao-web-summary-actions button { flex:1;min-height:42px;border-radius:13px; }

.ao-toast {
  position:fixed;
  z-index:800;
  left:50%;
  bottom:calc(var(--safe-bottom) + 94px);
  transform:translate(-50%,16px);
  max-width:min(90vw,520px);
  padding:11px 14px;
  border:1px solid rgba(255,177,83,.30);
  border-radius:14px;
  color:#f3dfc2;
  background:rgba(12,10,8,.96);
  box-shadow:0 18px 50px rgba(0,0,0,.50);
  font-size:9px;
  line-height:1.45;
  opacity:0;
  pointer-events:none;
  transition:.2s ease;
}
.ao-toast.show { opacity:1;transform:translate(-50%,0); }

@media(min-width:680px) {
  .ao-home-content { width:min(680px,94%);margin:-58px auto 0; }
  .ao-feature strong { font-size:14px; }
  .ao-feature small { font-size:6.5px; }
  .ao-screen { padding-left:28px;padding-right:28px; }
  .ao-screen-header { margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px; }
}

@media(max-width:374px) {
  .ao-mode-card { min-height:163px;padding-left:5px;padding-right:5px; }
  .ao-mode-card small { font-size:7.3px; }
  .ao-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ao-feature { min-height:92px; }
}

@media(prefers-reduced-motion:reduce) {
  .ao-screen,
  .ao-mode-card,
  .ao-toast { transition:none !important;animation:none !important; }
}