/* Shared comment sheet. No moving decoration or horizontal tab scroller. */
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel {
    --vp-comment-ink: #302935;
    --vp-comment-muted: #776d79;
    --vp-comment-accent: #94385f;
    --vp-comment-line: #e9e2e7;
    --vp-comment-soft: #f8f1f5;
    position: fixed !important;
    top: auto !important;
    right: auto !important;
    bottom: var(--vp-comment-bottom, 0px) !important;
    left: var(--vp-comment-left, 0px) !important;
    z-index: 1002010;
    width: var(--vp-comment-width, 100%) !important;
    max-width: 100% !important;
    min-width: 0;
    /* Keep the same sheet height for every tab, even when its content is short. */
    height: min(78vh, var(--vp-comment-available-height, calc(100vh - 64px))) !important;
    height: min(78dvh, var(--vp-comment-available-height, calc(100dvh - 64px))) !important;
    max-height: min(78vh, var(--vp-comment-available-height, calc(100vh - 64px))) !important;
    max-height: min(78dvh, var(--vp-comment-available-height, calc(100dvh - 64px))) !important;
    margin: 0 !important;
    padding: 0;
    border: 1px solid var(--vp-comment-line);
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    color: var(--vp-comment-ink);
    background: #fff;
    box-shadow: 0 -8px 36px #3029351c;
    font: 400 14px/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", sans-serif;
    text-align: left;
    overflow: visible;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    box-sizing: border-box;
}
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel:not(.is-open),
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel[hidden],
body.voicepa-product-ui [data-vp-comment-backdrop][hidden] { display: none !important; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel.is-open { display: block; }
body.voicepa-product-ui [data-vp-comment-backdrop] {
    position: fixed;
    inset: 0;
    z-index: 1002000;
    width: 100%;
    height: 100%;
    background: #20182066;
    backdrop-filter: none;
}
body.voicepa-product-ui.vp-comment-panel-open { overflow: hidden !important; }
body.voicepa-product-ui.vp-comment-panel-open #footer-menu { display: none !important; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel :where(div, form, textarea, button, details, summary) { box-sizing: border-box; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel__content {
    position: relative;
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    margin: 0;
    padding: 0 0 env(safe-area-inset-bottom, 0px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
    scrollbar-color: #d1c3cb transparent;
    border-radius: inherit;
    -webkit-overflow-scrolling: touch;
}
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel__content::-webkit-scrollbar { width: 5px; height: 0; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel__content::-webkit-scrollbar-thumb { background: #d1c3cb; border-radius: 5px; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel__content::-webkit-scrollbar-track { background: transparent; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel__toolbar {
    position: sticky;
    top: 0;
    z-index: 3;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 7px 8px;
    border: 0;
    border-bottom: 1px solid var(--vp-comment-line);
    background: #fff;
}
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel [data-vp-single-tabs].tabs-timeline-comments {
    position: relative;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: hidden !important;
    scrollbar-width: none;
    animation: none !important;
    transform: none !important;
}
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .tabs-timeline-comments::before,
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .tabs-timeline-comments::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel [data-vp-single-tabs] > .tab-timeline-comments {
    position: relative;
    inset: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 8px 5px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--vp-comment-muted);
    box-shadow: none;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    text-shadow: none;
    white-space: normal;
    overflow-wrap: anywhere;
    cursor: pointer;
    touch-action: manipulation;
    transition: background-color .15s, color .15s;
    transform: none;
}
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel [data-vp-single-tabs] > .tab-timeline-comments:hover { background: #fbf8fa; color: var(--vp-comment-ink); }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel [data-vp-single-tabs] > .tab-timeline-comments[aria-selected="true"] {
    color: var(--vp-comment-accent);
    background: var(--vp-comment-soft);
    box-shadow: inset 0 -2px 0 var(--vp-comment-accent);
}
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel__close {
    display: grid;
    place-items: center;
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: var(--vp-comment-muted);
    background: transparent;
    cursor: pointer;
}
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel__close:hover { background: #f8f1f5; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel__close svg { display: block; width: 20px; height: 20px; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel :where(button, summary, a, textarea):focus-visible { outline: 2px solid var(--vp-comment-accent); outline-offset: -2px; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-panel__panels,
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .tab-content-timeline-comments {
    width: 100%; min-width: 0; margin: 0; padding: 0; background: #fff; color: var(--vp-comment-ink);
}
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .tab-content-timeline-comments[hidden] { display: none !important; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .tab-content-timeline-comments:not(:first-child) { padding: 12px 14px; overflow-wrap: anywhere; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .comment-form-wrapper-voicepa { position: relative; inset: auto; z-index: auto; margin: 0; padding: 12px 14px; border: 0; border-bottom: 1px solid var(--vp-comment-line); background: #fff; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-composer { display: grid; gap: 8px; width: 100%; min-width: 0; margin: 0; padding: 0; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-composer__input {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 10px; row-gap: 0;
    align-items: start;
    width: 100%; min-width: 0;
    margin: 0; padding: 0;
    border: 0; background: transparent !important;
}
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel textarea.comment-textarea-voicepa {
    display: block;
    width: 100% !important;
    min-width: 0;
    min-height: 46px;
    max-height: 240px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #e3d9df;
    border-radius: 10px;
    background: #fbf9fa;
    color: var(--vp-comment-ink);
    box-shadow: none;
    font: inherit;
    font-size: 16px;
    line-height: 1.6;
    overflow-x: hidden;
    resize: none;
    outline: none;
}
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel textarea.comment-textarea-voicepa:focus { border-color: #bc839e; box-shadow: 0 0 0 2px #94385f12; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel textarea.comment-textarea-voicepa::placeholder { color: #8b818b; opacity: 1; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-composer.has-error textarea.comment-textarea-voicepa { border-color: #b54159; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-composer__status { width: 100%; min-width: 0; color: var(--vp-comment-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-composer__status:empty { display: none; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .has-error .vp-comment-composer__status { color: #a33550; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .comment-submit-button-voicepa {
    display: inline-flex !important;
    align-items: center; justify-content: center;
    flex: 0 0 auto;
    width: 100% !important;
    min-width: 0; min-height: 40px;
    margin: 0; padding: 8px 16px;
    border: 1px solid var(--vp-comment-accent);
    border-radius: 9999px;
    background: var(--vp-comment-accent) !important;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    font: inherit; font-size: 13px; font-weight: 600;
    cursor: pointer;
}
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-composer:not(:focus-within):not([data-cracker-selected-points]):not([aria-busy="true"]) > .comment-submit-button-voicepa { display: none !important; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .comment-submit-button-voicepa:disabled { opacity: .55; cursor: default; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .cracker-comment-stamp-btn {
    position: relative;
    display: inline-flex;
    align-items: center; justify-content: center;
    gap: 7px;
    grid-column: 2;
    width: auto; max-width: 100%; min-width: 0; min-height: 38px;
    margin: 0; padding: 8px 14px;
    border: 1px solid #dfc7d3;
    border-radius: 999px;
    background: #fff; color: var(--vp-comment-accent);
    box-shadow: none; filter: none; transform: none;
    font: inherit; font-size: 13px; font-weight: 600; line-height: 1.5;
    white-space: normal; word-break: normal;
    cursor: pointer;
    animation: none;
}
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .cracker-comment-stamp-btn > span { white-space: nowrap; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .cracker-comment-stamp-btn[aria-pressed="true"] { background: var(--vp-comment-soft); border-color: var(--vp-comment-accent); }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .cracker-comment-stamp-btn img { width: 24px; height: 24px; object-fit: contain; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .cracker-comment-stamp-btn::before,
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .cracker-comment-stamp-btn::after { content: none; animation: none; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .cracker-voicepa-royalty-portal { grid-column: 1 / -1; min-width: 0; max-width: 100%; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-tip--bridge { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-tip--bridge [data-vptr-form][aria-hidden="true"] { display: none !important; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-reply-state-bar { display: none; grid-column: 1 / -1; min-width: 0; margin: 0 0 8px; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-reply-state-bar[hidden] { display: none !important; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-reply-state-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 3px 4px 3px 10px; border-radius: 9px; background: var(--vp-comment-soft); color: var(--vp-comment-accent); font-size: 12px; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-reply-state-label { min-width: 0; overflow-wrap: anywhere; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-reply-cancel-button { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; font-size: 20px; cursor: pointer; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-thread-summary { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin: 0; padding: 12px 14px 4px; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-thread-count { margin: 0; color: var(--vp-comment-ink); font-size: 14px; font-weight: 650; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-thread-total-support { color: var(--vp-comment-muted); font-size: 12px; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-comment-thread-list { display: block; margin: 0; padding: 0 14px 10px; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-comment-thread-item { display: block; min-width: 0; margin: 0; padding: 10px 0; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-comment-body.comment-trigger-voicepa-reply { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 0; min-width: 0; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .icon-voicepa-reply { flex: 0 0 40px; width: 40px; min-width: 0; margin: 0; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .icon-voicepa-reply > div { display: block; width: 40px !important; height: 40px !important; padding: 0; border-radius: 50%; box-sizing: border-box; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .icon-voicepa-reply .comment-avatar-voicepa { display: block; width: 100% !important; height: 100% !important; max-width: 100%; margin: 0; border-radius: 50%; object-fit: cover; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .comment-info-voicepa-reply { display: block; flex: 1 1 0; width: auto; min-width: 0; margin: 0; padding: 0; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-author-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 7px; min-width: 0; margin: 0 0 3px; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .display-name-voicepa-reply { min-width: 0; color: var(--vp-comment-ink); font-size: 13px; font-weight: 650; line-height: 1.5; overflow-wrap: anywhere; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .display-name-voicepa-reply small { color: var(--vp-comment-muted); font-size: 11px; font-weight: 400; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .comment-date-reply { margin: 0; color: #877d86; font-size: 11px; font-weight: 400; line-height: 1.5; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .comment-date-reply small { font-size: inherit; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-author-badge { display: inline-flex; align-items: center; padding: 1px 5px; border-radius: 4px; background: #f2edf0; color: #695563; font-size: 10px; font-weight: 500; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .reply-comment-reply { display: block; min-width: 0; margin: 0; padding: 0; color: var(--vp-comment-ink); font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; word-break: normal; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .reply-comment-reply :is(p, blockquote, pre) { margin: 5px 0; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .reply-comment-reply p:first-child { margin-top: 0; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .reply-comment-reply a { color: #85506a; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .reply-comment-reply :is(img, video, iframe, table) { max-width: 100%; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .reply-comment-reply pre { white-space: pre-wrap; overflow-wrap: anywhere; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .reply-comment-reply blockquote { margin-left: 0; padding: 4px 10px; border-left: 2px solid #dac5d0; color: var(--vp-comment-muted); }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-comment-inline-reply-badge { display: inline; margin-right: 5px; padding: 0; border: 0; background: transparent; color: var(--vp-comment-accent); font-size: 12px; font-weight: 500; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-support { margin: 5px 0; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .comment-party { display: inline-flex; align-items: center; max-width: 100%; padding: 3px 8px; border: 1px solid #ead9bb; border-radius: 7px; background: #fbf5e9; color: #835c27; font-size: 12px; font-weight: 650; line-height: 1.4; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .comment-stamp-image-reply { display: block; margin: 6px 0 0; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .comment-stamp-image-reply img { width: 56px !important; height: 56px !important; max-width: 100%; object-fit: contain; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-comment-meta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 4px 0 0; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-comment-reply-button { display: inline-flex; align-items: center; min-height: 32px; margin: 0 0 0 -8px; padding: 4px 8px; border: 0; border-radius: 16px; background: transparent; color: #665460; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-comment-reply-button:hover { background: var(--vp-comment-soft); }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel details.voicepa-comment-children { display: block; margin: 0 0 0 50px; padding: 0; border: 0; min-width: 0; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-replies__toggle { display: list-item; width: fit-content; max-width: 100%; min-height: 36px; margin: 0; padding: 7px 5px; color: var(--vp-comment-accent); font-size: 12px; font-weight: 600; cursor: pointer; overflow-wrap: anywhere; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-replies__toggle::marker { font-size: 10px; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-comment-children .voicepa-comment-thread-item { padding-top: 7px; padding-bottom: 7px; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-comment-children .icon-voicepa-reply { flex-basis: 32px; width: 32px; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-comment-children .icon-voicepa-reply > div { width: 32px !important; height: 32px !important; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-comment-children .voicepa-comment-children { margin-left: 0; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .no-comments-reply { margin: 0; padding: 18px 14px 22px; color: var(--vp-comment-muted); font-size: 13px; text-align: center; }
body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .comment-navigation-reply { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; padding: 10px 14px; font-size: 12px; }
/* The existing plugin keeps ownership of selection, amounts, recipients and confirmation. */
body.vp-comment-panel-open #crackerPopup { border-color: #e9e2e7; border-radius: 16px; color: #302935; background: #fff; box-shadow: 0 18px 60px #30293530; }
body.vp-comment-panel-open #crackerPopup .cracker-popup__surface { background: #fff; color: #302935; }
body.vp-comment-panel-open #crackerPopup .cracker-popup__header { margin: 0; padding: 16px 16px 10px; background: #fff; border-bottom: 1px solid #e9e2e7; }
body.vp-comment-panel-open #crackerPopup .cracker-popup__eyebrow { display: none; }
body.vp-comment-panel-open #crackerPopup .cracker-popup__title { margin: 0; color: #302935; font-size: 18px; line-height: 1.5; letter-spacing: 0; }
body.vp-comment-panel-open #crackerPopup .cracker-popup__description { margin: 4px 0 0; color: #776d79; font-size: 12px; line-height: 1.6; }
body.vp-comment-panel-open #crackerPopup .cracker-tabs { margin: 0; padding: 8px 12px; background: #fff; box-shadow: none; }
body.vp-comment-panel-open #crackerPopup .cracker-tab { min-height: 40px; padding: 8px 12px; border: 1px solid #e9e2e7; border-radius: 20px; background: #fff; color: #776d79; box-shadow: none; font-size: 13px; }
body.vp-comment-panel-open #crackerPopup .cracker-tab[aria-selected="true"] { border-color: #d9b7c8; background: #f8f1f5; color: #94385f; }
body.vp-comment-panel-open #crackerPopup .stamps-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 12px; }
body.vp-comment-panel-open #crackerPopup .stamp-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 0; margin: 0; padding: 10px 6px; border: 1px solid #e9e2e7; border-radius: 10px; background: #fff; color: #302935; box-shadow: none; transform: none; animation: none; }
body.vp-comment-panel-open #crackerPopup .stamp-item:hover { border-color: #d9b7c8; background: #f8f1f5; transform: none; }
body.vp-comment-panel-open #crackerPopup .stamp-item img { width: 48px; height: 48px; object-fit: contain; }
body.vp-comment-panel-open #crackerPopup .stamp-text { color: #776d79; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
body.vp-comment-panel-open #crackerPopup .cracker-popup__close { width: 40px; min-height: 40px; border: 0; border-radius: 50%; background: #f8f1f5; color: #776d79; box-shadow: none; }
body.vp-comment-panel-open :is(#crackerPopup, .voicepa-tip__confirm) :is(button, a):focus-visible { outline: 2px solid #94385f; outline-offset: -2px; }
body.vp-comment-panel-open .voicepa-tip__confirm-card { border: 1px solid #e9e2e7; border-radius: 16px; background: #fff; color: #302935; box-shadow: 0 18px 60px #30293530; }
body.vp-comment-panel-open .voicepa-tip__confirm-header { padding: 16px; background: #fff; border-bottom: 1px solid #e9e2e7; }
body.vp-comment-panel-open .voicepa-tip__eyebrow { display: none; }
body.vp-comment-panel-open .voicepa-tip__confirm-heading h3 { margin: 0; font-size: 18px; color: #302935; }
body.vp-comment-panel-open .voicepa-tip__confirm-heading p { color: #776d79; font-size: 12px; }
body.vp-comment-panel-open .voicepa-tip__confirm-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 16px; background: #fff; border-top: 1px solid #e9e2e7; }
body.vp-comment-panel-open .voicepa-tip__button { min-height: 42px; border: 1px solid #e9e2e7; border-radius: 21px; background: #fff; color: #776d79; box-shadow: none; font-size: 13px; }
body.vp-comment-panel-open .voicepa-tip__button--primary { background: #94385f; border-color: #94385f; color: #fff; }
@media (max-width: 900px) {
    body.voicepa-product-ui #page.vp-single-page .vp-comment-panel { border-inline: 0; border-radius: 14px 14px 0 0; }
    body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .voicepa-comment-reply-button { min-height: 40px; }
    body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .comment-form-wrapper-voicepa { padding: 10px 12px; }
}
@media (max-width: 380px) {
    body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .vp-comment-panel__toolbar { gap: 2px; padding-inline: 4px; }
    body.voicepa-product-ui #page.vp-single-page .vp-comment-panel .tab-timeline-comments { font-size: 12px; }
    body.voicepa-product-ui #page.vp-single-page .vp-comment-panel details.voicepa-comment-children { margin-left: 36px; }
    body.vp-comment-panel-open #crackerPopup .stamps-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
    body.voicepa-product-ui #page.vp-single-page .vp-comment-panel *, body.vp-comment-panel-open #crackerPopup * { scroll-behavior: auto !important; transition: none !important; }
}