:root{--paper: #faf8f4;--surface: #ffffff;--ink: #221e1a;--ink-soft: #5b544d;--gloss: #8a8178;--line: #e7e0d6;--line-soft: #f0ebe2;--accent: #9d4a2f;--accent-ink: #7c3722;--accent-soft: #f6e9e2;--shadow-sm: 0 1px 2px rgba(60, 45, 30, .06), 0 2px 8px rgba(60, 45, 30, .05);--shadow-md: 0 12px 32px rgba(60, 45, 30, .12);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--radius: 16px}*{box-sizing:border-box}html{font-size:clamp(15.5px,14.5px + .2vw,18px)}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.55}button{font:inherit;cursor:pointer}.boot{min-height:100vh;background:var(--paper)}.shell{max-width:68rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem) 5rem}.topbar{display:flex;align-items:center;gap:1rem;padding:1.3rem 0 1.1rem;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);margin-bottom:2.25rem}.brand{font-family:var(--serif);font-size:1.45rem;font-weight:700;letter-spacing:.005em;color:var(--ink);text-decoration:none;background:none;border:none;padding:0}.brand em{color:var(--accent);font-style:normal}.topbar .spacer{flex:1}.topbar .booktitle{font-family:var(--serif);font-size:1rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.ghost-btn{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}.ghost-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink)}.ghost-btn:disabled{opacity:.4;cursor:default}.ghost-btn.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent-ink)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(60rem 30rem at 85% -10%,var(--accent-soft),transparent 60%),var(--paper);padding:2rem}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-md);padding:clamp(2.25rem,5vw,3.5rem);max-width:26.5rem;width:100%;text-align:center}.login-brand{font-family:var(--serif);font-size:2.2rem;font-weight:700}.login-brand em{color:var(--accent);font-style:normal}.login-tag{color:var(--ink-soft);font-size:.98rem;line-height:1.6;margin:1rem 0 2rem}.google-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;width:100%;padding:.85rem 1.25rem;background:var(--ink);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:.95rem;transition:filter .15s,transform .1s}.google-btn:hover{filter:brightness(1.15)}.google-btn svg{background:#fff;border-radius:50%;padding:2px}.login-note{color:var(--ink-soft);font-size:.85rem;margin-top:1.25rem}.login-note.error{color:#a33}.user-chip-wrap{position:relative}.user-chip{width:2.4rem;height:2.4rem;border-radius:50%;padding:0;border:2px solid var(--line);background:var(--surface);overflow:hidden;display:grid;place-items:center;transition:border-color .15s}.user-chip:hover{border-color:var(--accent)}.user-chip img{width:100%;height:100%;object-fit:cover}.user-initial{font-weight:700;color:var(--accent-ink);font-size:1rem}.user-menu{position:absolute;right:0;top:calc(100% + .6rem);z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:1.1rem 1.25rem;min-width:15rem;text-align:left}.user-menu-name{font-weight:600}.user-menu-email{color:var(--ink-soft);font-size:.82rem;margin:.15rem 0 .9rem}.lib-header{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 1.5rem}.lib-header h1{font-family:var(--serif);font-weight:700;font-size:clamp(1.7rem,1.4rem + 1vw,2.3rem);margin:0}.book-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(24rem,100%),1fr))}.book-card{display:flex;align-items:center;gap:1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1.6rem;text-align:left;width:100%;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s}.book-card:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.book-card:disabled{cursor:default;opacity:.7}.book-card .title{font-family:var(--serif);font-size:1.25rem;font-weight:650;line-height:1.3}.book-card .meta{font-size:.85rem;color:var(--ink-soft);margin-top:.35rem}.book-card .grow{flex:1;min-width:0}.badge{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;border-radius:999px;padding:.3rem .75rem;white-space:nowrap}.badge.ready{background:#e6f0e6;color:#2c6136}.badge.working{background:var(--accent-soft);color:var(--accent-ink)}.badge.error{background:#f7e2e2;color:#a33}.warn-note{font-size:.8rem;color:#a3722c;margin-top:.35rem}.upload-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:clamp(1.5rem,3vw,2.25rem);margin-top:2.5rem}.upload-card h2{font-family:var(--serif);font-size:1.35rem;font-weight:650;margin:0 0 1.25rem}.mode-tabs{display:flex;gap:.6rem;margin-bottom:1.25rem}.paste-area{width:100%;resize:vertical;margin-bottom:1.1rem;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:.9rem 1.05rem;font:1rem/1.6 var(--serif)}.paste-area:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.upload-row{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}.upload-row+.upload-row{margin-top:1.1rem}.upload-card input[type=file]{font-size:.9rem;color:var(--ink-soft)}.upload-card select,.upload-card input[type=text]{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.55rem .75rem;font-size:.9rem}.upload-card select:focus,.upload-card input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.primary-btn{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:.6rem 1.6rem;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-sm);transition:filter .15s,transform .1s}.primary-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.primary-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.upload-error{color:#a33;font-size:.85rem;margin-top:.7rem}.reader{font-family:var(--serif);max-width:58rem;margin:0 auto;--zoom: 1}.paragraph{margin:0 0 3rem;display:flex;flex-wrap:wrap;column-gap:1em;row-gap:1.3em;align-items:baseline}.sentence,.sentence-units{display:contents}.unit{display:inline-flex;flex-direction:column;align-items:flex-start;border-radius:8px;padding:.12rem .3rem;margin:-.12rem -.3rem;cursor:pointer;transition:background .12s}.unit:hover{background:var(--accent-soft)}.unit.selected{background:var(--accent-soft);outline:1.5px solid color-mix(in srgb,var(--accent) 45%,transparent)}.unit .src{font-size:calc(clamp(1.15rem,1.08rem + .25vw,1.35rem) * var(--zoom));line-height:1.4}.unit .gls{font-family:var(--sans);font-size:calc(.78rem * var(--zoom));color:var(--gloss);line-height:1.25;margin-top:.18rem;max-width:18rem}.reader.hide-gloss .unit .gls{display:none}.reader.hide-gloss .paragraph{row-gap:.55em}.zoom-ctl{display:inline-flex;align-items:center;gap:.1rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:.15rem .3rem}.zoom-ctl button{background:none;border:none;color:var(--ink-soft);font-size:.95rem;line-height:1;padding:.25rem .5rem;border-radius:999px}.zoom-ctl button:hover:not(:disabled){color:var(--accent-ink);background:var(--accent-soft)}.zoom-ctl button:disabled{opacity:.35;cursor:default}.zoom-ctl .zoom-val{font-size:.72rem;color:var(--ink-soft);min-width:2.6rem;text-align:center;font-variant-numeric:tabular-nums}.unit.shimmer .gls-placeholder{display:block;height:.7rem;border-radius:5px;margin-top:.3rem;width:90%;min-width:1.8rem;background:linear-gradient(90deg,var(--line) 25%,var(--line-soft) 50%,var(--line) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.free-toggle{font-family:var(--sans);font-size:.78rem;background:none;border:none;color:var(--gloss);padding:0 .25rem;vertical-align:super}.free-toggle:hover{color:var(--accent-ink)}.free-block{flex-basis:100%;font-family:var(--sans);font-size:calc(.95rem * var(--zoom));color:var(--ink-soft);border-left:3px solid var(--accent);padding:.3rem 0 .3rem 1.1rem;margin:.2rem 0 .3rem .2rem;font-style:italic}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.popover{position:fixed;z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:1.2rem 1.4rem;max-width:24rem;font-family:var(--sans);animation:pop .14s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}.popover .p-src{font-family:var(--serif);font-size:1.3rem;font-weight:650}.popover .p-gls{color:var(--accent-ink);font-size:1.02rem;margin-top:.2rem}.popover .p-free{font-size:.88rem;color:var(--ink-soft);margin-top:.8rem;border-top:1px solid var(--line);padding-top:.8rem;font-style:italic}@media(max-width:640px){.popover{left:0!important;right:0!important;bottom:0!important;top:auto!important;max-width:none;border-radius:var(--radius) var(--radius) 0 0;padding-bottom:max(1.2rem,env(safe-area-inset-bottom))}}.pager{position:fixed;bottom:0;left:0;right:0;z-index:30;background:color-mix(in srgb,var(--paper) 93%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.pager-inner{max-width:68rem;margin:0 auto;padding:.75rem clamp(1.25rem,4vw,3rem);display:flex;align-items:center;gap:1.2rem}.pager input[type=range]{flex:1;accent-color:var(--accent)}.pager .pagenum{font-size:.85rem;color:var(--ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums}.reader-container{padding-bottom:6rem}.center-note{text-align:center;color:var(--ink-soft);padding:5rem 0;font-size:.95rem}.center-note .big{font-family:var(--serif);font-size:1.5rem;color:var(--ink);margin-bottom:.6rem}.spin{width:26px;height:26px;margin:0 auto 1.2rem;border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fail-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;margin:0 auto 1.5rem;max-width:58rem;text-align:center;font-family:var(--sans);box-shadow:var(--shadow-sm)}.fail-box .msg{color:var(--ink-soft);font-size:.9rem;margin-bottom:.9rem}