.toast{
position:fixed;
bottom:var(--gap);
right:var(--gap);
background:#1a1a1a;
color:rgba(255,255,255,0.9);
padding:var(--gd2);
border-radius:var(--br0);
border:1px solid rgba(255,255,255,0.12);
z-index:9999;
pointer-events:none;
overflow:hidden;
display:flex;
align-items:center;
gap:0;
font-size:var(--fz4);
box-shadow:0 2px 4px rgba(0,0,0,0.4);
}
.toast.clickable{
pointer-events:auto;
}
.toast-text{
flex:1;
padding:6px 14px;
}
.toast-undo-btn,
.toast-close-btn{
background:none;
border:none;
cursor:pointer;
padding:10px 16px;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
border-radius:calc(var(--br0) - 4px);
font-size:var(--fz4);
font-weight:600;
white-space:nowrap;
flex-shrink:0;
transition:background 120ms;
}
.toast-undo-btn:hover,
.toast-close-btn:hover{
background:rgba(255,255,255,0.1);
}
.toast-undo-btn{
color:var(--ac1);
order:-1;
}
.toast-undo-btn svg{
width:20px;
height:20px;
}
.toast-close-btn{
color:rgba(255,255,255,0.35);
padding:10px;
border-radius:50%;
}
.toast-close-btn:hover{
color:rgba(255,255,255,0.7);
}
.toast-close-btn svg{
width:20px;
height:20px;
}
.toast.persistent{
pointer-events:none;
}
.toast-message{
position:relative;
z-index:2;
padding:6px 14px;
}
.toast-progress{
position:absolute;
top:0;
left:0;
height:100%;
width:0%;
background:rgba(255,255,255,0.08);
z-index:1;
border-radius:var(--br0);
transition:width 100ms ease-in-out;
}
.toast-error{
background:rgba(192,57,43,0.85);
pointer-events:auto;
font-weight:600;
}
.toast.fade-out{
opacity:0;
transition:opacity 100ms ease-out;
}
.toast-link,
.toast-link:visited{
color:var(--ac1);
text-decoration:none;
pointer-events:auto;
cursor:pointer;
}
.toast-link:hover{
text-decoration:underline;
}
@media(max-width:600px){
.toast{
right:auto;
left:var(--gap);
max-width:calc(100vw - var(--gt2) - var(--gap) * 3);
}
}