.notification-viewport{z-index:1100;top:calc(5.5rem + env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));width:min(26rem,100vw - 2rem);max-height:calc(100dvh - 6.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));pointer-events:none;position:fixed}.notification-list{max-height:inherit;pointer-events:auto;gap:.75rem;margin:0;padding:0;list-style:none;display:grid;overflow:hidden auto}.notification-toast{border:1px solid #d1d5db;border-left:4px solid var(--notification-accent,#6b7280);color:#1f2937;opacity:0;pointer-events:auto;background:#fff;grid-template-columns:2rem minmax(0,1fr) 2rem;align-items:start;gap:.75rem;max-height:min(12rem,50dvh - 2.5rem);padding:.875rem;transition:opacity .22s,transform .26s cubic-bezier(.2,.8,.2,1);display:grid;overflow:auto;transform:translate(calc(100% + 1rem));box-shadow:0 8px 24px #1118272e}.notification-toast.is-visible{opacity:1;transform:translate(0)}.notification-toast.is-leaving{opacity:0;transform:translate(calc(100% + 1rem))}.notification-toast[data-notification-type=success]{--notification-accent:#4d7c0f}.notification-toast[data-notification-type=error]{--notification-accent:#b91c1c}.notification-toast[data-notification-type=warning]{--notification-accent:#b45309}.notification-toast[data-notification-type=info]{--notification-accent:#0369a1}.notification-icon{background:color-mix(in srgb, var(--notification-accent) 12%, white);width:2rem;height:2rem;color:var(--notification-accent);place-items:center;font-size:1rem;font-weight:800;display:grid}.notification-content{overflow-wrap:anywhere;min-width:0}.notification-title{color:#111827;margin:0;font-size:.875rem;font-weight:700;line-height:1.25rem}.notification-message{color:#374151;white-space:pre-line;margin:.2rem 0 0;font-size:.875rem;line-height:1.35rem}.notification-dismiss{color:#6b7280;cursor:pointer;background:0 0;border:0;place-items:center;width:2rem;height:2rem;font-size:1.25rem;line-height:1;display:grid}.notification-dismiss:hover,.notification-dismiss:focus-visible{color:#111827;background:#f3f4f6}.notification-dismiss:focus-visible{outline-offset:2px;outline:2px solid #4d7c0f}@media (width<=40rem){.notification-viewport{top:auto;bottom:calc(1rem + env(safe-area-inset-bottom));width:min(26rem, calc(100vw - 1.5rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100dvh - 3rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin-left:auto;margin-right:auto;left:0;right:0;transform:none}.notification-viewport-with-bottom-nav{bottom:calc(5rem + env(safe-area-inset-bottom));max-height:calc(100dvh - 9rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.notification-list{gap:.5rem}.notification-toast{max-height:min(10rem, calc(100dvh - 7rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));grid-template-columns:1.75rem minmax(0,1fr) 2rem;gap:.625rem;padding:.75rem}.notification-icon{width:1.75rem;height:1.75rem}}@media (prefers-reduced-motion:reduce){.notification-toast{transition-duration:1ms}}