#home .modebar {
  pointer-events:auto !important;
  z-index:120 !important;
}
#home .mode {
  position:relative !important;
  z-index:121 !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  user-select:none !important;
}
#fenixModeToast {
  position:fixed;
  left:50%;
  top:max(18px, env(safe-area-inset-top));
  transform:translateX(-50%) translateY(-8px);
  z-index:320;
  padding:8px 13px;
  border-radius:999px;
  border:1px solid rgba(255,196,112,.28);
  background:rgba(4,6,9,.88);
  color:#ffe7bd;
  font-size:11px;
  letter-spacing:.05em;
  box-shadow:0 10px 30px rgba(0,0,0,.45);
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;
  backdrop-filter:blur(14px);
}
#fenixModeToast.show {
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

:root {
  --f2070-gold:#f4c96f;
  --f2070-gold-soft:#d9ab59;
  --f2070-blue:#82c8ff;
  --f2070-ink:#02060b;
  --f2070-panel:rgba(5,11,18,.90);
  --f2070-line:rgba(129,181,226,.31);
  --f2070-muted:#aeb8c6;
}

body.fenix2070 {
  background:#010409 !important;
  overscroll-behavior-y:none;
}
body.fenix2070 .app {
  background:#010409 !important;
  box-shadow:0 0 90px rgba(0,0,0,.92) !important;
}
body.fenix2070 .app:before { display:none !important; }
body.fenix2070 .topbar { display:none !important; }
body.fenix2070 > * { -webkit-tap-highlight-color:transparent; }

#home.home {
  padding:0 0 calc(122px + var(--safe-bottom)) !important;
  background:#010409 !important;
  min-height:100svh !important;
  overflow:visible !important;
}
#home .fenix2070-legacy { display:none !important; }
#home .fenix2070-shell {
  position:relative;
  min-height:100svh;
  background:
    radial-gradient(ellipse 85% 30% at 50% 48%,rgba(25,84,145,.10),transparent 68%),
    linear-gradient(180deg,#010409 0%,#02070d 62%,#010409 100%);
}

/* Final approved world: the artwork is only scenery. Every label and control below is real DOM. */
#home .fenix2070-art {
  position:relative;
  width:100%;
  height:clamp(610px,64svh,830px);
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(1,4,8,.02) 0%,rgba(1,4,8,.02) 72%,#010409 100%),
    url("https://cdn.creativeclaw.co/u/b202b59b/images/b16c555d-24f0-4b2c-8ada-424cb85178c9.png") 50% 2% / cover no-repeat;
}
#home .fenix2070-art:before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse 72% 28% at 50% 32%,rgba(255,208,104,.04),transparent 67%),
    linear-gradient(90deg,rgba(0,5,11,.15),transparent 17%,transparent 83%,rgba(0,5,11,.15));
}
#home .fenix2070-art:after {
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:18%;
  z-index:2;pointer-events:none;
  background:linear-gradient(180deg,transparent,#010409 89%);
}

#home .fenix2070-kicker {
  position:absolute;
  z-index:6;
  top:2.8%;
  left:50%;
  transform:translateX(-50%);
  width:92%;
  text-align:center;
  color:#d8bd82;
  font-size:clamp(7px,2vw,11px);
  font-weight:600;
  letter-spacing:.31em;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(245,201,111,.12);
  pointer-events:none;
}
#home .fenix2070-brand {
  position:absolute;
  z-index:5;
  top:8.2%;
  left:50%;
  transform:translateX(-50%);
  width:88%;
  text-align:center;
  pointer-events:none;
}
#home .fenix2070-brand h1 {
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  font-size:clamp(49px,14.5vw,92px);
  line-height:.92;
  letter-spacing:.16em;
  margin-right:-.16em;
  color:#f9df9a;
  background:linear-gradient(180deg,#fff5ce 0%,#f4cb78 42%,#b9792d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 30px rgba(255,205,112,.09);
}
#home .fenix2070-brand p {
  margin:10px auto 0;
  max-width:92%;
  font-size:clamp(7px,2.15vw,12px);
  line-height:1.55;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#e8d29e;
  white-space:normal;
}
#home .fenix2070-creator-welcome {
  position:absolute;
  z-index:9;
  left:14px;
  bottom:18px;
  max-width:min(48%,190px);
  display:none;
  padding:8px 11px 9px;
  border:1px solid rgba(232,179,91,.30);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(10,10,11,.74),rgba(4,5,7,.90));
  box-shadow:0 10px 30px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,238,204,.035);
  backdrop-filter:blur(16px) saturate(120%);
}
#home .fenix2070-creator-welcome.show { display:grid; }
#home .fenix2070-creator-welcome small {
  color:#8f7751;
  font-size:6px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
#home .fenix2070-creator-welcome strong {
  margin-top:2px;
  color:#f4d495;
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  font-weight:500;
  line-height:1;
}
#home .fenix2070-creator-welcome span {
  margin-top:3px;
  color:#9b8b72;
  font-size:6.4px;
  letter-spacing:.09em;
  text-transform:uppercase;
}

#home .fenix2070-creed {
  position:absolute;
  z-index:6;
  left:50%;
  bottom:3.8%;
  transform:translateX(-50%);
  width:92%;
  text-align:center;
  color:#aa956e;
  font-size:clamp(6px,1.8vw,9px);
  font-weight:500;
  letter-spacing:.26em;
  text-transform:uppercase;
  text-shadow:0 2px 14px rgba(0,0,0,.78);
  pointer-events:none;
}

#home .fenix2070-sidecopy,
#home .fenix2070-tribute-label,
#home .fenix2070-hotspot { display:none !important; }

#home .fenix2070-sidecopy {
  position:absolute;
  z-index:5;
  top:2.6%;
  width:17%;
  color:#cba76e;
  font-size:clamp(6px,1.65vw,10px);
  line-height:1.55;
  letter-spacing:.13em;
  text-transform:uppercase;
  pointer-events:none;
}
#home .fenix2070-sidecopy.left { left:4%; text-align:left; }
#home .fenix2070-sidecopy.right { right:4%; text-align:right; }
#home .fenix2070-sidecopy:after {
  content:"";
  display:block;
  width:22px;
  height:1px;
  margin-top:7px;
  background:rgba(231,200,135,.55);
}
#home .fenix2070-sidecopy.right:after { margin-left:auto; }

#home .fenix2070-tribute-label {
  position:absolute;
  z-index:6;
  width:25%;
  color:#e7d9bf;
  pointer-events:none;
  text-shadow:0 2px 14px rgba(0,0,0,.85);
}
#home .fenix2070-tribute-label strong {
  display:block;
  color:#b9dfff;
  font-size:clamp(8px,2.15vw,12px);
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:6px;
}
#home .fenix2070-tribute-label span {
  display:block;
  color:#ece5d9;
  font-size:clamp(6px,1.75vw,9px);
  line-height:1.48;
  letter-spacing:.10em;
  text-transform:uppercase;
}
#home .fenix2070-tribute-label.tesla { left:4.2%; top:23%; text-align:left; }
#home .fenix2070-tribute-label.mileva { right:4.2%; top:23%; text-align:right; }
#home .fenix2070-tribute-label.davinci { left:4.2%; top:52%; text-align:left; }
#home .fenix2070-tribute-label.frida { right:4.2%; top:52%; text-align:right; }

#home .fenix2070-hotspot {
  position:absolute;
  z-index:12;
  border:0;
  background:transparent;
  opacity:0;
  border-radius:24px;
  touch-action:manipulation;
}
#home .fenix2070-hotspot:focus-visible {
  opacity:1;
  outline:1px solid rgba(245,201,111,.72);
  box-shadow:0 0 30px rgba(245,201,111,.20);
}
#home .fenix2070-hotspot[data-tribute="tesla"] { left:1.5%; top:11%; width:28%; height:26%; }
#home .fenix2070-hotspot[data-tribute="mileva"] { right:1.5%; top:11%; width:28%; height:26%; }
#home .fenix2070-hotspot[data-tribute="davinci"] { left:1.5%; top:38%; width:28%; height:27%; }
#home .fenix2070-hotspot[data-tribute="frida"] { right:1.5%; top:38%; width:28%; height:27%; }

#home .fenix2070-controls {
  position:relative;
  z-index:20;
  margin-top:-8px;
  padding:0 18px 30px;
  background:linear-gradient(180deg,rgba(1,4,9,.02),#010409 4%,#010409 100%);
}

#home .fenix2070-question {
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:72px;
  padding:9px 10px;
  border:1px solid rgba(159,192,221,.58);
  border-radius:34px;
  background:
    radial-gradient(circle at 94% 50%,rgba(224,169,81,.09),transparent 22%),
    linear-gradient(180deg,rgba(13,23,34,.98),rgba(5,11,18,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(255,255,255,.008),
    0 16px 44px rgba(0,0,0,.45),
    0 0 34px rgba(77,159,238,.05);
  backdrop-filter:blur(24px) saturate(125%);
}
#home .fenix2070-question input {
  min-width:0;
  flex:1;
  height:50px;
  border:0;
  outline:0;
  background:transparent;
  color:#eff6ff;
  font-size:clamp(15px,4vw,18px);
  letter-spacing:.005em;
}
#home .fenix2070-question input::placeholder { color:#8997a8; opacity:.95; }
#home .fenix2070-mic,
#home .fenix2070-send {
  flex:0 0 56px;
  width:56px;
  height:56px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#ffe5a1;
  border:1px solid rgba(245,201,111,.75);
  background:radial-gradient(circle at 48% 35%,rgba(137,99,42,.94),rgba(25,18,12,.98) 70%);
  box-shadow:0 0 24px rgba(245,201,111,.24),inset 0 0 0 1px rgba(255,255,255,.05);
}
#home .fenix2070-mic svg,
#home .fenix2070-send svg { width:25px;height:25px; }
#home .fenix2070-mic {
  color:#d8ecff;
  border-color:rgba(112,180,238,.62);
  background:radial-gradient(circle at 48% 35%,rgba(46,92,132,.88),rgba(9,18,28,.98) 72%);
  box-shadow:0 0 22px rgba(91,168,235,.16),inset 0 0 0 1px rgba(255,255,255,.04);
}
#home .fenix2070-mic.recording {
  color:#fff1d0;
  border-color:rgba(255,112,81,.88);
  background:radial-gradient(circle at 48% 35%,rgba(155,58,39,.92),rgba(42,13,12,.98) 72%);
  box-shadow:0 0 28px rgba(255,85,56,.34),inset 0 0 0 1px rgba(255,255,255,.05);
  animation:fenixMicPulse 1.05s ease-in-out infinite;
}
#home .fenix2070-mic.transcribing {
  opacity:.72;
  pointer-events:none;
}
#home .fenix2070-send {
  transition:opacity .16s ease, transform .16s ease, border-color .16s ease;
}
#home .fenix2070-send:disabled {
  opacity:.34;
  filter:saturate(.5);
}
#home .fenix2070-send:not(:disabled):active,
#home .fenix2070-mic:active { transform:scale(.96); }
#home .fenix2070-dictation-status {
  min-height:18px;
  margin:7px 14px 0;
  color:#91a6ba;
  font-size:10px;
  line-height:1.35;
  letter-spacing:.02em;
}
#home .fenix2070-dictation-status.listening { color:#ffb29f; }
#home .fenix2070-dictation-status.error { color:#ff9b9b; }
@keyframes fenixMicPulse {
  0%,100% { box-shadow:0 0 20px rgba(255,85,56,.20),inset 0 0 0 1px rgba(255,255,255,.05); }
  50% { box-shadow:0 0 34px rgba(255,85,56,.46),inset 0 0 0 1px rgba(255,255,255,.06); }
}

/* The final design uses one segmented response-depth capsule, not three floating cards. */
#home .fenix2070-controls .modebar {
  width:min(78%,640px) !important;
  margin:14px auto 0 !important;
  padding:4px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  border:1px solid rgba(125,156,188,.36) !important;
  border-radius:32px !important;
  background:linear-gradient(180deg,rgba(8,15,24,.96),rgba(3,7,13,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 32px rgba(0,0,0,.30) !important;
  backdrop-filter:blur(22px) !important;
}
#home .fenix2070-controls .mode {
  min-height:55px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:10px 8px !important;
  border:0 !important;
  border-radius:27px !important;
  background:transparent !important;
  color:#aeb9c7 !important;
  box-shadow:none !important;
  font-size:clamp(12px,3.35vw,16px) !important;
  font-weight:500 !important;
  line-height:1 !important;
  opacity:1 !important;
  transition:color .16s ease, background .16s ease, box-shadow .16s ease !important;
}
#home .fenix2070-controls .mode .mode-icon {
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  color:#9cabbb;
  font-size:20px;
  line-height:1;
}
#home .fenix2070-controls .mode .mode-icon svg {
  width:22px;
  height:22px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#home .fenix2070-controls .mode small { display:none !important; }
#home .fenix2070-controls .mode.active {
  border:1px solid rgba(245,201,111,.66) !important;
  color:#ffe29a !important;
  background:
    radial-gradient(circle at 48% 5%,rgba(245,201,111,.18),transparent 64%),
    linear-gradient(180deg,rgba(49,37,21,.95),rgba(10,12,16,.96)) !important;
  box-shadow:0 0 26px rgba(245,201,111,.15),inset 0 0 0 1px rgba(255,255,255,.02) !important;
}
#home .fenix2070-controls .mode.active .mode-icon { color:#ffda82; text-shadow:0 0 14px rgba(245,201,111,.55); }

#home .fenix2070-features {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
#home .fenix2070-feature {
  position:relative;
  min-height:138px;
  overflow:hidden;
  padding:74px 13px 13px;
  text-align:left;
  border-radius:20px;
  border:1px solid rgba(112,169,222,.34);
  background:linear-gradient(180deg,rgba(12,24,36,.86),rgba(4,9,15,.98));
  color:#edf4fb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.28);
}
#home .fenix2070-feature:before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:72px;
  background-size:cover;
  background-position:center;
  opacity:.92;
}
#home .fenix2070-feature:after {
  content:"";
  position:absolute;
  inset:34px 0 auto 0;
  height:50px;
  background:linear-gradient(180deg,transparent,rgba(4,9,15,.98));
}
#home .fenix2070-feature[data-action="greatminds"]:before {
  background:
    radial-gradient(circle at 50% 28%,rgba(84,150,219,.17),transparent 52%),
    linear-gradient(180deg,#0b1b2c,#06101b);
}
#home .fenix2070-feature[data-action="daily"]:before { background-image:url("https://cdn.creativeclaw.co/u/b202b59b/images/afd39391-2f44-4a2c-892b-63d70189700a.png"); }
#home .fenix2070-feature[data-action="explore"]:before { background-image:url("https://cdn.creativeclaw.co/u/b202b59b/images/6459284c-dc28-415e-9051-9778135946a5.png"); }
#home .fenix2070-feature strong,
#home .fenix2070-feature small,
#home .fenix2070-feature .feature-arrow,
#home .fenix2070-mind-strip { position:relative; z-index:3; }
#home .fenix2070-feature strong { display:block; font-size:clamp(12px,3.2vw,16px); font-weight:500; line-height:1.15; color:#fff2d3; }
#home .fenix2070-feature small { display:block; margin-top:5px; color:#b7c0cc; font-size:clamp(8px,2.2vw,11px); line-height:1.35; }
#home .fenix2070-feature .feature-arrow { position:absolute; right:10px; bottom:12px; color:#f3c978; font-size:21px; }
#home .fenix2070-feature:active { transform:scale(.985); border-color:rgba(245,201,111,.48); }

#home .fenix2070-mind-strip {
  position:absolute;
  top:9px;left:10px;right:10px;
  display:flex;
  align-items:flex-end;
  gap:0;
}
#home .fenix2070-mind-strip img {
  width:34px;height:44px;
  object-fit:cover;
  border-radius:45% 45% 40% 40%;
  border:1px solid rgba(125,187,239,.34);
  filter:grayscale(.25) sepia(.12) contrast(1.05) brightness(.86);
  margin-right:-8px;
  box-shadow:0 0 13px rgba(61,153,238,.08);
}

body.fenix2070 .bottomnav { display:none !important; }
.fenix2070-nav {
  position:fixed;
  z-index:180;
  left:50%;
  transform:translateX(-50%);
  bottom:max(7px,var(--safe-bottom));
  width:min(calc(100% - 18px),800px);
  height:86px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:center;
  padding:7px 8px;
  border:1px solid rgba(104,147,188,.31);
  border-radius:34px;
  background:linear-gradient(180deg,rgba(5,11,18,.93),rgba(2,6,11,.985));
  box-shadow:0 18px 54px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(26px) saturate(125%);
}
.fenix2070-nav button {
  height:66px;
  min-width:0;
  border:0;
  background:transparent;
  color:#9faaba;
  border-radius:23px;
  font-size:10px;
  letter-spacing:.01em;
}
.fenix2070-nav .nav-icon {
  display:grid;
  place-items:center;
  height:31px;
  margin-bottom:2px;
}
.fenix2070-nav .nav-icon svg { width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.7; }
.fenix2070-nav button.active { color:#ffe193; text-shadow:0 0 14px rgba(245,201,111,.42); }
.fenix2070-nav .live-nav {
  width:76px;
  height:76px;
  margin:-28px auto 0;
  border-radius:50%;
  border:1px solid rgba(245,201,111,.74);
  color:#ffe198;
  background:radial-gradient(circle at 50% 38%,rgba(88,65,30,.90),rgba(6,9,14,.99) 66%);
  box-shadow:0 0 28px rgba(245,201,111,.25),inset 0 0 0 7px rgba(255,255,255,.018);
}
.fenix2070-nav .live-nav .nav-icon { height:38px;margin:0; }
.fenix2070-nav .live-nav .nav-icon svg { width:34px;height:34px; }
.fenix2070-nav .live-label { display:block; margin-top:-2px; font-size:9px; }

/* Keep the rest of the application in the same visual universe. */
body.fenix2070 .screen:not(#home) {
  padding-top:calc(var(--safe-top) + 26px) !important;
  padding-bottom:calc(var(--safe-bottom) + 132px) !important;
  background:
    radial-gradient(600px 420px at 50% 0,rgba(36,103,171,.13),transparent 63%),
    linear-gradient(180deg,#050a11,#010409 72%) !important;
}
body.fenix2070 #chat .section-title,
body.fenix2070 #minds .section-title,
body.fenix2070 #live .section-title,
body.fenix2070 #vision .section-title { color:#f6d99a !important; letter-spacing:.02em; }
body.fenix2070 .panel,
body.fenix2070 .mind-card,
body.fenix2070 .bubble.ai {
  border-color:rgba(91,154,215,.22) !important;
  background:linear-gradient(155deg,rgba(13,24,37,.91),rgba(4,8,14,.95)) !important;
}
body.fenix2070 .bubble.user {
  border-color:rgba(245,201,111,.30) !important;
  background:linear-gradient(155deg,rgba(56,43,24,.76),rgba(17,17,20,.95)) !important;
}
body.fenix2070 .composer {
  bottom:calc(var(--safe-bottom) + 101px) !important;
  border-color:rgba(91,160,224,.32) !important;
  background:rgba(5,11,18,.96) !important;
}
body.fenix2070 .send {
  border-color:rgba(245,201,111,.54) !important;
  background:radial-gradient(circle at 40% 30%,#b38439,#261b10 72%) !important;
  color:#ffe6aa !important;
}
body.fenix2070 .composer-mic {
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(105,175,235,.54);
  background:radial-gradient(circle at 45% 34%,rgba(47,95,137,.88),rgba(7,17,27,.98) 72%);
  color:#d8ecff;
  box-shadow:0 0 20px rgba(86,163,231,.14),inset 0 0 0 1px rgba(255,255,255,.035);
}
body.fenix2070 .composer-mic svg {
  width:22px;
  height:22px;
}
body.fenix2070 .composer-mic.recording {
  color:#fff0dc;
  border-color:rgba(255,111,82,.86);
  background:radial-gradient(circle at 45% 34%,rgba(153,58,40,.92),rgba(40,13,12,.98) 72%);
  box-shadow:0 0 30px rgba(255,84,55,.36),inset 0 0 0 1px rgba(255,255,255,.045);
  animation:fenixComposerMicPulse 1.05s ease-in-out infinite;
}
body.fenix2070 .composer-mic.transcribing {
  opacity:.72;
  pointer-events:none;
}
body.fenix2070 .composer-dictation-status {
  position:absolute;
  left:14px;
  right:14px;
  bottom:calc(100% + 7px);
  min-height:0;
  padding:0;
  color:#9db0c2;
  font-size:10px;
  line-height:1.35;
  text-align:center;
  pointer-events:none;
}
body.fenix2070 .composer-dictation-status:not(:empty) {
  padding:7px 10px;
  border:1px solid rgba(92,154,211,.24);
  border-radius:13px;
  background:rgba(5,11,18,.94);
  box-shadow:0 8px 24px rgba(0,0,0,.30);
  backdrop-filter:blur(14px);
}
body.fenix2070 .composer-dictation-status.listening {
  color:#ffb6a4;
  border-color:rgba(255,111,82,.30);
}
body.fenix2070 .composer-dictation-status.error {
  color:#ff9f9f;
  border-color:rgba(255,96,96,.28);
}
body.fenix2070 .composer-mic:active { transform:scale(.96); }
@keyframes fenixComposerMicPulse {
  0%,100% { box-shadow:0 0 20px rgba(255,84,55,.20),inset 0 0 0 1px rgba(255,255,255,.04); }
  50% { box-shadow:0 0 34px rgba(255,84,55,.46),inset 0 0 0 1px rgba(255,255,255,.05); }
}

body.fenix2070 #live { overflow:hidden; }
body.fenix2070 #live:before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background:url("https://cdn.creativeclaw.co/u/b202b59b/images/b16c555d-24f0-4b2c-8ada-424cb85178c9.png") 50% 20% / cover no-repeat;
  filter:saturate(.88) brightness(.52);
  mask-image:linear-gradient(180deg,#000,transparent 76%);
}
body.fenix2070 #live > * { position:relative; z-index:2; }
body.fenix2070 #live .live-stage {
  border-color:rgba(91,159,220,.24) !important;
  background:linear-gradient(160deg,rgba(7,17,27,.90),rgba(3,7,13,.96)) !important;
}
body.fenix2070 #live .live-orb {
  border-color:rgba(245,201,111,.38) !important;
  background:
    radial-gradient(circle,rgba(245,201,111,.08),rgba(3,8,15,.95) 61%),
    url("https://cdn.creativeclaw.co/u/b202b59b/images/b16c555d-24f0-4b2c-8ada-424cb85178c9.png") 50% 22% / 330% auto no-repeat !important;
  box-shadow:0 0 62px rgba(65,150,255,.13),0 0 36px rgba(245,201,111,.10),inset 0 0 58px rgba(26,110,195,.08) !important;
}

@media(max-width:560px) {
  #home .fenix2070-art { height:clamp(585px,62svh,730px); background-position:50% 1%; }
  #home .fenix2070-controls { padding-left:12px; padding-right:12px; }
  #home .fenix2070-question { min-height:67px; border-radius:31px; gap:7px; }
  #home .fenix2070-mic,
  #home .fenix2070-send { flex-basis:49px; width:49px; height:49px; }
  #home .fenix2070-mic svg,
  #home .fenix2070-send svg { width:22px; height:22px; }
  #home .fenix2070-controls .modebar { width:82% !important; }
  #home .fenix2070-controls .mode { min-height:50px !important; padding:8px 5px !important; }
  #home .fenix2070-features { gap:7px; }
  #home .fenix2070-feature { min-height:124px; padding:65px 9px 10px; border-radius:17px; }
  #home .fenix2070-feature:before { height:64px; }
  #home .fenix2070-feature .feature-arrow { right:7px; bottom:8px; }
  .fenix2070-nav { height:78px; border-radius:30px; padding-left:3px; padding-right:3px; }
  .fenix2070-nav button { font-size:9px; }
  .fenix2070-nav .live-nav { width:68px; height:68px; margin-top:-23px; }
  #home .fenix2070-tribute-label span { max-width:92px; }
}

@media(max-width:385px) {
  #home .fenix2070-art { height:570px; }
  #home .fenix2070-controls .modebar { width:88% !important; }
  #home .fenix2070-controls .mode { font-size:11px !important; gap:5px !important; }
  #home .fenix2070-controls .mode .mode-icon { width:18px;height:18px;font-size:16px; }
  #home .fenix2070-feature { min-height:118px; padding-left:7px; padding-right:7px; }
  #home .fenix2070-mind-strip img { width:29px;height:39px; }
}

@media(prefers-reduced-motion:reduce) {
  #home .fenix2070-feature,
  .fenix2070-nav button,
  #home .fenix2070-controls .mode { transition:none !important; }
}

body.fenix2070.fenix2070-on-home .composer,
body.fenix2070.fenix2070-on-live .composer {
  display:none !important;
}
body.fenix2070.fenix2070-on-live #home .fenix2070-controls {
  display:none !important;
}

#home .fenix2070-attach {
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(109,174,232,.36);
  background:linear-gradient(180deg,rgba(15,30,46,.92),rgba(6,13,22,.96));
  color:#9ed4ff;
  font-size:24px;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 20px rgba(71,154,232,.08);
}
#home .fenix2070-attach:active { transform:scale(.96); }

.fenix-attachment-tray {
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:9px 2px 2px;
  scrollbar-width:none;
}
.fenix-attachment-tray:empty { display:none; }
.fenix-attachment-tray::-webkit-scrollbar { display:none; }
.fenix-attachment-chip {
  flex:0 0 auto;
  max-width:230px;
  display:flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:7px 8px 7px 10px;
  border:1px solid rgba(90,157,219,.28);
  border-radius:16px;
  color:#dfeeff;
  background:linear-gradient(180deg,rgba(17,30,44,.92),rgba(5,12,20,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  font-size:11px;
}
.fenix-attachment-chip.loading { opacity:.66; }
.fenix-attachment-chip.error { border-color:rgba(239,112,112,.46); color:#ffd0d0; }
.fenix-attachment-chip .attachment-icon { color:#f3c873; font-size:15px; }
.fenix-attachment-chip .attachment-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fenix-attachment-chip button {
  border:0;
  background:transparent;
  color:#91a4b9;
  font-size:17px;
  padding:0 2px;
  line-height:1;
}

.fenix-attach-sheet {
  position:fixed;
  inset:0;
  z-index:420;
  display:none;
  align-items:flex-end;
  justify-content:center;
  padding:18px max(12px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
  background:rgba(0,3,7,.58);
  backdrop-filter:blur(12px);
}
.fenix-attach-sheet.show { display:flex; }
.fenix-attach-panel {
  width:min(100%,560px);
  border:1px solid rgba(108,175,235,.30);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(11,21,32,.98),rgba(4,9,16,.99));
  box-shadow:0 24px 70px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.04);
  padding:14px;
}
.fenix-attach-panel h3 {
  margin:2px 5px 12px;
  color:#f5d491;
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  font-weight:500;
}
.fenix-attach-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.fenix-attach-action {
  min-height:84px;
  border:1px solid rgba(91,158,220,.24);
  border-radius:20px;
  background:linear-gradient(160deg,rgba(17,31,45,.95),rgba(5,11,19,.98));
  color:#e9f3ff;
  text-align:left;
  padding:14px;
}
.fenix-attach-action b { display:block; margin-top:8px; font-size:13px; }
.fenix-attach-action small { display:block; margin-top:4px; color:#8799ad; font-size:10px; line-height:1.35; }
.fenix-link-row { display:none; gap:8px; margin-top:10px; }
.fenix-link-row.show { display:flex; }
.fenix-link-row input {
  min-width:0;
  flex:1;
  height:48px;
  border:1px solid rgba(93,160,222,.28);
  border-radius:16px;
  outline:0;
  padding:0 13px;
  color:#eef6ff;
  background:#07101a;
}
.fenix-link-row button {
  flex:0 0 auto;
  border:1px solid rgba(245,197,111,.45);
  border-radius:16px;
  padding:0 16px;
  color:#ffe3a2;
  background:linear-gradient(180deg,rgba(100,75,33,.82),rgba(26,20,13,.96));
}
.fenix-attach-status { min-height:17px; margin:8px 4px 0; color:#93a4b7; font-size:10px; }
.fenix-attach-close {
  width:100%;
  height:44px;
  margin-top:8px;
  border:0;
  border-radius:15px;
  color:#9dabb9;
  background:transparent;
}

.composer .fenix-chat-attach {
  flex:0 0 42px;
  width:42px;
  height:42px;
  margin:2px 0 2px 1px;
  border-radius:50%;
  border:1px solid rgba(95,158,219,.28);
  background:rgba(10,20,31,.94);
  color:#9ed3ff;
  font-size:22px;
}

@media(max-width:420px) {
  #home .fenix2070-question { gap:7px; padding-left:9px; }
  #home .fenix2070-spark { display:none; }
  #home .fenix2070-attach { width:39px; height:39px; flex-basis:39px; }
  .fenix-attach-actions { grid-template-columns:1fr 1fr; }
}

#fenixReferenceNav { display:none !important; pointer-events:none !important; }
#home.home { overflow:visible !important; }
#home .fenix2070-controls .modebar {
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  height:auto !important;
}
#home .fenix2070-controls .mode {
  position:relative !important;
  width:auto !important;
  height:auto !important;
}

/* Attachment controls are part of the final composer, not a separate visual system. */
#home .fenix2070-question .fenix2070-attach {
  flex:0 0 56px !important;
  width:56px !important;
  height:56px !important;
  border-radius:50% !important;
  border:1px solid rgba(111,145,179,.38) !important;
  background:linear-gradient(180deg,rgba(17,30,43,.96),rgba(6,13,21,.98)) !important;
  color:#c7d5e4 !important;
  font-size:30px !important;
  font-weight:300 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 22px rgba(82,151,219,.06) !important;
}
#home .fenix-attachment-tray {
  margin:0 4px 4px !important;
  padding-top:9px !important;
}
#home .fenix-attachment-chip {
  border-color:rgba(100,160,216,.26) !important;
  background:linear-gradient(180deg,rgba(13,26,40,.95),rgba(5,11,18,.98)) !important;
}
@media(max-width:560px) {
  #home .fenix2070-question .fenix2070-attach {
    flex-basis:51px !important;
    width:51px !important;
    height:51px !important;
  }
}

/* Approved hero is a single locked visual composition.
   Do not duplicate its title, side copy, names or quotes in HTML. */
#home .fenix2070-brand,
#home .fenix2070-sidecopy,
#home .fenix2070-tribute-label {
  display:none !important;
}

/* Preserve the full approved composition edge-to-edge.
   No cover crop: cover was the cause of the clipped left captions. */
#home .fenix2070-art {
  height:auto !important;
  aspect-ratio:941 / 1195 !important;
  min-height:0 !important;
  max-height:none !important;
  background:
    radial-gradient(ellipse 58% 38% at 50% 39%,rgba(255,221,153,.10) 0%,rgba(255,154,63,.045) 44%,transparent 72%),
    linear-gradient(180deg,rgba(15,25,38,.05) 0%,rgba(1,4,8,0) 74%,#010409 100%),
    url("https://cdn.creativeclaw.co/u/b202b59b/images/b2cb124d-3c36-4f30-b8da-20f0efb9049f.png") 50% 0 / 100% auto no-repeat !important;
  background-color:#010409 !important;
  box-shadow:
    inset 0 0 70px rgba(255,184,88,.045),
    inset 0 -46px 72px rgba(1,4,9,.62) !important;
}

/* Lift the approved artwork out of the black without flattening it.
   Layered warm/cool light creates stronger subject separation and perceived depth. */
#home .fenix2070-art:before {
  background:
    radial-gradient(ellipse 54% 32% at 50% 36%,rgba(255,225,167,.16) 0%,rgba(255,173,79,.07) 38%,transparent 70%),
    radial-gradient(ellipse 34% 30% at 50% 55%,rgba(75,145,255,.055) 0%,transparent 72%),
    linear-gradient(90deg,rgba(4,9,16,.06),transparent 20%,transparent 80%,rgba(4,9,16,.06)) !important;
  mix-blend-mode:screen;
  opacity:.92;
}

/* Keep portrait interactions available without adding visible overlays. */
#home .fenix2070-hotspot[data-tribute="tesla"] {
  left:1.5% !important;
  top:7% !important;
  width:21% !important;
  height:28% !important;
}
#home .fenix2070-hotspot[data-tribute="mileva"] {
  right:1.5% !important;
  top:7% !important;
  width:21% !important;
  height:28% !important;
}
#home .fenix2070-hotspot[data-tribute="davinci"] {
  left:1.5% !important;
  top:31% !important;
  width:22% !important;
  height:28% !important;
}
#home .fenix2070-hotspot[data-tribute="frida"] {
  right:1.5% !important;
  top:31% !important;
  width:22% !important;
  height:28% !important;
}

@media(max-width:560px) {
  #home .fenix2070-art {
    height:auto !important;
    aspect-ratio:941 / 1195 !important;
    min-height:0 !important;
    background-position:50% 0 !important;
    background-size:100% auto !important;
  }
}

@media(max-width:380px) {
  #home .fenix2070-art {
    aspect-ratio:941 / 1195 !important;
  }
}

/* FINAL GREAT MINDS CAPTIONS — portrait -> name -> quote */
#home .fenix2070-tribute-label {
  width:25.5% !important;
  padding:0 2px !important;
  text-align:center !important;
  pointer-events:none !important;
  text-shadow:0 2px 14px rgba(0,0,0,.92) !important;
}

#home .fenix2070-tribute-label strong {
  display:block !important;
  margin:0 0 5px !important;
  color:#bfe3ff !important;
  font-size:clamp(9px,2.35vw,13px) !important;
  font-weight:600 !important;
  line-height:1.12 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
}

#home .fenix2070-tribute-label span {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  color:#ebe4d8 !important;
  font-size:clamp(7px,1.92vw,10px) !important;
  line-height:1.28 !important;
  letter-spacing:.045em !important;
  text-transform:none !important;
  white-space:normal !important;
}

/* Top portraits: caption starts only after the portrait artwork ends. */
#home .fenix2070-tribute-label.tesla {
  left:2.4% !important;
  right:auto !important;
  top:34.2% !important;
}
#home .fenix2070-tribute-label.mileva {
  right:2.4% !important;
  left:auto !important;
  top:34.2% !important;
}

/* Lower portraits: caption starts only after the portrait artwork ends. */
#home .fenix2070-tribute-label.davinci {
  left:2.4% !important;
  right:auto !important;
  top:60.5% !important;
}
#home .fenix2070-tribute-label.frida {
  right:2.4% !important;
  left:auto !important;
  top:60.5% !important;
}

/* Keep the complete portrait + caption as one generous tap target. */
#home .fenix2070-hotspot[data-tribute="tesla"] {
  left:1.2% !important;
  top:10.5% !important;
  width:29% !important;
  height:33% !important;
}
#home .fenix2070-hotspot[data-tribute="mileva"] {
  right:1.2% !important;
  top:10.5% !important;
  width:29% !important;
  height:33% !important;
}
#home .fenix2070-hotspot[data-tribute="davinci"] {
  left:1.2% !important;
  top:37.5% !important;
  width:29% !important;
  height:32% !important;
}
#home .fenix2070-hotspot[data-tribute="frida"] {
  right:1.2% !important;
  top:37.5% !important;
  width:29% !important;
  height:32% !important;
}

@media(max-width:560px) {
  #home .fenix2070-tribute-label {
    width:26.5% !important;
  }
  #home .fenix2070-tribute-label.tesla,
  #home .fenix2070-tribute-label.mileva {
    top:34.8% !important;
  }
  #home .fenix2070-tribute-label.davinci,
  #home .fenix2070-tribute-label.frida {
    top:60.8% !important;
  }
  #home .fenix2070-tribute-label strong {
    font-size:clamp(8.5px,2.55vw,12px) !important;
    letter-spacing:.065em !important;
  }
  #home .fenix2070-tribute-label span {
    font-size:clamp(6.8px,2vw,9.5px) !important;
    line-height:1.25 !important;
  }
}

@media(max-width:385px) {
  #home .fenix2070-tribute-label.tesla,
  #home .fenix2070-tribute-label.mileva {
    top:35.2% !important;
  }
  #home .fenix2070-tribute-label.davinci,
  #home .fenix2070-tribute-label.frida {
    top:61.2% !important;
  }
}

#fenixLaunch {
  position:fixed;
  inset:0;
  z-index:1200;
  overflow:hidden;
  background:#010205;
  opacity:1;
  visibility:visible;
  transition:opacity .72s cubic-bezier(.22,.72,.2,1),visibility .72s ease;
}
#fenixLaunch.fenix-launch-exit {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
body.fenix-launching .fenix2070-shell {
  opacity:.06;
  transform:scale(1.012);
  filter:brightness(.78) saturate(.88);
}
body.fenix-launch-complete .fenix2070-shell {
  animation:fenixHomeReveal .92s cubic-bezier(.16,.78,.2,1) both;
}
@keyframes fenixHomeReveal {
  from { opacity:.14; transform:scale(1.014); filter:brightness(.80) saturate(.90); }
  to { opacity:1; transform:scale(1); filter:brightness(1) saturate(1); }
}
#fenixLaunch::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 76%,rgba(255,130,38,.13),transparent 32%),
    linear-gradient(180deg,rgba(1,2,5,.05),rgba(1,2,5,0) 68%,rgba(1,2,5,.24));
  mix-blend-mode:screen;
}
.fenix-launch-video {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
  background:#010205;
  transform:scale(1.008);
  filter:saturate(1.05) contrast(1.025);
}
.fenix-launch-sheen {
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.38;
  background:
    linear-gradient(110deg,transparent 0 38%,rgba(255,218,139,.055) 49%,transparent 58%),
    radial-gradient(circle at 50% 46%,rgba(255,179,63,.06),transparent 37%);
  animation:fenixLaunchSheen 2.8s ease-in-out infinite alternate;
}
@keyframes fenixLaunchSheen {
  from { transform:translate3d(-1.4%,0,0) scale(1); opacity:.24; }
  to { transform:translate3d(1.4%,0,0) scale(1.015); opacity:.46; }
}
.fenix-launch-credit {
  position:absolute;
  z-index:5;
  left:50%;
  bottom:max(74px,calc(env(safe-area-inset-bottom) + 64px));
  transform:translateX(-50%);
  width:max-content;
  max-width:calc(100% - 40px);
  color:rgba(244,224,188,.88);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:10px;
  font-weight:400;
  letter-spacing:.16em;
  text-transform:none;
  white-space:nowrap;
  text-shadow:0 2px 18px rgba(0,0,0,.82),0 0 18px rgba(255,190,91,.12);
  opacity:0;
  animation:fenixCreatorCredit 1.15s ease .45s forwards;
  pointer-events:none;
}
@keyframes fenixCreatorCredit {
  from { opacity:0; transform:translate(-50%,8px); }
  to { opacity:.88; transform:translate(-50%,0); }
}
.fenix-launch-sound-unlock {
  position:absolute;
  z-index:6;
  left:50%;
  bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));
  transform:translateX(-50%);
  display:none;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 13px;
  border:1px solid rgba(255,207,116,.38);
  border-radius:999px;
  background:rgba(4,6,10,.56);
  color:#f3d79e;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  backdrop-filter:blur(14px);
  box-shadow:0 8px 28px rgba(0,0,0,.35),0 0 22px rgba(255,183,70,.08);
}
.fenix-launch-sound-unlock.show { display:flex; }
.fenix-launch-sound-unlock::before {
  content:"◉";
  font-size:12px;
  color:#ffd98a;
  text-shadow:0 0 12px rgba(255,200,105,.65);
}
@media (min-width:821px) {
  #fenixLaunch {
    left:50%;
    right:auto;
    width:min(100vw,820px);
    transform:translateX(-50%);
    box-shadow:0 0 120px rgba(0,0,0,.88);
  }
}
@media (prefers-reduced-motion:reduce) {
  .fenix-launch-video { display:none; }
  .fenix-launch-sheen { animation:none; }
  .fenix-launch-credit { animation:none; opacity:.88; }
  #fenixLaunch {
    background:
      radial-gradient(circle at 50% 68%,rgba(255,120,24,.18),transparent 32%),
      #010205;
  }
}

/* Final Great Minds portrait layer.
   This intentionally loads after premium.css so no legacy ::before overlay can cover the portraits. */
#minds .mind-card.creator-card .pic {
  position:relative !important;
  overflow:hidden !important;
  min-height:154px !important;
  height:100% !important;
  background:#0a0f16 !important;
  border-right:1px solid rgba(220,178,104,.16) !important;
  isolation:isolate !important;
}
#minds .mind-card.creator-card .pic img {
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center 22% !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:grayscale(.08) sepia(.06) contrast(1.05) brightness(1.02) !important;
  transform:none !important;
}
#minds .mind-card.creator-card .pic::after {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,rgba(3,7,12,.02) 0%,rgba(3,7,12,.02) 56%,rgba(3,7,12,.22) 100%) !important;
}
#minds .mind-card.creator-card .pic::before {
  content:"▶  HEAR" !important;
  position:absolute !important;
  inset:auto auto 10px 10px !important;
  top:auto !important;
  right:auto !important;
  bottom:10px !important;
  left:10px !important;
  z-index:4 !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:6px 9px !important;
  border:1px solid rgba(244,201,111,.52) !important;
  border-radius:999px !important;
  background:rgba(4,8,13,.72) !important;
  color:#f5db9f !important;
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  box-shadow:0 7px 24px rgba(0,0,0,.42),0 0 18px rgba(244,201,111,.08) !important;
  backdrop-filter:blur(10px) !important;
  pointer-events:none !important;
}
#minds .mind-card.creator-card .pic.speaking::before {
  content:"◉  SPEAKING" !important;
  border-color:rgba(244,201,111,.88) !important;
  color:#ffe8b1 !important;
  box-shadow:0 0 24px rgba(244,201,111,.22),0 8px 24px rgba(0,0,0,.38) !important;
}
#minds .mind-card.creator-card .pic.speaking img {
  filter:grayscale(0) sepia(.04) contrast(1.06) brightness(1.08) !important;
}
#minds .mind-card.creator-card[data-mind="jung"] {
  border-color:rgba(177,143,220,.22) !important;
  background:
    radial-gradient(circle at 10% 10%,rgba(102,73,146,.08),transparent 28%),
    linear-gradient(180deg,rgba(9,12,17,.94),rgba(5,8,12,.94)) !important;
}
#minds .mind-card.creator-card[data-mind="jung"] .info > span:first-child {
  color:#c7a5e7 !important;
}
#minds .mind-card.creator-card[data-mind="jung"] .creator-reason {
  color:#d7d0dd !important;
}
#minds .mind-card.creator-card[data-mind="jung"] .creator-reason em {
  color:#e0c7f0 !important;
}
@media(max-width:430px) {
  #minds .mind-card.creator-card {
    grid-template-columns:118px minmax(0,1fr) !important;
  }
  #minds .mind-card.creator-card .pic {
    min-height:190px !important;
  }
}

/* Novak uses the same side-by-side Library profile layout as Socrates. */