:root{--syb-terracotta: #C4674A;--syb-terracotta-deep: #A9502F;--syb-terracotta-tint: #F6E1D7;--syb-sage: #6F8F6A;--syb-sage-tint: #E4EBE0;--syb-sage-deep: #5A7856;--syb-gold: #CF9B3F;--syb-gold-tint: #F5E7C7;--syb-gold-deep: #B07E24;--syb-gold-ink: #3A2E12;--syb-rose: #C98A85;--syb-rose-tint: #F3DEDB;--syb-rose-deep: #A96A66;--syb-blue: #6E8AA0;--syb-blue-deep: #3F5B72;--syb-blue-tint: #DFE7ED;--syb-page: #FAF6EF;--syb-card: #FFFDF9;--syb-panel: #F4EADC;--syb-border: #EADFCE;--syb-ink: #3A322C;--syb-ink-muted: #6E6258;--syb-ink-subtle: #9C9082;--syb-error-border: #E0A090;--syb-disabled-bg: #EFE6D6;--syb-disabled-ink: #B3A692;--syb-selected-fill: #FBEEE8;--syb-focus-ring: 0 0 0 3px rgba(196,103,74,.14);--syb-sepia-bg: #F3E7D0;--syb-sepia-ink: #4A3F2E;--syb-dark-bg: #1E1B18;--syb-dark-ink: #D8CFC2;--syb-serif: "Newsreader", Georgia, serif;--syb-sans: "Mulish", system-ui, sans-serif;--syb-script: "Caveat", cursive;--syb-r-sm: 8px;--syb-r-md: 12px;--syb-r-lg: 20px;--syb-r-xl: 28px;--syb-r-pill: 999px;--syb-shadow-rest: 0 3px 16px rgba(58,50,44,.06);--syb-shadow-lift: 0 12px 30px rgba(58,50,44,.12);--syb-shadow-float: 0 22px 50px rgba(58,50,44,.18);--syb-ease: cubic-bezier(.22,1,.36,1);--syb-ease-back: cubic-bezier(.34,1.56,.64,1);--syb-dur: .22s}:root{--syb-breakpoint: 860px;--syb-sidebar-w: 250px;--syb-content-max: 1120px}.syb-reader{transition:background-color .4s var(--syb-ease, cubic-bezier(.22,1,.36,1)),color .4s var(--syb-ease, cubic-bezier(.22,1,.36,1));background:var(--r-pageBg);color:var(--r-ink)}.syb-reader,.syb-reader[data-theme=light]{--r-pageBg: #FAF6EF;--r-ink: #3A322C;--r-soft: #5E534A;--r-accent: #C4674A;--r-card: #FFFDF9;--r-border: #EADFCE;--r-chromeBg: rgba(250,246,239,.82);--r-chromeInk: #6E6258;--r-chromeMuted: #9C9082;--r-hl: #F5E7C7;--r-track: #F1E8DA;--r-swatch: #FAF6EF;--r-swInk: #3A322C}.syb-reader[data-theme=sepia]{--r-pageBg: #F3E7D0;--r-ink: #4A3F2E;--r-soft: #6B5C42;--r-accent: #A9502F;--r-card: #FBF2E1;--r-border: #E4D3B4;--r-chromeBg: rgba(243,231,208,.82);--r-chromeInk: #8A7550;--r-chromeMuted: #A08A63;--r-hl: #E9CF9B;--r-track: #E4D3B4;--r-swatch: #F3E7D0;--r-swInk: #4A3F2E}.syb-reader[data-theme=dark]{--r-pageBg: #1E1B18;--r-ink: #E2D9CC;--r-soft: #B9AF9F;--r-accent: #E0A98E;--r-card: #2A2622;--r-border: #3A342E;--r-chromeBg: rgba(30,27,24,.82);--r-chromeInk: #A99F92;--r-chromeMuted: #7E756A;--r-hl: rgba(207,155,63,.28);--r-track: #3A342E;--r-swatch: #1E1B18;--r-swInk: #E2D9CC}.syb-reader__article{max-width:var(--r-measure, 680px);margin:0 auto;font-family:var(--syb-serif, "Newsreader", Georgia, serif)}.syb-reader__article mark{background:var(--r-hl);color:inherit;box-shadow:0 0 0 .12em var(--r-hl);border-radius:2px}.syb-logo{--syb-logo-scale: 1;display:inline-flex;align-items:center;gap:calc(12px * var(--syb-logo-scale))}.syb-logo__spines{display:flex;align-items:flex-end;gap:calc(4px * var(--syb-logo-scale));height:calc(34px * var(--syb-logo-scale))}.syb-logo__spine{display:block;width:calc(9px * var(--syb-logo-scale));border-radius:calc(3px * var(--syb-logo-scale))}.syb-logo__spine--1{height:calc(23px * var(--syb-logo-scale));background:var(--syb-sage, #6F8F6A);transform:rotate(-5deg)}.syb-logo__spine--2{height:calc(31px * var(--syb-logo-scale));background:var(--syb-terracotta, #C4674A)}.syb-logo__spine--3{height:calc(26px * var(--syb-logo-scale));background:var(--syb-rose, #C98A85);transform:rotate(4deg)}.syb-logo__word{font:600 calc(19px * var(--syb-logo-scale)) var(--syb-serif, "Newsreader", Georgia, serif);color:var(--syb-ink, #3A322C);letter-spacing:-.005em}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--syb-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--syb-page);color:var(--syb-ink);overscroll-behavior:none}:focus-visible{outline:2px solid var(--syb-terracotta);outline-offset:2px;border-radius:6px}button,[role=button]{-webkit-tap-highlight-color:transparent}.syb-reader{min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden;background:var(--r-pageBg)}.reader-viewport{position:absolute;top:0;right:0;bottom:0;left:0;padding-top:74px;padding-bottom:0}.reader-viewport--scrolled{overflow:hidden}.reader-epub{width:100%;height:100%}.reader-topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:max(12px,env(safe-area-inset-top)) clamp(16px,4vw,28px) 12px;padding-top:calc(12px + env(safe-area-inset-top));background:var(--r-chromeBg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .4s var(--syb-ease)}.reader-topbar__title{text-align:center;min-width:0;flex:1}.reader-topbar__book{font:600 15px var(--syb-script);color:var(--r-chromeMuted);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-topbar__chapter{font:600 11px var(--syb-sans);color:var(--r-chromeMuted);margin-top:2px}.chrome-btn{width:42px;height:42px;flex:none;border-radius:999px;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--r-chromeInk)}.reader-toolbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:4px;background:var(--r-card);border:1px solid var(--r-border);border-radius:999px;box-shadow:var(--syb-shadow-lift);padding:7px}.reader-toolbar__listen{display:flex;align-items:center;gap:8px;padding:11px 18px;border:none;border-radius:999px;cursor:pointer;font:700 13.5px var(--syb-sans)}.reader-toolbar__pct{padding:0 14px 0 8px;font:700 12px var(--syb-sans);color:var(--r-chromeMuted);white-space:nowrap}.syb-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1e1b1852;animation:syb-fade .3s ease both;border:none}@keyframes syb-fade{0%{opacity:0}to{opacity:1}}.syb-sheet{position:fixed;left:0;right:0;bottom:0;z-index:51;background:var(--r-card);border-radius:28px 28px 0 0;box-shadow:0 -14px 44px #0000003d;padding:12px 0 calc(28px + env(safe-area-inset-bottom));max-height:86vh;overflow-y:auto;animation:syb-sheet .38s cubic-bezier(.34,1.56,.64,1) both}@keyframes syb-sheet{0%{transform:translateY(102%)}to{transform:translateY(0)}}.syb-sheet__grab{width:44px;height:5px;border-radius:999px;background:var(--r-border);margin:6px auto 14px}.syb-sheet__inner{max-width:600px;margin:0 auto;padding:0 clamp(22px,5vw,32px)}.sheet-label{font:700 12px var(--syb-sans);letter-spacing:.02em;color:var(--r-chromeMuted);text-transform:uppercase;margin-top:24px}.sheet-label:first-of-type{margin-top:4px}.syb-pop{animation:syb-pop .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes syb-pop{0%{opacity:0;transform:translate(-50%,6px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.syb-sheet,.syb-scrim,.syb-pop{animation:none}.syb-reader,.reader-topbar{transition:none}}.word-pop{position:fixed;left:50%;bottom:120px;z-index:41;width:min(360px,90vw);background:var(--r-card);border:1px solid var(--r-border);border-radius:20px;box-shadow:0 22px 50px #00000047;padding:22px 24px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;font:700 13.5px var(--syb-sans);padding:11px 16px;cursor:pointer;border:none}.pill--gold{background:var(--syb-gold);color:var(--syb-gold-ink)}.pill--ghost{background:transparent;color:var(--r-soft);border:1.5px solid var(--r-border)}.pill--primary{background:var(--syb-terracotta);color:#fffdf9}.pill--block{width:100%;padding:15px;font-size:15px}.page{max-width:var(--syb-content-max);margin:0 auto;padding:max(20px,env(safe-area-inset-top)) clamp(18px,5vw,32px) 60px}.page__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 8px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:clamp(14px,3vw,22px);margin-top:18px}.book-card{cursor:pointer;border:none;background:transparent;padding:0;text-align:left}.book-cover{aspect-ratio:2 / 3;border-radius:var(--syb-r-md);box-shadow:var(--syb-shadow-rest);display:flex;align-items:flex-end;padding:14px;color:#fffdf9;font:600 17px var(--syb-serif);line-height:1.15;overflow:hidden}.book-card__author{margin-top:8px;font:500 12.5px var(--syb-sans);color:var(--syb-ink-muted)}.book-card__title{margin-top:3px;font:600 14.5px var(--syb-serif);color:var(--syb-ink)}.stat-card{background:var(--syb-card);border:1px solid var(--syb-border);border-radius:var(--syb-r-lg);padding:20px;box-shadow:var(--syb-shadow-rest)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:18px}.stat-big{font:700 34px var(--syb-serif);color:var(--syb-ink)}.stat-label{font:600 12px var(--syb-sans);color:var(--syb-ink-muted);margin-top:4px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(96px + env(safe-area-inset-bottom));z-index:60;background:var(--syb-ink);color:var(--syb-page);padding:12px 18px;border-radius:999px;font:600 13px var(--syb-sans);box-shadow:var(--syb-shadow-float);max-width:90vw}.offline-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--syb-panel);color:var(--syb-ink-muted);font:600 12px var(--syb-sans)}.center-note{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;color:var(--syb-ink-muted)}.spinner{width:34px;height:34px;border-radius:999px;border:3px solid var(--syb-border);border-top-color:var(--syb-terracotta);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}