@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap";:root{--paper: #f7f4ec;--paper-2: #fdfbf5;--ink: #211e1a;--ink-soft: #5b554c;--ink-faint: #968f81;--rule: #e3ddd970;--rule-solid: #ddd6c9;--accent: #9a3b2e;--accent-soft: #c8694d;--shadow: 0 1px 2px rgba(40, 33, 22, .06), 0 8px 24px rgba(40, 33, 22, .07);--font-display: "Fraunces", Georgia, serif;--font-read: "Newsreader", Georgia, serif;--font-mono: "SF Mono", "JetBrains Mono", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-read);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:24px;padding:0 20px;height:58px;background:var(--paper-2);border-bottom:1px solid var(--rule-solid);flex-shrink:0}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent-soft));box-shadow:inset 0 0 0 1.5px #ffffff40}.brand-name{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.01em}.book-meta{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0;max-width:320px;text-align:right}.book-meta-author{display:flex;align-items:baseline;gap:5px;max-width:100%}.book-meta-by{font-family:var(--font-read);font-size:12px;font-style:italic;color:var(--ink-faint);flex-shrink:0;-webkit-user-select:none;user-select:none}.book-meta-input{font-family:var(--font-read);color:var(--ink);background:transparent;border:none;border-bottom:1px solid transparent;padding:1px 2px;text-align:right;field-sizing:content;min-width:90px;max-width:100%;transition:border-color .15s,background-color .15s}.book-meta-input::placeholder{color:var(--ink-faint);font-style:italic;opacity:1}.book-meta-input:hover:not(:focus){border-bottom-color:var(--rule-solid)}.book-meta-input:focus{outline:none;border-bottom-color:var(--accent-soft);background-color:#ffffff73}.book-meta-input--title{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.01em}.book-meta-input--author{font-size:12.5px;font-style:italic;color:var(--ink-soft)}.mode-switch{display:flex;background:var(--paper);border:1px solid var(--rule-solid);border-radius:8px;padding:2px}.mode{font-family:var(--font-read);font-size:13px;font-weight:500;color:var(--ink-soft);background:transparent;border:none;border-radius:6px;padding:5px 14px;cursor:pointer;transition:all .15s}.mode:hover{color:var(--ink)}.mode:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.mode.active{background:var(--ink);color:var(--paper-2)}.live-controls{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0}.live-switch{display:flex;background:var(--paper);border:1px solid var(--rule-solid);border-radius:7px;padding:2px}.live-mode{font-family:var(--font-read);font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--ink-soft);background:transparent;border:none;border-radius:5px;padding:3px 9px;cursor:pointer;transition:all .15s}.live-mode:hover{color:var(--ink)}.live-mode:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.live-mode.active{background:var(--ink);color:var(--paper-2)}.refresh-btn{font-size:11px;padding:3px 10px;border-radius:7px}.panes{flex:1;min-height:0}.pane{display:flex;flex-direction:column;height:100%;background:var(--paper-2)}.pane-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);padding:10px 20px 8px;border-bottom:1px solid var(--rule);flex-shrink:0}.pane-label--row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px;padding-bottom:6px}.resize-handle{width:1px;background:var(--rule-solid);position:relative;transition:background .15s}.resize-handle:after{content:"";position:absolute;top:0;right:-4px;bottom:0;left:-4px}.resize-handle:hover,.resize-handle[data-resize-handle-state=drag]{background:var(--accent-soft)}.editor-pane{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.editor-surface{flex:1;min-height:0;position:relative}.editor-surface>div{position:absolute;top:0;right:0;bottom:0;left:0}.editor-pane .cm-editor{height:100%}.editor-pane .cm-editor.cm-focused{outline:none}.editor-pane .cm-scroller{padding:0 12px}.editor-toolbar{display:flex;gap:2px;padding:6px 10px;border-bottom:1px solid var(--rule);background:var(--paper-2);overflow-x:auto;flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.editor-toolbar::-webkit-scrollbar{display:none}.editor-toolbar button{min-width:32px;height:32px;padding:0 8px;border:none;background:transparent;color:var(--ink-soft);border-radius:6px;font-family:var(--font-mono);font-size:13px;line-height:1;cursor:pointer;transition:background .12s,color .12s;flex-shrink:0}.editor-toolbar button:hover{background:var(--rule);color:var(--ink)}.editor-toolbar button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:-2px}.editor-toolbar .tb-bold{font-weight:700}.editor-toolbar .tb-italic{font-style:italic}.editor-toolbar .tb-code{font-size:11px}.md-preview{flex:1;min-height:0;overflow-y:auto}.reading-page{max-width:640px;margin:0 auto;padding:48px 40px 96px;font-size:18px;line-height:1.72;color:var(--ink)}.reading-page h1,.reading-page h2,.reading-page h3{font-family:var(--font-display);font-weight:600;line-height:1.18;letter-spacing:-.015em;margin:1.6em 0 .5em}.reading-page h1{font-size:1.95em;margin-top:.2em}.reading-page h1:after{content:"";display:block;width:48px;height:3px;margin-top:.4em;background:var(--accent);border-radius:2px}.reading-page h2{font-size:1.4em}.reading-page h3{font-size:1.15em}.reading-page p{margin:0 0 1.1em}.reading-page a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}.reading-page strong{font-weight:600}.reading-page code{font-family:var(--font-mono);font-size:.82em;background:#ece6d8;padding:.12em .36em;border-radius:4px}.reading-page pre{background:#2b2722;color:#f0ebe0;padding:16px 18px;border-radius:10px;overflow-x:auto;margin:0 0 1.1em}.reading-page pre code{background:none;padding:0;font-size:.8em}.reading-page blockquote{border-left:3px solid var(--accent-soft);padding-left:1.1em;margin:0 0 1.1em;color:var(--ink-soft);font-style:italic}.reading-page ul,.reading-page ol{margin:0 0 1.1em 1.3em}.reading-page li{margin:.25em 0}.reading-page hr{border:none;border-top:1px solid var(--rule-solid);margin:2.2em 0}.reading-page table{border-collapse:collapse;width:100%;margin:0 0 1.1em;font-size:.92em}.reading-page th,.reading-page td{border:1px solid var(--rule-solid);padding:7px 11px;text-align:left}.reading-page th{background:var(--paper);font-family:var(--font-display)}.md-chapter.is-mounted{content-visibility:auto}.epub-pane{flex:1;min-height:0;display:flex;flex-direction:column}.epub-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--rule);flex-shrink:0}.epub-actions .btn{flex-shrink:0;white-space:nowrap}.btn{font-family:var(--font-read);font-size:13px;font-weight:500;padding:7px 15px;border-radius:8px;border:1px solid var(--rule-solid);background:var(--paper);color:var(--ink);cursor:pointer;transition:all .15s}.btn:hover:not(:disabled){border-color:var(--ink-faint)}.btn:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#872f24;border-color:#872f24}.epub-error{margin:12px 20px 0;padding:8px 12px;background:#f6e3df;border:1px solid #e0b4aa;border-radius:8px;color:#872f24;font-size:13px}.epub-stale{margin:12px 20px 0;padding:8px 12px;background:#f4ede0;border:1px solid var(--rule-solid);border-radius:8px;color:var(--ink-soft);font-size:13px}.epub-progress{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--rule);flex-shrink:0}.epub-progress input[type=range]{flex:1;accent-color:var(--accent);cursor:pointer}.epub-progress input[type=range]:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.epub-progress input[type=range]:disabled{opacity:.5;cursor:not-allowed}.epub-progress .loc-label{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);white-space:nowrap}.link-btn{font:inherit;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:#872f24}.link-btn:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px;border-radius:2px}.epub-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:16px}.epub-reader{flex:none;position:relative;border:1px solid var(--rule-solid);border-radius:12px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.epub-tools{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.device-select{font-family:var(--font-read);font-size:13px;color:var(--ink);background:var(--paper);border:1px solid var(--rule-solid);border-radius:8px;padding:7px 10px;max-width:100%;cursor:pointer}.device-select:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.font-switch{display:flex;background:var(--paper);border:1px solid var(--rule-solid);border-radius:8px;padding:2px}.font-btn{font-family:var(--font-read);font-size:13px;font-weight:500;color:var(--ink-soft);background:transparent;border:none;border-radius:6px;padding:5px 11px;cursor:pointer;transition:all .15s}.font-btn:hover{color:var(--ink)}.font-btn:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.font-btn.active{background:var(--ink);color:var(--paper-2)}.epub-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:40px}.epub-placeholder p{font-size:16px}.epub-placeholder .muted{font-size:14px;max-width:320px}.statusbar{display:flex;align-items:center;gap:8px;padding:0 20px;height:32px;background:var(--paper-2);border-top:1px solid var(--rule-solid);font-size:12px;color:var(--ink-soft);flex-shrink:0}.statusbar code{font-family:var(--font-mono);font-size:11px;background:var(--paper);padding:1px 5px;border-radius:4px}.dot,.muted{color:var(--ink-faint)}html,body,#root,.app{height:100vh;height:100dvh}.details-toggle{margin-left:auto;font-family:var(--font-read);font-size:14px;font-weight:500;color:var(--ink);background:var(--paper);border:1px solid var(--rule-solid);border-radius:8px;padding:8px 14px;min-height:44px;cursor:pointer;transition:border-color .15s}.details-toggle:hover{border-color:var(--ink-faint)}.details-toggle:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.details-toggle[aria-expanded=true]{background:var(--ink);border-color:var(--ink);color:var(--paper-2)}.details-sheet{position:absolute;top:100%;left:0;right:0;z-index:20;display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--paper-2);border-bottom:1px solid var(--rule-solid);box-shadow:var(--shadow)}.details-sheet .book-meta{margin-left:0;max-width:none;width:100%;align-items:stretch;gap:14px;text-align:left}.details-sheet .book-meta-author{align-items:center;gap:8px}.details-sheet .book-meta-by{font-size:14px}.details-sheet .book-meta-input{field-sizing:fixed;width:100%;min-width:0;text-align:left;border-bottom:1px solid var(--rule-solid);padding:8px 4px;font-size:16px}.details-sheet .book-meta-input--title{font-size:20px}.details-sheet .book-meta-author .book-meta-input{flex:1}.pane-mode{display:flex;justify-content:center;padding:10px 16px;border-bottom:1px solid var(--rule);flex-shrink:0}.tabbar{display:flex;flex-shrink:0;border-top:1px solid var(--rule-solid);background:var(--paper-2);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;font-family:var(--font-read);font-size:14px;font-weight:500;color:var(--ink-soft);background:transparent;border:none;padding:12px 0;min-height:48px;cursor:pointer;transition:color .15s,background .15s}.tab:hover{color:var(--ink)}.tab:focus-visible{outline:2px solid var(--accent-soft);outline-offset:-2px}.tab.active{color:var(--accent);background:var(--paper);box-shadow:inset 0 2px 0 var(--accent)}@media(max-width:768px){.topbar{position:relative;gap:12px;padding:0 14px;padding-top:env(safe-area-inset-top)}.panes{display:flex;flex-direction:column}.panes>.pane{flex:1;min-height:0;height:auto}.brand-name{display:none}.book-meta-input{font-size:16px}.book-meta-input--title{font-size:18px}.editor-pane .cm-scroller{font-size:16px}.editor-toolbar{padding:6px 8px}.editor-toolbar button{min-width:44px;height:44px;font-size:15px}.editor-toolbar .tb-code{font-size:13px}.reading-page{padding:28px 18px 72px;font-size:17px}.reading-page h1{font-size:1.7em}.epub-stage{padding:10px}.epub-actions{padding:12px 14px}.epub-actions .btn,.device-select,.font-btn,.mode,.live-mode,.refresh-btn{min-height:44px}.pane-mode{flex-wrap:wrap;gap:10px}.statusbar{padding:0 14px}.statusbar-hint{display:none}}