:root{--app-toast-ink: #132d3b;--app-toast-muted: #708492;--app-toast-border: rgba(216, 228, 235, .95);--app-toast-positive: #5d9c83;--app-toast-positive-soft: #edf5f1;--app-toast-negative: #c35c57;--app-toast-negative-soft: #fff1f0;--app-toast-surface: #fff;--app-toast-close-hover: #f2f6f7;--app-toast-shadow: 0 8px 24px rgba(24, 57, 72, .15);--app-toast-font: Inter, -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.dark{--app-toast-ink: #eaf2f5;--app-toast-muted: #aab9c2;--app-toast-border: rgba(149, 173, 186, .24);--app-toast-positive: #92c6a8;--app-toast-positive-soft: rgba(93, 156, 131, .17);--app-toast-negative: #e18a84;--app-toast-negative-soft: rgba(195, 92, 87, .16);--app-toast-surface: hsl(var(--card));--app-toast-close-hover: rgba(255, 255, 255, .08);--app-toast-shadow: 0 10px 26px rgba(0, 0, 0, .38)}.app-toast-viewport{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 12px)!important;right:auto!important;bottom:auto!important;left:50%!important;z-index:100!important;display:flex!important;width:min(420px,calc(100vw - 24px))!important;max-width:none!important;max-height:calc(100vh - env(safe-area-inset-top,0px) - 24px);flex-direction:column!important;gap:8px;padding:0!important;transform:translate(-50%)!important}.app-toast{position:relative;display:grid;width:100%;min-height:76px;box-sizing:border-box;grid-template-columns:36px minmax(0,1fr) 30px;align-items:center;gap:11px;padding:12px 11px;border:1px solid var(--app-toast-border);border-radius:17px;background:var(--app-toast-surface);color:var(--app-toast-ink);box-shadow:var(--app-toast-shadow);font-family:var(--app-toast-font);animation:app-toast-enter .22s cubic-bezier(.2,.72,.25,1) both}.app-toast--destructive{border-color:#c35c5759}.app-toast[data-state=closed]{animation:app-toast-exit .15s ease-in both}.app-toast-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:12px;background:var(--app-toast-positive-soft);color:var(--app-toast-positive)}.app-toast--destructive .app-toast-icon{background:var(--app-toast-negative-soft);color:var(--app-toast-negative)}.app-toast-copy{display:grid;min-width:0;gap:4px}.app-toast-title{color:var(--app-toast-ink);font-size:14px;font-weight:700;line-height:1.25;letter-spacing:-.015em;overflow-wrap:anywhere}.app-toast-description{color:var(--app-toast-muted);font-size:12px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.app-toast-close{display:grid;width:30px;height:30px;place-items:center;padding:0;border:0;border-radius:9px;background:transparent;color:var(--app-toast-muted);cursor:pointer;transition:background-color .14s ease,color .14s ease}.app-toast-close:hover{background:var(--app-toast-close-hover);color:var(--app-toast-ink)}.app-toast-close:focus-visible,.app-toast-action:focus-visible{outline:2px solid #278ec4;outline-offset:2px}.app-toast-action{justify-self:start;margin-top:4px}@keyframes app-toast-enter{0%{opacity:0;translate:0 -7px}to{opacity:1;translate:0 0}}@keyframes app-toast-exit{to{opacity:0;translate:0 -4px}}@media (max-width: 360px){.app-toast{grid-template-columns:32px minmax(0,1fr) 28px;gap:8px;padding:10px 9px}.app-toast-icon{width:32px;height:32px;flex-basis:32px}.app-toast-close{width:28px;height:28px}.app-toast-title{font-size:13px}.app-toast-description{font-size:11px}}@media (prefers-reduced-motion: reduce){.app-toast,.app-toast-close{animation:none;transition:none}}