/* LifeOS 0.45.4 — Ask My Life presentation contract.
   The modern Ask is an independent modal surface on desktop and a full-screen
   experience on compact screens. This intentionally overrides legacy drawer rules. */

#ask0451-backdrop{
  position:fixed;
  inset:0;
  z-index:179;
  background:color-mix(in srgb, #071922 46%, transparent);
  -webkit-backdrop-filter:blur(10px) saturate(.92);
  backdrop-filter:blur(10px) saturate(.92);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
#ask0451-backdrop.open{opacity:1;pointer-events:auto}

body.life-ui #ai-panel.ask040{
  position:fixed!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:min(720px,calc(100vw - 40px))!important;
  max-width:720px!important;
  height:min(780px,calc(100dvh - 40px))!important;
  max-height:780px!important;
  border:1px solid var(--life-line-soft)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  z-index:180!important;
  box-shadow:0 26px 80px rgba(0,0,0,.30),0 2px 10px rgba(0,0,0,.16)!important;
  transform:translate(-50%,calc(-50% + 20px)) scale(.985)!important;
  transform-origin:center!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .20s ease,transform .26s cubic-bezier(.2,.72,.22,1),visibility 0s linear .26s!important;
  contain:layout paint;
}
body.life-ui #ai-panel.ask040.open{
  transform:translate(-50%,-50%) scale(1)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:opacity .20s ease,transform .26s cubic-bezier(.2,.72,.22,1),visibility 0s!important;
}
body.life-ui #ai-panel.ask040 .ask040-head{
  flex:0 0 auto;
  min-width:0;
}
body.life-ui #ai-panel.ask040 .ask040-status-wrap,
body.life-ui #ai-panel.ask040 .ask040-msgs,
body.life-ui #ai-panel.ask040 .ask040-suggestions,
body.life-ui #ai-panel.ask040 .ask040-composer,
body.life-ui #ai-panel.ask040 .ask040-foot{
  min-width:0;
  width:100%;
  box-sizing:border-box;
}
body.life-ui #ai-panel.ask040 .ask040-msgs{overflow-x:hidden}

@media(max-width:699px){
  #ask0451-backdrop{background:var(--life-surface);backdrop-filter:none;-webkit-backdrop-filter:none}
  body.life-ui #ai-panel.ask040,
  body.life-ui.lifeos-mobile #ai-panel.ask040{
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:none!important;
    border:0!important;
    border-radius:0!important;
    transform:translateY(14px)!important;
    box-shadow:none!important;
  }
  body.life-ui #ai-panel.ask040.open,
  body.life-ui.lifeos-mobile #ai-panel.ask040.open{
    transform:translateY(0)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #ask0451-backdrop,
  body.life-ui #ai-panel.ask040{transition:none!important}
}
body.ask0451-open{overflow:hidden}
