.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;width:360px;max-width:calc(100vw - 32px);display:flex;position:fixed;top:20px;right:20px}.toast{pointer-events:auto;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-left:3px solid var(--toast-accent,#2563eb);opacity:0;border-radius:12px;align-items:flex-start;gap:12px;padding:13px 40px 13px 14px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s;display:flex;position:relative;overflow:hidden;transform:translate(120%);box-shadow:0 12px 30px #0f172a1f}.toast.is-visible{opacity:1;transform:translate(0)}.toast.is-leaving{opacity:0;transform:translate(120%)}.toast-icon{width:34px;height:34px;color:var(--toast-accent,#2563eb);background:var(--toast-soft,#2563eb1f);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.toast-icon svg{width:18px;height:18px}.toast-body{flex:1;min-width:0;padding-top:1px}.toast-title{color:var(--text-dark,#0f172a);font-size:13.5px;font-weight:600;line-height:1.3}.toast-msg{color:var(--text-muted,#64748b);overflow-wrap:anywhere;margin-top:2px;font-size:12.5px}.toast-close{width:24px;height:24px;color:var(--text-muted,#64748b);background:0 0;border:none;border-radius:6px;place-items:center;font-size:17px;line-height:1;transition:background .15s,color .15s;display:grid;position:absolute;top:9px;right:9px}.toast-close:hover{color:var(--text-dark,#0f172a);background:#0f172a0d}html.dark .toast-close:hover{background:#ffffff14}.toast-progress{background:var(--toast-accent,#2563eb);opacity:.5;width:100%;height:3px;position:absolute;bottom:0;left:0}.toast-success{--toast-accent:#16a34a;--toast-soft:#22c55e24}.toast-danger{--toast-accent:#dc2626;--toast-soft:#ef444424}.toast-warning{--toast-accent:#d97706;--toast-soft:#f59e0b29}.toast-info{--toast-accent:#2563eb;--toast-soft:#2563eb24}@media (width<=480px){.toast-container{width:auto;inset:auto 16px 16px}.toast,.toast.is-leaving{transform:translateY(140%)}}