.toast-region{position:fixed;z-index:10000;inset-block-start:18px;inset-inline-end:20px;width:min(430px,calc(100vw - 32px));display:grid;gap:10px;pointer-events:none}
.app-toast{--toast-accent:#16865b;position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 32px;align-items:center;gap:12px;min-height:78px;padding:14px 14px 17px;border:1px solid color-mix(in srgb,var(--toast-accent) 20%,var(--line,#e8e7ed));border-radius:17px;background:var(--surface,#fff);color:var(--ink,#211f29);box-shadow:0 16px 48px #17142120,0 3px 10px #1714210d;overflow:hidden;pointer-events:auto;opacity:0;transform:translateY(-10px) scale(.985);transition:opacity .24s ease,transform .24s cubic-bezier(.2,.8,.2,1)}
.app-toast.toast-entered{opacity:1;transform:translateY(0) scale(1)}
.app-toast-error{--toast-accent:#c74444}.app-toast-info{--toast-accent:#3878bb}.app-toast-warning{--toast-accent:#b77a12}
.app-toast-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--toast-accent) 12%,transparent);color:var(--toast-accent);font-size:20px;font-weight:800}
.app-toast-copy{min-width:0}.app-toast-copy b{display:block;margin-bottom:3px;color:var(--toast-accent);font-size:12px;font-weight:750}.app-toast-copy p{margin:0;color:var(--ink,#211f29);font-size:12px;line-height:1.75;overflow-wrap:anywhere}
.app-toast-close{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--muted,#777);font:inherit;font-size:23px;line-height:1;cursor:pointer;transition:background .16s,color .16s}.app-toast-close:hover,.app-toast-close:focus-visible{background:var(--surface-2,#f3f2f6);color:var(--ink,#211f29);outline:none}
.app-toast-progress{position:absolute;inset-inline:0;inset-block-end:0;height:3px;background:color-mix(in srgb,var(--toast-accent) 16%,transparent)}.app-toast-progress::after{content:"";position:absolute;inset:0;background:var(--toast-accent);transform:scaleX(1);transform-origin:right;animation:toast-countdown var(--toast-duration,6.5s) linear forwards}.app-toast.paused .app-toast-progress::after{animation-play-state:paused}
.app-toast.toast-leaving{opacity:0;transform:translateY(-8px) scale(.985)}
@keyframes toast-countdown{to{transform:scaleX(0)}}
@media(max-width:600px){.toast-region{inset-block-start:10px;inset-inline:10px;width:auto;gap:8px}.app-toast{grid-template-columns:34px minmax(0,1fr) 30px;min-height:72px;padding:12px 11px 15px;border-radius:14px}.app-toast-icon{width:32px;height:32px;border-radius:10px}}
@media(prefers-reduced-motion:reduce){.app-toast{transition:none}.app-toast-progress::after{animation:none;transform:scaleX(0)}}

.toast-region:popover-open{margin:0;border:0;padding:0;overflow:visible;background:transparent;color:inherit;max-width:none;max-height:none}