:root{--bg: #faf8f3;--fg: #1e1b16;--muted: #5c574e;--accent: #6b5a3e;--card: #ffffffcc;--border: #e2ddd4}[data-theme=dark]{--bg: #121210;--fg: #ece8df;--muted: #a39e93;--accent: #c9b896;--card: #1e1c18cc;--border: #2e2b26}[data-theme=sepia]{--bg: #f4ecd8;--fg: #2c2416;--muted: #5e5342;--accent: #6b4f2a;--card: #fff9eccc;--border: #e0d3b8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Georgia,Times New Roman,serif;background:var(--bg);color:var(--fg);transition:background .25s ease,color .25s ease}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.app-shell{min-height:100%;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));max-width:520px;margin:0 auto}.reader-body{flex:1;min-height:0;display:flex;flex-direction:column}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.top-bar h1{font-size:1.1rem;font-weight:600;margin:0;letter-spacing:.02em}.btn{border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:10px;padding:8px 12px;font-size:.9rem;cursor:pointer}.btn:active{transform:scale(.98)}.file-label{cursor:pointer}.file-label input{display:none}.file-label-secondary{background:transparent;border:1px dashed var(--border);color:var(--muted);font-size:.85rem;padding:6px 10px;border-radius:8px}.library-import-row{margin-bottom:10px}.library-staged{margin-top:8px;font-size:.85rem;color:var(--muted)}.library-staged-clear{margin-left:10px;vertical-align:baseline}.library-staged-placeholder{margin:6px 0 10px;font-size:.8rem}.import-status-detail{margin-top:6px;font-size:.82rem;color:var(--accent)}.reader-work-status{font-size:.82rem;color:var(--muted);font-weight:400}.import-activity{margin:12px 0;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.import-activity summary{cursor:pointer;font-size:.88rem;color:var(--accent);font-weight:600}.import-activity-pre{margin:10px 0 6px;padding:8px;max-height:220px;overflow:auto;font-size:.72rem;line-height:1.35;white-space:pre-wrap;word-break:break-word;background:var(--bg);border-radius:6px;border:1px solid var(--border)}.import-activity-clear{font-size:.8rem}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.list>li>button:not(.btn-remove){width:100%;text-align:left;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer}.list .sub{font-size:.8rem;color:var(--muted);margin-top:4px}.library-row{display:flex;gap:8px;align-items:stretch}.library-row .library-open{flex:1;min-width:0;width:auto;text-align:left;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;font:inherit}.library-row .btn-remove{flex-shrink:0;align-self:stretch;padding:8px 10px;font-size:.8rem;color:var(--muted);border-color:var(--border)}.reader-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.reader-title-hint{margin-top:0;flex:1;min-width:0}.btn-link{border:none;background:none;padding:0;font:inherit;font-size:.8rem;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px;flex-shrink:0}.btn-link.danger{color:color-mix(in srgb,#b42318 85%,var(--fg))}[data-theme=dark] .btn-link.danger{color:color-mix(in srgb,#f97066 90%,var(--fg))}.reader-tabs{display:flex;gap:6px;margin-bottom:10px}.reader-tab{flex:1;padding:10px 8px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--muted);font:inherit;font-size:.85rem;cursor:pointer}.reader-tab.active{color:var(--fg);border-color:var(--accent);font-weight:600}.vocab-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.vocab-panel-intro{margin-top:0;margin-bottom:8px}.vocab-filter{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--fg);font:inherit;font-size:.9rem;margin-bottom:6px}.vocab-count{margin:0 0 8px}.vocab-list{list-style:none;padding:0 0 96px;margin:0;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;display:flex;flex-direction:column;gap:2px}.vocab-list li{display:grid;grid-template-columns:2.25rem 1fr auto 1fr;gap:8px;align-items:baseline;font-size:.88rem;padding:6px 4px;border-bottom:1px solid var(--border)}.vocab-rank{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.vocab-en{font-weight:500}.vocab-arrow{color:var(--muted);font-size:.75rem}.vocab-es{color:color-mix(in srgb,var(--accent) 72%,var(--fg))}.reader-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:96px}.field-label{display:block;font-size:.88rem;font-weight:600;margin-bottom:6px;color:var(--fg)}.field-radio-group{display:flex;flex-direction:column;gap:8px;font-size:.88rem}.field-radio-group label{display:flex;align-items:flex-start;gap:8px;line-height:1.35;cursor:pointer}.field-radio-group input{margin-top:3px;flex-shrink:0}.reader-block-wrap{margin:0 0 1rem}.reader-block{margin:0 0 1rem;line-height:var(--reader-lh, 1.65);font-size:var(--reader-fs, 19px)}.pr-tap-wrap .reader-block{margin-bottom:.35rem}.pr-tap-actions{margin:0 0 .35rem}.pr-tap-btn{font-size:.82rem;padding:4px 0}.pr-tap-translation{margin:0 0 .5rem;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--accent) 8%,var(--card));color:var(--fg);line-height:var(--reader-lh, 1.65);font-size:calc(var(--reader-fs, 19px) * .95)}.pr-tap-error{margin:0 0 .5rem;font-size:.82rem}.reader-block h1,.reader-block h2,.reader-block h3,.reader-block h4{font-family:inherit;margin:1.25rem 0 .5rem}.chapter-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:2rem 0 .75rem}.chapter-label:first-child{margin-top:0}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet-panel{width:100%;max-width:520px;max-height:70vh;overflow:auto;background:var(--bg);border:1px solid var(--border);border-bottom:none;border-radius:16px 16px 0 0;padding:16px}.sheet-panel h2{margin:0 0 12px;font-size:1rem}.sheet-hint{margin:0 0 14px}.sheet-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.btn-secondary{background:transparent;color:var(--muted)}.field{margin-bottom:14px}.field label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px}.field input[type=range]{width:100%}.hint{font-size:.8rem;color:var(--muted);margin-top:8px}.hint code{font-size:.92em;word-break:break-all}.import-progress{margin-bottom:12px}.import-progress .hint{margin-top:0}.progress-wrap{margin:12px 0}.progress-bar{height:6px;border-radius:99px;background:var(--border);overflow:hidden}.progress-bar>div{height:100%;background:var(--accent);transition:width .2s ease}.word-pop{position:fixed;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));max-width:480px;margin:0 auto;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:15;font-size:.95rem}.word-pop-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem}.word-pop-en{font-weight:600}.word-pop-arrow{color:var(--muted)}.word-pop-es{color:color-mix(in srgb,var(--accent) 70%,var(--fg))}.word-pop-grammar{margin:8px 0 0;font-size:.78rem}.word-pop-dismiss{margin-top:8px;font-size:.8rem}.font-serif{font-family:Georgia,Times New Roman,serif}.font-sans{font-family:system-ui,-apple-system,Segoe UI,sans-serif}.font-readable{font-family:Atkinson Hyperlegible,system-ui,sans-serif}.reader-block span[lang=es]{color:color-mix(in srgb,var(--accent) 72%,var(--fg))}.reader-block .pr-first-l2{border-bottom:2px dotted var(--accent);font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:color-mix(in srgb,var(--accent) 14%,transparent);padding:0 .06em;border-radius:2px}.reader-block .pr-l2-article{color:color-mix(in srgb,var(--accent) 62%,var(--fg));font-weight:500}.blend-warning{color:var(--muted);border-left:3px solid var(--accent);padding-left:10px}.pr-legend{font-size:.72rem;margin:0 0 10px;opacity:.9}.field-checkbox label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:.9rem}.field-checkbox input[type=checkbox]{margin-top:3px;flex-shrink:0}.reader-block .pr-sentence-mt{line-height:var(--reader-lh, 1.65);font-size:var(--reader-fs, 19px);color:color-mix(in srgb,var(--accent) 55%,var(--fg))}.reader-block .pr-sentence-mt--by-sentence .pr-sentence-seg{display:inline}@media(prefers-reduced-motion:reduce){.reader-block .pr-first-l2{border-bottom-style:solid;border-bottom-width:1px}}