.notif-toast{position:relative;width:min(100vw - 2rem,480px);overflow:hidden;border-radius:1.25rem;border:1px solid color-mix(in srgb,var(--toast-accent) 30%,transparent);background:color-mix(in srgb,var(--surface-elevated,var(--surface)) 88%,transparent);backdrop-filter:blur(24px) saturate(150%);box-shadow:0 0 30px -8px var(--toast-accent);pointer-events:auto;animation:notif-toast-in .25s ease}.notif-toast--clickable{cursor:pointer}.notif-toast__body{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:1rem;padding:1rem}.notif-toast__icon-tile{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.75rem;background:color-mix(in srgb,var(--text-main) 5%,transparent);color:var(--toast-accent)}.notif-toast__content{min-width:0;padding-top:.125rem}.notif-toast__header{display:flex;align-items:center;gap:.375rem;margin-bottom:.25rem;font-size:.75rem;line-height:1}.notif-toast__label{font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--toast-accent)}.notif-toast__separator,.notif-toast__timestamp{color:var(--text-muted)}.notif-toast__title{margin:0;font-size:.875rem;font-weight:700;line-height:1.35;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-toast__description{margin:.25rem 0 0;font-size:.75rem;line-height:1.45;color:var(--text-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.notif-toast__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;margin:-.125rem -.125rem 0 0;padding:0;border:none;border-radius:.5rem;background:rgba(0,0,0,0);color:var(--text-muted);cursor:pointer;transition:color .15s ease,background .15s ease}.notif-toast__close:hover{color:var(--text-main);background:color-mix(in srgb,var(--text-main) 6%,transparent)}.notif-toast__close:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.notif-toast__countdown{position:absolute;inset-inline:0;bottom:0;height:4px;overflow:hidden}.notif-toast__countdown-bar{width:100%;height:100%;background:var(--toast-bar-gradient);transform-origin:left center;animation:notif-countdown linear forwards}.notif-toast__countdown-bar--paused{animation-play-state:paused}@keyframes notif-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes notif-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.notif-toast{animation:none}.notif-toast__countdown-bar{animation:none;transform:scaleX(0)}}.toast-container{position:fixed;top:calc(1rem + env(safe-area-inset-top, 0px));left:50%;transform:translateX(-50%);z-index:200;display:flex;flex-direction:column;gap:.625rem;width:min(100% - 2rem,480px);pointer-events:none}