.glass-panel {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.input-glow:focus {
    box-shadow: 0 0 0 2px rgba(57, 128, 244, 0.1);
    border-color: #3980f4;
}

/* Modal */
#save-modal {
    opacity: 0;
    transition: opacity 200ms ease;
}

#save-modal.modal-open {
    opacity: 1;
}

#save-modal .modal-sheet {
    transform: translateY(20px);
    transition: transform 200ms ease;
}

#save-modal.modal-open .modal-sheet {
    transform: translateY(0);
}

/* Nav active indicator overrides (JS toggles these) */
[data-nav].nav-inactive {
    background-color: transparent;
}

/* Toast */
#toast {
    transition: opacity 200ms ease, transform 200ms ease;
    transform: translate(-50%, 8px);
}

#toast.toast-show {
    opacity: 1;
    transform: translate(-50%, 0);
}