/* LEO Core V4.1 — materia viva, sincronizzazione visiva e rifiniture */

:root {
  --leo-v41-champagne: #f2c59f;
  --leo-v41-pearl: #fffaf4;
  --leo-v41-seaglass: #92cbc1;
  --leo-v41-lilac: #c6b4df;
  --leo-v41-coral: #efa991;
}

html.leoCoreV41Root {
  background: #f7f1e9;
}

body.leoCoreV4.leoCoreV41 {
  background:
    radial-gradient(circle at 2% 7%, rgba(255, 190, 151, .45), transparent 28%),
    radial-gradient(circle at 94% 4%, rgba(128, 190, 180, .38), transparent 30%),
    radial-gradient(circle at 76% 94%, rgba(178, 171, 219, .28), transparent 33%),
    radial-gradient(circle at 18% 91%, rgba(255, 211, 184, .38), transparent 30%),
    linear-gradient(127deg, #fff8ef 0%, #f4f2ec 39%, #e5efea 72%, #f4e9e3 100%) !important;
}

/* La pillola profilo non può più scivolare sotto la navigazione. */
body.leoCoreV4.leoCoreV41 .topbar > .profilePill,
body.leoCoreV4.leoCoreV41 .topbar > #profileName {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 520 !important;
  display: flex !important;
  margin: 0 0 0 auto !important;
  gap: 9px !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  transform: none !important;
  flex: 0 0 auto !important;
}

body.leoCoreV4.leoCoreV41 .topbar > .profilePill::before,
body.leoCoreV4.leoCoreV41 .topbar > #profileName::before {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #b49b80, #d4b995);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .62), 0 6px 17px rgba(91, 76, 61, .14);
  content: "E";
  font-size: 14px;
  font-weight: 720;
}

body.leoCoreV4.leoCoreV41 .tabs {
  overflow: hidden !important;
  background: rgba(255, 255, 255, .53) !important;
  box-shadow: 0 18px 48px rgba(80, 74, 66, .11), inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

body.leoCoreV4.leoCoreV41 .tabs .tab {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: center !important;
}

body.leoCoreV4.leoCoreV41 .leoV41TabIcon {
  display: grid;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  place-items: center;
  opacity: .88;
}

body.leoCoreV4.leoCoreV41 .leoV41TabIcon svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Una sola materia continua, non più pannelli piatti sopra uno sfondo. */
body.leoCoreV4.leoCoreV41 .leoV4Universe {
  background:
    radial-gradient(circle at 50% 52%, color-mix(in srgb, var(--leo-v4-active-tone) 24%, transparent), transparent 23%),
    radial-gradient(circle at 16% 18%, rgba(255, 205, 179, .32), transparent 30%),
    radial-gradient(circle at 85% 17%, rgba(211, 205, 233, .30), transparent 30%),
    radial-gradient(circle at 80% 80%, rgba(129, 202, 192, .27), transparent 31%),
    linear-gradient(135deg, rgba(255, 251, 245, .62), rgba(234, 239, 235, .42) 48%, rgba(226, 237, 233, .48) 72%, rgba(248, 229, 220, .54)) !important;
  box-shadow:
    0 34px 105px rgba(77, 71, 64, .15),
    inset 0 1px 0 rgba(255, 255, 255, .95),
    inset 0 0 95px rgba(255, 255, 255, .20) !important;
  backdrop-filter: blur(34px) saturate(1.28) !important;
}

body.leoCoreV4.leoCoreV41 .leoV41Texture {
  position: absolute;
  z-index: 0;
  inset: -3%;
  border-radius: inherit;
  background-image: url("/static/js/leo-core-v41-fluid.svg?v=20260825-41");
  background-position: center;
  background-size: cover;
  filter: saturate(1.13) contrast(1.02) brightness(1.03);
  opacity: .86;
  mix-blend-mode: normal;
  pointer-events: none;
  transform: translate3d(calc(var(--leo-v4-mx) * -.09), calc(var(--leo-v4-my) * -.09), 0) scale(1.045);
  animation: leoV41TextureDrift 18s ease-in-out infinite alternate;
}

body.leoCoreV4.leoCoreV41 .leoV4Universe::before {
  z-index: 1;
  opacity: .56;
  mix-blend-mode: screen;
}

body.leoCoreV4.leoCoreV41 .leoV4Universe::after {
  z-index: 70;
  background:
    linear-gradient(117deg, rgba(255, 255, 255, .34), transparent 18% 75%, rgba(255, 245, 235, .24)),
    radial-gradient(circle at 50% 51%, transparent 0 18%, rgba(255, 255, 255, .13) 29%, transparent 57%);
  opacity: .72;
}

body.leoCoreV4.leoCoreV41 .leoV4Fluid {
  z-index: 2;
  opacity: .84;
  mix-blend-mode: screen;
}

body.leoCoreV4.leoCoreV41 .leoV4Presence,
body.leoCoreV4.leoCoreV41 .leoV4Stage,
body.leoCoreV4.leoCoreV41 .leoV4ModeDock,
body.leoCoreV4.leoCoreV41 .leoV4ChooseHint,
body.leoCoreV4.leoCoreV41 .leoV4HomeComposer {
  isolation: isolate;
}

body.leoCoreV4.leoCoreV41 .leoV4Presence { z-index: 82; }
body.leoCoreV4.leoCoreV41 .leoV4Stage { z-index: 30; }
body.leoCoreV4.leoCoreV41 .leoV4ModeDock { z-index: 84; }
body.leoCoreV4.leoCoreV41 .leoV4ChooseHint { z-index: 83; }
body.leoCoreV4.leoCoreV41 .leoV4HomeComposer { z-index: 86; }

body.leoCoreV4.leoCoreV41 .leoV4Presence h1 {
  font-weight: 480;
}

body.leoCoreV4.leoCoreV41 .leoV4Joke {
  width: min(340px, 100%);
  padding: 12px 14px 13px;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 18px 23px 19px 24px;
  background: rgba(255, 255, 255, .23);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .62);
  backdrop-filter: blur(14px) saturate(1.15);
}

body.leoCoreV4.leoCoreV41 .leoV4JokeLabel {
  color: #a16d56;
}

body.leoCoreV4.leoCoreV41 .leoV4Joke strong {
  color: #2f3d39;
  font-weight: 610;
}

/* Collegamenti vivi: sottili filamenti luminosi, non raggi rigidi. */
body.leoCoreV4.leoCoreV41 .leoV4NeuralLines {
  filter: drop-shadow(0 0 7px rgba(255, 255, 255, .84));
}

body.leoCoreV4.leoCoreV41 .leoV4NeuralLines path {
  stroke-width: 2.7;
  opacity: .84;
  stroke-dasharray: .035 .028 .11 .045;
  animation-duration: 4.8s;
}

body.leoCoreV4.leoCoreV41 .leoV4Brain {
  width: 100px;
  height: 124px;
}

body.leoCoreV4.leoCoreV41 .leoV4BrainOrb {
  width: 84px;
  height: 84px;
  overflow: visible;
  border-color: rgba(255, 255, 255, .96);
  background:
    radial-gradient(circle at 31% 24%, #fff 0 5%, rgba(255, 255, 255, .88) 6%, transparent 24%),
    radial-gradient(circle at 52% 55%, color-mix(in srgb, var(--tone) 69%, white), color-mix(in srgb, var(--tone) 39%, rgba(255,255,255,.22)) 48%, rgba(255, 255, 255, .13) 72%),
    conic-gradient(from 18deg, rgba(255,255,255,.38), color-mix(in srgb, var(--tone) 60%, transparent), rgba(255,255,255,.58), color-mix(in srgb, var(--tone) 52%, transparent), rgba(255,255,255,.38));
  box-shadow:
    inset -15px -17px 27px color-mix(in srgb, var(--tone) 25%, rgba(66, 83, 78, .10)),
    inset 13px 14px 24px rgba(255, 255, 255, .75),
    0 0 0 5px rgba(255, 255, 255, .25),
    0 0 0 7px color-mix(in srgb, var(--tone) 15%, transparent),
    0 19px 43px color-mix(in srgb, var(--tone) 35%, rgba(58, 76, 71, .12)),
    0 0 42px color-mix(in srgb, var(--tone) 43%, transparent) !important;
  backdrop-filter: blur(9px) saturate(1.45);
}

body.leoCoreV4.leoCoreV41 .leoV4BrainOrb::after {
  position: absolute;
  z-index: 1;
  inset: 5px;
  content: "";
  border-radius: 50%;
  background:
    repeating-conic-gradient(from 10deg, transparent 0 12deg, rgba(255,255,255,.52) 13deg 14deg, transparent 15deg 28deg),
    radial-gradient(circle at 50% 50%, transparent 0 38%, rgba(255,255,255,.54) 39% 40%, transparent 42%);
  filter: blur(.4px) drop-shadow(0 0 6px rgba(255,255,255,.86));
  opacity: .45;
  mix-blend-mode: screen;
  animation: leoV41OrbSpin 17s linear infinite;
}

body.leoCoreV4.leoCoreV41 .leoV4BrainOrb svg {
  z-index: 3;
  width: 42px;
  height: 42px;
  stroke-width: 1.55;
}

body.leoCoreV4.leoCoreV41 .leoV4BrainName strong {
  max-width: 104px;
  font-size: 12px;
  line-height: 1.05;
}

body.leoCoreV4.leoCoreV41 .leoV4BrainName small {
  max-width: 104px;
  overflow: hidden;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.leoCoreV4.leoCoreV41 .leoV41TraceStrip {
  display: flex;
  min-width: 0;
  max-width: 100%;
  gap: 6px;
  align-items: center;
  overflow-x: auto;
  scrollbar-width: thin;
}

body.leoCoreV4.leoCoreV41 .leoV41TraceChip {
  display: inline-grid;
  min-width: max-content;
  min-height: 30px;
  padding: 4px 9px;
  grid-template-columns: 8px auto;
  column-gap: 6px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 999px;
  color: #40504c;
  background: rgba(255,255,255,.43);
}

body.leoCoreV4.leoCoreV41 .leoV41TraceChip i {
  width: 8px;
  height: 8px;
  grid-row: 1 / 3;
  border-radius: 50%;
  background: var(--trace-tone);
  box-shadow: 0 0 10px var(--trace-tone);
}

body.leoCoreV4.leoCoreV41 .leoV41TraceChip strong,
body.leoCoreV4.leoCoreV41 .leoV41TraceChip small {
  line-height: 1;
}

body.leoCoreV4.leoCoreV41 .leoV41TraceChip strong { font-size: 10px; }
body.leoCoreV4.leoCoreV41 .leoV41TraceChip small { color: #78847f; font-size: 8px; }
body.leoCoreV4.leoCoreV41 .leoV41TraceChip.is-failed { opacity: .48; filter: grayscale(.75); }

@media (min-width: 821px) {
  body.leoCoreV4.leoCoreV41 .leoV4Brain {
    width: 88px;
    height: 108px;
  }

  body.leoCoreV4.leoCoreV41 .leoV4BrainOrb {
    width: 72px;
    height: 72px;
  }
}

@media (max-width: 820px) {
  body.leoCoreV4.leoCoreV41 .leoV4Universe {
    min-height: 1220px;
    overflow: hidden;
  }

  body.leoCoreV4.leoCoreV41 .leoV4Stage {
    position: absolute;
    inset: 205px 18px 190px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 170px;
    grid-auto-rows: 112px;
    gap: 7px 5px;
    align-content: start;
    transform: none;
  }

  body.leoCoreV4.leoCoreV41 .leoV4NeuralLines { display: none; }

  body.leoCoreV4.leoCoreV41 .leoV4Brain,
  body.leoCoreV4.leoCoreV41 .leoV4Brain.is-inside {
    position: relative;
    top: auto !important;
    left: auto !important;
    width: 100%;
    min-width: 0;
    height: 108px;
    transform: none;
    animation: none;
    pointer-events: auto;
  }

  body.leoCoreV4.leoCoreV41 .leoV4Brain:hover,
  body.leoCoreV4.leoCoreV41 .leoV4Brain:focus-visible,
  body.leoCoreV4.leoCoreV41 .leoV4Brain.is-inside {
    transform: translateY(-2px);
  }

  body.leoCoreV4.leoCoreV41 .leoV4BrainOrb {
    width: 66px;
    height: 66px;
  }

  body.leoCoreV4.leoCoreV41 .leoV4BrainName strong,
  body.leoCoreV4.leoCoreV41 .leoV4BrainName small {
    max-width: 100px;
  }

  body.leoCoreV4.leoCoreV41 .leoV4Core {
    position: relative;
    top: auto;
    left: auto;
    order: -1;
    width: 158px;
    height: 158px;
    margin: 0 auto 4px;
    grid-column: 1 / -1;
    transform: none;
  }
  body.leoCoreV4.leoCoreV41 .leoV4Brain.is-inside {
    transform: translateY(-2px) !important;
  }

  body.leoCoreV4.leoCoreV41 .leoV4Core:hover,
  body.leoCoreV4.leoCoreV41 .leoV4Core:focus-visible {
    transform: scale(1.02);
  }

  body.leoCoreV4.leoCoreV41 .leoV4ModeDock {
    bottom: 86px;
  }

  body.leoCoreV4.leoCoreV41 .leoV41TraceStrip {
    width: 100%;
    grid-column: 1 / -1;
  }
}

@media (max-width: 390px) {
  body.leoCoreV4.leoCoreV41 .leoV4Stage {
    right: 9px;
    left: 9px;
  }

  body.leoCoreV4.leoCoreV41 .leoV4BrainName strong { font-size: 10px; }
  body.leoCoreV4.leoCoreV41 .leoV4BrainName small { font-size: 7px; }
}

/* Nucleo LEO AUTO: globo energetico con filamenti champagne e sea-glass. */
body.leoCoreV4.leoCoreV41 .leoV4Core {
  width: clamp(205px, 18vw, 264px);
  height: clamp(205px, 18vw, 264px);
  border: 1px solid rgba(255, 255, 255, .96);
  background:
    radial-gradient(circle at 37% 25%, rgba(255,255,255,.96) 0 3%, rgba(255,255,255,.56) 4%, transparent 18%),
    radial-gradient(circle at 50% 54%, rgba(108, 137, 130, .87) 0 14%, rgba(102, 128, 123, .74) 31%, rgba(120, 129, 132, .64) 49%, rgba(206, 171, 145, .51) 67%, rgba(255,255,255,.19) 74%),
    conic-gradient(from 24deg, rgba(255,211,183,.66), rgba(174,211,204,.50), rgba(203,185,227,.47), rgba(255,204,171,.68), rgba(174,211,204,.50), rgba(255,211,183,.66));
  box-shadow:
    inset -32px -35px 62px rgba(51, 76, 69, .24),
    inset 28px 27px 55px rgba(255, 255, 255, .50),
    0 0 0 8px rgba(255, 255, 255, .30),
    0 0 0 18px rgba(255, 239, 222, .25),
    0 0 0 29px rgba(255, 255, 255, .11),
    0 0 72px 25px rgba(255, 212, 180, .53),
    0 0 118px 48px color-mix(in srgb, var(--leo-v4-active-tone) 24%, transparent),
    0 32px 85px rgba(72, 87, 81, .20) !important;
  backdrop-filter: blur(16px) saturate(1.36);
}

body.leoCoreV4.leoCoreV41 .leoV4Core::before {
  z-index: 2;
  inset: 5%;
  border: 0;
  background:
    repeating-conic-gradient(from 0deg, transparent 0 7deg, rgba(255,238,221,.52) 8deg 9deg, transparent 10deg 17deg),
    repeating-radial-gradient(circle at 50% 50%, transparent 0 9px, rgba(255,255,255,.22) 10px, transparent 11px 17px);
  box-shadow: inset 0 0 34px rgba(255,255,255,.30);
  filter: blur(.55px) drop-shadow(0 0 8px rgba(255,226,202,.74));
  opacity: .64;
  mix-blend-mode: screen;
  animation: leoV41CoreThreads 22s linear infinite;
}

body.leoCoreV4.leoCoreV41 .leoV4Core::after {
  inset: -37%;
  border: 1px solid rgba(255, 255, 255, .31);
  background:
    repeating-conic-gradient(from 12deg, transparent 0 8deg, rgba(255,215,187,.27) 9deg 10deg, transparent 11deg 21deg),
    conic-gradient(from 28deg, transparent, rgba(255,215,189,.48), transparent 31%, rgba(126,206,195,.39), transparent 65%, rgba(197,177,226,.38), transparent);
  filter: blur(2.4px) drop-shadow(0 0 14px rgba(255, 218, 190, .40));
  opacity: .88;
}

body.leoCoreV4.leoCoreV41 .leoV4CoreHalo {
  z-index: 3;
  inset: 4%;
}

body.leoCoreV4.leoCoreV41 .leoV4CoreHalo::before,
body.leoCoreV4.leoCoreV41 .leoV4CoreHalo::after {
  position: absolute;
  content: "";
  border-radius: 50%;
  pointer-events: none;
}

body.leoCoreV4.leoCoreV41 .leoV4CoreHalo::before {
  inset: 11%;
  border: 1px solid rgba(255,255,255,.54);
  background: conic-gradient(from 95deg, transparent, rgba(255,255,255,.22), transparent 21%, rgba(255,208,177,.30), transparent 47%, rgba(145,212,201,.27), transparent 72%, rgba(208,187,232,.26), transparent);
  filter: drop-shadow(0 0 9px rgba(255,255,255,.72));
  animation: leoV41OrbSpin 13s linear infinite reverse;
}

body.leoCoreV4.leoCoreV41 .leoV4CoreHalo::after {
  inset: -10%;
  border: 1px dashed rgba(255, 239, 225, .44);
  box-shadow: 0 0 28px rgba(255, 220, 195, .28), inset 0 0 28px rgba(158, 213, 204, .20);
  animation: leoV41OrbSpin 19s linear infinite;
}

body.leoCoreV4.leoCoreV41 .leoV4CoreCopy {
  z-index: 6;
  text-shadow: 0 2px 20px rgba(37, 60, 54, .30), 0 0 15px rgba(255,255,255,.48);
}

body.leoCoreV4.leoCoreV41 .leoV4CoreCopy small {
  font-size: clamp(23px, 2vw, 31px);
  font-weight: 430;
}

body.leoCoreV4.leoCoreV41 .leoV4CoreCopy strong {
  font-size: clamp(16px, 1.35vw, 21px);
}

body.leoCoreV4.leoCoreV41 .leoV4Brain.is-inside {
  z-index: 38;
  transform: translate(-50%, -50%) scale(1.23);
}

body.leoCoreV4.leoCoreV41 .leoV4Brain.is-inside .leoV4BrainOrb {
  box-shadow:
    inset -12px -14px 23px color-mix(in srgb, var(--tone) 22%, rgba(67,83,78,.08)),
    inset 10px 12px 20px rgba(255,255,255,.76),
    0 0 0 8px rgba(255,255,255,.31),
    0 0 46px 22px color-mix(in srgb, var(--tone) 58%, transparent),
    0 0 96px 34px rgba(255,219,193,.32) !important;
}

body.leoCoreV4.leoCoreV41 .leoV4ModeDock,
body.leoCoreV4.leoCoreV41 .leoV4SidePanel > .card,
body.leoCoreV4.leoCoreV41 .leoV4SidePanel > .privateBox,
body.leoCoreV4.leoCoreV41 .leoV4SidePanel #privateBox {
  background:
    radial-gradient(circle at 90% 7%, rgba(222, 205, 235, .22), transparent 34%),
    linear-gradient(139deg, rgba(255,255,255,.58), rgba(248,245,240,.36)) !important;
  box-shadow: 0 24px 65px rgba(75,70,63,.11), inset 0 1px 0 rgba(255,255,255,.91) !important;
  backdrop-filter: blur(30px) saturate(1.26) !important;
}

body.leoCoreV4.leoCoreV41 .leoV4SidePanel .quickBtn {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 14px 32px rgba(75,70,63,.08), inset 0 -18px 45px rgba(255,255,255,.15) !important;
}

/* Chat: stessa materia della Home, messaggi leggibili e metadato compatto. */
body.leoCoreV4.leoCoreV41.leoV4ChatMode #chatPage .chatPanel {
  background:
    url("/static/js/leo-core-v41-fluid.svg?v=20260825-41") center/cover no-repeat,
    radial-gradient(circle at 84% 12%, rgba(154,205,197,.25), transparent 27%),
    linear-gradient(134deg, rgba(255,249,242,.90), rgba(245,246,240,.80) 46%, rgba(231,240,236,.82)) !important;
  background-blend-mode: soft-light, normal, normal;
  box-shadow: 0 30px 96px rgba(75,70,63,.14), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

body.leoCoreV4.leoCoreV41 .leoV4BrainBadge {
  box-shadow: 0 13px 32px rgba(75,70,63,.10), inset 0 1px 0 rgba(255,255,255,.91), 0 0 24px color-mix(in srgb, var(--brain-tone) 15%, transparent) !important;
}

body.leoCoreV4.leoCoreV41.leoV4ChatMode #chatPage #chatBox > .msg,
body.leoCoreV4.leoCoreV41.leoV4ChatMode #chatPage #chatBox .msg {
  padding: 14px 18px !important;
  box-shadow: 0 14px 35px rgba(75,70,63,.10), inset 0 1px 0 rgba(255,255,255,.90) !important;
}

body.leoCoreV4.leoCoreV41 .leoV41ModelTrace {
  display: flex !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: min(78%, 620px) !important;
  min-height: 0 !important;
  margin: -3px auto 4px 0 !important;
  padding: 0 !important;
  align-self: flex-start !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #40504b !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.leoCoreV4.leoCoreV41 .leoV41ModelTrace > span {
  display: flex;
  min-height: 34px;
  padding: 7px 12px;
  gap: 7px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 999px;
  background: rgba(255,255,255,.54);
  box-shadow: 0 9px 24px rgba(75,70,63,.08), inset 0 1px 0 rgba(255,255,255,.82);
  backdrop-filter: blur(18px) saturate(1.16);
  font-size: 10px;
  line-height: 1;
}

body.leoCoreV4.leoCoreV41 .leoV41ModelTrace i {
  display: block;
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border: 1px solid rgba(255,255,255,.84);
  border-radius: 50%;
  background: var(--trace-tone);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--trace-tone) 14%, transparent), 0 0 12px color-mix(in srgb, var(--trace-tone) 48%, transparent);
}

body.leoCoreV4.leoCoreV41 .leoV41ModelTrace strong {
  color: #3b4945 !important;
  font-size: 10px !important;
  font-weight: 760 !important;
}

body.leoCoreV4.leoCoreV41 .leoV41ModelTrace small {
  color: #75817d !important;
  font-size: 9px !important;
  font-weight: 560 !important;
}

/* Previene il ritorno dei vecchi titoli sovrapposti nelle pagine secondarie. */
body.leoCoreV4.leoCoreV41 .leoV4SecondaryPage .panelHead {
  position: relative !important;
  z-index: 3 !important;
  min-height: 0 !important;
}

body.leoCoreV4.leoCoreV41 .leoV4SecondaryPage .panelHead + .gridPage {
  position: relative !important;
  z-index: 2 !important;
  clear: both !important;
}

@media (max-width: 1180px) {
  body.leoCoreV4.leoCoreV41 .topbar > .profilePill,
  body.leoCoreV4.leoCoreV41 .topbar > #profileName {
    min-width: 128px !important;
    padding: 0 15px !important;
  }
  body.leoCoreV4.leoCoreV41 .leoV4Core {
    width: 230px;
    height: 230px;
  }
}

@media (max-width: 820px) {
  body.leoCoreV4.leoCoreV41 .topbar > .profilePill::before,
  body.leoCoreV4.leoCoreV41 .topbar > #profileName::before,
  body.leoCoreV4.leoCoreV41 .leoV41TabIcon {
    display: none;
  }
  body.leoCoreV4.leoCoreV41 .leoV4Joke {
    padding: 9px 11px 10px;
    background: rgba(255,255,255,.48);
  }
  body.leoCoreV4.leoCoreV41 .leoV4Core {
    width: 158px;
    height: 158px;
  }
  body.leoCoreV4.leoCoreV41 .leoV41ModelTrace {
    max-width: 92% !important;
  }
  body.leoCoreV4.leoCoreV41 .leoV41ModelTrace small {
    display: none;
  }
}

@keyframes leoV41TextureDrift {
  from { background-position: 48% 48%; filter: saturate(1.08) contrast(1.01) brightness(1.02); }
  to { background-position: 53% 51%; filter: saturate(1.2) contrast(1.04) brightness(1.07); }
}

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

@keyframes leoV41CoreThreads {
  0% { transform: rotate(0deg) scale(.98); opacity: .54; }
  50% { transform: rotate(180deg) scale(1.035); opacity: .78; }
  100% { transform: rotate(360deg) scale(.98); opacity: .54; }
}