/* Life OS 0.34 — strict, single source of truth for layer ordering. */
html.lifeos-auth-pending #shell{visibility:hidden!important;pointer-events:none!important}
body.life-ui #topbar{z-index:60}
body.life-ui #mobiletab{z-index:100}
body.life-ui #mobile-drawer-backdrop-v150{z-index:110}
body.life-ui #sidebar{z-index:120}
body.life-ui #ai-panel{z-index:180}
body.life-ui #modal-root{z-index:200}
body.life-ui #qa-overlay{z-index:210}
body.life-ui #palette-overlay{z-index:230}
body.life-ui #auth-gate{z-index:300}
@media(max-width:820px){
 body.life-ui.lifeos-mobile #sidebar{position:fixed!important;z-index:120!important;inset:0 auto 0 0!important;width:min(330px,88vw)!important;max-width:88vw!important;height:100dvh!important;max-height:100dvh!important;transform:translateX(-104%);transition:transform 220ms var(--life-ease);box-shadow:18px 0 56px rgba(0,0,0,.28)}
 body.life-ui.lifeos-mobile #sidebar.open{transform:translateX(0)!important}
 body.life-ui.lifeos-mobile #mobile-drawer-backdrop-v150{position:fixed!important;z-index:110!important;inset:0!important;background:rgba(0,0,0,.42)!important;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity 180ms var(--life-ease)}
 body.life-ui.lifeos-mobile #mobile-drawer-backdrop-v150.open{opacity:1;pointer-events:auto}
 body.life-ui.lifeos-mobile #main{width:100vw!important;height:100dvh!important}
 body.life-ui.lifeos-mobile #content{height:auto!important;max-height:calc(100dvh - 54px)!important;padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
 body.life-ui.lifeos-mobile #mobiletab{position:fixed!important;z-index:100!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;width:auto!important;border:1px solid color-mix(in srgb,var(--life-line) 55%,transparent)!important;border-radius:18px!important}
}