:root,:root[data-theme=eink]{--bg:#fff;--fg:#111;--muted:#555;--border:#bbb;--card:#fff;--hl:#e0e0e0;--sel:#bdbdbd;--accent:#111;--accent-fg:#fff;--shadow:none;--radius:4px;--transition:0s;--heat-0:#ededed;--heat-1:#c9c9c9;--heat-2:#9a9a9a;--heat-3:#5f5f5f;--heat-4:#1c1c1c}:root[data-theme=paper]{--bg:#f6f1e7;--fg:#2e2a24;--muted:#7a6f5f;--border:#d8cdb8;--card:#fbf7ef;--hl:#eadfc4;--sel:#d9c89e;--accent:#7a5c2e;--accent-fg:#fdfaf4;--shadow:0 1px 4px #5a462826;--radius:8px;--transition:.15s;--heat-0:#e7ddc7;--heat-1:#d3b98a;--heat-2:#bd9455;--heat-3:#9a6f30;--heat-4:#6f4c1c}:root[data-theme=dark]{--bg:#121212;--fg:#e6e4df;--muted:#9a978f;--border:#3a3a3a;--card:#1d1d1d;--hl:#3d3d3d;--sel:#58584f;--accent:#d9d2c0;--accent-fg:#121212;--shadow:0 1px 6px #00000080;--radius:8px;--transition:.15s;--heat-0:#262626;--heat-1:#444038;--heat-2:#6e6553;--heat-3:#a1957a;--heat-4:#d9d2c0}:root{--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2.5rem;--bar-h:3rem;--control-h:2.5rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px}button,input,select{font:inherit;color:inherit;accent-color:var(--accent)}a{color:inherit;text-decoration:none}h1{font-size:1.4rem}h2{font-size:1.05rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error-text{color:#b3261e}:root[data-theme=dark] .error-text{color:#ff8a80}.center-screen{justify-content:center;align-items:center;gap:var(--s4);height:100%;padding:var(--s4);flex-direction:column;display:flex}.btn{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-height:var(--control-h);padding:0 var(--s4);justify-content:center;align-items:center;gap:var(--s2);cursor:pointer;transition:background var(--transition);display:inline-flex}.btn:hover{border-color:var(--fg)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-subtle{color:var(--muted);border-style:dashed;align-self:flex-start}.btn-block{width:100%}.btn.small{min-height:1.8rem;padding:0 var(--s3);font-size:.85rem}.icon-btn{border-radius:var(--radius);width:var(--control-h);height:var(--control-h);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:inline-flex}.icon-btn:hover{border-color:var(--border)}.icon-btn.small{width:1.8rem;height:1.8rem;font-size:.9rem}.field{gap:var(--s1);flex-direction:column;display:flex}.field>span{color:var(--muted);font-size:.85rem}.field input,.field select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-height:var(--control-h);padding:0 var(--s3)}.field input[type=range]{min-height:var(--control-h);padding:0}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:-1px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--s5)}.auth-card{gap:var(--s4);flex-direction:column;width:min(380px,92vw);display:flex}.app-title{text-align:center;font-family:Georgia,serif}.app-subtitle{text-align:center;margin-top:calc(-1 * var(--s3))}.tabs{border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.tab{min-height:var(--control-h);cursor:pointer;color:var(--muted);background:0 0;border:none;flex:1}.tab.active{background:var(--accent);color:var(--accent-fg)}.lang-toggle{cursor:pointer;background:0 0;border:none;align-self:center;padding:0;text-decoration:underline}.page{max-width:960px;padding:var(--s4) var(--s4) var(--s6);margin:0 auto}.page.narrow{max-width:560px}.page-header{justify-content:space-between;align-items:center;gap:var(--s3);min-height:var(--control-h);margin-bottom:var(--s5);display:flex}.header-actions{align-items:center;gap:var(--s2);display:flex}.book-grid{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.book-card{gap:var(--s4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--s4);cursor:pointer;display:flex;position:relative}.book-card:hover{border-color:var(--fg)}.book-cover{border:1px solid var(--border);background:var(--bg);border-radius:2px;flex-shrink:0;width:64px;height:92px;overflow:hidden}.book-cover img{object-fit:cover;width:100%;height:100%}.book-cover-fallback{width:100%;height:100%;padding:var(--s1);text-align:center;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:.6rem;display:flex;overflow:hidden}.book-meta{gap:var(--s1);min-width:0;padding-right:var(--s5);flex-direction:column;flex:1;display:flex}.book-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.book-author{font-size:.85rem}.book-foot{align-items:center;gap:var(--s2);padding-top:var(--s2);margin-top:auto;display:flex}.lang-chip{text-transform:uppercase;border:1px solid var(--border);color:var(--muted);border-radius:3px;padding:.05rem .3rem;font-size:.7rem}.progress-track{background:var(--hl);border-radius:2px;height:3px;overflow:hidden}.progress-fill{background:var(--accent);height:100%}.book-actions{top:var(--s2);right:var(--s2);gap:var(--s1);flex-direction:column;display:flex;position:absolute}.empty-state{text-align:center;padding:var(--s6) var(--s4);gap:var(--s2);flex-direction:column;display:flex}.section{gap:var(--s4);margin-bottom:var(--s4);flex-direction:column;display:flex}.section h2{margin-bottom:calc(-1 * var(--s2))}.section .btn{align-self:flex-start}.invite-list{gap:var(--s2);flex-direction:column;list-style:none;display:flex}.invite-list li{align-items:center;gap:var(--s3);min-height:1.8rem;display:flex}.invite-list code{background:var(--hl);border-radius:3px;padding:.15rem .4rem;font-size:.9rem}.user-list{gap:var(--s2);flex-direction:column;list-style:none;display:flex}.user-list li{justify-content:space-between;align-items:center;gap:var(--s3);min-height:2rem;padding:var(--s2) 0;border-bottom:1px solid var(--border);display:flex}.user-list li:last-child{border-bottom:none}.user-info{flex-direction:column;gap:.1rem;display:flex}.user-name{align-items:center;gap:var(--s2);display:flex}.modal-backdrop{z-index:40;padding:var(--s4);background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{gap:var(--s4);flex-direction:column;width:min(400px,100%);display:flex}.reader{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.reader-bar{align-items:center;gap:var(--s3);padding:0 var(--s3);height:var(--bar-h);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.reader-footer{border-bottom:none;border-top:1px solid var(--border);justify-content:space-between}.reader-title{text-align:center;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;overflow:hidden}.reader-percent{color:var(--muted);text-align:right;min-width:2.8rem;font-size:.85rem}.page-info{color:var(--muted);white-space:nowrap;text-align:center;flex:1;font-size:.85rem}.reader-viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;flex:1;position:relative;overflow:hidden}.page-window{position:absolute;left:0;right:0;overflow:hidden}.chapter-scroll{max-width:42rem;padding:0 var(--s5);margin:0 auto;display:flow-root;position:relative}.chapter-scroll p,.chapter-scroll blockquote,.chapter-scroll .li-block{text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin:0 0 .9em}.chapter-scroll h1,.chapter-scroll h2,.chapter-scroll h3{text-align:left;margin:1.2em 0 .7em;line-height:1.3}.chapter-scroll h1{font-size:1.5em}.chapter-scroll h2{font-size:1.25em}.chapter-scroll h3{font-size:1.1em}.chapter-scroll blockquote{border-left:2px solid var(--border);color:var(--muted);padding-left:1em}.chapter-scroll .li-block{margin-bottom:.3em;padding-left:1.2em}.chapter-scroll .li-block:before{content:"•";margin-left:-1.2em;margin-right:.6em}span.w{cursor:pointer;border-radius:3px}span.w.hl{background:var(--hl)}span.w.ph{box-shadow:0 2px 0 0 var(--sel)}span.w.sel{background:var(--sel)}.popup,.font-panel{bottom:calc(var(--bar-h) + var(--s2));background:var(--card);border:1px solid var(--fg);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--s4);z-index:30;position:fixed}.popup{width:min(460px, calc(100vw - 2 * var(--s3)));gap:var(--s3);flex-direction:column;display:flex;left:50%;transform:translate(-50%)}.popup-head{justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex}.popup-term{overflow-wrap:anywhere;font-size:1.1rem;font-weight:700}.badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);color:var(--muted);border-radius:3px;flex-shrink:0;padding:.1rem .35rem;font-size:.7rem}.badge-learning{background:var(--hl)}.popup-body{overflow-wrap:anywhere;min-height:1.4rem}.popup-actions{gap:var(--s2);display:flex}.font-panel{right:var(--s3);gap:var(--s3);width:min(320px, calc(100vw - 2 * var(--s3)));flex-direction:column;display:flex}.font-row{justify-content:space-between;align-items:center;gap:var(--s3);font-size:.9rem;display:flex}.stepper{align-items:center;gap:var(--s2);display:flex}.stepper span{text-align:center;min-width:2rem}.stepper .btn{min-height:2rem;padding:0 var(--s3)}.font-select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-height:2rem;padding:0 var(--s2);max-width:55%}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stat-tiles{gap:var(--s3);margin-bottom:var(--s4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat-tile{gap:var(--s1);padding:var(--s4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex}.stat-value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.stat-label{font-size:.85rem}.bars{align-items:flex-end;gap:2px;height:140px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;min-width:0;height:100%;display:flex}.bar-track{flex:1;align-items:flex-end;width:100%;min-height:0;display:flex}.bar-fill{background:var(--accent);border-radius:2px 2px 0 0;width:100%;min-height:0}.bar-fill:empty{min-height:0}.bar-label{color:var(--muted);font-variant-numeric:tabular-nums;height:.9rem;font-size:.6rem;line-height:.9rem}.heatmap-scroll{padding-bottom:var(--s1);overflow-x:auto}.heatmap{gap:var(--s1);--cell:13px;--cell-gap:3px;flex-direction:column;display:inline-flex}.heatmap-months{gap:var(--cell-gap);margin-left:calc(var(--cell) * 2 + var(--s2));display:flex}.heatmap-month{width:var(--cell);color:var(--muted);white-space:nowrap;font-size:.65rem;overflow:visible}.heatmap-body{gap:var(--s2);display:flex}.heatmap-weekdays{gap:var(--cell-gap);width:calc(var(--cell) * 2);flex-direction:column;display:flex}.heatmap-weekdays span{height:var(--cell);color:var(--muted);font-size:.65rem;line-height:var(--cell)}.heatmap-weeks{gap:var(--cell-gap);display:flex}.heat-col{gap:var(--cell-gap);flex-direction:column;display:flex}.heat-cell{width:var(--cell);height:var(--cell);background:var(--heat-0);border-radius:2px}.heat-0{background:var(--heat-0)}.heat-1{background:var(--heat-1)}.heat-2{background:var(--heat-2)}.heat-3{background:var(--heat-3)}.heat-4{background:var(--heat-4)}.heat-future{background:0 0}.heatmap-legend{align-items:center;gap:var(--cell-gap);color:var(--muted);margin-top:var(--s1);font-size:.65rem;display:flex}.heatmap-legend .heat-cell{cursor:default}