.app-notifier{z-index:1000;right:1rem;bottom:max(1rem, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column-reverse;align-items:center;gap:.75rem;display:flex;position:fixed;left:1rem}.app-notification{--notification-accent:#0284c7;color:#0f172a;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #e2e8f0e6;border-radius:1rem;align-items:flex-start;gap:.875rem;width:min(100%,28rem);padding:1rem 1rem 1.125rem;animation:.22s ease-out both app-notification-enter;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0f172a2e,0 2px 8px #0f172a14}.app-notification--success{--notification-accent:#059669}.app-notification--error{--notification-accent:#e11d48}.app-notification--warning{--notification-accent:#d97706}.app-notification--info{--notification-accent:#0284c7}.app-notification__icon{background:color-mix(in srgb, var(--notification-accent) 12%, white);width:2.25rem;height:2.25rem;color:var(--notification-accent);border-radius:.75rem;flex:0 0 2.25rem;place-items:center;font-size:1rem;display:grid}.app-notification__content{flex:1;min-width:0;padding-top:.125rem}.app-notification__title{margin:0;font-size:.875rem;font-weight:700;line-height:1.35}.app-notification__message{color:#475569;overflow-wrap:anywhere;margin:.25rem 0 0;font-size:.8125rem;line-height:1.5}.app-notification__close{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:.625rem;flex:0 0 2rem;place-items:center;width:2rem;height:2rem;transition:background-color .15s,color .15s;display:grid}.app-notification__close:hover{color:#0f172a;background:#f1f5f9}.app-notification__close:focus-visible{outline:2px solid var(--notification-accent);outline-offset:2px}.app-notification__progress{background:color-mix(in srgb, var(--notification-accent) 20%, transparent);transform-origin:0;height:3px;animation:app-notification-countdown var(--notification-duration) linear forwards;position:absolute;bottom:0;left:0;right:0;transform:scaleX(1)}.app-notification__progress:after{background:var(--notification-accent);content:"";height:100%;display:block}.app-notification--leaving{animation:.18s ease-in both app-notification-exit}.dark .app-notification{color:#f8fafc;background:#0f172af5;border-color:#475569cc}.dark .app-notification__icon{background:color-mix(in srgb, var(--notification-accent) 18%, #0f172a)}.dark .app-notification__message{color:#cbd5e1}.dark .app-notification__close{color:#94a3b8}.dark .app-notification__close:hover{color:#f8fafc;background:#1e293b}@keyframes app-notification-enter{0%{opacity:0;transform:translateY(.75rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes app-notification-exit{to{opacity:0;transform:translateY(.5rem)scale(.98)}}@keyframes app-notification-countdown{to{transform:scaleX(0)}}@media (width<=480px){.app-notifier{right:.75rem;bottom:max(.75rem, env(safe-area-inset-bottom));left:.75rem}.app-notification{border-radius:.875rem;padding:.875rem .875rem 1rem}}@media (prefers-reduced-motion:reduce){.app-notification,.app-notification--leaving,.app-notification__progress{animation-duration:1ms}}