/* Learning Items Flash - Right-side notification list */
/* Item styling reuses .island-item from dynamic_island.css */

.learning-items-flash {
    position: fixed;
    right: var(--s-4);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: var(--s-2);
    max-width: 320px;
    max-height: calc(100vh - var(--s-8));
    overflow-y: auto;
    padding-left: 16px;
    pointer-events: none;
}

.learning-items-flash .flash-item {
    pointer-events: auto;
    cursor: pointer;
    animation: flash-slide-in 0.3s var(--ease-out);
}

.learning-items-flash .flash-item:hover {
    transform: translateX(-4px);
}

@keyframes flash-slide-in {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}