@import"https://fonts.googleapis.com/css2?family=Literata:opsz,wght@7..72,400;7..72,600&family=Inter:wght@400;500&display=swap";:root{--paper: #f3f4f0;--card: #fbfbf9;--ink: #191b18;--ink-soft: #5c605a;--line: #dcded7;--accent: #2e5e4e;--alarm: #8f3a2c;--radius: 10px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--paper: #16181a;--card: #1e2124;--ink: #e7e6e1;--ink-soft: #9a9d99;--line: #2e3236;--accent: #6fae94;--alarm: #d98374}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,.serif{font-family:Literata,Georgia,serif;font-weight:600}h1{font-size:1.6rem;margin:0;letter-spacing:-.01em}h2{font-size:1.15rem;margin:0}.muted{color:var(--ink-soft)}.error{color:var(--alarm)}.screen-centered{min-height:100dvh;display:grid;place-items:center;padding:24px}.shell{max-width:880px;margin:0 auto;padding:32px 20px 64px}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.stack{display:grid;gap:12px}label{display:grid;gap:6px;font-size:.875rem;color:var(--ink-soft)}input[type=email],input[type=password],input[type=text]{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:500 .95rem/1 Inter,system-ui,sans-serif;padding:11px 16px;border-radius:8px;border:1px solid transparent;background:var(--accent);color:var(--card);cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.quiet{background:transparent;color:var(--ink-soft);border-color:var(--line)}.shelf{display:grid;gap:10px;list-style:none;margin:24px 0 0;padding:0}.shelf li{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.grow{flex:1;min-width:0}.shelf .title{font-family:Literata,Georgia,serif;font-weight:600}.shelf .meta{font-size:.8rem;color:var(--ink-soft)}.cover-thumb{flex:0 0 auto;width:40px;height:56px;border-radius:4px;border:1px solid var(--line);object-fit:cover;background:var(--paper)}.cover-placeholder{display:flex;align-items:center;justify-content:center;font-family:Literata,Georgia,serif;font-weight:600;font-size:1.1rem;color:var(--ink-soft)}.badge{font-size:.72rem;letter-spacing:.04em;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap}.dropzone{border:1px dashed var(--line);border-radius:var(--radius);padding:28px;text-align:center;color:var(--ink-soft);cursor:pointer;background:var(--card)}.dropzone.hot{border-color:var(--accent);color:var(--accent)}.reader{display:flex;flex-direction:column;height:100dvh}.reader[data-theme=light]{--paper: #f3f4f0;--card: #fbfbf9;--ink: #191b18;--ink-soft: #5c605a;--line: #dcded7}.reader[data-theme=dark]{--paper: #16181a;--card: #1e2124;--ink: #e7e6e1;--ink-soft: #9a9d99;--line: #2e3236}.reader[data-theme=sepia]{--paper: #f2e8d5;--card: #ece0c8;--ink: #4b3a2c;--ink-soft: #7a6a52;--line: #ddcda8}.reader-settings,.reader-ambient{display:grid;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--card)}.reader-settings-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.reader-settings-label{flex:0 0 70px;font-size:.8rem;color:var(--ink-soft)}.segmented{display:flex;gap:6px;flex-wrap:wrap}.segmented button{background:transparent;color:var(--ink-soft);border:1px solid var(--line);padding:6px 12px;font-size:.85rem}.segmented button.active{background:var(--accent);color:var(--card);border-color:var(--accent)}.stepper{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--ink-soft)}.stepper button{padding:6px 12px}.reader-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--card)}.reader-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}.reader-stage>*{height:100%;width:100%}.reader-stage .pdf-canvas{width:auto;height:auto;max-width:100%;max-height:100%;box-shadow:0 1px 6px #00000040}.image-viewer{height:100%;width:100%;overflow:hidden;touch-action:none;cursor:grab;background:var(--paper)}.image-viewer img{max-width:100%;max-height:100%;width:auto;height:auto;-webkit-user-select:none;user-select:none;transform-origin:center center;will-change:transform}.reader-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-soft);background:var(--card)}.notice{border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:0;background:var(--card);padding:14px 16px;display:grid;gap:10px}.notice .row{display:flex;gap:8px;flex-wrap:wrap}.translation-popup{position:fixed;z-index:20;max-width:320px;background:var(--card);border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:var(--radius);box-shadow:0 4px 16px #0003;padding:12px 14px;display:grid;gap:8px;font-size:.9rem}.translation-popup-text{color:var(--ink-soft);font-size:.8rem}.translation-popup-result{color:var(--ink)}.translation-popup-error{color:var(--ink-soft)}