:root{--bg:#111214;--surface:#1b1d21;--border:#2c2f35;--text:#ececee;--muted:#9a9ca3;--accent:#e5484d;--primary:#3e63dd;--warn:#f0a33a;--ok:#3fb950;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#fbfbfa;--surface:#fff;--border:#e2e2df;--text:#1a1a1a;--muted:#6b6b6b;--accent:#d42f34;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#fbfbfa;--surface:#fff;--border:#e2e2df;--text:#1a1a1a;--muted:#6b6b6b;--accent:#d42f34;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=sepia]{--bg:#f4ecd8;--surface:#fbf5e6;--border:#e0d4b8;--text:#3b2f22;--muted:#7a6a55;--accent:#c2410c;--primary:#8a5a2b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{min-height:100%}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;min-height:44px;padding:.55rem .9rem}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.ghost{background:0 0;border-color:#0000}button:disabled{opacity:.5}input,textarea,select{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;padding:.6rem .75rem}.small{font-size:.85rem}.muted{color:var(--muted)}.warn{color:var(--warn)}.pivot{color:var(--focus,var(--accent))}.shell{max-width:760px;padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px, env(safe-area-inset-left));margin:0 auto}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.nav .brand{font-size:1.15rem;font-weight:700;text-decoration:none}.nav nav{gap:1rem;display:flex}.nav nav a{color:var(--muted);text-decoration:none}.nav nav a.active{color:var(--text)}.dot{background:var(--muted);vertical-align:middle;border-radius:50%;width:8px;height:8px;display:inline-block}.dot-idle{background:var(--ok)}.dot-syncing{background:var(--primary)}.dot-error,.dot-offline{background:var(--warn)}.toolbar{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.notice{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem .8rem}.notice.error{border-color:var(--accent)}.empty{text-align:center;padding:3rem 1rem}.paste{gap:.5rem;margin-bottom:1rem;display:grid}.books{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.book{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:.5rem;padding:.25rem .25rem .25rem 0;display:flex}.book-main{cursor:pointer;flex:1;gap:.2rem;min-width:0;padding:.75rem .9rem;text-decoration:none;display:grid}.book-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.bar{background:var(--border);border-radius:2px;height:4px;margin-top:.35rem;display:block;overflow:hidden}.bar span{background:var(--primary);height:100%;display:block}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;display:grid}.tile,.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem}.tile{gap:.25rem;display:grid}.tile strong{font-size:1.4rem}.week{grid-template-columns:repeat(7,1fr);align-items:end;gap:.5rem;height:140px;display:grid}.day{text-align:center;grid-template-rows:1fr auto;align-items:end;height:100%;display:grid}.day-bar{background:var(--primary);border-radius:6px 6px 0 0;min-height:2px}.account{gap:1rem;display:grid}.card{gap:.6rem;display:grid}.card h2{margin:0;font-size:1.1rem}.card p{margin:0}.install-hint{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 1rem;display:flex;position:fixed;box-shadow:0 6px 24px #00000040}.reader{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-user-select:none;user-select:none;grid-template-rows:auto 1fr auto;display:grid}.reader-msg{text-align:center;padding:3rem 1rem}.chrome{transition:opacity .3s}.reader.fade-chrome.is-playing .chrome{opacity:.08}.reader.fade-chrome.is-playing .chrome:hover{opacity:1}.reader-top{align-items:center;gap:.75rem;padding:.75rem 16px;display:flex}.reader-top .icon{padding:0 .5rem;font-size:1.3rem}.reader-top a{padding:0 .25rem;font-size:1.4rem;text-decoration:none}.reader-title{flex:1;gap:.25rem;min-width:0;display:grid}.reader-title span{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.reader-title select{padding:.25rem .5rem;font-size:.85rem}.stage{cursor:pointer;outline:none;flex-direction:column;justify-content:center;align-items:stretch;gap:2rem;display:flex;position:relative;overflow:hidden}.stage:before,.stage:after{content:"";background:var(--border);width:2px;height:14px;position:absolute;left:50%;transform:translate(-50%)}.stage:before{top:calc(50% - var(--word-size,48px) * .75 - 22px)}.stage:after{top:calc(50% + var(--word-size,48px) * .75 + 8px)}.reader.no-guides .stage:before,.reader.no-guides .stage:after{display:none}.word{white-space:pre;font-variant-ligatures:none;grid-template-columns:1fr auto 1fr;padding:0 16px;line-height:1.2;display:grid}.word .pre{text-align:right}.word .pivot{color:var(--focus,var(--accent))}.word .post{text-align:left}.context{max-width:640px;max-height:32%;color:var(--muted);cursor:default;margin:0 auto;font-size:.95rem;line-height:1.6;position:absolute;bottom:1rem;left:16px;right:16px;overflow:auto}.context span{cursor:pointer}.context .current{color:var(--text);background:color-mix(in srgb, var(--accent) 25%, transparent);border-radius:3px}.reader-bottom{gap:.5rem;width:100%;max-width:760px;margin:0 auto;padding:.75rem 16px 1rem;display:grid}.reader-bottom input[type=range]{accent-color:var(--primary);background:0 0;border:0;padding:0}.reader-meta{justify-content:space-between;display:flex}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.controls .play{background:var(--primary);border-color:var(--primary);color:#fff;min-width:6rem}.wpm{align-items:center;gap:.25rem;margin-left:.5rem;display:flex}.wpm span{text-align:center;font-variant-numeric:tabular-nums;min-width:5.5rem}.settings{gap:1.25rem;padding-bottom:2rem;display:grid}.settings section{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:.25rem;padding:.5rem 1rem;display:grid}.settings h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:.5rem 0 0;font-size:.8rem}.setting{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.6rem 0;display:flex}.settings h2+.setting{border-top:0}.setting-label{flex:12rem;gap:.1rem;min-width:0;display:grid}.setting select{width:auto;max-width:100%}.setting input[type=range]{accent-color:var(--primary);background:0 0;border:0;flex:100%;padding:0}.toggle{cursor:pointer}.toggle input[type=checkbox]{appearance:none;background:var(--border);cursor:pointer;border:0;border-radius:14px;flex:none;width:48px;height:28px;padding:0;transition:background .2s;position:relative}.toggle input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input[type=checkbox]:checked{background:var(--primary)}.toggle input[type=checkbox]:checked:after{transform:translate(20px)}.segmented{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.segmented button{background:0 0;border:0;border-radius:0;min-height:40px;padding:.4rem .75rem}.segmented button+button{border-left:1px solid var(--border)}.segmented button.on{background:var(--primary);color:#fff}.swatches{flex-wrap:wrap;gap:.4rem;display:flex}.swatch{width:40px;height:40px;min-height:40px;padding:0;font-size:1.1rem;font-weight:700}.swatch.selected{outline:2px solid var(--primary);outline-offset:2px}.stage{transition:transform .25s}.reader.settings-open .stage{transform:translateY(-24dvh)}.sheet-backdrop{z-index:10;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border:1px solid var(--border);width:min(640px,100%);max-height:55dvh;padding:0 16px calc(1rem + env(safe-area-inset-bottom));border-bottom:0;border-radius:18px 18px 0 0;overflow:auto;box-shadow:0 -8px 32px #0000004d}.sheet-head{background:var(--bg);z-index:1;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex;position:sticky;top:0}.book{flex-wrap:wrap}.book-main{align-items:flex-start;gap:.85rem;display:flex}.book-text{flex:1;gap:.15rem;min-width:0;display:grid}.book-actions{flex-direction:column;justify-content:space-between;align-self:stretch;display:flex}.cover{aspect-ratio:2/3;object-fit:cover;background:var(--border);border-radius:4px;flex:none;width:56px;box-shadow:0 1px 4px #00000040}.cover-generated{background:linear-gradient(160deg, hsl(var(--hue) 45% 42%), hsl(calc(var(--hue) + 40) 45% 26%));color:#fff;flex-direction:column;justify-content:space-between;padding:5px;font-size:7px;line-height:1.2;display:flex;overflow:hidden}.cover-title{-webkit-line-clamp:5;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:8px;font-weight:700;display:-webkit-box;overflow:hidden}.cover-author{opacity:.85;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.book-details{flex:100%;gap:.75rem;padding:0 .9rem .9rem;display:grid}.book-description{max-height:12rem;margin:0;font-size:.92rem;overflow:auto}.book-details dl{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem 1rem;margin:0;display:grid}.book-details dd{margin:0}