/* Personal AI adaptive wallpaper skin — inspired by Codex Dream Skin's
   home-first artwork and lower-distraction task state. Original website CSS. */
.ai-shell.lobe-inspired {
  --ai-dream-ease: cubic-bezier(.22, 1, .36, 1);
  --ai-dream-panel: 10, 13, 25;
  --ai-dream-deep: 5, 7, 16;
  --ai-dream-shift-x: 0px;
  --ai-dream-shift-y: 0px;
}

.ai-shell.lobe-inspired .ai-aqua-fluid,
.ai-shell.lobe-inspired .ai-aqua-fluid::before,
.ai-shell.lobe-inspired .ai-aqua-fluid::after,
.ai-shell.lobe-inspired .ai-main,
.ai-shell.lobe-inspired .ai-main::after,
.ai-shell.lobe-inspired .ai-sidebar,
.ai-shell.lobe-inspired .ai-topbar,
.ai-shell.lobe-inspired .ai-message-list,
.ai-shell.lobe-inspired .ai-composer-wrap,
.ai-shell.lobe-inspired .ai-composer,
.ai-shell.lobe-inspired .ai-ambient-layer,
.ai-shell.lobe-inspired .ai-dream-reading-veil {
  transition:
    background .52s var(--ai-dream-ease),
    opacity .52s var(--ai-dream-ease),
    filter .52s var(--ai-dream-ease),
    backdrop-filter .52s var(--ai-dream-ease),
    -webkit-backdrop-filter .52s var(--ai-dream-ease),
    box-shadow .52s var(--ai-dream-ease),
    border-color .52s var(--ai-dream-ease),
    transform .7s var(--ai-dream-ease);
}

.ai-shell.lobe-inspired.ai-dream-transitioning .ai-aqua-fluid,
.ai-shell.lobe-inspired.ai-dream-transitioning .ai-main,
.ai-shell.lobe-inspired.ai-dream-transitioning .ai-main::after,
.ai-shell.lobe-inspired.ai-dream-transitioning .ai-sidebar,
.ai-shell.lobe-inspired.ai-dream-transitioning .ai-topbar,
.ai-shell.lobe-inspired.ai-dream-transitioning .ai-composer-wrap,
.ai-shell.lobe-inspired.ai-dream-transitioning .ai-dream-reading-veil {
  transition-duration: 1.05s;
}

/* The wallpaper is a single continuous canvas beneath sidebar and chat. */
.ai-shell.lobe-inspired.aqua-wallpaper .ai-aqua-fluid {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  will-change: filter, transform;
}

.ai-shell.lobe-inspired.aqua-wallpaper .ai-main::after {
  display: block;
  position: absolute;
  z-index: 0;
  inset: 0;
  content: "";
  pointer-events: none;
}

/* Home/new-chat state: make the artwork the hero and keep only local glass. */
.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-aqua-fluid {
  inset: 0;
  filter: saturate(112%) contrast(103%) brightness(1.02);
  transform: translate3d(var(--ai-dream-shift-x), var(--ai-dream-shift-y), 0) scale(1.035);
  animation: none;
}

.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-aqua-fluid::before {
  background: rgba(0, 0, 0, .035);
}

.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-aqua-fluid::after {
  background:
    linear-gradient(90deg, rgba(var(--ai-dream-deep), .18), transparent 24%, transparent 78%, rgba(var(--ai-dream-deep), .08)),
    linear-gradient(180deg, rgba(var(--ai-dream-deep), .08), transparent 24%, transparent 70%, rgba(var(--ai-dream-deep), .17));
}

.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-main {
  border-color: rgba(255,255,255,.105);
  background: rgba(var(--ai-dream-panel), .075);
  box-shadow: inset 0 1px rgba(255,255,255,.045), 0 24px 70px rgba(0,0,0,.08);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-main::before {
  opacity: .12;
}

.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-main::after {
  background:
    radial-gradient(ellipse 78% 72% at 50% 48%, transparent 43%, rgba(var(--ai-dream-deep), .12) 78%, rgba(var(--ai-dream-deep), .26)),
    linear-gradient(180deg, rgba(var(--ai-dream-deep), .08), transparent 24%, transparent 76%, rgba(var(--ai-dream-deep), .18));
}

.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-message-list {
  background: transparent;
  gap: clamp(2.2rem, 5vh, 4.6rem);
  padding-inline: clamp(1.25rem, 4vw, 4.5rem);
}

.ai-shell.lobe-inspired.ai-dream-home .ai-main.ai-empty-state .ai-empty.ai-empty--horizon {
  width: min(940px, calc(100% - 2rem));
  max-width: 940px;
  transform: translateY(clamp(-18px, -1.4vh, -8px));
}

.ai-shell.lobe-inspired.ai-dream-home .ai-main.ai-empty-state .ai-empty--horizon h1 {
  font-size: clamp(2.15rem, 3.25vw, 3.35rem);
  line-height: 1.08;
  letter-spacing: -.06em;
}

.ai-shell.lobe-inspired.ai-dream-home .ai-empty-copy {
  max-width: 680px;
  margin: 1rem auto 1.6rem;
  font-size: clamp(.88rem, .92vw, 1rem);
}

.ai-shell.lobe-inspired.ai-dream-home .ai-lobe-suggestions {
  width: min(760px, 100%);
  margin-inline: auto;
  gap: clamp(.7rem, 1vw, 1rem);
}

.ai-shell.lobe-inspired.ai-dream-home .ai-lobe-suggestions button {
  box-sizing: border-box;
  height: 52px;
  min-height: 52px;
  justify-content: center;
  padding: .82rem 1rem;
  border-color: rgba(255,255,255,.13);
  border-radius: 15px;
  color: rgba(240,243,255,.84);
  background: linear-gradient(145deg, rgba(20,27,44,.31), rgba(10,14,28,.22));
  box-shadow: 0 14px 38px rgba(0,0,0,.10), inset 0 1px rgba(255,255,255,.055);
  -webkit-backdrop-filter: blur(12px) saturate(116%);
  backdrop-filter: blur(12px) saturate(116%);
}

.ai-shell.lobe-inspired.ai-dream-home .ai-lobe-suggestions button:nth-child(1),
.ai-shell.lobe-inspired.ai-dream-home .ai-lobe-suggestions button:nth-child(2),
.ai-shell.lobe-inspired.ai-dream-home .ai-lobe-suggestions button:nth-child(3) { transform: translateY(0); }

.ai-shell.lobe-inspired.ai-dream-home .ai-lobe-suggestions button:hover {
  transform: translateY(-6px) scale(1.018);
  border-color: rgba(153,139,255,.46);
  background: linear-gradient(145deg, rgba(106,86,217,.22), rgba(18,25,43,.34));
  box-shadow: 0 20px 48px rgba(0,0,0,.18), 0 0 28px rgba(126,104,246,.12), inset 0 1px rgba(255,255,255,.11);
}

.ai-shell.lobe-inspired.ai-dream-home .ai-main.ai-empty-state .ai-composer-wrap {
  box-sizing: border-box;
  width: clamp(760px, 68vw, 1040px) !important;
  max-width: calc(100% - clamp(2rem, 8vw, 7rem)) !important;
}

.ai-shell.lobe-inspired.ai-dream-home .ai-composer textarea {
  min-height: 62px;
  font-size: .96rem;
}

.ai-shell.lobe-inspired.ai-dream-home .ai-composer {
  box-sizing: border-box;
  width: 100%;
}

.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-sidebar {
  border-color: rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(12,15,29,.52), rgba(7,9,19,.43)) !important;
  box-shadow: 14px 0 46px rgba(0,0,0,.14), inset 0 1px rgba(255,255,255,.055);
  -webkit-backdrop-filter: blur(18px) saturate(116%);
  backdrop-filter: blur(18px) saturate(116%);
}

.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-topbar {
  border-bottom-color: rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(9,11,21,.34), rgba(9,11,21,.18));
  -webkit-backdrop-filter: blur(11px) saturate(112%);
  backdrop-filter: blur(11px) saturate(112%);
}

.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-composer {
  border-color: rgba(255,255,255,.15) !important;
  background: linear-gradient(145deg, rgba(17,20,35,.76), rgba(9,12,24,.68)) !important;
  box-shadow: 0 22px 62px rgba(0,0,0,.31), inset 0 1px rgba(255,255,255,.075) !important;
  -webkit-backdrop-filter: blur(22px) saturate(122%);
  backdrop-filter: blur(22px) saturate(122%);
  animation: aiDreamComposerAura 7s ease-in-out infinite alternate;
}

.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-empty--horizon :is(h1, .ai-empty-copy, .ai-empty-eyebrow) {
  text-shadow: 0 2px 8px rgba(0,0,0,.92), 0 0 28px rgba(0,0,0,.68);
}

.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-empty-horizon-mark {
  border-color: rgba(255,255,255,.3);
  background: linear-gradient(145deg, rgba(165,150,255,.82), rgba(72,65,167,.7));
  box-shadow: 0 20px 58px rgba(0,0,0,.34), 0 0 34px rgba(121,105,244,.23), inset 0 1px rgba(255,255,255,.4);
  -webkit-backdrop-filter: blur(12px) saturate(130%);
  backdrop-filter: blur(12px) saturate(130%);
  animation: aiDreamMarkFloat 5.6s ease-in-out infinite;
}

.ai-shell.lobe-inspired.ai-dream-home .ai-empty-horizon-mark::after {
  animation: aiDreamMarkRing 3.8s ease-in-out infinite;
}

.ai-shell.lobe-inspired.ai-dream-home .ai-conversation.active {
  position: relative;
  overflow: hidden;
}

.ai-shell.lobe-inspired.ai-dream-home .ai-conversation.active::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(110deg, transparent 15%, rgba(255,255,255,.09) 46%, transparent 76%);
  transform: translateX(-120%);
  transition: transform .75s var(--ai-dream-ease);
}

.ai-shell.lobe-inspired.ai-dream-home .ai-conversation.active:hover::after { transform: translateX(120%); }

.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper #ai-ambient-particles { opacity: .22; }
.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-ambient-glow { opacity: .1; }
.ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-ambient-noise { opacity: .016; }

/* Conversation state: retain the artwork at the edges and protect the reading lane. */
.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-aqua-fluid {
  inset: calc(-1 * max(var(--ai-aqua-wallpaper-blur, 0px), 1px));
  filter: blur(max(var(--ai-aqua-wallpaper-blur, 0px), 1px)) saturate(105%) contrast(102%) brightness(.95);
  transform: scale(1.008);
}

@keyframes aiDreamMarkFloat {
  0%, 100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-8px) rotate(1deg); }
}

@keyframes aiDreamMarkRing {
  0%, 100% { opacity: .52; transform: scale(.96); }
  50% { opacity: 1; transform: scale(1.07); }
}

@keyframes aiDreamComposerAura {
  from { box-shadow: 0 22px 62px rgba(0,0,0,.31), 0 0 0 rgba(111,92,236,0), inset 0 1px rgba(255,255,255,.075); }
  to { box-shadow: 0 28px 74px rgba(0,0,0,.36), 0 0 34px rgba(111,92,236,.10), inset 0 1px rgba(255,255,255,.095); }
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-aqua-fluid::before {
  background: rgba(0, 0, 0, calc(.035 + (1 - var(--ai-aqua-brightness, .7)) * .10));
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-aqua-fluid::after {
  background: linear-gradient(135deg, rgba(8,10,21,.14), rgba(12,16,31,.07) 48%, rgba(5,7,17,.18));
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-main {
  border-color: rgba(255,255,255,.09);
  background: linear-gradient(90deg, rgba(6,8,18,.22), rgba(8,11,22,.11) 55%, rgba(6,8,18,.18));
  box-shadow: inset 0 1px rgba(255,255,255,.045), -12px 0 52px rgba(0,0,0,.10);
  -webkit-backdrop-filter: blur(1px) saturate(110%);
  backdrop-filter: blur(1px) saturate(110%);
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-main::after {
  background:
    radial-gradient(ellipse 88% 88% at 50% 48%, transparent 56%, rgba(var(--ai-dream-deep), .08) 82%, rgba(var(--ai-dream-deep), .16)),
    linear-gradient(180deg, rgba(var(--ai-dream-deep), .05), transparent 20%, transparent 74%, rgba(var(--ai-dream-deep), .18));
}

.ai-shell.lobe-inspired .ai-dream-reading-veil {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(ellipse 57% 110% at 50% 48%, rgba(var(--ai-dream-deep), .36), rgba(var(--ai-dream-deep), .22) 52%, rgba(var(--ai-dream-deep), .05) 78%, transparent 94%),
    linear-gradient(180deg, rgba(var(--ai-dream-deep), .04), transparent 18%, transparent 76%, rgba(var(--ai-dream-deep), .19));
}

.ai-shell.lobe-inspired.ai-dream-reading .ai-dream-reading-veil {
  opacity: 1;
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-message-list {
  position: relative;
  z-index: 1;
  background: transparent;
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-sidebar {
  border-color: rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(12,15,28,.66), rgba(6,8,17,.57)) !important;
  box-shadow: 16px 0 52px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.055);
  -webkit-backdrop-filter: blur(20px) saturate(118%);
  backdrop-filter: blur(20px) saturate(118%);
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-topbar {
  border-bottom-color: rgba(255,255,255,.085);
  background: rgba(9,12,23,.54);
  -webkit-backdrop-filter: blur(17px) saturate(118%);
  backdrop-filter: blur(17px) saturate(118%);
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-composer-wrap {
  background: linear-gradient(0deg, rgba(5,7,16,.78) 18%, rgba(5,7,16,.38) 62%, transparent);
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-composer {
  border-color: rgba(255,255,255,.16) !important;
  background: rgba(12,15,28,.72) !important;
  box-shadow: 0 18px 54px rgba(0,0,0,.25), 0 0 26px rgba(101,88,230,.035), inset 0 1px rgba(255,255,255,.075) !important;
  -webkit-backdrop-filter: blur(19px) saturate(120%);
  backdrop-filter: blur(19px) saturate(120%);
  transition: background .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s var(--ai-dream-ease);
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-composer:focus-within {
  border-color: rgba(144,131,255,.38) !important;
  background: rgba(13,16,31,.82) !important;
  box-shadow: 0 22px 62px rgba(0,0,0,.29), 0 0 34px rgba(105,91,232,.10), inset 0 1px rgba(255,255,255,.10) !important;
  transform: translateY(-2px);
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-message.assistant .ai-bubble {
  position: relative;
  isolation: isolate;
  padding: .45rem .55rem .6rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-message.assistant .ai-bubble::before {
  position: absolute;
  z-index: -1;
  inset: -20px -30px;
  content: "";
  pointer-events: none;
  opacity: .78;
  background: radial-gradient(ellipse at 48% 45%, rgba(var(--ai-dream-deep), .39), rgba(var(--ai-dream-deep), .22) 52%, transparent 78%);
  filter: blur(11px);
  transition: opacity .32s ease, transform .45s var(--ai-dream-ease);
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-message.assistant:hover .ai-bubble::before {
  opacity: .9;
  transform: scale(1.015);
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-message.user .ai-bubble {
  border-color: rgba(119,215,241,.20);
  background: linear-gradient(135deg, rgba(39,123,164,.30), rgba(93,78,184,.21));
  box-shadow: 0 14px 34px rgba(0,0,0,.17), inset 0 1px rgba(255,255,255,.075);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  backdrop-filter: blur(14px) saturate(120%);
  transition: transform .34s var(--ai-dream-ease), border-color .3s ease, box-shadow .3s ease;
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-message.user:hover .ai-bubble {
  transform: translateY(-2px);
  border-color: rgba(138,222,244,.34);
  box-shadow: 0 18px 42px rgba(0,0,0,.20), 0 0 24px rgba(85,189,224,.08), inset 0 1px rgba(255,255,255,.10);
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-answer-content,
.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-live-answer {
  color: #f0f1f6;
  text-shadow: 0 1px 3px rgba(0,0,0,.62), 0 0 18px rgba(0,0,0,.20);
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-message:last-child {
  animation: aiDreamMessageArrive .52s var(--ai-dream-ease) both;
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-message:last-child .ai-avatar {
  animation: aiDreamAvatarArrive .65s var(--ai-dream-ease) both;
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper #ai-pending-message .ai-avatar {
  animation: aiDreamPendingPulse 1.8s ease-in-out infinite;
}

@keyframes aiDreamMessageArrive {
  from { opacity: 0; transform: translateY(14px); filter: blur(3px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes aiDreamAvatarArrive {
  0% { opacity: 0; transform: translateY(8px) scale(.76) rotate(-8deg); }
  68% { opacity: 1; transform: translateY(-2px) scale(1.08) rotate(2deg); }
  100% { opacity: 1; transform: translateY(0) scale(1) rotate(0); }
}

@keyframes aiDreamPendingPulse {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(132,115,255,0)); }
  50% { transform: scale(1.08); filter: drop-shadow(0 0 10px rgba(132,115,255,.36)); }
}

.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper #ai-ambient-particles { opacity: .17; }
.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-ambient-glow { opacity: .11; }
.ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-ambient-noise { opacity: .012; }

@media (max-width: 767.98px) {
  .ai-shell.lobe-inspired.ai-dream-home.aqua-wallpaper .ai-sidebar,
  .ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-sidebar {
    -webkit-backdrop-filter: blur(20px) saturate(112%);
    backdrop-filter: blur(20px) saturate(112%);
  }

  .ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-main::after {
    background: linear-gradient(180deg, rgba(var(--ai-dream-deep), .08), rgba(var(--ai-dream-deep), .20) 44%, rgba(var(--ai-dream-deep), .34));
  }

  .ai-shell.lobe-inspired .ai-dream-reading-veil {
    background: linear-gradient(180deg, rgba(var(--ai-dream-deep), .13), rgba(var(--ai-dream-deep), .30) 44%, rgba(var(--ai-dream-deep), .43));
  }

  .ai-shell.lobe-inspired.ai-dream-home .ai-main.ai-empty-state .ai-empty--horizon h1 { font-size: clamp(1.9rem, 9vw, 2.6rem); }
  .ai-shell.lobe-inspired.ai-dream-home .ai-main.ai-empty-state .ai-composer-wrap { width: 100% !important; }
  .ai-shell.lobe-inspired.ai-dream-home .ai-composer textarea { min-height: 52px; }
}

@media (prefers-reduced-motion: reduce) {
  .ai-shell.lobe-inspired .ai-aqua-fluid,
  .ai-shell.lobe-inspired .ai-main,
  .ai-shell.lobe-inspired .ai-sidebar,
  .ai-shell.lobe-inspired .ai-topbar,
  .ai-shell.lobe-inspired .ai-message-list,
  .ai-shell.lobe-inspired .ai-composer-wrap,
  .ai-shell.lobe-inspired .ai-composer { transition: none; }
  .ai-shell.lobe-inspired .ai-dream-reading-veil { transition: none; }
  .ai-shell.lobe-inspired.ai-dream-home .ai-empty-horizon-mark,
  .ai-shell.lobe-inspired.ai-dream-home .ai-empty-horizon-mark::after,
  .ai-shell.lobe-inspired.ai-dream-home .ai-composer,
  .ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-message:last-child,
  .ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper .ai-message:last-child .ai-avatar,
  .ai-shell.lobe-inspired.ai-dream-reading.aqua-wallpaper #ai-pending-message .ai-avatar { animation: none; }
}