/* ═══════════════════════════════════════════════
   magmacrunch media — ware toast
   ware/shell/toast.css

   The transient status line used by media-search and album-art-maker.
   Pair with ware/shell/toast.js.

   THE RULE, as everywhere in the shell: this file defines tokens, apps
   override them. Defaults reproduce album-art-maker's neutral chrome;
   media-search sets --toast-accent to its green.
   ═══════════════════════════════════════════════ */

:root {
    --toast-accent: var(--accent);
    --toast-bg:     var(--surface);
    --toast-hold:   2s;      /* time on screen before the fade begins */
}

.toast {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Press Start 2P', monospace;
    font-size: 8px;
    padding: 10px 20px;
    background: var(--toast-bg);
    border: 1px solid var(--toast-accent);
    color: var(--toast-accent);
    z-index: 3000;
    animation: toastIn 0.3s ease, toastOut 0.3s ease var(--toast-hold) forwards;
}

@keyframes toastIn {
    from { opacity: 0; transform: translateX(-50%) translateY(10px); }
    to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

@keyframes toastOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}