/* FENIX reference lock v2 — matches the approved four-phone concept with real controls. */
body.fenix-reference-interior,
body.fenix-reference-interior .app {
  background:#010204 !important;
  color:#f3eadb !important;
}

/* Header appears on Chat / Library / Live / Profile, never over Home. */
body.fenix-reference-interior .app:has(#home.active) .topbar {
  display:none !important;
}
body.fenix-reference-interior .app:not(:has(#home.active)) .topbar {
  display:flex !important;
  min-height:calc(var(--safe-top) + 58px) !important;
  padding:var(--safe-top) 14px 8px !important;
  align-items:center !important;
  border-bottom:1px solid rgba(197,145,66,.14) !important;
  background:linear-gradient(180deg,rgba(2,3,5,.985),rgba(3,4,6,.92),rgba(3,4,6,.66)) !important;
  backdrop-filter:blur(20px) saturate(120%) !important;
}
body.fenix-reference-interior .brand-mini {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  color:#f2d49a !important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px !important;
  font-weight:500 !important;
  letter-spacing:.28em !important;
  white-space:nowrap;
}
body.fenix-reference-interior .icon-btn {
  width:38px !important;
  height:38px !important;
  border:1px solid rgba(221,163,74,.34) !important;
  background:rgba(7,8,10,.91) !important;
  color:#edc47d !important;
  box-shadow:0 0 18px rgba(228,155,55,.08) !important;
}
body.fenix-reference-interior .fenix-ref-menu { margin-right:auto; font-size:17px; }

/* HOME: one Phoenix, one title, three mode cards, one Enter button. */
body.fenix-reference-interior #home {
  background:#010204 !important;
}
body.fenix-reference-interior #home .fenix2070-shell {
  min-height:100svh !important;
  padding-bottom:108px !important;
  background:
    radial-gradient(ellipse 82% 22% at 50% 54%,rgba(232,157,55,.08),transparent 70%),
    linear-gradient(180deg,#010204,#020407 70%,#010204) !important;
}
body.fenix-reference-interior #home .fenix2070-art {
  height:clamp(500px,128vw,690px) !important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.00) 24%,rgba(0,0,0,.00) 78%,#010204 100%),
    url("https://cdn.creativeclaw.co/u/b202b59b/images/b16c555d-24f0-4b2c-8ada-424cb85178c9.png") 50% 52% / cover no-repeat !important;
  border-bottom:1px solid rgba(223,164,74,.10);
  box-shadow:inset 0 -22px 34px #010204;
}
body.fenix-reference-interior #home .fenix2070-art:before {
  background:
    radial-gradient(ellipse 72% 30% at 50% 38%,rgba(255,205,104,.05),transparent 67%),
    linear-gradient(180deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.38) 14%,transparent 28%,transparent 76%,rgba(1,2,4,.86)) !important;
}
body.fenix-reference-interior #home .fenix2070-art:after {
  height:21% !important;
  background:linear-gradient(180deg,transparent,#010204 92%) !important;
}
body.fenix-reference-interior #home .fenix2070-kicker {
  display:block !important;
  top:4.2% !important;
  color:#d8b36e !important;
  font-size:clamp(7px,2vw,10px) !important;
  letter-spacing:.34em !important;
}
body.fenix-reference-interior #home .fenix2070-brand {
  display:block !important;
  top:9.5% !important;
  bottom:auto !important;
  width:92% !important;
}
body.fenix-reference-interior #home .fenix2070-brand h1 {
  font-size:clamp(42px,13vw,72px) !important;
  letter-spacing:.22em !important;
  margin-right:-.22em !important;
}
body.fenix-reference-interior #home .fenix2070-brand p {
  max-width:310px !important;
  margin-top:8px !important;
  color:#dbc38f !important;
  font-size:clamp(6.5px,1.9vw,9px) !important;
  line-height:1.55 !important;
  letter-spacing:.23em !important;
}
body.fenix-reference-interior #home .fenix2070-creed {
  display:none !important;
}
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-quote,
body.fenix-reference-interior #home .fenix-ref-home-brand,
body.fenix-reference-interior #home .fenix-ref-home-copy {
  display:none !important;
}
body.fenix-reference-interior #home .fenix2070-controls {
  margin-top:-2px !important;
  padding:10px 18px 26px !important;
  background:#010204 !important;
}
body.fenix-reference-interior #home .fenix2070-controls .modebar {
  width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:9px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode {
  min-height:clamp(148px,41vw,208px) !important;
  padding:19px 7px 16px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:8px !important;
  overflow:hidden !important;
  position:relative !important;
  border:1px solid rgba(197,145,67,.38) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 50% 14%,rgba(245,184,82,.12),transparent 34%),
    radial-gradient(circle at 50% 94%,rgba(182,112,35,.11),transparent 42%),
    linear-gradient(160deg,rgba(20,18,14,.985),rgba(4,5,7,.995)) !important;
  color:#b9aa94 !important;
  font-size:clamp(10px,2.8vw,13px) !important;
  font-weight:650 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,232,182,.035),0 18px 34px rgba(0,0,0,.32) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode .mode-icon {
  width:48px !important;
  height:48px !important;
  color:#e9b75f !important;
  border:1px solid rgba(224,166,78,.38);
  border-radius:50%;
  background:radial-gradient(circle,rgba(231,169,74,.13),rgba(7,8,10,.08) 67%);
  box-shadow:0 0 22px rgba(232,164,62,.10);
}
body.fenix-reference-interior #home .fenix2070-controls .mode .mode-icon svg {
  width:31px !important;
  height:31px !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode small {
  display:block !important;
  max-width:92px !important;
  color:#847b70 !important;
  font-size:clamp(6.3px,1.7vw,8.2px) !important;
  line-height:1.48 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase;
}
body.fenix-reference-interior #home .fenix2070-controls .mode.active {
  border-color:rgba(244,186,87,.82) !important;
  color:#ffe5aa !important;
  background:
    radial-gradient(circle at 50% 12%,rgba(245,184,82,.24),transparent 46%),
    radial-gradient(circle at 50% 88%,rgba(177,103,29,.18),transparent 48%),
    linear-gradient(180deg,rgba(76,46,17,.95),rgba(14,10,7,.995)) !important;
  box-shadow:0 0 30px rgba(236,164,52,.17),inset 0 0 0 1px rgba(255,230,176,.05) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Think"] {
  background:
    radial-gradient(circle at 50% 18%,rgba(242,182,83,.13),transparent 38%),
    linear-gradient(180deg,rgba(37,27,16,.97),rgba(8,8,9,.995)) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Instant"] {
  background:
    radial-gradient(ellipse 90% 32% at 50% 92%,rgba(229,165,69,.15),transparent 55%),
    linear-gradient(180deg,rgba(14,14,15,.98),rgba(6,7,8,.995)) !important;
}
body.fenix-reference-interior #home .fenix2070-controls .mode[data-mode="Deep"] {
  background:
    radial-gradient(circle at 72% 64%,rgba(214,147,58,.12),transparent 31%),
    radial-gradient(circle at 25% 22%,rgba(108,112,142,.08),transparent 33%),
    linear-gradient(180deg,rgba(14,14,15,.98),rgba(5,6,8,.995)) !important;
}
.fenix-ref-enter {
  display:none !important;
  width:100%;
  min-height:54px;
  margin-top:12px;
  border:1px solid rgba(240,179,83,.70);
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 0,rgba(236,169,68,.14),transparent 70%),
    linear-gradient(180deg,rgba(68,44,19,.72),rgba(15,11,8,.98));
  color:#f5dfb2;
  font-size:11px;
  font-weight:600;
  letter-spacing:.27em;
  text-transform:uppercase;
  box-shadow:0 0 25px rgba(232,157,55,.12),inset 0 0 0 1px rgba(255,255,255,.025);
}
.fenix-ref-enter:active { transform:scale(.985); }
.fenix-ref-bottom-creed {
  display:none !important;
  margin:10px auto 0;
  text-align:center;
  color:#716653;
  font-size:6.5px;
  font-weight:500;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.fenix-ref-bottom-creed strong {
  color:#a98a58;
  font-weight:600;
}

/* Interior screens share the same black/gold architectural atmosphere. */
body.fenix-reference-interior .screen:not(#home) {
  padding-top:calc(var(--safe-top) + 72px) !important;
  padding-left:14px !important;
  padding-right:14px !important;
  padding-bottom:calc(var(--safe-bottom) + 112px) !important;
  background:
    radial-gradient(650px 330px at 50% 0,rgba(227,157,58,.08),transparent 66%),
    radial-gradient(420px 320px at 86% 34%,rgba(63,105,155,.045),transparent 72%),
    linear-gradient(180deg,#020305,#050608 52%,#010204) !important;
}
body.fenix-reference-interior .eyebrow {
  color:#b99355 !important;
  font-size:7px !important;
  letter-spacing:.30em !important;
  text-transform:uppercase;
}
body.fenix-reference-interior .section-title {
  margin-top:6px !important;
  color:#f3d99f !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(28px,7.5vw,40px) !important;
  font-weight:500 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase;
}
body.fenix-reference-interior .section-copy {
  color:#918a80 !important;
  font-size:11px !important;
  line-height:1.55 !important;
}

/* CHAT */
body.fenix-reference-interior #chat .eyebrow,
body.fenix-reference-interior #chat .section-title,
body.fenix-reference-interior #chat .section-copy {
  text-align:center !important;
}
body.fenix-reference-interior #chat .research-toolbar {
  display:none !important;
}
body.fenix-reference-interior #chat .chat-list {
  gap:9px !important;
  max-width:620px;
  margin:18px auto 0 !important;
}
body.fenix-reference-interior #chat .bubble {
  border:1px solid rgba(184,137,68,.22) !important;
  border-radius:15px !important;
  background:rgba(8,9,11,.94) !important;
  color:#e8e0d4 !important;
  font-size:12px !important;
  line-height:1.55 !important;
  box-shadow:0 9px 24px rgba(0,0,0,.28) !important;
}
body.fenix-reference-interior #chat .bubble.user {
  border-color:rgba(191,145,77,.28) !important;
  background:linear-gradient(180deg,rgba(46,40,32,.88),rgba(15,15,16,.96)) !important;
}
body.fenix-reference-interior #chat .bubble .who {
  color:#d9a758 !important;
}
.fenix-ref-chat-starters {
  display:grid;
  gap:7px;
  max-width:620px;
  margin:12px auto 14px;
}
.fenix-ref-chat-starter {
  min-height:42px;
  padding:10px 13px;
  border:1px solid rgba(191,145,75,.24);
  border-radius:14px;
  background:rgba(8,9,11,.91);
  color:#d9cdbc;
  text-align:left;
  font-size:11px;
}
.fenix-ref-chat-starter::after { content:"→"; float:right; color:#d7a151; }
body.fenix-reference-interior .composer {
  bottom:calc(var(--safe-bottom) + 86px) !important;
  border:1px solid rgba(214,159,75,.34) !important;
  border-radius:19px !important;
  background:rgba(6,7,9,.98) !important;
  box-shadow:0 16px 52px rgba(0,0,0,.58),0 0 26px rgba(224,150,45,.04) !important;
}
body.fenix-reference-interior .composer textarea { color:#f0e8dd !important; }
body.fenix-reference-interior .composer-mic,
body.fenix-reference-interior .send {
  border-color:rgba(236,176,79,.58) !important;
  color:#ffdc95 !important;
  background:radial-gradient(circle at 45% 35%,rgba(122,72,25,.98),rgba(24,16,10,.99) 72%) !important;
}

/* LIBRARY — names are always visible below the portraits. */
body.fenix-reference-interior #minds .eyebrow,
body.fenix-reference-interior #minds .section-title,
body.fenix-reference-interior #minds .section-copy {
  text-align:center !important;
}
body.fenix-reference-interior .future-library-search {
  border:1px solid rgba(203,151,75,.30) !important;
  background:rgba(6,7,9,.96) !important;
}
body.fenix-reference-interior .future-library-search input { color:#e8e0d3 !important; }
body.fenix-reference-interior .future-library-chip {
  border-color:rgba(181,136,69,.22) !important;
  background:rgba(7,8,10,.92) !important;
  color:#8d8578 !important;
}
body.fenix-reference-interior .future-library-chip.active {
  border-color:rgba(236,179,82,.62) !important;
  color:#f5dba6 !important;
  background:linear-gradient(180deg,rgba(91,56,22,.82),rgba(25,18,12,.96)) !important;
}
body.fenix-reference-interior #minds .minds-grid.library-reflections {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  max-width:660px !important;
}
body.fenix-reference-interior #minds .mind-card.creator-card.library-profile {
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(211,159,78,.31) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,rgba(15,14,13,.99),rgba(5,6,8,.99)) !important;
}
body.fenix-reference-interior #minds .mind-card.creator-card.library-profile .pic {
  flex:0 0 auto !important;
  width:100% !important;
  height:clamp(132px,29vw,190px) !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  border:0 !important;
  border-bottom:1px solid rgba(211,159,78,.18) !important;
}
body.fenix-reference-interior #minds .mind-card.creator-card.library-profile .pic img {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 22% !important;
  filter:grayscale(.20) sepia(.09) contrast(1.05) brightness(.90) !important;
}
body.fenix-reference-interior #minds .mind-card.creator-card.library-profile .pic::before {
  display:none !important;
}
body.fenix-reference-interior #minds .mind-card.creator-card.library-profile .info {
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:86px !important;
  padding:8px 7px 9px !important;
  text-align:center !important;
}
body.fenix-reference-interior #minds .mind-card.creator-card.library-profile .info > b {
  order:1;
  display:block !important;
  min-height:28px !important;
  margin:0 !important;
  color:#f3dfb8 !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:10px !important;
  font-weight:700 !important;
  line-height:1.18 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase;
}
body.fenix-reference-interior #minds .mind-card.creator-card.library-profile .info > span:first-child {
  order:2;
  display:block !important;
  min-height:24px !important;
  margin-top:3px !important;
  color:#a88958 !important;
  font-size:6.2px !important;
  line-height:1.3 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase;
}
body.fenix-reference-interior #minds .mind-card.creator-card.library-profile .library-kicker,
body.fenix-reference-interior #minds .mind-card.creator-card.library-profile .creator-reason {
  display:none !important;
}
body.fenix-reference-interior #minds .mind-card.creator-card.library-profile .library-hear {
  order:3;
  display:block !important;
  min-height:0 !important;
  margin:6px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#d4a65c !important;
  font-size:6.5px !important;
  line-height:1.2 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase;
}

/* LIVE */
body.fenix-reference-interior #live .eyebrow,
body.fenix-reference-interior #live .section-title,
body.fenix-reference-interior #live .section-copy { text-align:center !important; }
body.fenix-reference-interior #live .live-stage {
  min-height:620px !important;
  border:1px solid rgba(203,151,73,.24) !important;
  background:
    radial-gradient(circle at 50% 33%,rgba(235,164,60,.07),transparent 37%),
    linear-gradient(180deg,rgba(7,8,10,.91),rgba(2,3,5,.98)) !important;
}
body.fenix-reference-interior #live .live-orb {
  width:min(68vw,300px) !important;
  height:min(68vw,300px) !important;
  margin:22px auto 24px !important;
  border:1px solid rgba(244,184,87,.62) !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(241,175,70,.07),rgba(4,5,7,.97) 63%) !important;
  box-shadow:0 0 48px rgba(235,159,55,.17),0 0 0 14px rgba(232,161,56,.024),inset 0 0 58px rgba(220,147,44,.07) !important;
}
body.fenix-reference-interior #live .live-orb img { display:none !important; }
.fenix-ref-wave {
  position:absolute;
  inset:20% 10%;
  width:80%;
  height:60%;
  filter:drop-shadow(0 0 8px rgba(255,184,72,.74));
}
.fenix-ref-wave path {
  fill:none;
  stroke:#ffbe5e;
  stroke-width:2.4;
  stroke-linecap:round;
}
body.fenix-reference-interior #live .live-status {
  color:#f0dfba !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:18px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase;
}
body.fenix-reference-interior #live .live-detail {
  color:#897d6c !important;
  font-size:8px !important;
  letter-spacing:.20em !important;
}
body.fenix-reference-interior #live .live-voice-picker {
  width:100%;
  max-width:520px;
  margin:15px auto 4px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
body.fenix-reference-interior #live .live-voice-option {
  min-height:54px;
  padding:9px 10px;
  border:1px solid rgba(193,145,70,.24);
  border-radius:15px;
  background:rgba(7,8,10,.94);
  color:#8f877b;
  text-align:left;
}
body.fenix-reference-interior #live .live-voice-option b {
  display:block;
  color:#d9bd88;
  font-size:10px;
  line-height:1.2;
  font-weight:600;
}
body.fenix-reference-interior #live .live-voice-option small {
  display:block;
  margin-top:4px;
  color:#746d64;
  font-size:7px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
body.fenix-reference-interior #live .live-voice-option.active {
  border-color:rgba(239,181,83,.68);
  background:linear-gradient(180deg,rgba(91,56,22,.74),rgba(20,15,10,.97));
  box-shadow:0 0 18px rgba(235,165,60,.08);
}
body.fenix-reference-interior #live .live-voice-option.active b,
body.fenix-reference-interior #live .live-voice-option.active small {
  color:#f4d89f;
}
.fenix-ref-live-modes {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:16px 0 4px;
}
.fenix-ref-live-mode {
  min-height:58px;
  border:1px solid rgba(192,143,69,.24);
  border-radius:15px;
  background:rgba(7,8,10,.94);
  color:#8d8478;
  font-size:7px;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.fenix-ref-live-mode strong {
  display:block;
  margin-bottom:4px;
  color:#d9b779;
  font-size:10px;
  font-weight:600;
}
.fenix-ref-live-mode.active {
  border-color:rgba(239,181,83,.68);
  background:linear-gradient(180deg,rgba(91,56,22,.74),rgba(20,15,10,.97));
  color:#f5d99e;
}
body.fenix-reference-interior #live .live-controls {
  gap:8px !important;
  margin-top:18px !important;
}
body.fenix-reference-interior #live .live-control {
  min-height:72px !important;
  border-color:rgba(189,142,70,.24) !important;
  background:rgba(6,7,9,.92) !important;
  color:#a89a86 !important;
}
body.fenix-reference-interior #live .live-control.end {
  border-color:rgba(203,72,59,.36) !important;
  color:#c6857b !important;
}

/* Bottom navigation: Home · Chat · Library · Live · Profile */
body.fenix-reference-interior .fenix2070-nav {
  height:78px !important;
  width:min(calc(100% - 20px),800px) !important;
  bottom:max(7px,var(--safe-bottom)) !important;
  padding:6px 5px !important;
  border:1px solid rgba(178,131,63,.21) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,rgba(6,7,9,.97),rgba(2,3,5,.995)) !important;
  box-shadow:0 16px 48px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.024) !important;
}
body.fenix-reference-interior .fenix2070-nav button {
  height:63px !important;
  color:#777169 !important;
  border-radius:16px !important;
  font-size:9px !important;
}
body.fenix-reference-interior .fenix2070-nav button.active {
  color:#efba65 !important;
  text-shadow:0 0 14px rgba(232,161,56,.22) !important;
}
body.fenix-reference-interior .fenix2070-nav .live-nav {
  width:auto !important;
  height:63px !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.fenix-reference-interior .fenix2070-nav .live-nav .nav-icon {
  height:31px !important;
}
body.fenix-reference-interior .fenix2070-nav .live-nav .nav-icon svg {
  width:25px !important;
  height:25px !important;
}
body.fenix-reference-interior .fenix2070-nav .live-label { margin:0 !important; font-size:9px !important; }

@media(max-width:390px) {
  body.fenix-reference-interior #home .fenix2070-art { height:clamp(490px,128vw,570px) !important; }
  body.fenix-reference-interior #home .fenix2070-controls .mode { min-height:150px !important; }
  body.fenix-reference-interior #minds .mind-card.creator-card.library-profile .pic {
    height:128px !important;
  }
}