.engagement-under-player {
    margin: 18px auto 24px;
    display: grid;
    gap: 14px;
}

.continue-sync-prompt,
.episode-discussion {
    position: relative;
    border: 1px solid var(--border, #2a3046);
    border-radius: 16px;
    background: var(--card-background, #111522);
    color: var(--text, #f5f7ff);
}

.continue-sync-prompt {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 16px 48px 16px 18px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .16);
}

.continue-sync-prompt[hidden] { display: none !important; }

.continue-sync-prompt__icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(0, 119, 255, .15);
    color: #4aa1ff;
    font-size: 20px;
}

.continue-sync-prompt__copy { display: grid; gap: 3px; }
.continue-sync-prompt__copy strong { font-size: 15px; line-height: 1.35; }
.continue-sync-prompt__copy span { color: var(--text-secondary, #99a2b6); font-size: 13px; }
.continue-sync-prompt__actions { display: flex; align-items: center; gap: 12px; }
.continue-sync-prompt__login,
.episode-discussion__all,
.episode-discussion__alternate a { color: var(--accent, #7cb9ff); text-decoration: none; }
.continue-sync-prompt__close {
    position: absolute;
    top: 7px;
    right: 10px;
    border: 0;
    background: transparent;
    color: var(--text-secondary, #99a2b6);
    font-size: 24px;
    cursor: pointer;
}

.engagement-btn {
    min-height: 40px;
    padding: 10px 16px;
    border: 0;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}
.engagement-btn--vk { background: #0077ff; }
.engagement-btn--primary { background: var(--accent, #6c5ce7); }
.engagement-btn:disabled { opacity: .65; cursor: wait; }

.episode-discussion {
    padding: 13px 15px 14px;
    background: transparent;
}
.episode-discussion__head,
.episode-discussion__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
.episode-discussion__head > div {
    display: flex;
    align-items: center;
    gap: 9px;
}
.episode-discussion__eyebrow {
    order: 2;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(125, 134, 164, .11);
    color: var(--text-secondary, #99a2b6);
    font-size: 11px;
}
.episode-discussion h3 { margin: 0; font-size: 16px; line-height: 1.3; }
.episode-discussion__all { font-size: 13px; white-space: nowrap; }
.episode-discussion__form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 10px;
    margin-top: 10px;
}
.episode-discussion textarea {
    grid-column: 1;
    grid-row: 1;
    display: block;
    width: 100%;
    min-height: 44px;
    height: 44px;
    padding: 11px 13px;
    resize: vertical;
    border: 1px solid var(--border, #2a3046);
    border-radius: 12px;
    outline: none;
    background: transparent;
    color: var(--text, #f5f7ff);
    font: inherit;
    box-sizing: border-box;
    transition: height .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.episode-discussion textarea:focus {
    height: 78px;
    border-color: var(--accent, #6c5ce7);
    box-shadow: 0 0 0 3px rgba(108, 92, 231, .09);
}
.episode-discussion__footer {
    grid-column: 2;
    grid-row: 1;
    align-items: stretch;
    margin: 0;
}
.episode-discussion__footer .engagement-btn { min-width: 138px; }
.episode-discussion__draft { color: var(--text-secondary, #99a2b6); font-size: 12px; }
.episode-discussion__draft:empty { display: none; }
.episode-discussion__alternate {
    grid-column: 1 / -1;
    color: var(--text-secondary, #99a2b6);
    font-size: 11px;
    text-align: right;
}
.comment-episode-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(108, 92, 231, .14);
    color: var(--accent, #8f83ff);
    font-size: 11px;
    font-weight: 700;
}

/* Новый дизайн страницы: используем его манга-панель вместо фоновой карточки. */
.anime-design-v2 .engagement-under-player {
    display: block;
    margin: 0;
}

.anime-design-v2 .episode-discussion--v2 {
    background: var(--mp-panel, #141926);
    border-color: var(--mp-line, #2c3547);
    border-radius: var(--mp-radius, 6px);
    color: var(--mp-text, #c6cede);
}

.anime-design-v2 .episode-discussion--v2 .episode-discussion__head {
    position: relative;
    padding-bottom: 11px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--mp-line, #2c3547);
}

.anime-design-v2 .episode-discussion--v2 .episode-discussion__head::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 56px;
    height: 2px;
    background: var(--mp-accent, #d1373b);
}

.anime-design-v2 .episode-discussion--v2 h3 {
    font-family: var(--mp-font-display, 'Roboto Condensed', sans-serif);
    font-size: 19px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--mp-ink, #f2f5fb);
}

.anime-design-v2 .episode-discussion--v2 .episode-discussion__eyebrow {
    padding: 3px 7px;
    color: var(--mp-accent, #d1373b);
    background: var(--mp-accent-soft, rgba(209, 55, 59, .16));
    border: 1px solid var(--mp-accent, #d1373b);
    border-radius: 2px;
    font-family: var(--mp-font-display, 'Roboto Condensed', sans-serif);
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anime-design-v2 .episode-discussion--v2 .episode-discussion__all {
    color: var(--mp-muted, #8791a5);
    font-family: var(--mp-font-display, 'Roboto Condensed', sans-serif);
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anime-design-v2 .episode-discussion--v2 textarea {
    background: var(--mp-panel-2, #1a2131);
    border-color: var(--mp-line-strong, #3e4a63);
    border-radius: 2px;
    color: var(--mp-ink, #f2f5fb);
}

.anime-design-v2 .episode-discussion--v2 textarea:focus {
    border-color: var(--mp-accent, #d1373b);
    box-shadow: 0 0 0 2px var(--mp-accent-soft, rgba(209, 55, 59, .16));
}

.anime-design-v2 .episode-discussion--v2 .engagement-btn {
    border-radius: 2px;
    font-family: var(--mp-font-display, 'Roboto Condensed', sans-serif);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.anime-design-v2 .episode-discussion--v2 .engagement-btn--primary {
    background: var(--mp-accent, #d1373b);
}

@media (max-width: 720px) {
    .engagement-under-player { margin-top: 12px; }
    .continue-sync-prompt { grid-template-columns: auto minmax(0, 1fr); padding: 15px 38px 15px 14px; }
    .continue-sync-prompt__actions { grid-column: 1 / -1; flex-wrap: wrap; }
    .continue-sync-prompt__actions .engagement-btn { flex: 1 1 210px; }
    .episode-discussion { padding: 15px; }
    .episode-discussion__head { align-items: flex-start; }
    .episode-discussion__head > div { align-items: flex-start; flex-direction: column; gap: 4px; }
    .episode-discussion__eyebrow { order: initial; }
    .episode-discussion__form { grid-template-columns: minmax(0, 1fr) auto; }
    .episode-discussion__footer { align-items: stretch; flex-direction: column; }
    .episode-discussion__footer .engagement-btn { width: 100%; }

    .anime-design-v2 .episode-discussion--v2 {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }
}