: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}.credits-chip{font-size:.78rem;font-weight:600;color:var(--accent-ink);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:999px;padding:.35rem .9rem;white-space:nowrap;font-variant-numeric:tabular-nums}.user-menu-actions{display:flex;gap:.5rem}.acct-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));margin-bottom:2rem}.acct-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.3rem 1.5rem}.acct-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gloss);margin-bottom:.4rem}.acct-big{font-family:var(--serif);font-size:1.5rem;font-weight:650}.acct-sub{font-size:.82rem;color:var(--ink-soft);margin-top:.2rem}.acct-section{margin-bottom:2rem;min-width:0}.acct-section h2{font-family:var(--serif);font-size:1.15rem;font-weight:650;margin:0 0 .75rem}.acct-cols{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr))}.acct-table{width:100%;border-collapse:collapse;font-size:.85rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.acct-table th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--gloss);font-weight:600;padding:.6rem 1rem;border-bottom:1px solid var(--line);background:var(--paper)}.acct-table td{padding:.55rem 1rem;border-bottom:1px solid var(--line-soft)}.acct-table tr:last-child td{border-bottom:none}.acct-table td:nth-child(n+2){font-variant-numeric:tabular-nums}.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;display:flex;align-items:center;gap:.7rem}.add-btn{width:1.6em;height:1.6em;font-size:.55em;line-height:1;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--accent-ink);display:inline-grid;place-items:center;padding:0;transition:border-color .15s,background .15s,transform .1s}.add-btn:hover{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.06)}.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{cursor:pointer}.book-card .byline{font-size:.88rem;color:var(--ink-soft);margin-top:.25rem;font-style:italic}.book-card .meta{font-size:.85rem;color:var(--ink-soft);margin-top:.35rem}.card-actions{display:flex;gap:1rem}.book-details{margin-top:.6rem;border-top:1px solid var(--line-soft);padding-top:.5rem;cursor:default}.book-detail-row{display:flex;gap:.6rem;font-size:.78rem;padding:.1rem 0}.bd-key{color:var(--gloss);min-width:5.5rem;text-transform:capitalize}.bd-val{color:var(--ink-soft)}.edit-meta .em-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.edit-meta input{flex:1;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.3rem .55rem;font-size:.8rem}.edit-meta input:focus{outline:none;border-color:var(--accent)}.em-actions{display:flex;gap:.6rem;margin-top:.6rem}.em-actions .primary-btn{padding:.35rem 1.1rem;font-size:.8rem}.em-actions .ghost-btn{padding:.3rem .9rem;font-size:.8rem}.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}.badge.shared{background:#e7ecf5;color:#3a5a8c}.share-link{display:inline-block;margin-top:.4rem;font-size:.78rem;color:var(--accent-ink);text-decoration:underline;cursor:pointer}.share-link:hover{color:var(--accent)}.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}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:2rem 1.5rem;margin-bottom:1.1rem;border:1.5px dashed var(--line);border-radius:14px;background:var(--paper);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone.has-file{border-style:solid;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.dropzone input[type=file]{display:none}.dz-icon{color:var(--accent-ink);margin-bottom:.2rem}.dz-name{font-weight:600;font-size:.95rem}.dz-hint{font-size:.78rem;color:var(--gloss)}.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}.popover{max-height:min(60vh,26rem);overflow-y:auto}.p-label{display:block;font-style:normal;font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--gloss);margin-bottom:.25rem}.p-dict{margin-top:.8rem;border-top:1px solid var(--line);padding-top:.7rem}.p-dict-note{color:var(--gloss);font-size:.8rem}.p-dict-entry+.p-dict-entry{margin-top:.6rem}.p-dict-word{font-family:var(--serif);font-weight:650;font-size:.95rem}.p-dict-sense{margin-top:.25rem}.p-dict-pos{font-size:.72rem;font-style:italic;color:var(--gloss)}.p-dict-sense ol{margin:.15rem 0 0;padding-left:1.2rem;font-size:.82rem;color:var(--ink-soft)}.p-dict-sense li+li{margin-top:.15rem}.p-dict-lemma{background:var(--paper);border-radius:8px;padding:.4rem .6rem;margin-top:.45rem}.p-dict-attr{display:inline-block;margin-top:.6rem;font-size:.68rem;color:var(--gloss)}@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}.export-menu{min-width:19rem}.ex-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--ink-soft);padding:.25rem 0}.ex-num{width:3.2rem;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:.2rem .4rem;font-size:.8rem}.export-menu .primary-btn{text-decoration:none;display:inline-block}.ex-hint{font-size:.72rem;color:var(--gloss);margin-top:.6rem}@media print{.topbar,.pager,.popover,.popover-backdrop,.user-chip-wrap,.zoom-ctl,.fail-box{display:none!important}body{background:#fff}.shell{max-width:100%;padding:0}.reader-container{padding-bottom:0}.unit{break-inside:avoid}}