/* Adapted from /2026/child/assets/guide-share.css; scoped to this flipbook extension. */
#ebook-share-button, #ebook-share-menu, #ebook-share-sns, #ebook-share-toast,
#ebook-share-menu *, #ebook-share-sns * { box-sizing: border-box; }
#ebook-share-button {
  border: 0; padding: 0; color: #eee; background: transparent; cursor: pointer;
  vertical-align: top; touch-action: manipulation;
}
#ebook-share-button svg { width: 16px; height: 16px; display: block; pointer-events: none; }
#ebook-share-button:focus-visible { outline: 2px solid #8fcfff; outline-offset: 5px; }
#ebook-share-button.ebook-share-floating {
  position: fixed; left: 20px; bottom: 24px; z-index: 99996;
  width: 52px; height: 52px; border-radius: 50%; color: #fff; background: #19689a;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  font: 11px/1.2 Arial, 'Malgun Gothic', sans-serif; box-shadow: 0 5px 18px #0003;
}
#ebook-share-button.ebook-share-floating svg { width: 20px; height: 20px; }
#ebook-share-button.ebook-share-floating span { display: block; }
#bottomBar .ebook-share-host { width: calc(var(--ebook-share-base-width) + 36px) !important; }
body.ebook-share-left .thumbnail_progress { left: calc(15% + 36px) !important; width: calc(70% - 36px) !important; }
body.ebook-share-right .thumbnail_progress { width: calc(70% - 36px) !important; }

#ebook-share-menu, #ebook-share-sns, #ebook-share-toast {
  font-family: -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
  font-size: 14px; line-height: 1.5; color: #263456; text-align: left;
}
#ebook-share-menu[hidden], #ebook-share-sns[hidden], #ebook-share-sns [hidden] { display: none !important; }
#ebook-share-menu {
  position: fixed; z-index: 100020; width: min(250px, calc(100vw - 24px)); padding: 10px;
  max-height: calc(100dvh - 24px); overflow-y: auto;
  border: 1px solid #26345629; border-radius: 18px; background: #fffffff9;
  box-shadow: 0 20px 55px #192a4142; backdrop-filter: blur(12px);
}
.ebook-share-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 2px 5px 8px 9px; }
.ebook-share-header h2 { margin: 0; font: 700 15px/1.5 'Malgun Gothic', sans-serif; color: #263456; }
.ebook-share-close {
  display: grid; place-items: center; width: 30px; height: 30px; padding: 0; flex: 0 0 auto;
  border: 0; border-radius: 50%; color: #263456; background: #edf5f9; font: 23px/1 Arial; cursor: pointer;
}
.ebook-share-options { display: grid; gap: 5px; }
.ebook-share-option {
  display: flex; align-items: center; gap: 11px; width: 100%; min-height: 45px; padding: 9px 11px;
  border: 0; border-radius: 11px; color: #263456; background: #f5f8fa;
  font: 700 13px/1.5 'Malgun Gothic', sans-serif; text-align: left; text-decoration: none; cursor: pointer;
}
.ebook-share-option svg { flex: 0 0 auto; width: 20px; height: 20px; }
.ebook-share-option:hover, .ebook-share-option:focus-visible { background: #e7f1f7; }
.ebook-share-option:focus-visible, .ebook-share-close:focus-visible,
.ebook-sns-target:focus-visible, .ebook-sns-action:focus-visible { outline: 2px solid #2563b5; outline-offset: 2px; }
.ebook-share-option[data-share-action="homepage"] { border: 1px solid #3568a82e; background: #edf5f9; }
.ebook-share-option[data-share-action="kakao"], .ebook-sns-target[data-sns="kakao"] { color: #191919; background: #fee500; }
.ebook-share-option:disabled, .ebook-sns-target:disabled { opacity: .6; cursor: progress; }
.ebook-share-manual { margin: 9px 2px 2px; }
.ebook-share-manual input { width: 100%; padding: 8px; border: 1px solid #bccbda; border-radius: 6px; font: 12px Arial; }
#ebook-share-sns {
  position: fixed; inset: 0; z-index: 100030; display: grid; place-items: center;
  padding: 18px; background: #191f2694; backdrop-filter: blur(7px);
}
.ebook-sns-panel { width: min(420px, 100%); max-height: calc(100dvh - 36px); overflow: auto; padding: 20px; border-radius: 20px; background: #fff; box-shadow: 0 20px 65px #0004; }
.ebook-sns-panel .ebook-share-header { padding: 0 0 12px; }
.ebook-sns-panel p { margin: 5px 0 16px; color: #61738c; font-size: 13px; }
.ebook-sns-targets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.ebook-sns-target {
  min-height: 84px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  padding: 12px 4px; border: 1px solid #e2e8f0; border-radius: 12px; color: #263456; background: #f5f8fa;
  font: 600 12px/1.5 'Malgun Gothic', sans-serif; text-decoration: none; cursor: pointer;
}
.ebook-sns-badge { display: grid; place-items: center; height: 28px; font: 700 24px/1 Arial; }
.ebook-sns-badge svg { width: 26px; height: 26px; }
.ebook-sns-target[data-sns="facebook"] .ebook-sns-badge { color: #1877f2; }
.ebook-sns-target[data-sns="whatsapp"] .ebook-sns-badge { color: #128c47; font-size: 18px; }
.ebook-sns-target[data-sns="line"] .ebook-sns-badge { color: #06a939; font-size: 16px; }
.ebook-sns-target[data-sns="telegram"] .ebook-sns-badge { color: #229ed9; }
.ebook-sns-action { display: block; width: 100%; margin-top: 12px; padding: 11px; border: 1px solid #c5d8e7; border-radius: 10px; background: #edf5f9; color: #263456; font: 700 13px/1.5 'Malgun Gothic', sans-serif; cursor: pointer; }
#ebook-share-toast { position: fixed; z-index: 100040; left: 50%; bottom: 94px; max-width: calc(100vw - 32px); padding: 12px 18px; border-radius: 12px; color: #fff; background: #172c49ed; opacity: 0; transform: translate(-50%, 12px); pointer-events: none; transition: opacity .15s, transform .15s; }
#ebook-share-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) { #ebook-share-toast { transition: none; } }