/* Full scene alternative: foreground markup and layout are unchanged. */
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;contain:strict;background:#171a1e}
.ambient>i{display:none}
.full-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,18,22,.52),rgba(15,18,22,.30) 55%,rgba(15,18,22,.18)),linear-gradient(180deg,rgba(15,18,22,.42),transparent 20%,transparent 76%,rgba(15,18,22,.45))}
.l7-motion-toggle{background:none;border:0;padding:0;color:inherit;font-size:10px;white-space:nowrap;cursor:pointer}
@media(max-width:700px){.full-scene{object-position:77% top}.ambient:after{background:linear-gradient(180deg,#14171b60,#14171b85 50%,#14171b99)}}
@media(prefers-reduced-motion:reduce){video.full-scene{display:none}}

.header-note,footer{color:#b4bcc3;text-shadow:0 1px 8px #0008}footer{border-top-color:#ffffff24}

/* One stable composited background; no delayed scroll/parallax handlers. */
body{isolation:isolate}
.ambient{height:100vh;height:100lvh;bottom:auto;transform:translate3d(0,0,0);backface-visibility:hidden;isolation:isolate}
.full-scene{transform:translateZ(0);backface-visibility:hidden}
@media(max-width:700px) and (orientation:portrait){
 .ambient{background:#171a1e}
 .full-scene{width:100%;height:auto;max-width:none;aspect-ratio:9/16;object-fit:contain;object-position:center top}
 .ambient:after{background:linear-gradient(180deg,#14171b44,#14171b66 45%,#14171b00 80%)}
 .glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#363b43bd,#242a32dc)}
 #site{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
 header{gap:18px;padding-top:max(20px,env(safe-area-inset-top))}
 nav a{min-height:44px;padding:10px 12px}
 footer{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
 .chat-launch{bottom:calc(16px + env(safe-area-inset-bottom))}
}