/* ═══════════════════════════════════════════════════════════════════════
       TOAST NOTIFICATION
       ═══════════════════════════════════════════════════════════════════════ */
    .toast {
      position: fixed;
      top: calc(var(--safe-top) + 16px);
      left: 50%;
      transform: translateX(-50%) translateY(-12px);
      padding: 10px 20px;
      border-radius: var(--radius-full);
      background: rgba(20,20,20,0.95);
      border: 1px solid var(--border-light);
      backdrop-filter: blur(16px);
      font-size: 13px;
      font-weight: 500;
      z-index: 999;
      transition: transform 0.25s ease, opacity 0.25s ease;
      pointer-events: none;
      opacity: 0;
      visibility: hidden;
    }
    .toast.show {
      transform: translateX(-50%) translateY(0);
      opacity: 1;
      visibility: visible;
    }