:root {
  --ai-green-safe-top: env(safe-area-inset-top, 0px);
  --ai-green-safe-right: env(safe-area-inset-right, 0px);
  --ai-green-safe-bottom: env(safe-area-inset-bottom, 0px);
  --ai-green-safe-left: env(safe-area-inset-left, 0px);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
html {
  min-width: 320px;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  min-height: 100dvh;
  padding-left: var(--ai-green-safe-left);
  padding-right: var(--ai-green-safe-right);
}
.stage,
#modernPhoneHost,
.phone-frame {
  container-type: inline-size;
  container-name: ai-green-interface;
}
button,
a,
input,
select,
summary,
[role="button"] {
  touch-action: manipulation;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible {
  outline: 3px solid rgba(34, 197, 94, .34);
  outline-offset: 3px;
}
@container ai-green-interface (max-width: 420px) {
  .ai-live-player,
  #modernPhoneHost,
  .phone-frame {
    max-width: 100%;
  }
}
@media (display-mode: standalone) {
  body {
    min-height: 100dvh;
    padding-bottom: var(--ai-green-safe-bottom);
  }
}