body.is-dp-share-public-open { overflow: hidden; }
@media (min-width: 641px) { body.has-dp-share-dock:not(.dp-comics-public-page) { padding-right: calc(var(--dp-share-body-padding-right, 0px) + 88px); }
    body.has-dp-share-dock.dp-comics-public-page .dp-comics-public { padding-right: 88px; }
    body.has-dp-share-dock > .vsepro100-home-preview__header { margin-right: -88px; }
}
.dp-share-public__utility {
    position: fixed; right: var(--dp-ui-space-4, 16px); top: 50%; transform: translateY(calc(-50% - var(--dp-share-offset, 0px)));
    z-index: 30; width: 56px; box-sizing: border-box; padding: 5px;
    border: 1px solid var(--dp-ui-color-outline-subtle, #dfe1e5); border-radius: var(--dp-ui-radius-control, 12px);
    background: var(--dp-ui-color-surface-card, #fff); box-shadow: 0 8px 24px rgba(13,28,50,.08);
    font-family: var(--dp-ui-font-family, sans-serif);
}
.dp-share-public__floating, .dp-share-public__personal {
    display: inline-flex; align-items: center; justify-content: center; gap: var(--dp-ui-space-2, 8px); box-sizing: border-box;
    min-height: 44px; padding: 8px 12px; border: 1px solid var(--dp-ui-color-outline-variant, #c5c6cd);
    border-radius: var(--dp-ui-radius-control, 12px); background: var(--dp-ui-color-surface-card, #fff);
    color: var(--dp-ui-color-text-primary, #191c1d); font: 600 14px/1.4 var(--dp-ui-font-family, sans-serif); cursor: pointer;
}
.dp-share-public__floating { width: 44px; height: 44px; padding: 0; border: 0; font-size: 13px; }
.dp-share-public__floating svg { display: block; }
.dp-share-public__personal { position: relative; flex: 0 0 auto; white-space: nowrap; }
.dp-share-public__personal--reader { display: flex; width: max-content; margin: 0 0 var(--dp-ui-space-4, 16px) auto; }
.dp-share-public__early { font-weight: 400; }
.dp-share-public__floating:hover, .dp-share-public__personal:hover, .dp-share-public__close:hover {
    background: var(--dp-ui-color-brand-primary-soft, #e9efff); color: var(--dp-ui-color-brand-primary-hover, #173bab);
}
.dp-share-public__utility .dp-share-public__actions { display: grid; gap: 5px; margin: 0; }
.dp-share-public__actions .dp-share-public__channel { display: inline-flex; gap: 8px; min-height: 44px; padding: 8px 12px; font-size: 13px; line-height: 1.4; }
.dp-share-public__channel svg { flex: 0 0 22px; }
.dp-share-public__channel--telegram svg { color: #087eae; }
.dp-share-public__channel--whatsapp svg { color: #12833f; }
.dp-share-public__channel--facebook svg { color: #0866c6; }
.dp-share-public__utility .dp-share-public__channel { justify-content: center; width: 44px; min-height: 44px; padding: 8px; font-size: 12px; }
.dp-share-public__utility .dp-share-public__channel > span, .dp-share-public__utility .dp-share-public__floating > span { display: none; }
.dp-share-public__feedback { display: inline-flex; align-items: center; margin: 0; padding: 8px 12px; border: 1px solid var(--dp-ui-color-outline-variant, #c5c6cd); border-radius: 10px; background: var(--dp-ui-color-surface-card, #fff); color: var(--dp-ui-color-text-primary, #191c1d); font: 600 13px/1.4 var(--dp-ui-font-family, sans-serif); }
.dp-share-public__utility .dp-share-public__feedback { position: absolute; z-index: 3; right: calc(100% + 10px); bottom: 8px; width: max-content; max-width: min(240px, calc(100vw - 110px)); box-shadow: 0 8px 24px rgba(13,28,50,.1); }
@media (min-width: 641px) {
    .dp-share-public__utility :is(.dp-share-public__floating, .dp-share-public__channel) { position: relative; }
    .dp-share-public__utility :is(.dp-share-public__floating, .dp-share-public__channel):is(:hover, :focus-visible)::after {
        position: absolute; z-index: 4; right: calc(100% + 12px); top: 50%; transform: translateY(-50%); padding: 6px 10px; border-radius: 8px; background: #191c1d; color: #fff; content: attr(title); font: 600 12px/1.4 var(--dp-ui-font-family, sans-serif); white-space: nowrap; pointer-events: none;
    }
}
.dp-share-public__feedback:empty { display: none; }
[data-dp-share-public-direct][hidden], [data-dp-share-public-direct-copy][hidden] { display: none !important; }
[data-dp-share-public-direct]:focus-visible, [data-dp-share-public-direct-copy]:focus-visible { outline: 3px solid var(--dp-ui-color-brand-primary, #3755c3); outline-offset: 3px; }
[data-dp-share-public-trigger][hidden] { display: none !important; }
.dp-share-public__dialog:not([open]) { display: none; }
.dp-share-public__dialog {
    position: fixed; z-index: 80; box-sizing: border-box; width: min(520px, calc(100% - 48px)); max-height: calc(100vh - 48px); max-height: calc(100svh - 48px); margin: auto; padding: var(--dp-ui-space-6, 24px); overflow: auto;
    border: var(--dp-ui-border-thin, 1px) solid var(--dp-ui-color-outline-variant, #c5c6cd); border-radius: var(--dp-ui-radius-card, 24px);
    background: var(--dp-ui-color-surface-card, #fff); color: var(--dp-ui-color-text-primary, #191c1d); font: var(--dp-ui-font-body-size, 16px) / 1.6 var(--dp-ui-font-family, sans-serif); overflow-wrap: anywhere; box-shadow: 0 28px 70px rgba(7, 14, 32, .24);
}
.dp-share-public__dialog::backdrop { background: rgba(7, 14, 32, .48); }
.dp-share-public__top { display: flex; align-items: center; justify-content: space-between; gap: var(--dp-ui-space-4, 16px); }
.dp-share-public__top h2 { margin: 0; font-size: var(--dp-ui-font-h3-size, 24px); line-height: 1.3; }
.dp-share-public__close { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: var(--dp-ui-border-thin, 1px) solid var(--dp-ui-color-outline-variant, #c5c6cd); border-radius: var(--dp-ui-radius-pill, 9999px); background: var(--dp-ui-color-surface-card, #fff); color: var(--dp-ui-color-text-primary, #191c1d); cursor: pointer; }
.dp-share-public__floating svg, .dp-share-public__personal svg, .dp-share-public__close svg { display: block; width: 22px; height: 22px; pointer-events: none; }
.dp-share-public__intent { margin: var(--dp-ui-space-3, 12px) 0 0; color: var(--dp-ui-color-text-muted, #44474d); font-size: var(--dp-ui-font-small-size, 13px); }
.dp-share-public [hidden] { display: none !important; }
.dp-share-public__field { display: grid; gap: var(--dp-ui-space-3, 12px); margin-top: var(--dp-ui-space-6, 24px); }
.dp-share-public__field input { box-sizing: border-box; min-width: 0; width: 100%; padding: var(--dp-ui-space-3, 12px); border: var(--dp-ui-border-thin, 1px) solid var(--dp-ui-color-outline-variant, #c5c6cd); border-radius: var(--dp-ui-radius-control, 12px); background: var(--dp-ui-color-surface-card, #fff); color: var(--dp-ui-color-text-primary, #191c1d); font: inherit; }
.dp-share-public__actions { display: flex; flex-wrap: wrap; gap: var(--dp-ui-space-3, 12px); margin-top: var(--dp-ui-space-5, 20px); }
.dp-share-public__dialog .dp-ui-button { max-width: 100%; }
.dp-share-public__status { min-height: 1.6em; margin: var(--dp-ui-space-3, 12px) 0 0; color: var(--dp-ui-color-text-muted, #44474d); }
.dp-share-public :is(button, input, a):focus-visible, .dp-share-public__personal:focus-visible { outline: 3px solid var(--dp-ui-color-brand-primary, #3755c3); outline-offset: 3px; }
.dp-share-public ::selection { background: var(--dp-ui-color-brand-primary-soft, #e9efff); color: var(--dp-ui-color-text-primary, #191c1d); }
@media (max-width: 640px) {
    body.has-dp-share-dock { padding-bottom: calc(var(--dp-share-body-padding, 0px) + var(--dp-share-clearance, 112px)); }
    .dp-share-public__utility { top: auto; right: 0; left: 0; bottom: var(--dp-share-offset, 0px); transform: none; width: 100%; padding: 4px max(12px, env(safe-area-inset-right, 0px)) calc(8px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px)); border-radius: 12px 12px 0 0; }
    .dp-share-public__floating { width: 100%; height: auto; min-height: 32px; font-size: 14px; }
    .dp-share-public__floating svg { display: none; }
    .dp-share-public__utility .dp-share-public__floating > span { display: inline; }
    .dp-share-public__utility .dp-share-public__actions { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
    .dp-share-public__utility .dp-share-public__channel { flex-direction: column; justify-content: center; gap: 4px; width: auto; min-width: 0; padding: 6px 2px; font-size: 11px; }
    .dp-share-public__utility .dp-share-public__channel > span { display: inline; }
    .dp-share-public__utility .dp-share-public__feedback { right: 12px; bottom: calc(100% + 8px); max-width: calc(100vw - 24px); }
    .dp-share-public__utility [data-dp-share-public-direct-copy] span { font-size: 11px; }
    .dp-share-public__personal { min-width: 44px; padding: 8px; gap: 4px; font-size: 11px; }
    .dp-share-public__early { display: none; }
    .dp-share-public__dialog { width: calc(100% - 32px); max-height: calc(100vh - 32px); max-height: calc(100svh - 32px); padding: var(--dp-ui-space-5, 20px); }
}
@media (max-width: 360px) {
    .dp-share-public__utility [data-dp-share-public-direct-copy] span { font-size: 10px; letter-spacing: -.2px; }
}