:root{--bg:#f7f4ef;--ink:#1c1917;--muted:#78716c;--panel:#1c1917eb;--panel-ink:#fafaf9;--accent:#0f766e;--cover-bg:#d6d3d1;--font-ui:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-body:Georgia, "Iowan Old Style", "Times New Roman", serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;min-height:100%;color:var(--ink);font-family:var(--font-ui);margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100%}.shelf{background:radial-gradient(80% 50% at 10% 0,#0f766e1f,#0000 55%),linear-gradient(#efe8dc 0%,#f7f4ef 40%,#ebe4d8 100%);min-height:100%;padding:2rem 1.25rem 4rem}.shelf-header{justify-content:space-between;align-items:flex-end;gap:1rem;max-width:960px;margin:0 auto 2rem;display:flex}.shelf-brand{letter-spacing:-.03em;margin:0;font-size:clamp(2.4rem,6vw,3.6rem);line-height:.95}.shelf-sub{color:var(--muted);margin:.4rem 0 0;font-size:1rem}.import-btn{appearance:none;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.2rem}.import-btn:hover{filter:brightness(1.05)}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem 1.25rem;max-width:960px;margin:0 auto;display:grid}.book-card{cursor:pointer;text-align:left;color:inherit;background:0 0;border:none;flex-direction:column;gap:.5rem;padding:0;display:flex}.book-cover{aspect-ratio:2/3;background:var(--cover-bg);border-radius:2px;overflow:hidden;box-shadow:0 10px 24px #1c19171f}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-cover.placeholder{color:#44403c;place-items:center;padding:.75rem;font-size:.95rem;line-height:1.25;display:grid}.book-meta h2{margin:0;font-size:.95rem;font-weight:600;line-height:1.25}.book-meta p{color:var(--muted);margin:.15rem 0 0;font-size:.8rem}.book-error{color:#b91c1c!important}.book-actions{gap:.5rem;display:flex}.book-actions button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem}.book-actions button:hover{color:var(--ink)}.empty-shelf{max-width:960px;color:var(--muted);margin:4rem auto 0;font-size:1.1rem}.reader{background:var(--reader-bg,#fff);color:var(--reader-ink,#111);flex-direction:column;display:flex;position:fixed;inset:0}.reader[data-theme=white]{--reader-bg:#fff;--reader-ink:#1c1917}.reader[data-theme=sepia]{--reader-bg:#f4ecd8;--reader-ink:#3f2e1e}.reader[data-theme=night]{--reader-bg:#121212;--reader-ink:#e5e5e5}.reader-stage{flex:1;position:relative;overflow:hidden}.page-running-header,.page-running-footer{z-index:2;text-align:center;letter-spacing:.02em;color:var(--reader-ink);opacity:.45;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:.72rem;position:absolute;left:1.5rem;right:1.5rem;overflow:hidden}.page-running-header{top:.45rem}.page-running-footer{bottom:.45rem}.reader-frame{position:absolute;inset:1.7rem 1.5rem;overflow:hidden}.reader-iframe{background:0 0;border:0;width:100%;height:100%;display:block}.reader-gesture-layer{z-index:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.chrome{z-index:6;background:var(--panel);color:var(--panel-ink);transition:transform .2s,opacity .2s;position:absolute;left:0;right:0}.chrome.top{justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .9rem;display:flex;top:0}.chrome.bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem 1rem;display:flex;bottom:0}.chrome.hidden{opacity:0;pointer-events:none}.chrome.top.hidden{transform:translateY(-100%)}.chrome.bottom.hidden{transform:translateY(100%)}.gesture-debug{z-index:20;color:#f5f5f4;pointer-events:auto;background:#000000c7;border-radius:8px;max-height:40%;padding:.5rem .65rem;font:11px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:5.5rem;left:.5rem;right:.5rem;overflow:auto}.gesture-debug-bar{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.35rem;display:flex}.gesture-debug-bar button{color:inherit;font:inherit;background:0 0;border:1px solid #ffffff59;border-radius:4px;padding:.2rem .45rem}.gesture-debug pre{white-space:pre-wrap;word-break:break-word;margin:0}.chrome button{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:6px;padding:.35rem .7rem}.chrome button.active{background:#ffffff26}.chrome-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.95rem;overflow:hidden}.toc-backdrop{z-index:5;background:#00000059;position:absolute;inset:0}.toc-drawer{background:var(--panel);width:min(320px,85vw);color:var(--panel-ink);z-index:7;padding:1rem;transition:transform .22s;position:absolute;top:0;bottom:0;left:0;overflow:auto;transform:translate(-105%)}.toc-drawer.open{transform:translate(0)}.toc-drawer h3{margin:0 0 .75rem;font-size:1rem}.toc-drawer button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff14;padding:.55rem .25rem;display:block}.font-controls{align-items:center;gap:.5rem;display:flex}.theme-controls{gap:.4rem;display:flex}.loading,.error-banner{z-index:3;text-align:center;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.error-banner{color:#fecaca;background:#0000008c}.warn-banner{z-index:4;color:#422006;pointer-events:none;background:#fef3c7f2;border-radius:8px;padding:.65rem .8rem;font-size:.85rem;line-height:1.35;position:absolute;top:.75rem;left:.75rem;right:.75rem}