.toast-container{position:fixed;z-index:var(--z-toast);pointer-events:none;left:var(--space-3);right:var(--space-3);bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column-reverse;gap:var(--space-2)}@media (min-width: 640px){.toast-container{left:auto;right:var(--space-4);bottom:auto;top:calc(var(--header-height) + var(--space-3));max-width:480px;width:min(480px,calc(100vw - var(--space-7)));flex-direction:column}}.toast{pointer-events:auto;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-left-width:3px;border-radius:var(--radius-4);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--font-size-base);line-height:1.4;display:flex;align-items:flex-start;gap:var(--space-3);box-shadow:0 4px 16px #0006;animation:toast-enter var(--motion-base);min-height:var(--touch-min)}.toast--exiting{animation:toast-exit var(--motion-base) forwards}.toast__body{flex:1 1 auto;word-break:break-word}.toast__close{flex:0 0 auto;appearance:none;background:transparent;border:none;color:var(--text-muted);font-size:var(--font-size-2xl);line-height:1;cursor:pointer;padding:var(--space-1) var(--space-2);margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-2));border-radius:var(--radius-2);min-width:var(--touch-min);min-height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;transition:color var(--motion-fast),background var(--motion-fast)}.toast__close:hover,.toast__close:focus-visible{color:var(--text-primary);background:#ffffff0a}.toast__close:focus-visible{outline:2px solid var(--accent-info);outline-offset:2px}.toast--error{border-left-color:var(--accent-danger);background:linear-gradient(to right,var(--tint-danger),var(--bg-elev-2) 80%)}.toast--warning{border-left-color:var(--accent-warn);background:linear-gradient(to right,var(--tint-warn),var(--bg-elev-2) 80%)}.toast--success{border-left-color:var(--accent-success);background:linear-gradient(to right,var(--tint-success),var(--bg-elev-2) 80%)}.toast--info{border-left-color:var(--accent-info);background:linear-gradient(to right,var(--tint-info),var(--bg-elev-2) 80%)}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 640px){@keyframes toast-enter{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}