:root{--app-bg:#eef2ee;--panel-bg:#fbfaf6;--reader-bg:#eef2ee;--reader-paper:#fffdf7;--muted-bg:#f2f0e8;--border:#ddd8ca;--text:#46443e;--muted:#747066;--heading:#171712;--accent:#43b49f;--accent-strong:#a85d18;--button-bg:#fffdf7;--button-text:#171712;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--app-bg);min-width:320px;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#root{min-height:100svh}.app-shell{background:var(--app-bg);min-height:100svh;color:var(--text)}.app-shell.dark{--app-bg:#111318;--panel-bg:#181b22;--reader-bg:#20242c;--reader-paper:#151820;--muted-bg:#242936;--border:#343a46;--text:#e8e0d2;--muted:#a8b0bc;--heading:#fff7ea;--accent:#69c7b6;--accent-strong:#ffd479;--button-bg:#252b36;--button-text:#fff7ea}.app-header{z-index:4;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:minmax(210px,1fr) auto minmax(48px,1fr);align-items:center;gap:18px;min-height:76px;padding:14px 28px;display:grid;position:sticky;top:0}.brand,.tab-nav,.toolbar,.book-card,.book-context,.meta-row,.reader-topbar,.chapter-header,.page-actions,.settings-header,.word-card button,.saved-list,.text-action,.search-box{align-items:center;display:flex}.brand{gap:12px;min-width:0}.brand-mark{background:var(--accent);color:#10231f;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid}.brand p,.brand span,.saved-list span{margin:0}.brand p{color:var(--heading);font-weight:750}.brand span,.book-card small,.eyebrow,.chapter-header span,.saved-list span{color:var(--muted);font-size:13px}.tab-nav{border:1px solid var(--border);background:var(--muted-bg);border-radius:8px;gap:6px;padding:4px}.tab-nav button,.toolbar button,.page-actions button,.settings-header button,.word-card button,.saved-list button,.text-action{color:var(--button-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px}.tab-nav button{min-height:38px;color:var(--muted);align-items:center;gap:8px;padding:0 14px;display:inline-flex}.tab-nav button.active{border-color:var(--border);background:var(--button-bg);color:var(--heading);box-shadow:0 8px 22px #00000014}.toolbar{justify-content:flex-end;gap:8px}.toolbar button,.settings-header button{border-color:var(--border);background:var(--button-bg);place-items:center;width:42px;height:42px;display:grid}.toolbar button.active{border-color:var(--accent);color:var(--accent)}.tab-panel{width:min(1180px,100% - 48px);margin:0 auto;padding:30px 0 44px}.section-heading,.reader-topbar{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:22px;display:flex}.section-heading h1,.reader-topbar h1{color:var(--heading);margin:4px 0 0;font-size:34px;line-height:1.08}.search-box{border:1px solid var(--border);background:var(--muted-bg);width:min(360px,100%);height:44px;color:var(--muted);border-radius:8px;gap:10px;padding:0 12px}.search-box input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.book-card{border:1px solid var(--border);background:var(--panel-bg);min-height:216px;color:var(--text);text-align:left;border-radius:8px;align-items:stretch;gap:16px;padding:16px}.book-card:hover,.book-card.active{border-color:var(--accent)}.book-card>span:last-child{align-content:start;gap:7px;min-width:0;display:grid}.book-card strong{color:var(--heading);font-size:20px;line-height:1.15}.book-card em{color:var(--text);font-size:14px;font-style:normal;line-height:1.45}.empty-search,.empty-card{border:1px dashed var(--border);color:var(--muted);background:var(--panel-bg);border-radius:8px;justify-items:start;gap:12px;padding:18px;display:grid}.empty-search p,.empty-card p{margin:0}.cover,.large-cover{color:#fff;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:0 12px 30px #00000029}.large-cover{border-radius:8px;width:116px;height:154px;font-size:48px;font-weight:800}.teal{background:linear-gradient(145deg,#0f766e,#83c5be)}.amber{background:linear-gradient(145deg,#9a3412,#f0b15d)}.indigo{background:linear-gradient(145deg,#3730a3,#9aa7ff)}.slate{background:linear-gradient(145deg,#334155,#94a3b8)}.rose{background:linear-gradient(145deg,#9f1239,#f4a9b8)}.upload-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:18px;display:grid}.upload-dropzone,.upload-notes{border:1px solid var(--border);background:var(--panel-bg);border-radius:8px}.upload-dropzone{min-height:260px;color:var(--muted);text-align:center;cursor:pointer;align-content:center;place-items:center;gap:12px;padding:28px;display:grid}.book-upload-card{min-height:216px}.upload-dropzone strong{color:var(--heading);font-size:20px}.upload-dropzone span{max-width:480px}.upload-dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-notes{padding:22px}.upload-notes h2{color:var(--heading);margin:0 0 10px;font-size:20px}.upload-notes p{color:var(--text);margin:0;line-height:1.55}.reader-area{background:var(--reader-bg)}.reader-topbar,.book-context,.settings-panel,.reader-page,.reader-word-dock{max-width:var(--reader-max-width);margin-left:auto;margin-right:auto}.book-context{gap:18px;margin-bottom:22px}.book-context p{max-width:620px;color:var(--text);margin:0}.meta-row{flex-wrap:wrap;gap:8px;margin-top:14px}.meta-row span{background:var(--muted-bg);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:13px}.settings-panel{border:1px solid var(--border);background:var(--reader-paper);border-radius:8px;margin-bottom:18px;padding:16px}.settings-header{color:var(--heading);justify-content:space-between;gap:12px;margin-bottom:14px;font-weight:700}.settings-panel label{color:var(--muted);grid-template-columns:104px minmax(0,1fr);align-items:center;gap:14px;font-size:14px;display:grid}.settings-panel label+label{margin-top:10px}.settings-panel input[type=range]{width:100%;accent-color:var(--accent)}.reader-page{border:1px solid var(--border);background:var(--reader-paper);border-radius:8px;min-height:62svh;padding:42px 48px 34px;box-shadow:0 20px 45px #1b1f261a}.chapter-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding-bottom:18px}.chapter-header h2{color:var(--heading);text-align:right;margin:0;font-size:22px}.content{padding:24px 0 10px}.content p{color:var(--heading);font-family:Georgia,Times New Roman,serif;font-size:var(--reader-font-size);line-height:var(--reader-line-height);margin:0 0 21px}.word{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:4px;padding:1px 2px}.word:hover,.word:focus-visible{background:color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.page-actions{border-top:1px solid var(--border);gap:14px;padding-top:18px}.page-actions button,.word-card button,.saved-list button,.text-action{border-color:var(--border);background:var(--button-bg);justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;display:inline-flex}.page-actions button:disabled{cursor:not-allowed;opacity:.45}.progress-track{background:var(--muted-bg);border-radius:999px;flex:auto;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;display:block}.words-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.word-card,.saved-list{border:1px solid var(--border);background:var(--panel-bg);border-radius:8px}.reader-word-dock{margin-top:18px}.word-card{padding:24px}.word-card.compact{background:var(--reader-paper);grid-template-columns:minmax(180px,.7fr) minmax(0,1fr);gap:14px 20px;display:grid}.word-card span{color:var(--muted);font-size:13px}.word-card h2{color:var(--heading);margin:2px 0 14px;font-size:36px}.word-card p{color:var(--heading);margin:0 0 14px;font-weight:650}.word-card blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:0 0 18px;padding-left:13px}.word-card.compact blockquote{grid-column:1/-1;margin-bottom:0}.word-card-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.saved-list{flex-direction:column;align-items:flex-start;gap:8px;padding:14px}.saved-list>button{justify-content:flex-start;width:100%}.word-list{gap:10px}.saved-word-card{grid-template-columns:minmax(0,1fr) 42px;gap:8px;width:100%;display:grid}.saved-word-card button:first-child{text-align:left;justify-items:start;gap:5px;min-height:0;padding:12px;display:grid}.saved-word-card strong{color:var(--heading)}.saved-word-card small{color:var(--text)}.saved-word-card em{color:var(--muted);font-size:13px;font-style:normal;line-height:1.35}.saved-word-card .delete-word{width:42px;min-height:42px;padding:0}@media (width<=900px){.app-header{grid-template-columns:1fr auto}.tab-nav{grid-column:1/-1;justify-self:stretch;overflow-x:auto}.tab-nav button{flex:1 0 max-content}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.words-layout,.upload-layout,.word-card.compact{grid-template-columns:1fr}}@media (width<=640px){.app-header{gap:12px;min-height:auto;padding:12px 16px}.brand p{font-size:15px}.brand span{display:none}.tab-panel{width:calc(100% - 28px);padding:20px 0 34px}.section-heading,.reader-topbar{flex-direction:column;align-items:stretch;gap:14px}.section-heading h1,.reader-topbar h1{font-size:28px}.search-box{width:100%}.book-grid{grid-template-columns:1fr}.book-card{min-height:0}.book-context{display:none}.settings-panel label{grid-template-columns:1fr;gap:6px}.reader-page{min-height:auto;padding:28px 22px 24px}.chapter-header{flex-direction:column;align-items:flex-start;gap:8px}.chapter-header h2{text-align:left;font-size:20px}.content p{font-size:20px;line-height:1.72}.page-actions{grid-template-columns:1fr 1fr;display:grid}.progress-track{grid-area:1/1/auto/-1}}