/* Installed-app polish for the simple pages (home, settings, survey, privacy, admin). Linked from their <head>; changes nothing in a normal browser tab.
   With viewport-fit=cover, an installed app on a phone with a notch or a home bar must keep content out of the unsafe corners. */
html{-webkit-tap-highlight-color:transparent}
@media (display-mode: standalone), (display-mode: fullscreen), (display-mode: minimal-ui){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}
}

/* ---------- Lumi logo: shared animated branding ---------- */
.lumi-logo{border-radius:50%;animation:lumi-float 3.2s ease-in-out infinite}
.lumi-logo-glow{border-radius:50%;animation:lumi-float 3.2s ease-in-out infinite,lumi-glow 2.4s ease-in-out infinite}
@keyframes lumi-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes lumi-glow{0%,100%{filter:drop-shadow(0 8px 12px #1e1b4b33)}50%{filter:drop-shadow(0 8px 20px #d4a01788)}}
@media (prefers-reduced-motion:reduce){.lumi-logo,.lumi-logo-glow{animation:none}}