:root{--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font:var(--serif);--font-size:19px;--line-height:1.7;--text-width:36em;--radius:10px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}:root,:root[data-theme=dark]{--bg:#1b1d21;--bg2:#24272c;--fg:#c9c5bc;--muted:#8a877f;--line:#34373d;--accent:#d9a55b;--mark:#d9a55b47;--pdf-filter:invert(.86) hue-rotate(180deg) brightness(1.05);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=black]{--bg:#000;--bg2:#141414;--fg:#e8e8e8;--muted:#8c8c8c;--line:#2a2a2a;--accent:#e0b36e;--mark:#e0b36e4d;--pdf-filter:invert(1) hue-rotate(180deg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=night]{--bg:#000;--bg2:#121212;--fg:#b5a58a;--muted:#776b58;--line:#262420;--accent:#d39a4a;--mark:#d39a4a4d;--pdf-filter:invert(.9) sepia(.5) hue-rotate(180deg) brightness(.9);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=gray]{--bg:#3a3c40;--bg2:#44474c;--fg:#d7d4cd;--muted:#a19e97;--line:#50535a;--accent:#e0b36e;--mark:#e0b36e4d;--pdf-filter:invert(.75) hue-rotate(180deg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=sepia]{--bg:#efe4cc;--bg2:#e6d8bb;--fg:#4a3c2a;--muted:#7d6c55;--line:#d6c6a6;--accent:#9b5d1c;--mark:#9b5d1c38;--pdf-filter:sepia(.45) brightness(.93);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}a{color:var(--accent)}button,.btn,input,textarea{font:inherit;color:var(--fg);background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:.55em .9em;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}button.on{border-color:var(--accent);color:var(--accent)}.icon{min-width:44px;min-height:44px;color:var(--fg);background:0 0;border:none;place-items:center;padding:0;font-size:1.25rem;text-decoration:none;display:inline-grid}.muted{color:var(--muted)}.small{font-size:.85em}.error{color:#e07a6a}.center{text-align:center;padding:3rem 1rem}mark{background:var(--mark);color:inherit;border-radius:3px}::highlight(lookup){background:var(--mark);color:inherit;border-radius:3px}.page{max-width:760px;padding:calc(var(--safe-top) + 8px) 16px calc(var(--safe-bottom) + 32px);margin:0 auto}.pagebar{align-items:center;gap:8px;margin-bottom:12px;display:flex}.pagebar h1{font-size:1.5rem;font-family:var(--serif);flex:1;margin:0}.add{gap:8px;display:flex}.add input{flex:1;min-width:0}.add-row{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.paste{gap:8px;margin-bottom:12px;display:grid}.paste textarea{resize:vertical;width:100%;font-family:var(--serif)}.books,.vocab{margin:16px 0;padding:0;list-style:none}.books li,.vocab li{border-bottom:1px solid var(--line);align-items:center;display:flex}.books a{color:var(--fg);flex:1;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0;padding:14px 4px;text-decoration:none;display:grid}.btitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kind{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:.7rem}.vocab li{align-items:flex-start;padding:10px 0}.vocab li>div{flex:1}.vocab p{margin:4px 0 0}.meaning-inline{color:var(--accent)}.search{width:100%}.topbar{z-index:10;padding:var(--safe-top) 8px 0;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:4px;transition:transform .2s;display:flex;position:fixed;inset:0 0 auto;transform:translateY(-100%)}.topbar .title{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);flex:1;font-size:.9rem;overflow:hidden}.reader.bars .topbar{transform:none}.content{padding:calc(var(--safe-top) + 56px) 16px calc(var(--safe-bottom) + 48px);min-height:100vh}.progress{height:calc(3px + var(--safe-bottom));background:var(--bg);z-index:5;position:fixed;inset:auto 0 0}.progress>div{background:var(--accent);opacity:.6;height:3px}.progress span{right:12px;bottom:calc(var(--safe-bottom) + 6px);color:var(--muted);opacity:0;font-size:.75rem;transition:opacity .2s;position:absolute}.reader.bars .progress span{opacity:1}.text{max-width:var(--text-width);font-family:var(--font);font-size:var(--font-size);line-height:var(--line-height);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0 auto}.text h1{font-size:1.6em;line-height:1.25}.text h2,.text h3{line-height:1.3}.text img,.text svg{border-radius:4px;max-width:100%;height:auto}:root:not([data-theme=sepia]) .text img{filter:brightness(.78)}.text figure{margin:1em 0}.text pre{font-size:.8em;overflow-x:auto}.text table{border-collapse:collapse;font-size:.9em;display:block;overflow-x:auto}.text td,.text th{border:1px solid var(--line);padding:4px 8px}.text blockquote{border-left:3px solid var(--line);color:var(--muted);margin-left:0;padding-left:1em}.text a{color:inherit;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.source{font-family:var(--sans);margin-top:-.5em;font-size:.8rem}.chapter-nav{font-family:var(--sans);justify-content:space-between;align-items:center;margin:3rem 0 2rem;font-size:.95rem;display:flex}.pdf{gap:12px;max-width:900px;margin:0 auto;display:grid}.pdf-page{background:var(--bg2);--scale-round-x:1px;--scale-round-y:1px;--min-font-size:1;width:100%;position:relative}.pdf-page canvas{width:100%;height:100%;display:block}:root[data-pdf-invert=true] .pdf-page canvas{filter:var(--pdf-filter)}.textLayer{text-align:initial;transform-origin:0 0;z-index:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));line-height:1;position:absolute;inset:0;overflow:clip}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;position:absolute}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer ::selection{background:var(--mark)}.textLayer br::selection{background:0 0}.sheet{z-index:20;background:var(--bg2);border:1px solid var(--line);max-width:640px;max-height:60vh;padding:8px 16px calc(var(--safe-bottom) + 16px);font-family:var(--sans);border-bottom:none;border-radius:16px 16px 0 0;margin:0 auto;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 30px #00000059}.sheet-head{align-items:center;gap:4px;display:flex}.sheet-word,.sheet-head>strong{flex:1;font-size:1.2rem}.tag{color:var(--muted);border:1px solid var(--line);vertical-align:middle;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:.72rem}.groups .tag,.def .tag{margin-left:0;margin-right:4px}.meaning{color:var(--accent);margin:6px 0 8px;font-size:1.35rem;font-weight:600}.meaning .label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:400;display:block}.sentence-tr{font-family:var(--serif);color:var(--fg);margin:0 0 10px;line-height:1.5}.groups p,.def{color:var(--fg);margin:6px 0;font-size:.92rem}.sheet-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.settings .row{align-items:center;gap:8px;margin:10px 0;display:flex}.settings .row>span:first-child{flex:1}.settings .val{text-align:center;min-width:2.5em}.themes{flex-wrap:wrap}.swatch{flex:4.5em;padding-inline:.4em}.sw-black{color:#e8e8e8;background:#000}.sw-dark{color:#c9c5bc;background:#1b1d21}.sw-night{color:#b5a58a;background:#000}.sw-gray{color:#d7d4cd;background:#3a3c40}.sw-sepia{color:#4a3c2a;background:#efe4cc}.swatch.on{outline:2px solid var(--accent)}.toc ul{margin:0;padding:0;list-style:none}.toc button{text-align:left;border:none;border-bottom:1px solid var(--line);background:0 0;border-radius:0;width:100%;padding:12px 4px}.sync-badkey,.sync-error{color:#e07a6a}.sync-off,.sync-offline{color:var(--muted)}.hl-yellow{--hl:#facc1561}.hl-green{--hl:#4ade8052}.hl-blue{--hl:#60a5fa61}.hl-pink{--hl:#f472b65c}mark.hl{background:var(--hl);color:inherit;border-radius:2px;padding:0}.textLayer mark.hl{color:#0000}.hl-row{flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 8px;display:flex}.swatch-dot{background:var(--hl);border:2px solid var(--line);border-radius:50%;width:32px;height:32px;padding:0}.swatch-dot:hover{border-color:var(--fg)}.unmark{margin-left:auto}.mark-row{align-items:center;display:flex}.mark-row>button:first-child{font-family:var(--serif);flex:1;line-height:1.4}.dot{background:var(--hl);border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.mark-row .icon{border:none;flex:none;width:auto}