/* Homepage extends the actual LabeboLM chat stylesheet and its components. */
[hidden]{display:none!important}
.top,body:not(.is-landing) .top,body:not(.is-landing) .top.is-compact{background:rgba(12,36,14,.78)!important;box-shadow:none!important;overflow:visible!important;align-items:center!important}
.home-brand{text-decoration:none}.home-top nav{display:flex;gap:24px;align-items:center}.home-top nav>a,.home-about{color:#e0edd6;text-decoration:none;font-size:14px}.home-about{margin-inline-start:auto}.home-login{gap:12px!important}
.home-account{position:relative;margin-inline-start:24px}.home-account summary{cursor:pointer;color:#e0edd6;border:1px solid #eaf6dc33;border-radius:999px;padding:9px 16px;font-size:14px}
.home-account .top-actions{position:absolute;inset-inline-end:0;top:52px;min-width:250px;max-width:calc(100vw - 32px);padding:16px;background:#123416;border:1px solid #eaf6dc33;border-radius:18px;box-shadow:0 16px 40px #0004;z-index:60;display:flex!important;flex-wrap:wrap;flex-direction:row!important;gap:10px!important}
.home-account:not([open]) .top-actions{display:none!important}.home-account .top-actions .pill{opacity:1!important;visibility:visible!important}
body.is-landing .ask-hero{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:min(560px,100%)!important;margin:clamp(84px,22vh,220px) auto 32px!important;padding:0 12px!important;gap:24px!important;pointer-events:auto!important}
.home-signed-intro{text-align:center;flex:none;width:100%;color:#f3fbe8;margin:0 0 12px}.home-eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:#b9d49e;margin-bottom:20px;letter-spacing:.02em}.home-eyebrow>span{color:var(--leaf)}.home-signed-intro h2{font-size:clamp(28px,4vw,42px);font-weight:500;line-height:1.35;letter-spacing:-.7px;margin:0 0 18px;color:#f3fbe8}.home-signed-intro p{font-size:16px;line-height:1.8;color:#bfd0b5;margin:0}
.chat-panel:not(.is-empty) .home-signed-intro,.chat-panel:not(.is-empty) .home-suggestions{display:none}body.is-landing .empty-dock{display:none!important}
body.is-landing .composer::before{opacity:.25!important;animation:none!important}.home-suggestions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;width:100%}.home-suggestions button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 15px;border:1px solid #dce6d433;border-radius:999px;background:#ffffff06;color:#dce8d3;font:500 13px/1.5 var(--font);cursor:pointer;transition:background .15s,border-color .15s}.home-suggestions button span{color:#b4d685;font-size:17px}.home-suggestions button:hover{background:#ffffff12;border-color:#88c54099}.home-note{color:#9fb295;text-align:center;font-size:12px;line-height:1.7;margin:0}
.top .logo img{object-fit:contain}.top .brand h1{display:block!important}
.public-home .home-messages article{margin:0 auto 28px;width:min(100%,650px);overflow-wrap:anywhere}.public-home .home-user{background:var(--ask-soft);border:1px solid var(--ask-line);color:var(--ask-ink);width:fit-content;max-width:90%;padding:12px 18px;border-radius:18px;white-space:pre-wrap}.public-home .home-messages article>p:not(.home-user){line-height:1.9;color:var(--muted)}.public-home .home-messages a{color:var(--leaf-deep);text-underline-offset:5px}
.public-home:not(.is-landing) .app{height:100dvh}.public-home:not(.is-landing) .home-note{color:var(--muted);padding:0 12px 12px}.public-home:not(.is-landing) .home-composer{border-bottom:0}.public-home .home-composer textarea{font:inherit;resize:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--leaf);outline-offset:4px}
@media(max-width:600px){.home-top nav{gap:12px}.home-top nav>a,.home-about{font-size:12px}.top{gap:8px!important}.top .brand h1{font-size:15px!important}.top .logo{width:32px;height:32px}.top .logo img{width:30px;height:30px}.home-account{margin-inline-start:8px}.home-account summary{font-size:11px;padding:8px}.home-signed-intro p{font-size:14px}.home-suggestions{gap:8px}.home-suggestions button{font-size:12px;padding:10px 13px}.home-note{font-size:11px}body.is-landing .ask-hero{margin-top:clamp(48px,12vh,110px)!important;padding:0 8px!important;gap:22px!important}.home-top .home-login{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.home-top nav{margin-inline-start:auto}body.is-landing .chat-panel.is-empty .ask-hero{animation:none!important;opacity:1!important}
.home-brand .logo{background:transparent;box-shadow:none;padding:0;flex-shrink:0}.home-brand .logo img{display:block;width:100%;height:100%;object-fit:contain}
.public-home .composer-stack{position:relative}.public-home .home-intro{position:relative;z-index:2}.public-home .home-intro h2{font-size:clamp(23px,3.5vw,32px);line-height:1.6;margin:0}.home-parrot{width:clamp(120px,24vw,180px);height:clamp(120px,24vw,180px);margin:0 auto -6px;pointer-events:none}.public-home .home-suggestions{position:relative;z-index:2}
html:has(.public-home){overflow-x:clip}.public-home{overflow-x:clip!important}
body.public-home.is-landing .app{overflow-x:clip!important}

.public-home .composer-stack>.home-intro{position:absolute;left:50%;bottom:calc(100% - clamp(27px,6.75vw,33px));transform:translateX(-50%);width:clamp(180px,45vw,220px);margin:0;pointer-events:none}.public-home .composer-stack>.home-intro .home-parrot{width:100%;height:clamp(180px,45vw,220px);margin:0}

/* Compact text-only starter prompts. */
.public-home .home-suggestions button{padding-inline:10px;gap:0}

.home-login{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.home-login svg{width:24px;height:24px;display:block}.home-about{max-width:680px;margin:12px auto;padding:0 20px;text-align:center;font-size:13px;line-height:1.8;color:#c7d8bd}

/* Guest landing words above the parrot. One small text layer plus a soft halo. */
body.public-home.is-landing .home-verb{
  position:absolute;
  left:50%;
  bottom:max(calc(100% + clamp(188px,40vw,230px)),calc(100% + 46dvh - 88px));
  z-index:3;
  margin:0;
  transform:translateX(-50%);
  width:max-content;
  max-width:calc(100vw - 32px);
  pointer-events:none;
  text-align:center;
  white-space:nowrap
}
body.public-home.is-landing .home-verb::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  z-index:-1;
  width:min(280px,72vw);
  height:96px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(214,255,168,.42) 0%,rgba(136,197,64,.14) 46%,transparent 72%);
  transform:translate(-50%,-50%) scale(.88);
  animation:homeVerbGlow 8s ease-in-out infinite;
  pointer-events:none
}
body.public-home.is-landing .home-verb span{
  display:inline-block;
  opacity:0;
  font:800 clamp(42px,12vw,68px)/1.15 var(--font);
  color:#f6ffe9;
  text-shadow:0 0 18px rgba(198,240,130,.55);
  animation:homeVerbSmoke 2.6s linear both
}
html[dir="ltr"] body.public-home.is-landing .home-verb span{letter-spacing:.03em}
@keyframes homeVerbSmoke{
  0%{opacity:0;filter:blur(8px);transform:translate3d(0,12px,0) scale(.94)}
  12.5%{opacity:.38;filter:blur(4px);transform:translate3d(0,8px,0) scale(.96)}
  25%{opacity:.71;filter:blur(1.6px);transform:translate3d(0,5px,0) scale(.978)}
  37.5%{opacity:.92;filter:blur(.4px);transform:translate3d(0,2px,0) scale(.992)}
  50%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}
  62.5%{opacity:.92;filter:blur(.9px);transform:translate3d(0,-4px,0) scale(1.012)}
  75%{opacity:.71;filter:blur(3px);transform:translate3d(0,-9px,0) scale(1.026)}
  87.5%{opacity:.38;filter:blur(6px);transform:translate3d(0,-14px,0) scale(1.04)}
  100%{opacity:0;filter:blur(9px);transform:translate3d(0,-18px,0) scale(1.05)}
}
@keyframes homeVerbGlow{
  0%,100%{opacity:.32;transform:translate(-50%,-50%) scale(.86)}
  50%{opacity:.78;transform:translate(-50%,-50%) scale(1.14)}
}
body.public-home.is-landing .home-verb.is-paused,
body.public-home.is-landing .home-verb.is-paused::before,
body.public-home.is-landing .home-verb.is-paused span{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  body.public-home.is-landing .home-verb span{opacity:1;filter:none;transform:none}
}
