.notification-viewport{position:fixed;right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom, 0px));z-index:var(--z-toast);display:flex;flex-direction:column-reverse;gap:var(--space-2);width:min(calc(100vw - var(--space-8)),24rem);pointer-events:none}.notification-viewport:focus{outline:none}.notification-viewport__list{display:flex;flex-direction:column-reverse;gap:var(--space-2);margin:0;padding:0;list-style:none}.notification-viewport__queue-hint{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-muted);color:var(--color-text-secondary);font-size:var(--text-xs);text-align:center;pointer-events:none}.notification{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);box-shadow:var(--shadow-lg);pointer-events:auto}.notification--success{border-color:var(--color-success-border);background:color-mix(in srgb,var(--color-success-subtle) 55%,var(--color-card))}.notification--error{border-color:var(--color-danger-border);background:color-mix(in srgb,var(--color-danger-subtle) 55%,var(--color-card))}.notification--warning{border-color:var(--color-warning-border);background:color-mix(in srgb,var(--color-warning-subtle) 55%,var(--color-card))}.notification--info{border-color:color-mix(in srgb,var(--color-primary) 25%,var(--color-border));background:color-mix(in srgb,var(--color-primary-subtle) 45%,var(--color-card))}.notification--loading{border-color:color-mix(in srgb,var(--color-primary) 20%,var(--color-border))}.notification__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin-top:.05rem}.notification__icon-svg{width:1.25rem;height:1.25rem}.notification--success .notification__icon{color:var(--color-success)}.notification--error .notification__icon{color:var(--color-danger)}.notification--warning .notification__icon{color:var(--color-warning)}.notification--info .notification__icon,.notification--loading .notification__icon{color:var(--color-primary)}.notification__content{flex:1;min-width:0}.notification__title{margin:0;font-size:var(--text-sm);font-weight:600;line-height:1.4;color:var(--color-text)}.notification__message{margin:0;font-size:var(--text-sm);line-height:1.45;color:var(--color-text-secondary)}.notification__title+.notification__message{margin-top:var(--space-1)}.notification__dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:calc(var(--space-1) * -1);border:0;border-radius:var(--radius-control);background:transparent;color:var(--color-text-secondary);cursor:pointer}.notification__dismiss:hover{background:var(--color-muted);color:var(--color-text)}.notification__dismiss:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:767px){.notification-viewport{right:var(--space-3);left:var(--space-3);width:auto}}@media (prefers-reduced-motion:reduce){.notification-viewport *{animation:none!important;transition:none!important}}