:root { color-scheme: light; }
.ebook-route { background: var(--ui-bg); }
.ebook-market-page, .ebook-reader-page { max-width: 1180px; margin: 0 auto; padding: 24px clamp(14px, 3vw, 28px) 96px; }
.ebook-hero, .ebook-detail-hero { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: center; min-height: 280px; padding: clamp(26px, 5vw, 54px); border: 1px solid var(--ui-border); background: linear-gradient(135deg, var(--ui-surface), var(--ui-surface-soft)); box-shadow: var(--ui-shadow); }
.ebook-hero h1, .ebook-detail-copy h1 { margin: 0; color: var(--ui-text); font-size: clamp(2rem, 5vw, 4rem); line-height: 1.02; letter-spacing: 0; }
.ebook-hero p, .ebook-detail-copy p { max-width: 720px; color: var(--ui-text-muted); font-size: 1rem; line-height: 1.7; }
.ebook-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; margin-top: 24px; }
.ebook-card { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 16px; padding: 16px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--ui-radius-sm); }
.ebook-cover, .ebook-detail-cover, .ebook-preview-strip figure { display: block; background: var(--ui-field); border: 1px solid var(--ui-border); border-radius: var(--ui-radius-sm); overflow: hidden; }
.ebook-cover img, .ebook-detail-cover img, .ebook-preview-strip img { display: block; width: 100%; height: 100%; object-fit: cover; user-select: none; -webkit-user-drag: none; }
.ebook-card h2, .ebook-section-grid h2, .ebook-preview-section h2, .ebook-chapters h2, .ebook-owned-panel h2 { margin: 0 0 8px; color: var(--ui-text); font-size: 1.15rem; line-height: 1.25; }
.ebook-card p, .ebook-owned-panel p { margin: 0 0 12px; color: var(--ui-text-muted); line-height: 1.55; }
.ebook-card strong, .ebook-price-row strong { color: var(--ui-primary); font-size: 1.45rem; }
.ebook-chip, .ebook-tag-list span, .ebook-price-row span { display: inline-flex; align-items: center; width: fit-content; border: 1px solid var(--ui-primary-border); background: var(--ui-primary-soft); color: var(--ui-primary-hover); border-radius: 999px; padding: 5px 9px; font-size: .74rem; font-weight: 800; }
.ebook-card-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.ebook-primary-button, .ebook-secondary-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; border-radius: var(--ui-radius-sm); font-weight: 900; text-decoration: none; border: 1px solid var(--ui-primary); }
.ebook-primary-button { background: var(--ui-primary); color: var(--ui-on-primary); }
.ebook-secondary-button { background: var(--ui-surface); color: var(--ui-primary); }
.ebook-detail-hero { grid-template-columns: minmax(220px, 320px) minmax(0, 1fr); }
.ebook-detail-cover { aspect-ratio: 148 / 210; box-shadow: var(--ui-shadow); }
.ebook-price-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 18px 0 4px; }
.ebook-protection-note { display: block; margin-top: 14px; color: var(--ui-text-muted); }
.ebook-section-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 18px; margin-top: 22px; }
.ebook-section-grid article, .ebook-preview-section, .ebook-chapters, .ebook-owned-panel { background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--ui-radius-sm); padding: 18px; }
.ebook-section-grid ul, .ebook-chapters ol { margin: 0; padding-left: 20px; color: var(--ui-text); line-height: 1.7; }
.ebook-tag-list { display: flex; flex-wrap: wrap; gap: 8px; }
.ebook-section-head { display: flex; justify-content: space-between; gap: 16px; align-items: end; margin-bottom: 14px; }
.ebook-section-head span { color: var(--ui-text-muted); font-weight: 800; }
.ebook-preview-section, .ebook-chapters, .ebook-owned-panel { margin-top: 22px; }
.ebook-preview-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; overflow: hidden; }
.ebook-preview-strip figure { margin: 0; aspect-ratio: 148 / 210; }
.ebook-grant-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; gap: 12px; align-items: end; }
.ebook-grant-form label { display: grid; gap: 6px; color: var(--ui-text); font-weight: 800; }
.ebook-grant-form input { min-height: 44px; border: 1px solid var(--ui-border); background: var(--ui-field); color: var(--ui-text); border-radius: var(--ui-radius-sm); padding: 0 12px; font: inherit; }
body:has(.ebook-reader-page) > .shell { margin: 0; max-width: none; min-height: 100dvh; padding: 0; width: 100%; }
body:has(.ebook-reader-page) > .home-bottom-nav { display: none !important; }
.ebook-reader-page { box-sizing: border-box; display: grid; max-width: none; min-height: 100dvh; overflow: hidden; padding: 0; position: relative; background: #050505; color: var(--ui-text); user-select: none; }
.ebook-reader-controls { position: fixed; top: max(12px, env(safe-area-inset-top)); left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right)); z-index: 24; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 12px; pointer-events: none; }
.ebook-reader-back, .ebook-reader-actions button, .ebook-turn-button { display: inline-grid; place-items: center; width: 44px; height: 44px; min-height: 44px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-sm); background: color-mix(in srgb, var(--ui-surface) 92%, transparent); color: var(--ui-primary); box-shadow: var(--ui-shadow); cursor: pointer; pointer-events: auto; }
.ebook-reader-page-jump { justify-self: center; display: inline-flex; align-items: center; gap: 7px; min-height: 38px; max-width: 100%; padding: 6px 11px; border: 1px solid color-mix(in srgb, var(--ui-border) 76%, transparent); border-radius: var(--ui-radius-sm); background: color-mix(in srgb, var(--ui-surface) 94%, transparent); color: var(--ui-text-muted); box-shadow: var(--ui-shadow); font-size: .82rem; font-weight: 900; line-height: 1.1; white-space: nowrap; pointer-events: auto; backdrop-filter: blur(14px); }
.ebook-reader-page-jump input { width: 3.2ch; min-width: 34px; height: 26px; border: 0; border-bottom: 1px solid color-mix(in srgb, var(--ui-primary) 42%, transparent); border-radius: 0; background: transparent; color: var(--ui-text); font: inherit; font-weight: 900; text-align: center; -moz-appearance: textfield; }
.ebook-reader-page-jump input::-webkit-outer-spin-button, .ebook-reader-page-jump input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; }
.ebook-reader-page-jump input:focus { outline: 2px solid color-mix(in srgb, var(--ui-focus) 28%, transparent); outline-offset: 2px; }
.ebook-reader-back:hover, .ebook-reader-actions button:hover, .ebook-turn-button:hover { background: var(--ui-primary-soft); border-color: var(--ui-primary-border); color: var(--ui-primary-hover); }
.ebook-reader-back:focus-visible, .ebook-reader-actions button:focus-visible, .ebook-turn-button:focus-visible { outline: 3px solid color-mix(in srgb, var(--ui-focus) 26%, transparent); outline-offset: 2px; }
.ebook-reader-back svg, .ebook-reader-actions svg, .ebook-turn-button svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.ebook-reader-actions { display: flex; gap: 8px; pointer-events: auto; }
.ebook-reader-stage { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 10px; align-items: center; min-height: 100dvh; padding: max(64px, calc(52px + env(safe-area-inset-top))) clamp(8px, 2vw, 24px) max(24px, env(safe-area-inset-bottom)); overflow: hidden; }
.ebook-book { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: min(96vw, calc((100dvh - 104px) * 1.42)); margin: 0 auto; filter: drop-shadow(0 18px 32px color-mix(in srgb, var(--ui-text) 18%, transparent)); transform: translateX(0) scale(var(--ebook-zoom, 1)); transform-origin: center; transition: transform 180ms ease, opacity 180ms ease; }
.ebook-page { margin: 0; aspect-ratio: 148 / 210; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--ui-radius-sm); overflow: hidden; }
.ebook-page img { width: 100%; height: 100%; object-fit: contain; display: block; background: var(--ui-surface); -webkit-user-drag: none; pointer-events: none; }
.ebook-book.is-sliding-next { animation: ebookSlideOutNext 170ms ease-in both; }
.ebook-book.is-sliding-prev { animation: ebookSlideOutPrev 170ms ease-in both; }
.ebook-book.is-entering-next { animation: ebookSlideInNext 190ms ease-out both; }
.ebook-book.is-entering-prev { animation: ebookSlideInPrev 190ms ease-out both; }
@keyframes ebookSlideOutNext { to { opacity: .22; transform: translateX(-18px) scale(var(--ebook-zoom, 1)); } }
@keyframes ebookSlideOutPrev { to { opacity: .22; transform: translateX(18px) scale(var(--ebook-zoom, 1)); } }
@keyframes ebookSlideInNext { from { opacity: .22; transform: translateX(18px) scale(var(--ebook-zoom, 1)); } to { opacity: 1; transform: translateX(0) scale(var(--ebook-zoom, 1)); } }
@keyframes ebookSlideInPrev { from { opacity: .22; transform: translateX(-18px) scale(var(--ebook-zoom, 1)); } to { opacity: 1; transform: translateX(0) scale(var(--ebook-zoom, 1)); } }
.ebook-turn-button { position: relative; z-index: 12; }
.ebook-turn-button:disabled { opacity: .35; cursor: not-allowed; }
.ebook-reader-page.is-privacy-blurred .ebook-book { filter: blur(12px); }
@media (max-width: 760px) {
  .ebook-market-page { padding-top: 16px; }
  .ebook-hero, .ebook-detail-hero { padding: 22px; }
  .ebook-card, .ebook-detail-hero, .ebook-section-grid, .ebook-grant-form { grid-template-columns: 1fr; }
  .ebook-card { grid-template-columns: 100px minmax(0, 1fr); }
  .ebook-preview-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ebook-reader-stage { grid-template-columns: 1fr; min-height: 100dvh; padding: max(60px, calc(50px + env(safe-area-inset-top))) max(4px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-right)); }
  .ebook-book { width: min(calc(100vw - 8px), calc((100dvh - 84px) * .7048)); grid-template-columns: 1fr; gap: 0; }
  .ebook-page.is-right { display: none; }
  .ebook-turn-button { display: none; }
}
@media (max-width: 460px) {
  .ebook-card { grid-template-columns: 86px minmax(0, 1fr); padding: 12px; }
  .ebook-card-actions { flex-direction: column; }
  .ebook-primary-button, .ebook-secondary-button { width: 100%; }
  .ebook-reader-controls { grid-template-columns: 38px minmax(0, 1fr) 38px; gap: 8px; }
  .ebook-reader-back { width: 38px; height: 38px; min-height: 38px; }
  .ebook-reader-page-jump { gap: 5px; min-height: 34px; padding: 5px 9px; font-size: .76rem; }
  .ebook-reader-page-jump input { min-width: 30px; height: 24px; }
  .ebook-reader-actions { display: block; width: 38px; height: 38px; pointer-events: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ebook-book { transition: none; }
  .ebook-book.is-sliding-next, .ebook-book.is-sliding-prev, .ebook-book.is-entering-next, .ebook-book.is-entering-prev { animation: none; }
}

/* Mobile-first ebook catalog polish */
.ebook-market-page { padding-bottom: max(128px, calc(112px + env(safe-area-inset-bottom))); }
.ebook-market-page .ebook-hero { min-height: 0; padding: 22px 28px; box-shadow: none; }
.ebook-market-page .ebook-hero h1 { max-width: 720px; font-size: clamp(1.7rem, 3vw, 2.65rem); line-height: 1.12; }
.ebook-market-page .ebook-hero p:not(.auth-brand) { max-width: 620px; margin: 14px 0 0; font-size: .98rem; line-height: 1.55; }
.ebook-market-page .auth-brand { margin: 0 0 12px; }
.ebook-market-page .ebook-grid { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 16px; margin-top: 18px; }
.ebook-market-page .ebook-card { align-items: start; grid-template-columns: 128px minmax(0, 1fr); gap: 18px; padding: 14px; box-shadow: 0 12px 30px color-mix(in srgb, var(--ui-text) 7%, transparent); }
.ebook-market-page .ebook-cover { aspect-ratio: 148 / 210; min-height: 0; box-shadow: 0 10px 22px color-mix(in srgb, var(--ui-text) 12%, transparent); }
.ebook-market-page .ebook-cover img { object-fit: contain; background: var(--ui-surface); }
.ebook-market-page .ebook-card-body { min-width: 0; display: grid; align-content: start; gap: 8px; }
.ebook-market-page .ebook-card h2 { margin: 0; font-size: 1.05rem; line-height: 1.25; }
.ebook-market-page .ebook-card p { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: .92rem; line-height: 1.48; }
.ebook-market-page .ebook-card strong { display: block; margin-top: 2px; font-size: 1.35rem; line-height: 1.15; }
.ebook-market-page .ebook-card-actions { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 4px; }
.ebook-market-page .ebook-primary-button, .ebook-market-page .ebook-secondary-button { width: 100%; min-height: 44px; padding: 0 12px; text-align: center; }
@media (max-width: 760px) {
  .ebook-market-page { padding: 14px 14px max(132px, calc(118px + env(safe-area-inset-bottom))); }
  .ebook-market-page .ebook-hero { padding: 18px; }
  .ebook-market-page .ebook-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 14px; }
  .ebook-market-page .ebook-card { grid-template-columns: 112px minmax(0, 1fr); gap: 14px; padding: 12px; }
}
@media (max-width: 460px) {
  .ebook-market-page { padding-left: 12px; padding-right: 12px; }
  .ebook-market-page .ebook-hero { padding: 16px; }
  .ebook-market-page .ebook-hero h1 { font-size: 1.55rem; line-height: 1.14; }
  .ebook-market-page .ebook-hero p:not(.auth-brand) { font-size: .9rem; line-height: 1.45; }
  .ebook-market-page .ebook-card { grid-template-columns: 104px minmax(0, 1fr); }
  .ebook-market-page .ebook-chip { padding: 4px 8px; font-size: .7rem; }
  .ebook-market-page .ebook-card h2 { font-size: .98rem; }
  .ebook-market-page .ebook-card p { -webkit-line-clamp: 2; font-size: .86rem; }
  .ebook-market-page .ebook-card strong { font-size: 1.22rem; }
}
