:root{--paper: #f4ebd9;--paper-2: #e8dcc4;--paper-sheer: rgba(244, 235, 217, .82);--paper-elev: rgba(244, 235, 217, .96);--ink: #211c15;--ink-soft: #4a3f30;--muted: #8a7960;--muted-2: #a6957a;--line: rgba(33, 28, 21, .14);--line-strong: rgba(33, 28, 21, .28);--accent: #b8410f;--accent-soft: #d4633a;--gilt: #b08838;--gilt-soft: rgba(176, 136, 56, .4);--shadow-sm: 0 1px 3px rgba(33, 28, 21, .08);--shadow-md: 0 8px 28px rgba(33, 28, 21, .12);--shadow-lg: 0 24px 72px rgba(33, 28, 21, .2);--shadow-border: 0 0 0 1px rgba(33, 28, 21, .08), 0 1px 2px -1px rgba(33, 28, 21, .08), 0 3px 9px rgba(33, 28, 21, .04);--shadow-border-hover: 0 0 0 1px rgba(33, 28, 21, .14), 0 2px 4px -2px rgba(33, 28, 21, .1), 0 8px 18px rgba(33, 28, 21, .08);--radius-shell: 18px;--radius-panel: 14px;--radius-control: 10px;--serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans: "Hanken Grotesk", "Avenir Next", system-ui, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);color:var(--ink);background:var(--paper-2);font-family:var(--sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body[data-theme=night]{--paper: #14110e;--paper-2: #1e1a15;--paper-sheer: rgba(20, 17, 14, .82);--paper-elev: rgba(30, 26, 21, .96);--ink: #e8dcc4;--ink-soft: #c4b59a;--muted: #968673;--muted-2: #7a6b58;--line: rgba(232, 220, 196, .14);--line-strong: rgba(232, 220, 196, .28);--accent: #d4633a;--accent-soft: #e88a5f;--gilt: #d4a84a;--gilt-soft: rgba(212, 168, 74, .4);--shadow-md: 0 8px 28px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 72px rgba(0, 0, 0, .5);--shadow-border: 0 0 0 1px rgba(255, 255, 255, .08);--shadow-border-hover: 0 0 0 1px rgba(255, 255, 255, .13)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(176,136,56,.06),transparent 60%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(184,65,15,.04),transparent 50%),linear-gradient(160deg,#f4ebd9,#e8dcc4,#ddd0b5);background-attachment:fixed}body[data-theme=night]{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(212,168,74,.05),transparent 60%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(212,99,58,.04),transparent 50%),linear-gradient(160deg,#14110e,#1e1a15,#28231d);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.13 0 0 0 0 0.11 0 0 0 0 0.08 0 0 0 0.08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body[data-theme=night]:before{mix-blend-mode:screen;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.91 0 0 0 0 0.86 0 0 0 0 0.77 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button,textarea,input,select{font:inherit}button,.file-button span{min-height:40px;border:0;background:var(--ink);color:var(--paper);padding:.58rem 1rem;cursor:pointer;font-family:var(--sans);font-weight:600;font-size:.84rem;letter-spacing:.01em;text-transform:none;border-radius:var(--radius-control);box-shadow:var(--shadow-border);transition:transform .18s var(--ease-out),background-color .18s var(--ease-out),color .18s var(--ease-out),box-shadow .18s var(--ease-out),opacity .18s var(--ease-out)}button:hover,.file-button:hover span{background:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-border-hover)}button:active,.file-button:active span{transform:translateY(0) scale(.96)}button.secondary{background:color-mix(in srgb,var(--paper) 74%,transparent);color:var(--ink);box-shadow:var(--shadow-border)}button.secondary:hover{background:color-mix(in srgb,var(--accent) 8%,var(--paper));color:var(--accent);box-shadow:var(--shadow-border-hover)}.commands .file-button span{background:color-mix(in srgb,var(--ink) 92%,var(--accent));color:var(--ink);color:var(--paper)}.commands .file-button:hover span{background:var(--accent);color:var(--paper)}button:disabled,.file-button[aria-disabled=true] span{cursor:not-allowed;opacity:.48;transform:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh}.bar{display:flex;justify-content:space-between;gap:1rem;align-items:center;min-width:0;padding:.75rem 1.25rem;background:var(--paper-sheer);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:20}.bar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--gilt-soft) 20%,var(--gilt) 50%,var(--gilt-soft) 80%,transparent);opacity:.5}.book-status{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.6rem}.bar-ornament{font-size:1.4rem;color:var(--gilt);opacity:.48;flex-shrink:0}.bar strong,.empty-state h1,.drawer-head strong{font-family:var(--serif);font-optical-sizing:auto;font-variation-settings:"opsz" 48,"SOFT" 30,"WONK" 0;letter-spacing:-.02em}.bar strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.15rem;font-weight:500;text-wrap:balance}.bar p,.muted{margin:.15rem 0 0;color:var(--muted);line-height:1.4;font-size:.84rem;font-weight:400;text-wrap:pretty}.bar p{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.commands,.note-actions,.search-row{display:flex;gap:.5rem;align-items:center}.commands{flex:0 0 auto}.account-status{max-width:9rem;overflow:hidden;color:var(--muted);font-size:.78rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.account-button{min-width:4.2rem}.commands .file-button{display:inline-flex}.file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}.reader-stage{position:relative;min-height:0;margin:.75rem;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-border),var(--shadow-md),inset 0 1px #fff6;border-radius:var(--radius-shell)}.reader-stage:before,.reader-stage:after{content:"";position:absolute;width:18px;height:18px;border:1px solid var(--gilt-soft);opacity:.5;pointer-events:none;z-index:1}.reader-stage:before{top:10px;left:10px;border-right:0;border-bottom:0}.reader-stage:after{bottom:10px;right:10px;border-left:0;border-top:0}.book-view{display:block;width:100%;height:100%}.empty-state{display:grid;place-content:center;height:100%;padding:2rem;text-align:center}.empty-state h1,.empty-state p{animation:fade-in-up .56s var(--ease-out) both}.empty-state h1{margin:0;font-size:clamp(2.4rem,4.2vw,4.4rem);font-weight:400;font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 1;line-height:.96;color:var(--ink);text-wrap:balance}.empty-state h1 em{font-style:italic;font-weight:300;color:var(--accent);font-variation-settings:"opsz" 144,"SOFT" 80,"WONK" 1}.empty-state p{color:var(--muted);margin:1.25rem auto 0;font-size:.95rem;max-width:24rem;line-height:1.5;text-wrap:pretty;animation-delay:90ms}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-turn,.selection-note-button{position:absolute;z-index:3}.page-turn{top:50%;width:2.7rem;height:4.4rem;padding:0;background:var(--paper-sheer);color:var(--ink-soft);font-family:var(--serif);font-size:2.4rem;font-weight:300;line-height:1;text-transform:none;letter-spacing:0;opacity:.46;transform:translateY(-50%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;box-shadow:var(--shadow-border);transition:transform .2s var(--ease-out),background-color .2s var(--ease-out),color .2s var(--ease-out),box-shadow .2s var(--ease-out),opacity .2s var(--ease-out)}.page-turn:hover,.page-turn:focus-visible{background:var(--paper-elev);color:var(--accent);opacity:.96;transform:translateY(-50%);box-shadow:var(--shadow-border-hover)}.page-turn:active{transform:translateY(-50%) scale(.96)}.page-turn-left{left:.75rem}.page-turn-right{right:.75rem}.selection-note-button{right:1rem;bottom:2.75rem}.progress-slider{position:absolute;left:1.25rem;right:1.25rem;bottom:.85rem;z-index:3;width:calc(100% - 2.5rem);height:3px;cursor:pointer;opacity:.58;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--progress, 0%),var(--line) var(--progress, 0%),var(--line) 100%);border-radius:999px;outline:none;transition:opacity .18s var(--ease-out),height .18s var(--ease-out)}.reader-stage:hover .progress-slider,.progress-slider:focus-visible{height:4px;opacity:.96}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid var(--accent);cursor:grab;transition:transform .16s var(--ease-out),border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.3);border-color:var(--gilt);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.progress-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid var(--accent);cursor:grab}.progress-slider::-moz-range-track{background:transparent}.word-inline-translation{position:absolute;z-index:7;max-width:min(12rem,calc(100% - 2rem));padding:.16rem .45rem;color:var(--accent);background:color-mix(in srgb,var(--paper-elev) 90%,var(--accent));border-radius:8px;box-shadow:var(--shadow-border),0 8px 18px #b8410f1f;font-family:var(--sans);font-size:.78rem;font-weight:600;line-height:1.3;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;animation:gloss-pop .22s var(--ease-spring) both}@keyframes gloss-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.word-popover{position:absolute;z-index:8;display:grid;gap:.7rem;width:min(23rem,calc(100% - 2rem));max-height:min(24rem,calc(100% - 2rem));padding:1.25rem 1.35rem;border:0;background:var(--paper-elev);box-shadow:var(--shadow-border),var(--shadow-lg);overflow:auto;border-radius:var(--radius-shell);animation:card-rise .28s var(--ease-out) both}@keyframes card-rise{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.word-popover-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.55rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:.7rem}.word-popover-head strong{overflow:hidden;font-family:var(--serif);font-variation-settings:"opsz" 72,"SOFT" 30,"WONK" 1;font-size:1.6rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap;color:var(--accent)}.word-popover-head button{padding:.38rem .6rem}.word-count,.word-ipa{color:var(--muted);font-family:var(--sans);font-size:.84rem}.word-ipa{margin:0;font-style:italic;letter-spacing:.02em}.word-definition{display:grid;gap:.3rem}.word-definition h2{margin:0;color:var(--gilt);font-family:var(--sans);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.word-definition p{margin:0;line-height:1.55;font-size:.92rem}body[data-theme=night] .word-popover{background:var(--paper-elev)}body[data-theme=night] .word-inline-translation{background:var(--accent);box-shadow:0 6px 18px #0006}.drawer{position:fixed;top:5.2rem;right:1.25rem;bottom:1.25rem;z-index:10;display:grid;align-content:start;gap:1rem;width:min(26rem,calc(100vw - 2.5rem));padding:1.25rem;border:0;background:var(--paper-elev);box-shadow:var(--shadow-border),var(--shadow-lg);opacity:0;overflow:auto;pointer-events:none;transform:translate(calc(100% + 1.5rem));transition:opacity .2s var(--ease-out),transform .28s var(--ease-spring);border-radius:var(--radius-shell);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}body[data-drawer=toc] #toc-drawer,body[data-drawer=library] #library-drawer,body[data-drawer=settings] #settings-drawer,body[data-drawer=note] #note-drawer{opacity:1;pointer-events:auto;transform:translate(0)}.drawer-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.drawer-head strong{font-size:1.5rem;font-weight:400;font-variation-settings:"opsz" 72,"SOFT" 40,"WONK" 0}.drawer-section{display:grid;gap:.6rem}.drawer-section h2{margin:.5rem 0 0;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gilt);text-wrap:balance}.link-list{display:grid;gap:.3rem}.library-list{display:grid;gap:.5rem}.import-dropzone{display:grid;gap:.3rem;width:100%;padding:1.1rem;border:1.5px dashed color-mix(in srgb,var(--accent) 50%,var(--line));background:var(--paper-sheer);color:var(--ink);text-align:left;border-radius:var(--radius-panel);box-shadow:none;transition:transform .2s var(--ease-out),background-color .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.import-dropzone:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--paper));box-shadow:var(--shadow-border)}.import-dropzone strong{font-family:var(--serif);font-size:1.05rem;font-weight:500;text-wrap:balance}.import-dropzone span{color:var(--muted);font-size:.86rem}.import-dropzone[data-drag],.reader-stage[data-drag]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--paper));transform:scale(1.01)}.library-book-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:stretch}.library-book-row[data-active=true] .library-book-main{background:color-mix(in srgb,var(--accent) 7%,transparent);box-shadow:inset 3px 0 0 var(--accent),var(--shadow-border-hover)}.library-book-main{display:grid;gap:.2rem;min-width:0;padding:.75rem .9rem;background:transparent;color:var(--ink);text-align:left;border-radius:var(--radius-panel);box-shadow:var(--shadow-border);transition:transform .18s var(--ease-out),background-color .18s var(--ease-out),color .18s var(--ease-out),box-shadow .18s var(--ease-out)}.library-book-main:hover{background:var(--paper-sheer);transform:translate(2px);box-shadow:var(--shadow-border-hover)}.library-book-main strong,.library-book-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-book-main strong{font-family:var(--serif);font-size:1rem;font-weight:500;font-variation-settings:"opsz" 24,"SOFT" 20}.library-book-main span{color:var(--muted);font-size:.78rem;font-family:var(--sans)}.link-button{width:100%;border:0;background:transparent;color:var(--ink);text-align:left;padding:.5rem .7rem;text-transform:none;letter-spacing:0;font-weight:400;font-size:.88rem;font-family:var(--sans);border-radius:var(--radius-control);box-shadow:none;transition:transform .16s var(--ease-out),background-color .16s var(--ease-out),color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.link-button:hover{background:var(--paper-sheer);color:var(--accent);transform:translate(2px);box-shadow:var(--shadow-border)}.link-button mark{background:color-mix(in srgb,var(--accent) 22%,transparent);color:inherit;padding:.05rem .12rem;border-radius:5px}.search-row input,.control-row input,.control-row select,textarea{width:100%;border:0;background:var(--paper-sheer);color:var(--ink);padding:.65rem .75rem;font-family:var(--sans);font-size:.9rem;border-radius:var(--radius-control);box-shadow:var(--shadow-border);transition:background-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.search-row input:focus,.control-row input:focus,.control-row select:focus,textarea:focus{outline:none;box-shadow:var(--shadow-border-hover),0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}body[data-theme=night] .search-row input,body[data-theme=night] .control-row input,body[data-theme=night] .control-row select,body[data-theme=night] textarea{background:#1e1a1599}.control-row{display:grid;gap:.5rem}.control-row span{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.82rem}output{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.control-row input[type=range]{min-height:40px;padding:0 .2rem;-webkit-appearance:none;appearance:none;background:var(--paper-sheer);border-radius:var(--radius-control);box-shadow:var(--shadow-border)}.control-row input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:var(--line)}.control-row input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6.5px;border:2px solid var(--paper);border-radius:50%;background:var(--accent);box-shadow:var(--shadow-border);cursor:grab;-webkit-appearance:none;appearance:none;transition:transform .16s var(--ease-out),background-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.control-row input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-soft);transform:scale(1.08);box-shadow:var(--shadow-border-hover)}.control-row input[type=range]::-moz-range-track{height:3px;border-radius:999px;background:var(--line)}.control-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--paper);border-radius:50%;background:var(--accent);box-shadow:var(--shadow-border);cursor:grab}.bookmark-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem}.bookmark-row .link-button{min-width:0}.icon-button{padding-inline:.7rem;color:var(--muted);opacity:.58}.library-book-row:hover .icon-button,.bookmark-row:hover .icon-button,.icon-button:focus-visible{opacity:1}.help-list{gap:.35rem;border-top:1px solid var(--line);padding-top:.9rem}.help-list p{margin:0;color:var(--muted);line-height:1.5;font-size:.82rem}.reader-stage:fullscreen{margin:0;border:0;border-radius:0}blockquote{margin:0;padding:1rem 1.1rem;border-left:3px solid var(--accent);background:var(--paper-sheer);line-height:1.6;font-family:var(--serif);font-style:italic;font-size:.95rem;font-variation-settings:"opsz" 24,"SOFT" 50;color:var(--ink-soft);border-radius:0 var(--radius-control) var(--radius-control) 0;text-wrap:pretty}body[data-theme=night] blockquote{background:#1e1a1599}textarea{resize:vertical}@media(max-width:960px){.app{height:auto;min-height:100vh}.bar{flex-wrap:wrap;gap:.6rem;padding:.7rem .9rem}.book-status{flex:1 1 100%}.commands{flex-wrap:nowrap;gap:.35rem;width:100%;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:none}.commands::-webkit-scrollbar{display:none}.commands .file-button{order:-1}button,.file-button span{padding:.46rem .68rem;font-size:.76rem}.reader-stage{min-height:60vh;margin:.6rem;border-radius:var(--radius-panel)}.drawer{top:auto;left:.6rem;right:.6rem;bottom:.6rem;width:auto;max-height:76vh;transform:translateY(calc(100% + 1.5rem))}.word-popover{width:min(20rem,calc(100% - 1.5rem))}body[data-drawer=toc] #toc-drawer,body[data-drawer=library] #library-drawer,body[data-drawer=settings] #settings-drawer,body[data-drawer=note] #note-drawer{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.drawer,.empty-state,.word-popover,.word-inline-translation,.bar-ornament{animation:none;transition:none}}