:root{--bg: #f3eee4;--elev: #fffaf2;--ink: #1a1612;--muted: #6f675c;--line: rgba(26, 22, 18, .1);--olive: #6b7c3e;--olive-dim: rgba(107, 124, 62, .14);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif: ui-serif, Georgia, "Times New Roman", Times, serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg)}body.popup-body{width:300px;min-height:220px}.folio-popup{padding:16px;background:radial-gradient(360px 180px at 100% 0%,rgba(107,124,62,.16),transparent 55%),var(--bg)}.folio-popup h1{margin:0;font-family:var(--serif);font-size:1.45rem;font-weight:700;letter-spacing:-.03em}.folio-popup p{margin:6px 0 14px;color:var(--muted);font-size:.82rem;line-height:1.4}.btn{appearance:none;border:1px solid var(--line);background:var(--elev);color:var(--ink);border-radius:12px;padding:11px 12px;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;width:100%}.btn.primary{background:var(--olive);color:#f7f4ea;border-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.hint{margin-top:10px;color:var(--muted);font-size:.72rem}.error{margin-top:10px;padding:8px 10px;border-radius:10px;background:#ffe8e0;color:#8a3222;font-size:.75rem}.reader-shell{min-height:100vh;background:var(--page-bg, var(--bg));color:var(--page-ink, var(--ink))}.reader-shell[data-theme=sepia]{--page-bg: #f1e4c9;--page-ink: #3b2f1e;--page-muted: #7a6a52;--page-elev: #f7ecdc}.reader-shell[data-theme=ink]{--page-bg: #121418;--page-ink: #e8e6e1;--page-muted: #9a9690;--page-elev: #1b1f26;color-scheme:dark}.reader-shell[data-theme=paper]{--page-bg: #f3eee4;--page-ink: #1a1612;--page-muted: #6f675c;--page-elev: #fffaf2}.reader-toolbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 16px;background:color-mix(in srgb,var(--page-bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--page-ink) 10%,transparent)}.reader-toolbar .brand{font-family:var(--serif);font-weight:700;font-size:1.05rem;margin-right:auto}.tool-group{display:flex;gap:4px;padding:3px;border-radius:11px;border:1px solid color-mix(in srgb,var(--page-ink) 12%,transparent);background:color-mix(in srgb,var(--page-elev) 80%,transparent)}.tool-btn{appearance:none;border:none;background:transparent;color:var(--page-muted, var(--muted));border-radius:8px;padding:6px 9px;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.tool-btn.active,.tool-btn:hover{background:var(--olive-dim);color:var(--page-ink, var(--ink))}.reader-main{width:min(100% - 32px,var(--measure, 42rem));margin:0 auto;padding:36px 0 80px}.reader-main[data-width=narrow]{--measure: 34rem}.reader-main[data-width=cozy]{--measure: 42rem}.reader-main[data-width=wide]{--measure: 52rem}.reader-kicker{color:var(--page-muted, var(--muted));font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.reader-title{margin:0 0 10px;font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;letter-spacing:-.03em}.reader-byline{margin:0 0 28px;color:var(--page-muted, var(--muted));font-size:.95rem}.reader-content{font-family:var(--serif);font-size:var(--fs, 20px);line-height:1.7}.reader-content img,.reader-content picture,.reader-content video{max-width:100%;height:auto;border-radius:8px}.reader-content a{color:var(--olive)}.reader-content h2,.reader-content h3{font-family:var(--serif);line-height:1.25;margin-top:1.6em}.reader-content p{margin:0 0 1em}.reader-content pre,.reader-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}.reader-content pre{overflow:auto;padding:12px;border-radius:10px;background:color-mix(in srgb,var(--page-ink) 6%,transparent)}.empty-reader{max-width:28rem;margin:12vh auto;text-align:center;padding:24px}.empty-reader h1{font-family:var(--serif)}.empty-reader p{color:var(--muted)}