@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-vietnamese-400-normal-DoLa7jNB.woff2)format("woff2"),url(/assets/lexend-vietnamese-400-normal-mPlHoWg5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-ext-400-normal-D38JI5AK.woff2)format("woff2"),url(/assets/lexend-latin-ext-400-normal-D9P7pMo-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-400-normal-CwRJVcUA.woff2)format("woff2"),url(/assets/lexend-latin-400-normal-CHypAkT3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/lexend-vietnamese-700-normal-BrGlFDtO.woff2)format("woff2"),url(/assets/lexend-vietnamese-700-normal-NEp7hM5T.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/lexend-latin-ext-700-normal-CcWyeg4T.woff2)format("woff2"),url(/assets/lexend-latin-ext-700-normal-iR1cPiNX.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/lexend-latin-700-normal-DqO8md6r.woff2)format("woff2"),url(/assets/lexend-latin-700-normal-DVyJlN8t.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f6f8f9;--surface:#fff;--ink:#17242b;--muted:#55656e;--rule:#d5dee3;--accent:#1d5f7a;--nav-height:calc(3.4rem + env(safe-area-inset-bottom));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:18px;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#11191e;--surface:#172229;--ink:#e4ecef;--muted:#9db0b9;--rule:#2a3a43;--accent:#7cc3e0}}.reading{--mark:var(--mark-light);--mark-ink:var(--mark-ink-light);--mark-edge:var(--mark-edge-light)}@media (prefers-color-scheme:dark){.reading{--mark:var(--mark-dark);--mark-ink:var(--mark-ink-dark);--mark-edge:var(--mark-edge-dark)}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0}.app{flex-direction:column;min-height:100dvh;display:flex}main{width:100%;max-width:42rem;padding:calc(env(safe-area-inset-top) + 1.5rem) max(1rem, env(safe-area-inset-right)) 1.5rem max(1rem, env(safe-area-inset-left));flex:1;margin:0 auto}h1{margin:0 0 .5rem;font-size:1.75rem;line-height:1.2}p{color:var(--muted);margin:0}h2{overflow-wrap:anywhere;margin:0;font-size:1.1rem;line-height:1.3}.button,button{min-height:2.75rem;font:inherit;cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-weight:600;display:inline-block}.button{background:var(--accent);color:var(--paper);margin:.5rem 0 1rem;position:relative}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.file-input{opacity:0;cursor:pointer;position:absolute;inset:0}button{border:1px solid var(--rule);color:var(--muted);background:0 0}.message{border-left:3px solid var(--accent);background:var(--surface);color:var(--ink);margin-bottom:1rem;padding:.6rem .8rem}.books{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.books li{border:1px solid var(--rule);background:var(--surface);border-radius:6px;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.book-details{flex:1;min-width:0}.book-details a{color:inherit}.reading-text{font-family:var(--reading-font);font-size:var(--reading-size);line-height:var(--reading-spacing);overflow-wrap:anywhere;margin-top:1.5rem}.reading-text h2{margin-bottom:.75rem}.reading-text p{color:var(--ink);margin-bottom:1rem}.sentence{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:3px}.sentence[aria-current]{background:var(--mark);color:var(--mark-ink);box-shadow:inset 0 -.15em 0 var(--mark-edge);-webkit-box-decoration-break:clone;box-decoration-break:clone}.back-to-reading{bottom:calc(var(--nav-height) + 5rem);border-color:var(--accent);background:var(--accent);color:var(--paper);margin:0 auto;display:block;position:sticky}.player{bottom:var(--nav-height);background:var(--paper);border-top:1px solid var(--rule);margin:0 -.25rem -1.5rem;padding:.5rem .25rem;position:sticky}.controls{gap:.4rem;display:flex}.controls button{flex:1 0 auto;padding-inline:.4rem;font-size:.85rem}.controls .play{border-color:var(--accent);background:var(--accent);color:var(--paper);flex:3 0 auto;font-size:1rem}@media (width<=360px){.controls{gap:.2rem}.controls button,.options summary{padding-inline:.2rem;font-size:.72rem}.controls .play{font-size:.9rem}}.options{flex:1 0 auto}.help-link{color:var(--accent);grid-column:1/-1;font-size:.9rem}.help h2{margin:1.5rem 0 .5rem}.help ol{color:var(--muted);gap:.4rem;margin:0;padding-left:1.4rem;display:grid}.help b{color:var(--ink)}.help>a{color:var(--accent);margin-bottom:1rem;display:inline-block}.options summary{border:1px solid var(--rule);min-height:2.75rem;color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding-inline:.4rem;font-size:.85rem;font-weight:600;list-style:none;display:flex}.options summary::-webkit-details-marker{display:none}.options summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings{max-height:calc(100dvh - var(--nav-height) - 5rem);background:var(--surface);border:1px solid var(--rule);border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;padding:.75rem;display:grid;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto}.settings-group{border-top:1px solid var(--rule);grid-column:1/-1;margin:.5rem 0 0;padding-top:.75rem;font-size:1rem}.settings label{color:var(--muted);gap:.2rem;font-size:.9rem;display:grid}.settings select{border:1px solid var(--rule);background:var(--surface);min-width:0;min-height:2.75rem;color:var(--ink);font:inherit;border-radius:6px}nav{background:var(--surface);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom);display:flex;position:sticky;bottom:0}nav a{color:var(--muted);text-align:center;flex:1;padding:.9rem .5rem;font-weight:600;text-decoration:none}nav a[aria-current=page]{color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
