.app-notice{position:fixed;z-index:20000;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));max-width:420px;margin-inline:auto;padding:20px;background:var(--surf-2,#102a15);color:var(--cream,#f5f0e8);border:1px solid color-mix(in srgb,var(--cream,#f5f0e8) 16%,transparent);border-radius:var(--r-lg,16px);box-shadow:0 12px 32px oklch(0.12 0.02 148 / .28);font:400 var(--t-base,15px)/1.5 var(--fb,system-ui,sans-serif);animation:notice-in .18s cubic-bezier(.16,1,.3,1)}
.app-notice.above-nav{bottom:calc(96px + env(safe-area-inset-bottom))}
.app-notice h2{margin:0 0 6px;font:600 var(--t-lg,19px)/1.3 var(--fb,system-ui,sans-serif);letter-spacing:-.02em}
.app-notice p{margin:0;color:var(--g200,#8ed494);font-size:var(--t-sm,13px);line-height:1.55}
.app-notice-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px}
.app-notice button{min-height:44px;padding:10px 16px;border-radius:var(--r-sm,8px);font:600 var(--t-sm,13px)/1.4 var(--fb,system-ui,sans-serif);cursor:pointer;touch-action:manipulation}
.app-notice-primary{border:1px solid transparent;background:var(--cream,#f5f0e8);color:var(--g900,#0a1a0e)}
.app-notice-secondary{border:1px solid transparent;background:transparent;color:var(--cream,#f5f0e8)}
.app-notice button:hover{filter:brightness(.92)}
.app-notice button:active{transform:translateY(1px)}
.app-notice button:disabled{opacity:.65;cursor:wait}
.app-notice button:focus-visible{outline:2px solid var(--g200,#8ed494);outline-offset:3px}
@keyframes notice-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.app-notice{animation:none}.app-notice button:active{transform:none}}

#auth-splash.startup-failed .splashspin{display:none}