.notice-viewport{--notice-bottom:calc(var(--tabbar-h,0px) + 5rem + var(--notice-keyboard,0px));z-index:90;left:max(.75rem, env(safe-area-inset-left,0px));right:max(.75rem, env(safe-area-inset-right,0px));bottom:var(--notice-bottom);max-height:max(5rem, calc(100dvh - var(--notice-bottom) - env(safe-area-inset-top,0px) - 5rem));overscroll-behavior:contain;pointer-events:none;scrollbar-width:thin;flex-direction:column;gap:.5rem;padding:.25rem;display:flex;position:fixed;overflow:hidden auto}.notice-card{background:var(--color-surface);pointer-events:auto;overflow-wrap:anywhere;border-radius:1rem;min-width:0;box-shadow:0 4px 16px #0f172a17,0 1px 3px #0f172a0d}.toast-card{transition:opacity .18s ease-out,transform .18s ease-out;animation:.16s ease-out notice-in}.toast-card[data-leaving=true]{opacity:0;pointer-events:none;transform:translateY(.25rem)}@keyframes notice-in{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.notice-viewport{left:auto;right:max(1rem, env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + 4.75rem);width:22.5rem;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 6rem);bottom:auto}}@media (prefers-reduced-motion:reduce){.toast-card{transition:none;animation:none}}