/* FuriousTubes — notifications & spinner */
/* TOAST */
.toast{position:fixed;bottom:20px;right:20px;z-index:999;background:var(--bg3);border:1px solid var(--border);border-radius:9px;padding:10px 15px;font-size:12px;display:flex;align-items:center;gap:8px;transform:translateY(70px);opacity:0;transition:all .3s;pointer-events:none;min-width:180px}
.toast.show{transform:translateY(0);opacity:1}
.toast.ok{border-color:var(--fire)}.toast.ok .td{background:var(--fire)}
.toast.er{border-color:#f55}.toast.er .td{background:#f55}
.td{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--muted)}
.spin{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:sp .7s linear infinite;display:inline-block;flex-shrink:0}

/* Responsive Toast Notifications */
@media(max-width:768px){
  .toast{bottom:16px;right:16px;min-width:160px;padding:8px 12px;font-size:11px}
}

@media(max-width:600px){
  .toast{bottom:12px;right:12px;left:12px;min-width:auto;border-radius:8px;padding:8px 12px;font-size:11px;gap:6px}
  .td{width:6px;height:6px}
}

@keyframes sp{to{transform:rotate(360deg)}}