:root{color-scheme:light;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;--bg: oklch(.95 .015 85);--panel: oklch(.985 .01 85);--panel-strong: oklch(.9 .03 70);--ink: oklch(.24 .02 45);--muted: oklch(.47 .02 50);--line: oklch(.82 .02 70);--accent: oklch(.58 .12 42);--accent-soft: oklch(.88 .04 50);--shadow: 0 20px 40px color-mix(in srgb, #6e5841 15%, transparent)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,color-mix(in srgb,var(--accent-soft) 75%,white) 0%,transparent 42%),linear-gradient(180deg,oklch(.97 .015 84) 0%,var(--bg) 36%,oklch(.93 .015 88) 100%);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}#root{min-height:100vh}.app-shell{width:min(100%,54rem);margin:0 auto;padding:1.2rem 1rem 6.8rem}.app-shell.theme-dark{--bg: oklch(.19 .018 255);--panel: oklch(.24 .02 255);--panel-strong: oklch(.31 .025 250);--ink: oklch(.94 .01 100);--muted: oklch(.76 .015 95);--line: oklch(.4 .018 250);--accent: oklch(.74 .11 55);--accent-soft: oklch(.36 .05 245);--shadow: 0 20px 40px color-mix(in srgb, #000 32%, transparent)}.app-shell.theme-sepia{--bg: oklch(.9 .022 78);--panel: oklch(.95 .016 76);--panel-strong: oklch(.84 .032 72);--ink: oklch(.32 .03 62);--muted: oklch(.49 .025 64);--line: oklch(.76 .022 72);--accent: oklch(.56 .12 45);--accent-soft: oklch(.86 .05 58);--shadow: 0 20px 40px color-mix(in srgb, #6b4d33 18%, transparent)}.topbar{display:grid;gap:.85rem;padding:1.2rem 0 1.5rem}.eyebrow,.section-kicker,.reader-label{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--muted)}.topbar h1{margin:.25rem 0 0;font-size:clamp(2rem,7vw,3.8rem);line-height:.95;letter-spacing:-.05em}.topbar-copy{margin:0;max-width:42rem;color:var(--muted);line-height:1.6}.app-main,.page-stack{display:grid;gap:1rem}.section-card{background:color-mix(in srgb,var(--panel) 90%,white);border:1px solid color-mix(in srgb,var(--line) 85%,white);border-radius:1.5rem;padding:1.25rem;box-shadow:var(--shadow)}.section-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.section-card h2,.section-card h3{margin:0}.section-description{margin:.7rem 0 0;color:var(--muted);line-height:1.65}.section-content{margin-top:1rem}.status-pill{display:inline-flex;align-items:center;padding:.4rem .8rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.82rem;font-weight:600}.feature-list{margin:0;padding-left:1.2rem;display:grid;gap:.55rem;line-height:1.55}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.import-panel,.draft-preview,.chapter-preview,.library-controls,.book-list{display:grid;gap:1rem}.import-actions{display:grid;gap:.75rem}.import-actions.two-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-button,.secondary-button,.danger-button{display:inline-grid;place-items:center;min-height:3rem;border-radius:1rem;padding:0 1rem;font-weight:700}.primary-button{border:none;background:var(--accent);color:#fff}.secondary-button{border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent-soft) 58%,white);color:var(--accent)}.danger-button{border:1px solid color-mix(in srgb,#b42318 34%,var(--line));background:color-mix(in srgb,#fecdca 42%,white);color:#b42318}.link-button{width:fit-content}.form-message,.empty-state,.muted-note{margin:0;color:var(--muted);line-height:1.6}.form-message.error{color:#a52a24}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.metric,.chapter-preview article,.book-row{border:1px solid color-mix(in srgb,var(--line) 72%,white);background:color-mix(in srgb,var(--panel-strong) 24%,white)}.metric{display:grid;gap:.35rem;min-width:0;padding:.85rem;border-radius:1rem}.metric span,.book-row time,.chapter-preview article p{color:var(--muted)}.metric strong{overflow-wrap:anywhere;font-size:1.05rem}.chapter-preview article{display:grid;gap:.65rem;padding:.95rem;border-radius:1rem}.chapter-preview article div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.chapter-preview article p{margin:0;line-height:1.55}.book-row{display:grid;gap:1rem;padding:1rem;border-radius:1rem}.book-content{display:grid;gap:.9rem}.book-main-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}.book-main-link div{min-width:0}.book-row h3,.book-row p{margin:0}.book-row h3{overflow-wrap:anywhere}.book-row p{margin-top:.35rem;color:var(--muted);line-height:1.45}.book-row .book-progress{color:var(--accent);font-weight:700}.book-actions{display:grid;gap:.75rem}.book-row time{flex:0 0 auto;font-size:.86rem}.library-search{min-width:0;min-height:3rem;border:1px solid var(--line);border-radius:1rem;padding:0 .9rem;background:var(--panel);color:var(--ink)}.library-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.35rem;border:1px solid color-mix(in srgb,var(--line) 76%,white);border-radius:1rem;background:color-mix(in srgb,var(--panel-strong) 20%,white)}.reader-toolbar{display:grid;gap:.75rem}.reader-toolbar select{min-width:0;min-height:3rem;border:1px solid var(--line);border-radius:1rem;padding:0 .9rem;background:var(--panel);color:var(--ink)}.lookup-panel,.lookup-result,.selection-preview,.chapter-browser,.chapter-list,.word-list,.word-row{display:grid;gap:.85rem}.lookup-controls{display:grid;gap:.75rem}.chapter-search,.lookup-controls input{min-width:0;min-height:3rem;border:1px solid var(--line);border-radius:1rem;padding:0 .9rem;background:var(--panel);color:var(--ink)}.chapter-item{display:grid;gap:.35rem;padding:.95rem 1rem;border:1px solid color-mix(in srgb,var(--line) 72%,white);border-radius:1rem;background:color-mix(in srgb,var(--panel-strong) 18%,white);text-align:left;color:var(--ink)}.chapter-item-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.chapter-item.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent-soft) 52%,white)}.chapter-item-number,.chapter-item-meta{color:var(--muted);font-size:.86rem}.chapter-item-title{font-weight:700;overflow-wrap:anywhere}.chapter-progress-pill{display:inline-flex;align-items:center;justify-content:center;min-height:1.7rem;padding:0 .65rem;border-radius:999px;font-size:.78rem;font-weight:700}.chapter-progress-pill.current{background:color-mix(in srgb,var(--accent-soft) 72%,white);color:var(--accent)}.chapter-progress-pill.read{background:color-mix(in srgb,#d1fadf 74%,white);color:#157347}.chapter-progress-pill.unread{background:color-mix(in srgb,var(--panel) 72%,white);color:var(--muted)}.chapter-item-progress{color:var(--accent);font-size:.86rem;font-weight:600}.lookup-result,.word-row{padding:1rem;border:1px solid color-mix(in srgb,var(--line) 72%,white);border-radius:1rem;background:color-mix(in srgb,var(--panel-strong) 22%,white)}.selection-preview{padding:1rem;border:1px solid color-mix(in srgb,var(--line) 72%,white);border-radius:1rem;background:color-mix(in srgb,var(--accent-soft) 28%,white)}.lookup-result h3,.selection-preview h3,.lookup-result p,.selection-preview p,.word-row h3,.word-row p{margin:0}.lookup-result h3,.selection-preview h3,.word-row h3{overflow-wrap:anywhere}.lookup-result p,.selection-preview p,.word-row p{color:var(--muted);line-height:1.55}.selection-actions{display:grid;gap:.75rem}.lookup-example,.word-example{padding-left:.9rem;border-left:3px solid var(--accent-soft)}.word-notes{font-size:.92rem}.word-actions{display:grid;gap:.75rem}.word-review-card{display:grid;gap:1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--line) 72%,white);border-radius:1rem;background:color-mix(in srgb,var(--accent-soft) 34%,white)}.word-review-header{display:grid;gap:.85rem}.word-review-header h3,.word-review-header p{margin:0}.word-review-nav,.word-review-actions{display:grid;gap:.75rem}.word-actions label{display:grid;gap:.35rem}.word-actions span{color:var(--muted);font-size:.88rem}.word-actions select{min-width:0;min-height:2.8rem;border:1px solid var(--line);border-radius:.9rem;padding:0 .85rem;background:var(--panel);color:var(--ink)}.mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.35rem;border:1px solid color-mix(in srgb,var(--line) 76%,white);border-radius:1rem;background:color-mix(in srgb,var(--panel-strong) 20%,white)}.mode-button{min-height:2.7rem;border:none;border-radius:.75rem;background:transparent;color:var(--muted);font-weight:700}.mode-button.active{background:var(--panel);color:var(--accent);box-shadow:0 10px 20px color-mix(in srgb,var(--ink) 8%,transparent)}.reader-drawer-section{display:grid;gap:.85rem;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--line) 82%,white);border-radius:1.3rem;background:color-mix(in srgb,var(--panel) 90%,white);box-shadow:var(--shadow)}.reader-drawer-section.open{background:color-mix(in srgb,var(--panel) 96%,white)}.reader-drawer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.reader-drawer-copy{display:grid;gap:.4rem;min-width:0}.reader-drawer-aside{display:grid;justify-items:end;gap:.55rem}.reader-drawer-body{display:grid;gap:.9rem}.reader-preferences-form{gap:.75rem}.drawer-toggle{min-height:2.4rem;padding-inline:.85rem;font-weight:600}.reader-surface{--reader-font-scale: 1.08;--reader-line-height: 1.82;--reader-content-max-width: 42rem;display:grid;gap:1.2rem;min-height:50vh;padding:clamp(1.1rem,4vw,2.2rem);border-radius:1.5rem;background:color-mix(in srgb,var(--panel) 96%,white);border:1px solid color-mix(in srgb,var(--line) 82%,white);box-shadow:var(--shadow)}.reader-floating-toolbar{position:fixed;left:50%;bottom:5.35rem;transform:translate(-50%);width:min(calc(100% - 1rem),34rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.45rem;border-radius:1.2rem;background:color-mix(in srgb,var(--panel) 94%,white);border:1px solid color-mix(in srgb,var(--line) 82%,white);box-shadow:0 18px 36px color-mix(in srgb,var(--ink) 10%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.reader-chapter-heading{display:grid;gap:.45rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--line) 74%,white)}.reader-chapter-heading h2,.reader-chapter-heading p{margin:0}.reader-chapter-heading h2{font-size:clamp(1.6rem,6vw,2.5rem);line-height:1.05}.reader-chapter-heading p:last-child{color:var(--muted)}.reader-text{display:grid;gap:1.05rem;max-width:var(--reader-content-max-width);font-size:calc(1rem * var(--reader-font-scale));line-height:var(--reader-line-height)}.reader-text p{margin:0}.reader-paragraph{margin:0;padding:.35rem .45rem;border-radius:.9rem;transition:background-color .16s ease,box-shadow .16s ease}.reader-paragraph.matched{background:color-mix(in srgb,var(--accent-soft) 28%,transparent)}.reader-paragraph.active-match{background:color-mix(in srgb,var(--accent-soft) 62%,white);box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 12%,transparent)}.reader-paragraph.restored{background:color-mix(in srgb,#d1fadf 72%,white)}.reader-highlight{padding:.05rem .12rem;border-radius:.25rem;background:color-mix(in srgb,#fde68a 82%,white);color:inherit}.bilingual-paragraph{display:grid;gap:.65rem;padding-bottom:1.05rem;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,white)}.bilingual-paragraph:last-child{padding-bottom:0;border-bottom:none}.translation-text{padding-left:.9rem;border-left:3px solid var(--accent-soft);color:color-mix(in srgb,var(--accent) 76%,var(--ink));font-size:.96rem;line-height:1.7}.reader-continuation{margin-top:1rem}.reader-next-chapter{display:grid;gap:1rem;padding-top:1.2rem;border-top:1px solid color-mix(in srgb,var(--line) 70%,white)}.reader-next-copy{display:grid;gap:.45rem}.reader-next-copy h3,.reader-next-copy p{margin:0}.reader-next-copy h3{font-size:1.15rem}.reader-next-copy p:last-child{color:var(--muted)}.reader-next-chapter.complete{padding-bottom:.2rem}.placeholder-grid{display:grid;gap:.85rem}.placeholder-grid article,.reader-column{padding:1rem;border-radius:1.2rem;background:color-mix(in srgb,var(--panel-strong) 28%,white)}.placeholder-grid p,.reader-column p{margin-bottom:0;color:color-mix(in srgb,var(--ink) 72%,var(--muted));line-height:1.6}.reader-preview{display:grid;gap:.9rem;margin-top:1rem}.reader-column.soft{background:color-mix(in srgb,var(--accent-soft) 65%,white)}.settings-form{display:grid;gap:.85rem}.settings-form label{display:grid;gap:.45rem}.settings-form span{font-size:.92rem;color:var(--muted)}.settings-form input,.settings-form select,.settings-form button{min-height:3rem;border-radius:1rem;border:1px solid var(--line);padding:0 .95rem;background:var(--panel);color:var(--ink)}.settings-form button{margin-top:.35rem;border:none;background:var(--accent);color:#fff;font-weight:600}.settings-message{margin-top:1rem}.settings-actions{display:grid;gap:.75rem;margin-top:1rem}.bottom-nav{position:fixed;left:50%;bottom:.8rem;transform:translate(-50%);width:min(calc(100% - 1rem),38rem);display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;padding:.45rem;border-radius:1.25rem;background:color-mix(in srgb,var(--panel) 92%,white);border:1px solid color-mix(in srgb,var(--line) 85%,white);box-shadow:0 18px 40px color-mix(in srgb,var(--ink) 10%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-link{display:grid;place-items:center;min-height:3rem;border-radius:1rem;color:var(--muted);font-size:.92rem}.nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}@media(min-width:760px){.app-shell{padding-inline:1.4rem}.placeholder-grid,.reader-preview,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-toolbar{grid-template-columns:minmax(6rem,auto) minmax(0,1fr) minmax(6rem,auto)}.reader-floating-toolbar{grid-template-columns:repeat(7,minmax(0,1fr))}.lookup-controls{grid-template-columns:minmax(0,1fr) auto auto}.selection-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.book-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.book-content{grid-column:1 / -1}.book-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.word-actions{grid-template-columns:minmax(0,1fr) auto;align-items:end}.word-review-nav,.word-review-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.word-review-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.placeholder-grid article:last-child:first-child,.placeholder-grid article:last-child:nth-child(odd){grid-column:span 2}}