.rephrase-card {
        padding: 15px;
        background: var(--surface-base);
        border-radius: 10px;
        border: 1px solid var(--surface-border);
        cursor: pointer;
        transition: background 0.25s ease, border 0.25s ease;
    }

    .rephrase-card:hover {
        background: var(--surface-hover);
    }

    .rephrase-card.selected {
        background: var(--accent-primary);
        border: 2px solid var(--accent-primary);
        color: var(--text-on-accent);
        box-shadow: var(--shadow-soft);
    }

    /* Hide scrollbar (Chrome, Safari) */
    #rephraseList::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }

    /* Hide scrollbar (Firefox) */
    #rephraseList {
        scrollbar-width: none;
    }

    /* Hide scrollbar (Edge, IE) */
    #rephraseList {
        -ms-overflow-style: none;
    }

    /* ============================================================
   REPHRASE MODAL LAYOUT
   ============================================================ */

    .rephrase-modal-box {
        width: 80%;
        max-width: 900px;
        max-height: 80vh;
        display: flex;
        flex-direction: column;
    }

    .rephrase-subtext {
        opacity: 0.7;
        margin-top: -5px;
    }

    .rephrase-list {
        flex: 1;
        overflow-y: auto;
        margin-top: 10px;
        padding-right: 6px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .rephrase-selected-count {
        margin-top: 10px;
        font-size: 15px;
        opacity: 0.8;
    }

    .rephrase-actions {
        margin-top: 15px;
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        text-align: right;
    }