:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,#root{height:100%}body{color:#1a1a1a;background:#f2f3f5;margin:0;font-family:system-ui,sans-serif}button,select,input{font:inherit}button{color:inherit;cursor:pointer;background:#fff;border:1px solid #c9ccd1;border-radius:6px;padding:6px 12px}button:hover:not(:disabled){border-color:#8b9098}button.active{color:#fff;background:#1a56db;border-color:#1a56db}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{height:100vh}.reader{--reader-fg:#1a1a1a;--reader-bg:#fff;--reader-muted:#6b7280;--reader-border:#e3e5e8;--reader-hover:color-mix(in srgb, var(--reader-bg) 86%, gray);--accent:#5b6470;--track:#eef0f2;--pill:#fff;--pill-shadow:0 1px 2px #0000001a;background:var(--reader-bg);color:var(--reader-fg);flex-direction:column;height:100%;display:flex}.reader.theme-sepia{--reader-fg:#3a2f23;--reader-bg:#f4ecd8;--reader-muted:#8a7a63;--reader-border:#e4d7bd;--accent:#9a6a33;--track:#e7dabd;--pill:#fbf6ea;--pill-shadow:0 1px 2px #3c281424}.reader.theme-green{--reader-fg:#27331f;--reader-bg:#c7edcc;--reader-muted:#5a6b53;--reader-border:#aed8b4;--accent:#3f7a48;--track:#b2d8b8;--pill:#d9f3dc;--pill-shadow:0 1px 2px #14321924}.reader.theme-dark{--reader-fg:#d6d6d6;--reader-bg:#16181c;--reader-muted:#9aa0a8;--reader-border:#2b2f36;--accent:#7f93b8;--track:#23262c;--pill:#2e323a;--pill-shadow:0 1px 2px #00000080}.reader.theme-dark .reader-controlbar button{color:#d6d6d6;background:#21242b;border-color:#3a3f47}.reader.theme-dark .reader-controlbar button.active{color:#fff;background:#3b6fe0;border-color:#3b6fe0}.reader-topbar{border-bottom:1px solid var(--reader-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.reader-position{align-items:baseline;gap:8px;min-width:0;display:flex}.reader-position strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.reader-position .chapter{color:var(--reader-muted);white-space:nowrap;font-size:13px}.reader-pct{color:var(--reader-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.progress-track{background:var(--reader-border);height:3px}.progress-fill{background:color-mix(in srgb, var(--reader-fg) 45%, var(--reader-bg));height:100%;transition:width .2s;display:block}.reader-main{flex:1;min-height:0;display:flex}.reader-stage{flex:1;min-width:0;position:relative;overflow:hidden}.reader-host{max-width:760px;height:100%;margin:0 auto}.reader-stage.bordered{background:color-mix(in srgb, var(--reader-bg) 94%, gray)}.reader-stage.bordered .reader-host{background:var(--reader-bg);border:1px solid var(--reader-border);border-radius:12px;height:calc(100% - 28px);margin:14px auto;box-shadow:0 2px 18px #00000012}.reader-host>foliate-view{background:0 0;height:100%;display:block}.page-arrow{width:8%;min-width:44px;max-width:88px;color:var(--reader-muted);opacity:0;cursor:pointer;z-index:3;background:0 0;border:none;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0}.page-arrow.left{justify-content:flex-start;padding-left:10px;left:0}.page-arrow.right{justify-content:flex-end;padding-right:10px;right:0}.reader-stage:hover .page-arrow{opacity:.28}.reader-stage .page-arrow:hover{opacity:.75}.reader-empty{color:var(--reader-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.reader-empty-title{margin:0;font-size:15px}.word-card-slot{z-index:5;width:340px;position:absolute;top:84px;left:max(16px,50% - 700px)}.word-card-slot:focus{outline:none}.word-card-slot.docked{width:min(92%,420px);top:auto;bottom:16px;left:50%;transform:translate(-50%)}.sentence-selection-toolbar{z-index:6;background:#35373b;border-radius:9px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;box-shadow:0 5px 16px #00000038}.sentence-selection-action,.sentence-selection-close{color:#fff;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:13px;display:inline-flex}.sentence-selection-action:hover,.sentence-selection-close:hover{background:#ffffff24}.sentence-selection-close{color:#c8cbd0;padding:6px}.typing-game-panel h3{color:var(--reader-muted);margin:18px 0 8px;font-size:13px;font-weight:500}.typing-game-panel h3:first-of-type{margin-top:14px}.typing-game-intro{color:var(--reader-muted);margin:0;font-size:13px;line-height:1.5}.typing-book-list,.typing-chapter-list{gap:5px;display:grid}.typing-book-list button,.typing-chapter-list button{border:1px solid var(--reader-border);background:var(--reader-bg);width:100%;color:var(--reader-fg);text-align:start;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.typing-book-list button:disabled,.typing-chapter-list button:disabled{cursor:wait;opacity:.65}.typing-book-list button.active{border-color:var(--accent);background:var(--reader-hover)}.typing-chapter-list button small{color:var(--reader-muted);font-size:12px}.typing-game{z-index:8;background:color-mix(in srgb, var(--reader-bg) 94%, #000);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:36px;display:flex;position:absolute;inset:0}.typing-game>*{width:min(680px,100%)}.typing-game-close{width:auto;color:var(--reader-muted);background:0 0;border:none;font-size:24px;position:absolute;top:18px;right:18px}.typing-game-close:disabled{cursor:wait;opacity:.45}.typing-game-kicker,.typing-game-chapter,.typing-game-hint{color:var(--reader-muted)}.typing-game-kicker{margin:0 0 8px;font-size:13px}.typing-game h2{margin:0;font-size:22px;font-weight:550}.typing-game-chapter{margin:6px 0 24px;font-size:14px}.typing-game-progress{color:var(--reader-muted);justify-content:space-between;margin-bottom:18px;font-size:13px;display:flex}.typing-game-target{letter-spacing:.01em;margin:0 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(23px,3vw,34px);line-height:1.55}.typing-game-sentence-tools{justify-content:center;margin:-4px 0 12px;display:flex}.typing-game-sentence-tools button,.typing-game-actions button{border:1px solid var(--reader-border);background:var(--pill);color:var(--reader-fg);border-radius:999px;padding:8px 13px}.typing-game-sentence-tools button:hover,.typing-game-actions button:hover{background:var(--reader-hover)}.typing-game-sentence-tools button:disabled,.typing-game-actions button:disabled,.typing-game-input:disabled{cursor:wait;opacity:.65}.typing-game-target .correct{color:var(--accent)}.typing-game-target .wrong{color:#dc5454;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1px}.typing-game-input{box-sizing:border-box;border:1px solid var(--reader-border);background:var(--pill);width:min(560px,100%);color:var(--reader-fg);border-radius:10px;padding:13px 15px;font-size:17px}.typing-game-input:focus{outline:2px solid var(--accent);outline-offset:2px}.typing-game-hint{margin:11px 0 0;font-size:13px}.typing-game-result{gap:13px;margin-top:6px;display:grid}.typing-game-result strong{font-size:24px}.typing-game-result div{color:var(--reader-muted)}.typing-game-result span{color:var(--reader-fg);font-variant-numeric:tabular-nums;font-size:28px}.typing-game-actions{flex-wrap:wrap;justify-content:center;justify-self:center;gap:8px;margin-top:8px;display:flex}.reader-tools{flex-shrink:0;align-items:center;gap:2px;display:flex}.tool-btn{color:var(--reader-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px;display:flex}.tool-btn:hover:not(:disabled),.tool-btn.active{background:var(--reader-hover);color:var(--reader-fg)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.reader-drawer{border-left:1px solid var(--reader-border);flex-direction:column;flex:none;width:300px;min-height:0;display:flex}.drawer-head{border-bottom:1px solid var(--reader-border);justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;font-weight:500;display:flex}.drawer-close{color:var(--reader-muted);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.drawer-body{flex:1;padding:14px;overflow:auto}.hint{color:var(--reader-muted);font-size:14px}.file-picker{align-items:center;gap:8px;margin-bottom:10px;display:inline-flex}.book-list,.toc-list{margin:0;padding:0;list-style:none}.book-list li{border-top:1px solid var(--reader-border);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.book-list li.current span{font-weight:500}.toc-list li{padding:1px 0}.toc-link{text-align:left;width:100%;color:inherit;background:0 0;border:none;border-radius:4px;padding:6px 4px}.toc-link:hover{background:var(--reader-hover)}.reading-settings{flex-direction:column;gap:16px;display:flex}.ui-field{flex-direction:column;gap:6px;display:flex}.ui-field-label{color:var(--reader-muted);font-size:13px}.ui-divider{background:var(--reader-border);height:1px;margin:2px 0}.ui-stepper{border:1px solid var(--reader-border);background:var(--pill);border-radius:9px;align-items:center;display:flex;overflow:hidden}.ui-stepper button{color:var(--reader-fg);cursor:pointer;background:0 0;border:none;padding:9px 18px}.ui-stepper button:disabled{opacity:.4;cursor:not-allowed}.ui-stepper-val{text-align:center;font-variant-numeric:tabular-nums;flex:1;font-size:14px}.ui-segmented{background:var(--track);border-radius:10px;gap:4px;padding:3px;display:flex}.ui-segment{color:var(--reader-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 4px;font-size:13px}.ui-segment.on{background:var(--pill);box-shadow:var(--pill-shadow);color:var(--reader-fg)}.ui-swatches{gap:10px;display:flex}.ui-swatch-col{flex-direction:column;align-items:center;gap:5px;display:flex}.ui-swatch{border:1px solid var(--reader-border);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:56px;height:44px;display:flex}.ui-swatch.on{box-shadow:0 0 0 2px var(--accent);border-color:#0000}.ui-swatch-aa{font-family:Georgia,serif;font-size:16px}.ui-swatch-label{color:var(--reader-muted);font-size:11px}.ui-swatch-label.on{color:var(--reader-fg);font-weight:500}.ui-segment:focus-visible,.ui-stepper button:focus-visible,.ui-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reader-controlbar{border-top:1px solid var(--reader-border);align-items:center;gap:8px;min-height:44px;padding:0 20px;display:flex}.reader-controlbar .ctl-btn,.reader-controlbar .ctl-icon{border:1px solid var(--reader-border);background:var(--reader-bg);color:inherit;border-radius:7px;align-items:center;gap:5px;padding:4px 11px;font-size:13px;display:inline-flex}.reader-controlbar .ctl-icon{color:var(--reader-muted);padding:4px 6px}.sentence-nav{align-items:center;gap:4px;display:inline-flex}.reader-controlbar .status{color:var(--reader-muted);margin-inline-start:auto;font-size:13px}.word-card{border:1px solid var(--reader-border);background:var(--reader-bg);border-radius:12px;max-height:calc(100vh - 160px);padding:12px 14px;overflow:auto;box-shadow:0 8px 28px #0000001f}.word-card-head{align-items:baseline;gap:10px;display:flex}.word-card-term{font-size:18px;font-weight:500}.word-card-phonetic{color:var(--reader-muted);white-space:nowrap;font-size:14px}.word-card-audio{color:var(--reader-muted);cursor:pointer;background:0 0;border:none;align-self:center;align-items:center;margin-inline-start:auto;padding:2px;display:inline-flex}.word-card-audio:hover{color:var(--reader-fg)}.word-card-save{border:1px solid var(--reader-border);color:var(--reader-fg);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:3px 10px;font-size:13px}.word-card-save:disabled{color:var(--reader-muted);cursor:default}.word-card-close{color:var(--reader-muted);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.word-card-hint{color:var(--reader-muted);margin:8px 0 0;font-size:14px}.word-card-retry{color:var(--reader-fg);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.word-card-translation{gap:4px;margin:8px 0 0;padding-inline-start:18px;font-size:15px;display:grid}.word-card-senses{border-top:1px solid var(--reader-border);color:var(--reader-muted);gap:6px;margin:8px 0 0;padding-block:8px 0;padding-inline-start:18px;font-size:13px;display:grid}.word-card-pos{color:var(--reader-muted);margin-inline-end:6px;font-style:italic}.learning-tabs{margin-bottom:16px}.vocab-toolbar{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;display:flex}.vocab-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.vocab-list li{border-bottom:1px solid var(--reader-border);padding-bottom:10px}.vocab-head{align-items:center;gap:10px;display:flex}.vocab-head strong{font-size:16px;font-weight:500}.status-pill{border:1px solid var(--reader-border);cursor:pointer;border-radius:999px;padding:2px 10px;font-size:12px}.status-pill.status-new{background:color-mix(in srgb, #facc15 30%, var(--reader-bg))}.status-pill.status-learning{background:color-mix(in srgb, #38bdf8 30%, var(--reader-bg))}.status-pill.status-known{background:color-mix(in srgb, #4ade80 30%, var(--reader-bg));color:var(--reader-muted)}.vocab-translation{margin:6px 0 0;font-size:14px}.vocab-example{color:var(--reader-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:13px}.sentence-bookmarks-toolbar{margin-bottom:10px;font-size:14px}.sentence-bookmarks-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sentence-bookmarks-list li{border-bottom:1px solid var(--reader-border);gap:8px;padding-bottom:10px;display:flex}.sentence-bookmark-open{min-width:0;color:inherit;text-align:start;background:0 0;border:none;flex:1;padding:0}.sentence-bookmark-open:hover .sentence-bookmark-text{text-decoration:underline}.sentence-bookmark-book,.sentence-bookmark-text{display:block}.sentence-bookmark-book{color:var(--reader-muted);margin-bottom:3px;font-size:12px}.sentence-bookmark-text{overflow-wrap:anywhere;font-size:14px;line-height:1.5}.sentence-bookmark-remove{color:var(--reader-muted);background:0 0;border:none;align-self:start;padding:0 3px;font-size:18px;line-height:1}