.toast-region{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;width:min(320px,100vw - 32px);display:flex;position:fixed}.toast-region>*{pointer-events:auto}.toast-region--top-right{top:20px;right:20px}.toast-region--top-left{top:20px;left:20px}.toast-region--top-center{top:20px;left:50%;transform:translate(-50%)}.toast-region--bottom-right{bottom:20px;right:20px}.toast-region--bottom-left{bottom:20px;left:20px}.toast-region--bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.toast-card{--toast-accent:#fff;--toast-accent-soft:#ffffff2e;--toast-gradient:linear-gradient(135deg, #ffffff2e, #ffffff14);--stack-scale:1;--drag-x:0px;--swipe-exit-x:0px;isolation:isolate;border:1px solid var(--toast-surface-border,#fff3);background:var(--toast-surface-bg,#12172785);-webkit-backdrop-filter:blur(14px);width:100%;box-shadow:var(--toast-surface-shadow,0 14px 34px #00000047);color:var(--toast-text-primary,#f8fafff5);touch-action:pan-y;-webkit-user-select:none;user-select:none;will-change:transform, opacity;transform-origin:top;transform:translate3d(calc(var(--drag-x) + var(--swipe-exit-x)), 0, 0) scale(var(--stack-scale));border-radius:14px;padding:14px 18px;transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.toast-card:before{content:"";background:linear-gradient(180deg, var(--toast-highlight-top,#fff3), var(--toast-highlight-bottom,#ffffff05)), var(--toast-surface-overlay,transparent);opacity:1;pointer-events:none;position:absolute;inset:0}.toast-card[data-gradient=true]:before{background:linear-gradient(180deg, var(--toast-gradient-highlight-top,#ffffff2e), var(--toast-gradient-highlight-bottom,#ffffff08)), var(--toast-gradient)}.toast-card[data-phase=entering]{opacity:0;transform:translate3d(calc(var(--drag-x) + var(--swipe-exit-x)), 40px, 0) scale(calc(var(--stack-scale) * .95))}.toast-card[data-phase=visible]{opacity:1}.toast-card[data-phase=exiting]{opacity:0;transform:translate3d(calc(var(--drag-x) + var(--swipe-exit-x)), 18px, 0) scale(calc(var(--stack-scale) * .96));transition-duration:.2s}.toast-card:hover,.toast-card:focus-within{border-color:var(--toast-surface-border-strong,#ffffff57);box-shadow:var(--toast-surface-shadow-hover,0 18px 42px #00000057)}.toast-glow{background:radial-gradient(circle, var(--toast-accent-soft), transparent 58%);filter:blur(9px);pointer-events:none;width:196px;height:196px;position:absolute;inset:-24% auto auto -12%}.toast-main{z-index:1;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;display:grid;position:relative}.toast-card[data-with-icon=false] .toast-main{grid-template-columns:1fr auto}.toast-icon-shell{background-color:#ffffff1f;background:linear-gradient(180deg, var(--toast-control-sheen-top,#ffffff2e), var(--toast-control-sheen-bottom,#ffffff0a)), radial-gradient(circle at 22% 22%, color-mix(in srgb, var(--toast-accent) 38%, transparent), transparent 70%), color-mix(in srgb, var(--toast-accent) 14%, transparent);border:1px solid #ffffff38;border:1px solid color-mix(in srgb, var(--toast-control-border,#ffffff47) 72%, var(--toast-accent) 28%);width:38px;height:38px;box-shadow:inset 0 1px 0 var(--toast-control-highlight,#ffffff5c);color:var(--toast-accent);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.toast-icon-shell svg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.toast-icon-spinner{animation:1s linear infinite toast-spin}.toast-copy{flex-direction:column;justify-content:flex-start;min-width:0;display:flex}.toast-message{color:var(--toast-text-primary);letter-spacing:.01em;margin:0;font-size:.96rem;line-height:1.4}.toast-card[data-single-line=true] .toast-main{align-items:center}.toast-card[data-single-line=true] .toast-copy{justify-content:center}.toast-action,.toast-close{color:inherit;cursor:pointer;border:0}.toast-side-actions{flex-direction:column-reverse;align-items:flex-end;gap:8px;display:flex}.toast-action{background:var(--toast-control-bg,#ffffff29);min-height:30px;box-shadow:inset 0 1px 0 var(--toast-control-highlight,#ffffff57);font:inherit;border-radius:999px;padding:0 11px;font-size:.78rem;font-weight:600;transition:background .18s,transform .18s}.toast-action:hover,.toast-action:focus-visible{background:var(--toast-control-bg-hover,#ffffff3d);transform:translateY(-1px)}.toast-close{background:var(--toast-control-bg,#ffffff29);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .18s,transform .18s;display:inline-flex}.toast-close svg{stroke:currentColor;stroke-width:2.2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.toast-close:hover,.toast-close:focus-visible{background:var(--toast-control-bg-hover,#ffffff3d);transform:rotate(90deg)}.toast-progress-track{z-index:1;background:var(--toast-progress-track,#ffffff2e);border-radius:2px;height:3px;margin-top:12px;position:relative;overflow:hidden}.toast-progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--toast-accent), var(--toast-progress-end,#fffffff5));transform-origin:0;width:100%;height:100%;box-shadow:0 0 18px color-mix(in srgb, var(--toast-accent) 42%, transparent)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.toast-card{background:var(--toast-surface-bg,#121727e6);border-color:var(--toast-surface-border,#ffffff2e)}}.toast-progress-bar.is-indeterminate{width:42%;animation:1.15s ease-in-out infinite toast-indeterminate}@keyframes toast-spin{to{transform:rotate(360deg)}}@keyframes toast-indeterminate{0%{transform:translate(-120%)}50%{transform:translate(90%)}to{transform:translate(260%)}}@media (width<=1024px){.toast-region{width:min(300px,100vw - 28px)}}@media (width<=640px){.toast-region{width:auto;left:12px;right:12px;transform:none}.toast-region--top-left,.toast-region--top-center,.toast-region--top-right{top:12px;bottom:auto}.toast-region--bottom-left,.toast-region--bottom-center,.toast-region--bottom-right{top:auto;bottom:12px}.toast-main{grid-template-columns:auto 1fr auto}.toast-side-actions{gap:6px}}
