@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400..900&family=Work+Sans:wght@400;500;600;700&display=swap";body{--font-display:"Fraunces", Georgia, serif;--font-body:"Work Sans", -apple-system, sans-serif;--radius:10px;--shadow-soft:0 8px 24px #0000002e;--shadow-lift:0 14px 32px #0000003d;transition:background-color .25s,color .25s}body.dark{--bg:#14120f;--bg-alt:#1b1814;--surface:#201c17;--text:#f3ece0;--text-muted:#a89d8c;--border:#342e26;--accent:#e0a63a;--accent-ink:#14120f;--danger:#d16457}body.light{--bg:#faf6ee;--bg-alt:#f3ecdd;--surface:#fff;--text:#221d15;--text-muted:#6f6555;--border:#e7ddc8;--accent:#b5772a;--accent-ink:#faf6ee;--danger:#b3392a}body.sepia{--bg:#efe3ca;--bg-alt:#e7d8ba;--surface:#f7eeda;--text:#3d3429;--text-muted:#7d7059;--border:#ddcba4;--accent:#9c5a2e;--accent-ink:#f7eeda;--danger:#a3402a}*{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);background-image:radial-gradient(ellipse 80% 50% at 50% -10%, color-mix(in srgb, var(--accent) 10%, transparent), transparent);background-attachment:fixed;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:.5rem .9rem;font-size:.9rem;transition:transform .15s,box-shadow .15s,border-color .15s}button:hover{box-shadow:var(--shadow-soft);border-color:var(--accent);transform:translateY(-1px)}button:active{transform:translateY(0)}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600}header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.logo{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.35rem;font-weight:700;display:flex}.nav-buttons{gap:.6rem;display:flex}.landing{justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:2rem;display:flex}.landing__content{text-align:center;max-width:420px;animation:.6s both fadeInUp}.landing__mark{margin-bottom:.5rem;font-size:3rem;display:block}.landing__title{margin-bottom:.75rem;font-size:2.75rem}.landing__tagline{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem}.landing__signin{justify-content:center;display:flex}.hero{padding:3rem 2rem 2rem}.hero.center-text{text-align:center}.hero h2{margin-bottom:.4rem;font-size:2rem}.hero p{color:var(--text-muted)}.view-toggle{white-space:nowrap}.book-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto;padding:0 2rem 3rem;display:grid}.library-toolbar{flex-direction:column;grid-column:1/-1;align-items:stretch;gap:1.25rem;width:100%;display:flex}.library-toolbar .file-upload{width:100%;min-width:0}.library-toolbar__actions{justify-content:space-between;align-items:center;gap:.9rem;width:100%;display:flex}.library-toolbar__actions h2{white-space:nowrap;margin:0;font-size:1.35rem}.library-error,.reader-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--danger) 40%, var(--border));border-radius:var(--radius);grid-column:1/-1;padding:.8rem 1rem}.library-loading,.reader-loading{color:var(--text-muted);text-align:center;grid-column:1/-1;padding:2rem}.book-card{cursor:pointer;animation:.5s both fadeInUp}.book-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.book-list--list{flex-direction:column;gap:.75rem;max-width:760px;display:flex}.book-list--list .book-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:72px minmax(0,1fr);align-items:center;gap:1rem;padding:.75rem;display:grid}.book-list--list .book-cover{aspect-ratio:2/3}.book-list--list .book-meta{padding-top:0}.book-list .book-card:nth-child(2){animation-delay:50ms}.book-list .book-card:nth-child(3){animation-delay:.1s}.book-list .book-card:nth-child(4){animation-delay:.15s}.book-list .book-card:nth-child(n+5){animation-delay:.2s}.book-cover{aspect-ratio:2/3;border-radius:var(--radius);background:var(--bg-alt);border:1px solid var(--border);transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.book-card:hover .book-cover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-cover__placeholder{width:100%;height:100%;font-family:var(--font-display);color:var(--accent);background:repeating-linear-gradient(135deg, transparent 0 8px, color-mix(in srgb, var(--accent) 6%, transparent) 8px 16px), var(--bg-alt);justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex}.three-dots{background:color-mix(in srgb, var(--bg) 55%, transparent);width:26px;height:26px;color:var(--text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:6px;right:6px}.three-dots:hover{background:var(--accent);color:var(--accent-ink)}.book-menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);z-index:5;border-radius:8px;animation:.15s both popIn;position:absolute;top:36px;right:6px;overflow:hidden}.book-menu button{text-align:left;width:100%;color:var(--danger);background:0 0;border:none;border-radius:0;display:block}.book-menu button:hover{background:color-mix(in srgb, var(--danger) 14%, transparent);box-shadow:none;transform:none}.book-meta{padding-top:.6rem}.book-meta h3{margin-bottom:.15rem;font-size:.95rem}.book-title-link{transition:color .15s;display:inline-block}.book-title-link:hover,.book-title-link:focus-visible{color:var(--accent);text-decoration:underline}.book-meta p{color:var(--text-muted);margin:0;font-size:.8rem}.book-progress{margin-top:.65rem}.book-progress__track{background:var(--border);border-radius:999px;height:5px;overflow:hidden}.book-progress__track span{border-radius:inherit;background:var(--accent);height:100%;transition:width .25s;display:block}.book-progress__value{color:var(--text-muted);margin-top:.25rem;font-size:.7rem;display:block}.file-upload{border:1.5px dashed var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:center;gap:.5rem;padding:2rem;display:flex}.upload-icon{font-size:1.8rem}.upload-btn{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);cursor:pointer;padding:.55rem 1.2rem;font-size:.9rem;font-weight:600;transition:transform .15s;display:inline-block}.upload-btn:hover{transform:translateY(-1px)}.file-upload input[type=file]{display:none}#file-name{color:var(--text-muted);font-size:.85rem}.reader-wrapper{min-height:calc(100vh - 70px);display:flex;position:relative}.menu-btn{z-index:16;width:42px;height:42px;box-shadow:var(--shadow-soft);justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:flex;position:fixed;top:82px;left:1rem}.sidebar{z-index:15;background:var(--surface);border-right:1px solid var(--border);width:260px;box-shadow:var(--shadow-lift);flex-shrink:0;padding:1.5rem 1rem;transition:transform .25s;position:fixed;top:70px;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.visible{transform:translate(0)}.sidebar-header{margin-bottom:1.1rem;padding:0 .5rem}.book-index-label,.book-author,.book-details,.toc-title{color:var(--text-muted)}.book-index-label{text-transform:uppercase;letter-spacing:.09em;margin:0 0 .45rem;font-size:.7rem}.sidebar-header h2{font-size:1.2rem;line-height:1.25}.book-author,.book-details{margin:.35rem 0 0;font-size:.82rem}.book-details{font-size:.72rem}.sidebar-divider{background:var(--border);height:1px;margin:0 .5rem 1rem}.toc-title{text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem;padding:0 .5rem;font-size:.75rem}#chapter-list{margin:0;padding:0;list-style:none}#chapter-list li{cursor:pointer;color:var(--text-muted);border-radius:8px;padding:.55rem .6rem;font-size:.88rem;transition:background .15s,color .15s}#chapter-list li:hover{background:var(--bg-alt);color:var(--text)}#chapter-list li.active{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);font-weight:600}#chapter-list li.chapter-empty{color:var(--text-muted);cursor:default;font-size:.8rem;font-style:italic}#chapter-list li.chapter-empty:hover{background:0 0}.sidebar-backdrop{z-index:14;background:color-mix(in srgb, var(--bg) 45%, transparent);border:0;border-radius:0;padding:0;position:fixed;inset:70px 0 0}.reader-area{flex-direction:column;flex:1;min-width:0;display:flex}.reader-controls{border-bottom:1px solid var(--border);background:var(--surface);justify-content:flex-end;gap:1.5rem;padding:.75rem 1.5rem;display:flex}.control-group{align-items:center;gap:.4rem;display:flex}.control-group label{color:var(--text-muted);margin-right:.2rem;font-size:.78rem}.control-group select{font-family:var(--font-body);border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:.35rem .6rem;font-size:.85rem}.epub-content{background:var(--bg);flex-direction:column;flex:1;display:flex;position:relative}#viewer{flex:1;min-height:0}.loading-indicator{background:var(--bg);color:var(--text-muted);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.navigation-controls{border-top:1px solid var(--border);background:var(--surface);color:var(--text-muted);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;font-size:.85rem;display:flex}.nav-btn{font-weight:600}.pdf-canvas-wrap{background:var(--bg-alt);flex:1;justify-content:center;align-items:flex-start;min-width:0;height:0;min-height:0;padding:1rem;display:flex;overflow:auto}.pdf-canvas-wrap canvas{width:auto;max-width:100%;height:auto;box-shadow:var(--shadow-soft);transition:filter .2s;display:block}.pdf-canvas-wrap.is-zoomed{justify-content:flex-start}.pdf-canvas-wrap.is-zoomed canvas{max-width:none}.pdf-zoom-value{text-align:center;min-width:3.5rem;color:var(--text-muted);font-size:.8rem}.pdf-canvas-wrap.pdf-inverted canvas{filter:invert()hue-rotate(180deg)}.dictionary-popup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:calc(100% - 2rem);max-width:320px;box-shadow:var(--shadow-lift);z-index:30;padding:1rem 1.25rem;animation:.18s both popIn;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.dictionary-popup strong{font-family:var(--font-display);text-transform:capitalize;font-size:1.1rem}.dictionary-popup__pos{color:var(--accent);margin-left:.35rem;font-size:.8rem}.dictionary-popup p{color:var(--text-muted);margin:.5rem 0 0;font-size:.88rem}.dictionary-popup__close{width:24px;height:24px;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1;position:absolute;top:.4rem;right:.4rem}.dictionary-popup__close:hover{color:var(--text);box-shadow:none;transform:none}footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:1.5rem;font-size:.8rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=820px){.sidebar{width:min(86vw,300px)}.reader-controls{flex-wrap:wrap;justify-content:center}.pdf-canvas-wrap{min-height:58vh;padding:.75rem}.library-toolbar{flex-direction:column;align-items:stretch}.library-toolbar__actions{text-align:left;justify-content:space-between}header{padding:1rem}.book-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));padding:0 1rem 2rem}}