.toast-viewport{z-index:98;pointer-events:none;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));left:0;right:0;bottom:calc(1rem + env(safe-area-inset-bottom));justify-content:center;max-width:100vw;display:flex;position:fixed}@media (max-width:768px){body.app-shell--bottom-nav .toast-viewport{bottom:calc(var(--app-bottom-nav-height) + .5rem)}}.toast-shell{pointer-events:auto;width:100%;max-width:min(420px,100vw - 2rem);animation:.34s cubic-bezier(.22,1,.36,1) toast-enter}@keyframes toast-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.toast-shell{animation:none}}.toast-card{border:1px solid color-mix(in srgb,var(--border)88%,transparent);background:color-mix(in srgb,var(--bg-elevated)92%,transparent);-webkit-backdrop-filter:blur(16px)saturate(1.2);box-shadow:0 4px 24px color-mix(in srgb,var(--text)10%,transparent),0 0 0 1px color-mix(in srgb,var(--text)4%,transparent)inset;border-radius:12px;position:relative;overflow:hidden}html[data-theme=dark] .toast-card,:root:not([data-theme=light]) .toast-card{background:color-mix(in srgb,var(--bg-elevated)88%,rgba(0,0,0,.55));border-color:color-mix(in srgb,var(--border)70%,transparent);box-shadow:0 8px 32px rgba(0,0,0,.45),0 0 0 1px color-mix(in srgb,var(--text)6%,transparent)inset}.toast-row{justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem .45rem;display:flex}.toast-message{color:var(--text);letter-spacing:-.01em;flex:1;min-width:0;margin:0;font-size:.8125rem;font-weight:500;line-height:1.35}.toast-action{background:color-mix(in srgb,var(--text)7%,transparent);color:var(--accent);letter-spacing:-.02em;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;margin:0;padding:.3rem .55rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .15s,color .15s}.toast-action:hover{background:color-mix(in srgb,var(--accent)14%,transparent);color:var(--accent-hover,var(--accent))}.toast-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toast-progress-track{background:color-mix(in srgb,var(--border)65%,transparent);border-radius:999px;height:3px;margin:0 2px 2px;overflow:hidden}.toast-progress-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--accent)55%,transparent),var(--accent));transform-origin:0;will-change:transform;width:100%;height:100%;animation:toast-progress-shrink var(--toast-duration,4.5s)linear forwards}@keyframes toast-progress-shrink{0%{transform:translate(0,0)scaleX(1)}to{transform:translate(0,0)scaleX(0)}}@media (prefers-reduced-motion:reduce){.toast-progress-fill{animation-timing-function:steps(32,end)}}
