.design-panel{position:fixed;z-index:60;left:50%;bottom:104px;transform:translate(-50%);width:min(340px,calc(100vw - 24px));max-height:min(72vh,560px);display:flex;flex-direction:column;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);animation:dp-in .18s var(--ease);overscroll-behavior:contain}.design-panel.floating{transform:none}.design-panel.peeking{opacity:0;transition:opacity .08s var(--ease)}@keyframes dp-in{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.97)}}.design-panel.floating{animation:none}.dp-handle{display:grid;place-items:center;padding:7px 0 3px;cursor:grab;touch-action:none}.dp-handle:active{cursor:grabbing}.dp-grip{width:40px;height:4px;border-radius:999px;background:var(--border-strong)}.dp-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 10px 8px;border-bottom:1px solid var(--border)}.dp-tabs{display:flex;gap:4px}.dp-tab{position:relative;border:none;background:none;color:var(--text-muted);padding:5px 7px;display:grid;place-items:center;border-radius:var(--radius-pill);transition:color .14s var(--ease),background .14s var(--ease)}.dp-tab:hover{color:var(--text)}.dp-tab.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.dp-tab-badge{position:absolute;top:-1px;right:-1px;min-width:14px;height:14px;padding:0 3px;display:grid;place-items:center;font-size:9px;font-weight:700;line-height:1;color:var(--bg);background:var(--accent);border-radius:8px}.dp-actions{display:flex;gap:4px}.dp-icon{width:30px;height:30px;display:grid;place-items:center;border:none;border-radius:50%;background:none;color:var(--text-muted);transition:color .14s var(--ease),background .14s var(--ease)}.dp-icon:hover{background:var(--surface-2);color:var(--text)}.dp-icon.on{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.dp-body{flex:1;overflow-y:auto;padding:6px 12px 10px}.dp-icon-row .dp-row-head{gap:10px}.dp-icon-preview{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);transition:border-color .14s var(--ease),color .14s var(--ease)}.dp-icon-preview:hover{border-color:var(--accent);color:var(--accent)}.dp-icon-preview-2{width:30px;height:30px;color:var(--text-muted);border-style:dashed}.dp-icon-pick{margin-left:auto;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:var(--text-muted);background:none;border:1px dashed var(--border-strong);border-radius:var(--radius-pill);padding:3px 10px}.dp-icon-pick:hover{color:var(--accent);border-color:var(--accent)}.dp-icon-stroke-label{font-size:11px;color:var(--text-muted);flex-shrink:0}.dp-value-static{font-size:12px;font-variant-numeric:tabular-nums;color:var(--text);min-width:26px;text-align:right;flex-shrink:0}.icon-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:color-mix(in srgb,#000 42%,transparent);padding:16px}.icon-picker{width:min(420px,96vw);max-height:min(70vh,520px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.icon-picker-top{display:flex;align-items:center;gap:8px;padding:10px 10px 8px;border-bottom:1px solid var(--border)}.icon-picker-search{flex:1;min-width:0;font-size:14px;padding:8px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.icon-fam{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);transition:color .14s var(--ease),border-color .14s var(--ease),background .14s var(--ease)}.icon-fam:hover{color:var(--text)}.icon-fam.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.icon-picker-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;padding:10px;align-content:start}.icon-picker-cell{aspect-ratio:1;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text);transition:background .12s var(--ease),border-color .12s var(--ease),color .12s var(--ease)}.icon-picker-cell:hover{background:var(--surface-2);color:var(--accent)}.icon-picker-cell.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.icon-picker-foot{padding:8px 12px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted)}.dp-group{margin-top:8px}.dp-group h4{margin:8px 2px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);display:flex;align-items:center;gap:8px}.dp-group-tab{font-size:9px;font-weight:700;letter-spacing:.04em;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);padding:2px 6px;border-radius:999px}.dp-empty{color:var(--text-muted);font-size:13px;padding:18px 6px;text-align:center}.dp-tab-intro{margin:4px 2px 8px;font-size:11.5px;line-height:1.4;color:var(--text-muted)}.dp-search-box{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:2px 2px 10px;border-radius:10px;background:color-mix(in srgb,var(--border) 40%,transparent);color:var(--text-muted)}.dp-search-input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font:inherit;font-size:14px;outline:none}.dp-search-clear{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:6px}.dp-search-clear:hover{color:var(--text)}.dp-row{padding:9px 2px;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.dp-row.archived{opacity:.7}.dp-row-head{display:flex;align-items:center;gap:8px}.dp-fix-box{flex-shrink:0;width:15px;height:15px;margin:0;accent-color:var(--accent);cursor:pointer}.dp-label{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:var(--text)}.dp-value{display:inline-flex;align-items:baseline;gap:1px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-muted)}.dp-badge{flex-shrink:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:1px 7px}.dp-value-input{width:5ch;min-width:5ch;padding:1px 3px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:right;-moz-appearance:textfield}.dp-value-input::-webkit-inner-spin-button,.dp-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dp-value-input:hover:not(:disabled){border-color:var(--border)}.dp-value-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--surface);color:var(--accent)}.dp-value-input:disabled{color:var(--text-muted)}.dp-control{display:flex;align-items:center;gap:8px;margin-top:6px}.ds-slider{position:relative;flex:1;height:26px;display:flex;align-items:center;touch-action:pan-y}.ds-track{position:absolute;left:0;right:0;height:4px;border-radius:999px;background:var(--surface-2)}.ds-fill{position:absolute;left:0;height:4px;border-radius:999px;background:var(--accent);pointer-events:none}.ds-thumb{position:absolute;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 1px 4px #211f1a4d;cursor:grab;touch-action:none}.ds-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15)}.ds-slider.disabled .ds-thumb{background:var(--text-muted);cursor:default}.dp-control input[type=color]{width:36px;height:30px;flex-shrink:0;padding:0;border:1px solid var(--border);border-radius:8px;background:none}.dp-hex{width:88px;flex-shrink:0;height:30px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dp-hex:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.dp-base-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-2) 60%,transparent);margin-bottom:6px}.dp-base{display:flex;align-items:center;gap:8px;padding:8px 10px 4px}.dp-base-hint{padding:0 10px 8px;font-size:10.5px;line-height:1.3;color:var(--text-muted)}.dp-base .dp-label{flex:1;min-width:0}.dp-base-field{display:flex;align-items:center;gap:4px;flex-shrink:0}.dp-base-field span{font-size:11px;font-weight:700;color:var(--text-muted)}.dp-base-input{width:62px;height:28px;padding:0 6px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font-size:12.5px;font-variant-numeric:tabular-nums}.dp-base-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.dp-toggle{flex-shrink:0;font-size:11px;font-weight:750;letter-spacing:.03em;padding:6px 10px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.dp-toggle.on{color:var(--accent-contrast);background:var(--accent);border-color:transparent}.dp-link{flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;background:none;color:var(--text-muted);transition:color .14s var(--ease),background .14s var(--ease),border-color .14s var(--ease)}.dp-link:hover{color:var(--text);background:var(--surface-2)}.dp-link.on{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.dp-reset{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border:none;border-radius:50%;background:var(--surface-2);color:var(--text-muted)}.dp-reset:hover{color:var(--accent)}.dp-eye{display:flex;align-items:center;gap:8px;width:100%;margin:2px 0 8px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-size:12.5px;font-weight:600;transition:color .14s var(--ease),background .14s var(--ease),border-color .14s var(--ease)}.dp-eye.on{color:#1f9d55;border-color:color-mix(in srgb,#1f9d55 45%,var(--border));background:color-mix(in srgb,#1f9d55 12%,transparent)}.dp-arch-tools{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 12px 6px;margin-top:8px;border-top:1px solid var(--border);text-align:center}.dp-arch-note{font-size:10.5px;line-height:1.35;color:var(--text-muted)}.dp-copy{font-size:12px;font-weight:650;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:none;border-radius:var(--radius-pill);padding:7px 16px}.dp-copy:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}.saga-ac{position:relative}.saga-ac-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;margin:0;padding:5px;list-style:none;display:flex;flex-direction:column;gap:2px;max-height:232px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);animation:saga-ac-in .14s var(--ease)}@keyframes saga-ac-in{0%{opacity:0;transform:translateY(-4px)}}.saga-ac-item{display:block;width:100%;text-align:left;border:none;background:none;color:var(--text);font-family:var(--font-ui);font-size:14px;padding:9px 11px;border-radius:8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s var(--ease),color .12s var(--ease)}.saga-ac-item:hover,.saga-ac-item[aria-selected=true]{background:var(--surface-2)}.bookinfo{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:linear-gradient(var(--book-grad-angle, 180deg),var(--book-grad-start, transparent) 0%,var(--book-grad-start, transparent) calc(var(--book-grad-line, 45) * 1% - var(--book-grad-spread-up, 30) * 1%),var(--book-grad-end, transparent) calc(var(--book-grad-line, 45) * 1% + var(--book-grad-spread-down, 30) * 1%),var(--book-grad-end, transparent) 100%),radial-gradient(120% 80% at 50% -10%,color-mix(in srgb,var(--accent) 6%,var(--bg)) 0%,var(--bg) 55%),var(--bg)}.bi-header{display:flex;align-items:center;gap:var(--home-btn-gap, 10px);padding:max(var(--home-margin-top, 14px),env(safe-area-inset-top)) var(--home-margin-x, clamp(16px, 5vw, 34px)) 10px;flex-shrink:0}.bi-header-actions{display:flex;align-items:center;gap:var(--home-btn-gap, 10px);margin-left:auto}.lib-round.bi-round-on{background:var(--surface-2);color:var(--home-round-accent, var(--accent))}.bi-menu-wrap{position:relative;display:inline-flex}.reading-pop.bi-menu-pop{top:calc(100% + 8px);bottom:auto;right:0;transform-origin:top right;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:60}.bi-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0 var(--home-margin-x, clamp(16px, 5vw, 34px));padding-bottom:calc(96px + env(safe-area-inset-bottom));animation:page-in .3s var(--ease)}.bi-cover-wrap{position:relative;display:flex;justify-content:center;margin-top:var(--book-cover-gap-top, 28px)}.bi-cover{position:relative;z-index:1;width:var(--book-cover-w, 150px);height:var(--book-cover-h, 220px);object-fit:cover;border-radius:var(--book-cover-radius, 12px);box-shadow:none}.bi-cover-wrap:after{content:"";position:absolute;left:50%;bottom:0;width:var(--book-cover-glow-w, 240px);height:var(--book-cover-glow-h, 120px);transform:translate(calc(-50% + var(--book-cover-glow-x, 0px)),calc(50% + var(--book-cover-glow-y, 0px)));background:radial-gradient(ellipse at center,var(--book-glow, rgba(45, 35, 28, .6)) 0%,color-mix(in srgb,var(--book-glow, rgba(45, 35, 28, .6)),transparent 50%) calc(var(--book-cover-glow-soft, 68) * (100 - var(--book-cover-glow-feather, 50)) * 1% / 100),transparent calc(var(--book-cover-glow-soft, 68) * 1%));opacity:var(--book-cover-glow-op, .55);filter:blur(var(--book-cover-glow-blur, 4px));z-index:0;pointer-events:none}.glow-guides .bi-cover-wrap:before{content:"";position:absolute;left:50%;bottom:0;width:var(--book-cover-glow-w, 240px);height:var(--book-cover-glow-h, 120px);transform:translate(calc(-50% + var(--book-cover-glow-x, 0px)),calc(50% + var(--book-cover-glow-y, 0px)));border:1px dashed var(--accent);border-radius:50%;pointer-events:none;z-index:3}.bi-title{margin:var(--book-cover-gap-bottom, 22px) 0 0;text-align:center;font-family:var(--font-book, var(--font-serif));font-size:var(--book-title-size, 24px);font-weight:var(--book-title-weight, 700);line-height:1.15;letter-spacing:-.01em;color:var(--home-reading-title-color, var(--text))}.bi-author{margin:var(--book-title-gap, 4px) 0 0;text-align:center;font-family:var(--font-book, var(--font-ui));font-size:var(--book-author-size, 15px);font-weight:var(--book-author-weight, 400);color:var(--home-reading-author-color, var(--text-muted))}:root{--book-syn-fade-top: 40px;--book-syn-fade-bottom: 24px}.bi-synopsis{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:var(--book-author-gap, 24px) 0 var(--book-syn-box-bottom, 12px);font-family:var(--font-synopsis, var(--font-serif));font-size:var(--book-syn-size, 18px);font-weight:var(--book-syn-weight, 400);line-height:var(--book-syn-line-height, 1.6);color:var(--book-syn-color, var(--text));text-align:left;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--syn-ft, 0px),#000 calc(100% - var(--syn-fb, 0px)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--syn-ft, 0px),#000 calc(100% - var(--syn-fb, 0px)),transparent 100%)}.bi-synopsis::-webkit-scrollbar{display:none}.bi-syn-first{font-family:var(--font-synopsis, var(--font-serif));font-size:var(--book-syn-first-size, 30px);font-weight:var(--book-syn-first-weight, 700);color:var(--book-syn-first-color, var(--text));line-height:1}.bi-syn-empty{color:var(--text-muted);font-style:italic}.bi-progress{display:flex;flex-direction:column;align-items:center;gap:var(--book-progress-gap, 8px);margin-top:0;margin-bottom:var(--book-progress-bottom, 0px);flex-shrink:0}.bi-pages{font-family:var(--font-reading-now, var(--font-ui));font-size:var(--book-pages-size, 15px);font-weight:var(--book-pages-weight, 700);font-variant-numeric:tabular-nums;color:var(--book-pages-color, var(--text))}.bi-bar{position:relative;width:var(--book-progress-width, 320px);max-width:100%;height:8px;border-radius:999px;background:var(--book-progress-bg, var(--surface-2));overflow:hidden}.bi-bar .fill{position:absolute;left:0;top:0;bottom:0;min-width:6px;border-radius:999px;background:var(--book-progress-fill, var(--home-dock-icon, var(--accent)))}.lib-dock .bi-dock-library{justify-content:flex-end}.bi-edit-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,#000 38%,transparent);animation:bi-fade .16s var(--ease)}@keyframes bi-fade{0%{opacity:0}}.bi-edit{width:min(520px,100%);max-height:86vh;overflow-y:auto;background:var(--surface);border-radius:20px 20px 0 0;box-shadow:var(--shadow-lg);padding:6px 18px max(20px,env(safe-area-inset-bottom));animation:bi-sheet-in .2s var(--ease)}@keyframes bi-sheet-in{0%{transform:translateY(16px);opacity:0}}.bi-edit-head{display:flex;align-items:center;justify-content:space-between;padding:10px 2px 12px;position:sticky;top:0;background:var(--surface)}.bi-edit-head h3{margin:0;font-family:var(--font-greeting-title, var(--font-serif));font-size:22px;font-weight:700;letter-spacing:-.01em}.bi-edit-body{display:flex;flex-direction:column;gap:14px;padding-bottom:8px}.bi-field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.bi-field>span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.bi-field input,.bi-field textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);font-family:var(--font-ui);font-size:15px;resize:vertical}.bi-field input:focus,.bi-field textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px}.bi-field-row{display:flex;gap:12px}.bi-field-year{flex:0 0 34%}.bi-edit-error{margin:2px 0 0;font-size:13px;color:var(--danger)}.bi-edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.bi-btn-ghost,.bi-btn-save{padding:10px 18px;border-radius:12px;font-family:var(--font-ui);font-size:14px;font-weight:650;cursor:pointer;border:1px solid transparent;transition:background .14s var(--ease),opacity .14s var(--ease)}.bi-btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.bi-btn-ghost:hover{background:var(--surface-2)}.bi-btn-save{background:var(--accent);color:var(--accent-contrast)}.bi-btn-save:hover{background:var(--accent-hover, var(--accent))}.bi-btn-ghost:disabled,.bi-btn-save:disabled{opacity:.55;cursor:default}.bk-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;background:color-mix(in srgb,#000 42%,transparent);animation:bi-fade .16s var(--ease)}.bk-modal{width:min(380px,100%);background:var(--surface);border-radius:18px;box-shadow:var(--shadow-lg);padding:20px;text-align:center;animation:bi-sheet-in .18s var(--ease)}.bk-modal-title{margin:0 0 6px;font-family:var(--font-greeting-title, var(--font-serif));font-size:20px;font-weight:700}.bk-modal-text{margin:0 0 4px;font-size:14px;color:var(--text-muted);line-height:1.5}.bk-modal-actions{display:flex;justify-content:center;gap:10px;margin-top:16px}.bk-btn-danger{padding:10px 18px;border-radius:12px;border:1px solid transparent;background:var(--danger);color:#fff;font-family:var(--font-ui);font-size:14px;font-weight:650;cursor:pointer;transition:opacity .14s var(--ease)}.bk-btn-danger:hover{opacity:.9}.rate-stars{display:inline-flex;gap:6px;margin:6px 0}.rate-star{border:none;background:none;padding:2px;cursor:pointer;color:var(--home-star-empty, var(--border-strong));transition:transform .1s var(--ease),color .12s var(--ease)}.rate-star.on{color:var(--home-star-filled, #e6b400)}.rate-star:hover{transform:scale(1.15)}.cover-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,#000 82%,transparent);animation:bi-fade .18s var(--ease);cursor:zoom-out}.cover-lightbox-figure{position:relative;display:inline-flex;max-width:100%;max-height:82vh;cursor:default}.cover-lightbox img{max-width:100%;max-height:82vh;border-radius:10px;box-shadow:0 20px 60px #00000080;animation:bi-sheet-in .2s var(--ease)}.cover-lightbox-edit{position:absolute;top:12px;right:12px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 8px #0006;transition:background .14s ease}.cover-lightbox-edit:hover{background:#000000b8}.cover-lightbox-edit:disabled{cursor:default}.cover-lightbox-edit:disabled svg{animation:bi-spin .8s linear infinite}.cover-lightbox-error{position:absolute;left:50%;bottom:12px;transform:translate(-50%);color:#ffb4a2;font-size:.85rem;background:#0009;padding:4px 10px;border-radius:8px;white-space:nowrap}.bi-cover{cursor:zoom-in}.bi-info-list{margin:4px 0 6px;display:flex;flex-direction:column}.bi-info-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--border)}.bi-info-row:last-child{border-bottom:none}.bi-info-row dt{flex:0 0 auto;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.bi-info-row dd{margin:0;text-align:right;font-family:var(--font-book, var(--font-ui));font-size:15px;font-weight:550;color:var(--text)}.bi-info-row-tags{align-items:flex-start}.bi-info-row-tags dd .learned-chips{justify-content:flex-end;margin-top:0}.bi-info-section-title{margin:18px 0 8px;font-family:var(--font-greeting-title, var(--font-serif));font-size:16px;font-weight:700;color:var(--text)}.learned-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.learned-chip{padding:6px 12px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);font-size:13.5px;color:var(--text)}.learned-chip-more{cursor:pointer;font-weight:650;color:var(--accent-contrast);background:var(--accent);border-color:transparent;font-family:var(--font-ui);transition:opacity .14s var(--ease)}.learned-chip-more:hover{opacity:.9}.crop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.crop-modal{background:var(--surface, #fff);color:var(--text, #2b2b2b);border-radius:18px;padding:16px;width:min(94vw,560px);max-height:92vh;overflow:auto;box-shadow:0 24px 60px #00000059;display:flex;flex-direction:column;gap:12px}.crop-head{display:flex;align-items:center;justify-content:space-between}.crop-head h3{margin:0;font-size:1.05rem}.crop-stage{position:relative;margin:0 auto;max-width:100%;border-radius:8px;overflow:hidden;background:#111;touch-action:none;user-select:none;-webkit-user-select:none}.crop-img{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none}.crop-box{position:absolute;box-sizing:border-box;border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 9999px #00000080;cursor:move;touch-action:none}.crop-box:before,.crop-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.crop-box:before{border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);left:33.33%;right:33.33%}.crop-box:after{border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);top:33.33%;bottom:33.33%}.crop-handle{position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0006;touch-action:none}.crop-nw{left:-9px;top:-9px;cursor:nwse-resize}.crop-ne{right:-9px;top:-9px;cursor:nesw-resize}.crop-sw{left:-9px;bottom:-9px;cursor:nesw-resize}.crop-se{right:-9px;bottom:-9px;cursor:nwse-resize}.crop-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.crop-actions-right{display:flex;gap:10px}.crop-rotate{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--border, #e2d4c2);background:var(--surface-2, #f5ede1);color:var(--text, #2b2b2b);cursor:pointer;transition:background .14s ease}.crop-rotate:hover{background:var(--surface-3, #ece0cf)}.bi-cover-field{display:flex;align-items:center;gap:14px}.bi-cover-thumb{width:56px;height:82px;object-fit:cover;border-radius:6px;background:var(--surface-2, #f0e6d8);box-shadow:0 2px 6px #0000002e;flex-shrink:0}.bi-cover-change{padding:8px 14px;border-radius:999px;border:1px solid var(--border, #e2d4c2);background:var(--surface-2, #f5ede1);color:var(--text, #2b2b2b);font:inherit;cursor:pointer}.bi-cover-change:hover{background:var(--surface-3, #ece0cf)}.bi-cover-edit{position:absolute;z-index:3;top:8px;left:calc(50% + var(--book-cover-w, 150px) / 2 - 8px);transform:translate(-100%);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 6px #0000004d;transition:background .14s ease}.bi-cover-edit:hover{background:#000000ad}.bi-cover-edit:disabled{cursor:default}.bi-cover-edit:disabled svg{animation:bi-spin .8s linear infinite}@keyframes bi-spin{to{transform:rotate(360deg)}}:root{--cover-shadow: 0 1px 2px rgba(33, 31, 26, .06), 0 6px 12px -6px rgba(33, 31, 26, .14), 0 18px 30px -12px rgba(33, 31, 26, .16);--cover-shadow-hover: 0 2px 4px rgba(33, 31, 26, .08), 0 10px 18px -8px rgba(33, 31, 26, .18), 0 28px 44px -14px rgba(33, 31, 26, .22);--dock-shadow: 0 1px 3px rgba(33, 31, 26, .05), 0 10px 28px -6px rgba(33, 31, 26, .16), 0 4px 10px -4px rgba(33, 31, 26, .1)}:root[data-theme=dark]{--cover-shadow: 0 2px 4px rgba(0, 0, 0, .4), 0 12px 24px -8px rgba(0, 0, 0, .55);--cover-shadow-hover: 0 4px 8px rgba(0, 0, 0, .5), 0 20px 40px -10px rgba(0, 0, 0, .7);--dock-shadow: 0 2px 6px rgba(0, 0, 0, .4), 0 14px 34px -8px rgba(0, 0, 0, .6)}.lib{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:linear-gradient(to bottom,var(--home-grad-start, transparent) 0%,var(--home-grad-start, transparent) calc(var(--home-grad-line, 30) * 1% - var(--home-grad-spread-up, 20) * 1%),var(--home-grad-end, transparent) calc(var(--home-grad-line, 30) * 1% + var(--home-grad-spread-down, 30) * 1%),var(--home-grad-end, transparent) 100%),radial-gradient(120% 80% at 50% -10%,color-mix(in srgb,var(--accent) 6%,var(--bg)) 0%,var(--bg) 55%),var(--bg)}.grad-guides{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.grad-guide{position:absolute;left:0;right:0;height:1px}.grad-guide.base{background:#e5352b}.grad-guide.up,.grad-guide.down{background:#000}:root[data-theme=dark] .grad-guide.up,:root[data-theme=dark] .grad-guide.down{background:#fff}.lib-header{display:flex;align-items:center;gap:var(--home-btn-gap, 10px);padding:max(var(--home-margin-top, 14px),env(safe-area-inset-top)) var(--home-margin-x, clamp(16px, 5vw, 34px)) 10px;flex-shrink:0}.lib-search{display:flex;align-items:center;gap:8px;flex:0 0 auto;width:var(--home-search-width, 200px);max-width:100%;height:var(--home-search-height, 42px);box-sizing:border-box;background:var(--home-round-bg, var(--surface));border:none;border-radius:var(--radius-pill);padding:0 14px;color:var(--home-topbar-icon, var(--text-muted));box-shadow:none;transition:width .45s cubic-bezier(.22,1,.36,1),background .22s var(--ease),box-shadow .28s var(--ease);will-change:width}.lib-search:hover{background:var(--home-round-bg, var(--surface-2));box-shadow:var(--shadow-sm)}.lib-search:focus-within{width:min(100%,calc(var(--home-search-width, 200px) * 1.5))}.lib-search-field{position:relative;flex:1;min-width:0;display:flex;align-items:center}.lib-search-field input{border:none;background:none;outline:none;width:100%;min-width:0;font-family:var(--font-search, var(--font-ui));font-size:var(--home-search-text-size, 15px);font-weight:var(--home-search-weight, 400);font-synthesis:weight;color:var(--home-search-color, var(--text))}.lib-search-ph{position:absolute;left:0;top:50%;transform:translateY(-50%);pointer-events:none;white-space:nowrap;font-family:var(--font-search, var(--font-ui));font-size:var(--home-search-text-size, 15px);font-weight:var(--home-search-weight, 400);font-synthesis:weight;color:var(--home-search-color, var(--text-muted))}.lib-round,.lib-avatar{flex-shrink:0;width:var(--home-search-height, 42px);height:var(--home-search-height, 42px);border-radius:50%;display:grid;place-items:center;border:none;background:var(--surface);color:var(--home-topbar-icon, var(--text));box-shadow:none;transition:transform .16s var(--ease),background .16s var(--ease)}.lib-avatar-end{margin-left:auto}.lib-round{background:var(--home-round-bg, var(--surface))}@media(hover:hover)and (pointer:fine){.lib-round:hover,.lib-avatar:hover{background:var(--surface-2);transform:translateY(-1px)}}.lib-avatar{position:relative;background:var(--accent);border-color:transparent;color:var(--accent-contrast);font-family:var(--font-serif);font-weight:700;font-size:17px;overflow:hidden}.lib-avatar.has-photo{background:transparent;box-shadow:none;overflow:visible;border-radius:0}.lib-avatar img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--home-avatar-size, 100%);height:var(--home-avatar-size, 100%);object-fit:contain;display:block}.lib-scroll{flex:1;overflow-y:hidden;overflow-x:hidden;padding:6px var(--home-margin-x, clamp(16px, 5vw, 34px)) var(--home-margin-bottom, 24px);animation:page-in .3s var(--ease)}.lib-books-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:40px}.lib-greeting{margin:var(--home-header-gap, 14px) 2px var(--home-greeting-bottom, 22px);padding-right:var(--home-greeting-right, 0px);padding-left:var(--home-greeting-left, 0px)}.lib-greeting h1{margin:0;font-family:var(--font-greeting-title, var(--font-serif));font-size:var(--home-greeting-size, clamp(28px, 7vw, 40px));font-weight:var(--home-greeting-weight, 700);letter-spacing:-.02em;line-height:1.05;color:var(--home-title-color, var(--text))}.lib-greeting p{margin:var(--home-greeting-line-gap, 8px) 0 0;font-family:var(--font-greeting-text, var(--font-ui));color:var(--home-subtitle-color, var(--text-muted));font-size:var(--home-subtitle-size, clamp(15px, 4vw, 18px));font-weight:var(--home-subtitle-weight, 400);line-height:var(--home-subtitle-line-height, 1.5);max-width:var(--home-subtitle-max-width, 100%)}.lib-block{margin-bottom:30px}.lib-block-shelf{margin-bottom:var(--home-shelf-block-gap, 30px)}.lib-block-reading .lib-block-title{margin-bottom:var(--home-reading-title-gap, 14px)}.lib-block-title{margin:0 2px 14px;font-family:var(--font-reading-now, var(--font-ui));font-size:var(--home-section-size, 17px);font-weight:var(--home-section-weight, 700);letter-spacing:-.01em;color:var(--home-section-color, var(--text))}.lib-noresults{padding:8px 2px}.shelf{display:flex;align-items:flex-start;gap:var(--home-shelf-gap, clamp(14px, 4vw, 22px));overflow-x:auto;scroll-snap-type:x proximity;margin:0 calc(var(--home-margin-x, clamp(16px, 5vw, 34px)) * -1);padding:6px 0 48px var(--home-margin-x, clamp(16px, 5vw, 34px));scroll-padding-inline:var(--home-margin-x, clamp(16px, 5vw, 34px));scrollbar-width:none}.shelf::-webkit-scrollbar{display:none}.shelf:after{content:"";flex:0 0 var(--home-margin-x, clamp(16px, 5vw, 34px));align-self:stretch}.shelf .book-card{scroll-snap-align:start;flex:0 0 var(--home-book-size, clamp(140px, 42vw, 176px));width:var(--home-book-size, clamp(140px, 42vw, 176px))}@media(min-width:760px){.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--home-book-size, 168px),1fr));overflow:visible;margin:0;padding:4px 2px 6px}.shelf:after{display:none}.shelf .book-card{flex:none;width:auto}}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(140px,40vw,172px),1fr));gap:clamp(16px,5vw,24px)}.book-card{position:relative;display:flex;flex-direction:column;gap:7px;text-align:left}.book-card .cover{position:relative;width:100%;aspect-ratio:var(--home-cover-ratio-shelf, 300 / 440);height:var(--home-cover-height-shelf, auto);border-radius:var(--home-cover-radius, var(--radius));overflow:hidden;padding:0;border:none;background:var(--surface-2);box-shadow:var(--cover-shadow);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.shelf .book-card .cover{box-shadow:none;transition:none}.shelf .book-card:hover .cover{box-shadow:none;transform:none}.shelf .book-card{position:relative}.shelf .book-card:after{content:"";position:absolute;left:50%;bottom:0;width:var(--home-shelf-glow-w, 190px);height:var(--home-shelf-glow-h, 90px);transform:translate(calc(-50% + var(--home-shelf-glow-x, 0px)),calc(50% + var(--home-shelf-glow-y, 0px)));background:radial-gradient(ellipse at center,var(--book-glow, rgba(45, 35, 28, .6)) 0%,color-mix(in srgb,var(--book-glow, rgba(45, 35, 28, .6)),transparent 50%) calc(var(--home-shelf-glow-soft, 68) * (100 - var(--home-shelf-glow-feather, 50)) * 1% / 100),transparent calc(var(--home-shelf-glow-soft, 68) * 1%));opacity:var(--home-shelf-glow-op, .55);filter:blur(var(--home-shelf-glow-blur, 3px));z-index:0;pointer-events:none}.shelf .book-card .cover{z-index:1}.glow-guides .shelf .book-card:before,.glow-guides .reading-cover-wrap:before{content:"";position:absolute;left:50%;bottom:0;pointer-events:none;z-index:3;border:1px dashed var(--accent);border-radius:50%;background:none}.glow-guides .shelf .book-card:before{width:var(--home-shelf-glow-w, 190px);height:var(--home-shelf-glow-h, 90px);transform:translate(calc(-50% + var(--home-shelf-glow-x, 0px)),calc(50% + var(--home-shelf-glow-y, 0px)))}.glow-guides .reading-cover-wrap:before{width:var(--home-reading-glow-w, 90px);height:var(--home-reading-glow-h, 48px);transform:translate(calc(-50% + var(--home-reading-glow-x, 0px)),calc(50% + var(--home-reading-glow-y, 0px)))}.book-card:hover .cover{transform:translateY(-4px);box-shadow:var(--cover-shadow-hover)}.book-card .cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-progress{position:absolute;left:0;bottom:0;height:4px;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 60%,transparent)}.book-card .title{font-family:var(--font-book, var(--font-serif));font-weight:600;font-size:14px;line-height:1.3;padding:0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-card .author{font-family:var(--font-book, var(--font-ui));font-size:12.5px;color:var(--text-muted);padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-del{position:absolute;top:8px;right:8px;width:26px;height:26px;display:grid;place-items:center;border:none;border-radius:50%;background:color-mix(in srgb,#000 55%,transparent);color:#fff;opacity:0;transform:scale(.85);transition:opacity .15s var(--ease),transform .15s var(--ease);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.book-card:hover .card-del,.card-del:focus-visible{opacity:1;transform:scale(1)}.card-del:hover{background:var(--danger)}.reading-list{display:flex;flex-direction:column;gap:var(--home-reading-gap-y, 12px)}.reading-row{position:relative;display:flex;align-items:stretch;width:100%;border-radius:var(--radius)}.reading-open{display:flex;align-items:center;gap:var(--home-reading-gap-x, 16px);flex:1;min-width:0;text-align:left;padding:6px 2px;border:none;background:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.reading-cover-wrap{position:relative;flex-shrink:0;display:inline-flex}.reading-cover-wrap:after{content:"";position:absolute;left:50%;bottom:0;width:var(--home-reading-glow-w, 90px);height:var(--home-reading-glow-h, 48px);transform:translate(calc(-50% + var(--home-reading-glow-x, 0px)),calc(50% + var(--home-reading-glow-y, 0px)));background:radial-gradient(ellipse at center,var(--book-glow, rgba(45, 35, 28, .6)) 0%,color-mix(in srgb,var(--book-glow, rgba(45, 35, 28, .6)),transparent 50%) calc(var(--home-reading-glow-soft, 68) * (100 - var(--home-reading-glow-feather, 50)) * 1% / 100),transparent calc(var(--home-reading-glow-soft, 68) * 1%));opacity:var(--home-reading-glow-op, .5);filter:blur(var(--home-reading-glow-blur, 3px));z-index:0;pointer-events:none}.reading-cover{position:relative;z-index:1;flex-shrink:0;width:var(--home-reading-cover-width, 60px);height:var(--home-reading-cover-height, 90px);object-fit:cover;border-radius:var(--home-reading-cover-radius, 8px);box-shadow:none}.reading-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.reading-head{display:flex;align-items:center;gap:8px}.reading-title{flex:1;min-width:0;font-family:var(--font-book, var(--font-serif));font-weight:var(--home-reading-title-weight, 700);font-size:var(--home-reading-title-size, clamp(17px, 4.6vw, 20px));line-height:1.15;letter-spacing:-.01em;color:var(--home-reading-title-color, var(--text));white-space:nowrap;overflow:hidden}.reading-author{margin-top:var(--home-gap-title-author, 2px);font-family:var(--font-book, var(--font-ui));font-size:var(--home-reading-author-size, 13.5px);font-weight:var(--home-reading-author-weight, 400);color:var(--home-reading-author-color, var(--text-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reading-stars{display:inline-flex;align-items:center;margin-top:var(--home-gap-author-stars, 4px)}.reading-stars button{display:grid;place-items:center;border:none;background:none;padding:0;color:var(--home-star-empty, var(--border-strong));cursor:pointer;transition:transform .1s var(--ease),color .12s var(--ease)}.reading-stars button:not(:first-child){margin-left:var(--home-star-gap, 3px)}.reading-stars button svg{width:var(--home-star-size, 15px);height:var(--home-star-size, 15px)}.reading-stars button.filled{color:var(--home-star-filled, var(--text))}.reading-stars button:hover{transform:scale(1.15)}.reading-progress{display:flex;align-items:center;gap:10px;margin-top:var(--home-gap-stars-progress, 6px)}.reading-pages{flex-shrink:0;font-family:var(--font-reading-now, var(--font-ui));font-size:var(--home-pages-size, 13px);font-weight:var(--home-pages-weight, 650);font-variant-numeric:tabular-nums;color:var(--home-pages-color, var(--text))}.reading-bar{position:relative;flex:0 1 var(--home-progress-width, 200px);width:var(--home-progress-width, 200px);max-width:100%;margin-left:auto;height:8px;border-radius:999px;background:var(--home-progress-bg, var(--surface-2));overflow:hidden}.reading-bar .fill{position:absolute;left:0;top:0;bottom:0;min-width:6px;border-radius:999px;background:var(--home-progress-fill, var(--home-dock-icon, var(--accent)))}.reading-menu-wrap{position:relative;flex-shrink:0;display:inline-flex}.reading-menu{flex-shrink:0;width:var(--home-search-height, 42px);height:var(--home-search-height, 42px);display:grid;place-items:center;border:none;border-radius:50%;background:var(--home-round-bg, var(--surface));color:var(--home-topbar-icon, var(--text));box-shadow:none;-webkit-tap-highlight-color:transparent;transition:background .14s var(--ease),color .14s var(--ease)}.reading-menu.open{background:var(--surface-2);color:var(--home-round-accent, var(--accent))}@media(hover:hover)and (pointer:fine){.reading-menu:hover{background:var(--surface-2)}}.reading-menu:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}.reading-pop{position:absolute;bottom:calc(100% + 8px);right:0;z-index:20;min-width:168px;padding:6px;display:flex;flex-direction:column;gap:3px;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:saturate(1.3) blur(12px);backdrop-filter:saturate(1.3) blur(12px);transform-origin:bottom right;animation:reading-pop-in .16s var(--ease)}@keyframes reading-pop-in{0%{opacity:0;transform:translateY(6px) scale(.94)}}.reading-pop-item{display:flex;align-items:center;text-align:left;padding:10px 14px;border:none;background:none;color:var(--text);font-family:var(--font-book, var(--font-ui));font-size:14px;font-weight:550;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s var(--ease),color .12s var(--ease)}.reading-pop-item:active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--home-round-accent, var(--accent))}.reading-pop-item.danger{color:var(--danger)}@media(hover:hover)and (pointer:fine){.reading-pop-item:hover{background:var(--surface-2)}}@media(min-width:760px){.reading-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--home-reading-gap-y, 12px) var(--home-reading-gap-x, 16px)}}.lib-dock-wrap{position:absolute;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:center;padding:0 16px max(16px,env(safe-area-inset-bottom));pointer-events:none;background:none}.lib-filters-anchor{position:relative;width:min(440px,100%);pointer-events:auto;transform:translateY(var(--home-dock-offset, 0px))}.lib-dock{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px}.dock-side{display:inline-flex;align-items:center;flex:1;border:none;background:none;color:var(--home-dock-icon, var(--text-muted));padding:8px 6px;-webkit-tap-highlight-color:transparent;transition:color .16s var(--ease)}.lib-dock .dock-side:last-child{justify-content:flex-end}.dock-side.active{color:var(--home-round-accent, var(--accent))}.dock-side.dock-filters.filter-on{color:var(--home-filter-active, var(--accent))}.dock-main{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;border:none;background:none;color:var(--home-dock-icon, var(--home-round-accent, var(--accent)));-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease),color .16s var(--ease),opacity .16s var(--ease)}.dock-main:active{transform:translate(-50%,-50%) scale(.94)}.dock-main:disabled{opacity:.35;cursor:default}.dock-gear{position:absolute;left:74%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:grid;place-items:center;border:none;background:none;color:var(--home-dock-icon, var(--text-muted));-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease),color .16s var(--ease)}.dock-gear.active{color:var(--home-round-accent, var(--accent))}@media(hover:hover)and (pointer:fine){.dock-main:hover{color:var(--accent-hover);transform:translate(-50%,calc(-50% - 2px)) scale(1.04)}.dock-gear:hover{color:var(--home-round-accent, var(--accent));transform:translate(-50%,-50%) rotate(35deg)}}.lib-filters{position:absolute;right:0;bottom:calc(100% + 12px);width:min(280px,calc(100vw - 32px));max-height:min(60vh,460px);overflow-y:auto;padding:10px;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);box-shadow:var(--dock-shadow),var(--shadow-lg);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);transform-origin:bottom right;animation:filters-in .18s var(--ease)}@keyframes filters-in{0%{opacity:0;transform:translateY(10px) scale(.96)}}.lib-filters-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:8px 8px 6px}.lib-filter-row{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:10px;border:none;background:none;color:var(--text);font-size:14px;font-weight:500;border-radius:var(--radius-sm);transition:background .14s var(--ease),color .14s var(--ease)}.lib-filter-row:hover{background:var(--surface-2)}.lib-filter-row.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);font-weight:650}.lib-filter-caret{margin-left:auto;display:inline-flex;color:var(--text-muted);transition:transform .16s var(--ease)}.lib-filter-caret.open{transform:rotate(90deg)}.lib-filter-row.active .lib-filter-caret{color:var(--accent)}.lib-facet-values{display:flex;flex-wrap:wrap;gap:6px;padding:4px 8px 10px 34px}.facet-chip{font-size:12.5px;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);transition:background .14s var(--ease),color .14s var(--ease)}.facet-chip:hover{background:var(--surface-2)}.facet-chip.active{background:var(--accent);color:var(--accent-contrast);border-color:transparent}.facet-empty{font-size:12.5px;color:var(--text-muted);padding:4px 2px}.lib-filter-clear-row{color:var(--accent)}.lib-filter-row:disabled{opacity:.4;cursor:default}.lib-filter-row:disabled:hover{background:none}.import-warn{margin:0 2px 16px;font-size:13px;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);border-radius:var(--radius-sm);padding:10px 14px}.import-warn code{font-size:12px}.empty-state{text-align:center;padding:56px 16px;color:var(--text-muted)}.empty-state-home{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:184px}.empty-state-title{margin:0;font-size:20px;font-weight:600;color:var(--text-muted)}.empty-add{width:68px;height:68px;border-radius:50%;border:none;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 20%,var(--surface));color:var(--accent);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .12s var(--ease),background .15s var(--ease)}.empty-add:hover{background:color-mix(in srgb,var(--accent) 32%,var(--surface));transform:translateY(-2px)}.empty-add:active{transform:translateY(0)}.lib-books .lib-header{gap:14px}.lib-books-title{margin:0;font-family:var(--font-greeting-title, var(--font-serif));font-size:24px;font-weight:var(--home-greeting-weight, 700);letter-spacing:-.01em;color:var(--home-title-color, var(--text))}.lib-back-chevron{display:inline-flex;transform:scaleX(-1)}.lib-books-import{margin-left:auto}.lib-books-actions{margin-left:auto;display:flex;align-items:center;gap:var(--home-btn-gap, 10px)}.weblinks-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;background:color-mix(in srgb,#000 42%,transparent);animation:bi-fade .16s var(--ease)}.weblinks-modal{width:min(420px,100%);max-height:80vh;overflow-y:auto;background:var(--surface);border-radius:18px;box-shadow:var(--shadow-lg);padding:16px 18px 18px;animation:bi-sheet-in .18s var(--ease)}.weblinks-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.weblinks-head h3{margin:0;font-family:var(--font-greeting-title, var(--font-serif));font-size:20px;font-weight:700}.weblinks-close{border:none;background:var(--surface-2);color:var(--text);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.weblinks-empty{color:var(--text-muted);font-size:14px;margin:6px 0 12px}.weblinks-list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:4px}.weblink-row{display:flex;align-items:center;gap:6px}.weblink-open{flex:1;min-width:0;display:flex;align-items:center;gap:11px;border:none;background:none;color:var(--text);font-family:var(--font-ui);font-size:15px;font-weight:550;text-align:left;padding:9px 10px;border-radius:10px;cursor:pointer;transition:background .12s var(--ease)}.weblink-open:hover{background:var(--surface-2)}.weblink-favicon-wrap{position:relative;width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;color:var(--text-muted)}.weblink-favicon{position:relative;z-index:1;width:22px;height:22px;object-fit:contain;border-radius:5px;background:transparent}.weblink-favicon-fallback{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.weblink-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weblink-del{flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;border:none;background:none;color:var(--text-muted);border-radius:8px;cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease)}.weblink-del:hover{background:var(--surface-2);color:var(--danger)}.weblink-confirm{display:flex;gap:6px;flex-shrink:0}.weblink-confirm-yes,.weblink-confirm-no{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-ui);font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:var(--radius-pill);cursor:pointer}.weblink-confirm-yes{background:var(--danger);border-color:var(--danger);color:#fff}.weblink-add{display:flex;align-items:center;gap:8px;width:100%;justify-content:center;border:1px dashed var(--border-strong);background:none;color:var(--text);font-family:var(--font-ui);font-size:14px;font-weight:600;padding:10px;border-radius:12px;cursor:pointer;transition:background .12s var(--ease),border-color .12s var(--ease)}.weblink-add:hover{background:var(--surface-2);border-color:var(--accent)}.weblink-add-form{display:flex;flex-direction:column;gap:8px}.weblink-add-actions{display:flex;justify-content:flex-end;gap:8px}.lib-books .book-grid{grid-template-columns:repeat(2,1fr);gap:clamp(16px,5vw,24px)}.lib-books .book-card .cover{height:auto;aspect-ratio:var(--home-cover-ratio-shelf, 300 / 440)}.book-meta{display:flex;align-items:center;gap:5px;padding:0 2px;font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.book-fmt{font-weight:700;letter-spacing:.02em}.import-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px;max-width:720px;display:flex;flex-direction:column;gap:12px}.import-card h2{margin:0;font-size:17px}.import-textarea{resize:vertical;font-family:var(--font-ui);line-height:1.5}.import-actions{display:flex;gap:10px}.import-warn{background:#b4462f14;border:1px solid var(--danger);color:var(--danger);padding:12px 16px;border-radius:var(--radius-sm);max-width:720px}.import-warn code{background:#0000000f;padding:1px 5px;border-radius:4px}.import-progress-line{position:absolute;top:0;left:0;height:3px;background:var(--accent);transition:width .3s var(--ease, ease);z-index:2;box-shadow:0 1px 5px color-mix(in srgb,var(--accent) 45%,transparent)}.import-progress-line.indeterminate{width:40%;animation:import-progress-slide 1.1s ease-in-out infinite}@keyframes import-progress-slide{0%{left:-40%;width:40%}50%{width:55%}to{left:100%;width:40%}}.import-cancel-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;padding:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);font-size:12px;line-height:1;cursor:pointer;transition:background .14s var(--ease, ease),transform .14s var(--ease, ease)}.import-cancel-btn:hover{background:var(--danger);color:#fff;transform:scale(1.08)}.import-notice{background:var(--surface-2);border-radius:var(--radius-sm);padding:12px 16px;max-width:720px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow-y:auto}.import-modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:min(760px,100%);max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.import-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.import-modal-head h2{margin:0;font-size:17px}.import-modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted, #8a7c68);padding:4px 8px;border-radius:8px}.import-modal-close:hover{background:var(--surface-2);color:var(--text)}.import-modal-body{padding:16px 20px 22px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.import-modal-body::-webkit-scrollbar{width:0;height:0}.import-modal-pick{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.import-modal-empty{text-align:center;padding:22px 0}.import-add-btn{display:inline-flex;align-items:center;gap:8px}.import-format-pills{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.fmt-pill{font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 9px;border-radius:999px;border:1px solid transparent;line-height:1.2}.fmt-txt{background:color-mix(in srgb,#6b7280 18%,transparent);border-color:color-mix(in srgb,#6b7280 40%,transparent);color:#6b7280}.fmt-epub{background:color-mix(in srgb,#3c9a5a 18%,transparent);border-color:color-mix(in srgb,#3c9a5a 40%,transparent);color:#3c9a5a}.fmt-pdf{background:color-mix(in srgb,#c0553b 18%,transparent);border-color:color-mix(in srgb,#c0553b 40%,transparent);color:#c0553b}.import-pc-status{margin-left:auto;display:inline-flex;align-items:center;cursor:help;padding:4px;border-radius:8px}.import-pc-status.on{color:#3c9a5a}.import-pc-status.off{color:var(--danger, #c0553b)}.import-modal-body .import-review{background:none;border:none;padding:0;margin:0}.import-review{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:22px;max-width:100%;display:flex;flex-direction:column;gap:12px}.import-item-right{display:flex;align-items:center;gap:8px}.import-format-tag{font-size:11px;font-weight:700;letter-spacing:.03em;padding:2px 8px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted, #8a7c68)}.import-google-tag{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:11px;font-weight:800;border-radius:50%;background:#e8f0fe;border:1px solid #b9cdf6;color:#1a73e8;line-height:1}.import-synopsis{margin:2px 0 0;color:var(--text-muted);font-family:var(--font-serif, inherit);font-size:14px;line-height:1.6;white-space:pre-wrap}.import-review>.import-review-head h2{margin:0;font-size:16px}.import-review-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.import-item-list{display:flex;flex-direction:column;gap:12px}.import-item{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:0;overflow:hidden;isolation:isolate}.import-modal .import-form .input,.import-review .import-form .input{background:var(--surface-2);border-color:var(--border)}.import-modal .import-form .input:focus,.import-review .import-form .input:focus{border-color:var(--accent)}.import-item-summary{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;list-style:none}.import-item-summary::-webkit-details-marker{display:none}.import-chevron{display:inline-flex;color:var(--text-muted, #8a7c68);transition:transform .16s var(--ease, ease);flex-shrink:0}.import-item[open]>.import-item-summary .import-chevron{transform:rotate(90deg)}.import-item-title{font-weight:600;flex:1;display:flex;align-items:center;gap:8px;min-width:0}.import-dup-badge{font-size:10px;font-weight:700;letter-spacing:.02em;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger);white-space:nowrap}.import-dup-note{margin:8px 16px 0;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);color:var(--text)}.import-item-saga{font-weight:400;opacity:.7}.import-item-status{font-size:12px;padding:2px 10px;border-radius:999px;white-space:nowrap;background:#0000000f}.status-ready{background:#3c825a2e}.status-done{background:#3c825a47}.status-importing{background:#466eb42e}.status-analyzing{background:#9678282e}.status-error{background:#b4462f2e;color:var(--danger)}.import-form{display:flex;gap:16px;padding:4px 16px 16px;flex-wrap:wrap}.import-cover{width:120px}.import-cover-frame{position:relative;width:120px;height:180px;padding:0;border:none;background:none;border-radius:8px;overflow:hidden;cursor:pointer;display:block}.import-cover-frame img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.import-cover-empty{width:100%;height:100%;border:1px dashed var(--border-strong);border-radius:8px;display:grid;place-items:center;font-size:12px;opacity:.6;text-align:center;padding:8px}.import-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#0006;opacity:0;transition:opacity .16s ease}.import-cover-overlay svg{width:26px;height:26px;padding:7px;border-radius:50%;background:#0000008c;box-sizing:content-box}.import-cover-frame:hover .import-cover-overlay,.import-cover-frame:focus-visible .import-cover-overlay{opacity:1}.import-fields{flex:1;min-width:260px;display:flex;flex-direction:column;gap:10px}.import-field{display:flex;flex-direction:column;gap:4px;font-size:13px}.import-field>span{opacity:.75}.import-row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.import-chapters{font-size:13px;border-top:1px solid var(--border);padding-top:8px}.import-chapters summary{cursor:pointer;opacity:.8}.import-chapters ol{max-height:200px;overflow-y:auto;margin:8px 0 0;padding-left:22px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.import-chapters ol::-webkit-scrollbar{width:6px}.import-chapters ol::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.import-chapters ol::-webkit-scrollbar-track{background:transparent}.import-chapters li{padding:2px 0}.import-item-actions{margin-top:4px}.import-ai-off{font-size:12px}.btn-small{padding:4px 10px;font-size:12px}.reader-root{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--reader-bg);color:var(--reader-text);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-tap-highlight-color:transparent}.reader-root.panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.reader-content{cursor:text}.reader-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 12px;background:var(--reader-bg);color:var(--reader-text);transition:transform .42s cubic-bezier(.22,.61,.36,1),opacity .34s ease;will-change:transform,opacity}.reader-topbar.hidden{transform:translateY(-115%);opacity:0;pointer-events:none}.reader-topbar button{background:none;border:none;color:var(--reader-accent);font-size:15px;padding:6px 10px;border-radius:8px}.reader-topbar button:hover{background:var(--reader-surface-highlight)}.reader-topbar button.reader-round{flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--reader-surface-highlight);color:var(--reader-accent);font-size:15px;padding:0}.reader-back-chevron{display:inline-flex;transform:scaleX(-1)}.reader-loc{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 8px}.reader-topbar button.reader-loc:hover,.reader-topbar button.reader-loc:active{background:none}.reader-topbar button.reader-settings-btn{font-weight:700}.reader-loc:disabled{opacity:1}.reader-loc-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px;color:var(--reader-text)}.reader-loc-page-sub{font-size:11px;opacity:.65;font-variant-numeric:tabular-nums;color:var(--reader-text)}.reader-page-chip{flex-shrink:0;min-width:30px;height:30px;padding:0 9px;display:inline-grid;place-items:center;border-radius:999px;background:var(--reader-surface-highlight);color:var(--reader-accent);font-family:var(--font-ui);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.reader-title{font-weight:600;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;overflow-wrap:anywhere;flex:1;text-align:center}.reader-topbar-actions{display:flex;gap:6px;align-items:center}.reader-topbar-actions button{min-width:34px}.reader-chapter-select{max-width:160px;font-size:12px;padding:4px 6px;border-radius:8px;border:1px solid var(--reader-surface-highlight);background:transparent;color:var(--reader-accent);font-family:var(--font-ui)}.reader-locbar{position:sticky;top:44px;z-index:25;display:flex;align-items:center;justify-content:center;gap:12px;padding:3px 16px;font-family:var(--font-ui);font-size:12px;color:var(--reader-text);opacity:.72;pointer-events:none;transition:transform .28s var(--ease, ease),opacity .24s ease}.reader-locbar.hidden{transform:translateY(-180%);opacity:0}.reader-loc-chapter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}.reader-loc-page{font-variant-numeric:tabular-nums}.rst-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 16px}.rst-count{background:var(--reader-surface-highlight);border-radius:10px;padding:12px 8px;text-align:center}.rst-num{display:block;font-size:24px;font-weight:700}.rst-label{font-size:12px;opacity:.75}.rst-section{margin-top:16px}.rst-section h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.rst-empty{font-size:13px;opacity:.7;margin:0}.rst-list{list-style:none;margin:0;padding:0;max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--reader-surface-highlight) transparent}.rst-list::-webkit-scrollbar{width:6px}.rst-list::-webkit-scrollbar-thumb{background:var(--reader-surface-highlight);border-radius:999px}.rst-list li{display:flex;align-items:center;gap:8px;padding:5px 2px;border-bottom:1px solid var(--reader-surface-highlight);font-size:14px}.rst-word{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rst-freq{opacity:.6;font-variant-numeric:tabular-nums}.rst-tools{display:flex;align-items:center;gap:4px}.rst-icon-btn{display:inline-grid;place-items:center;width:30px;height:30px;border:none;background:none;border-radius:8px;color:var(--reader-text);opacity:.85}.rst-icon-btn:hover:not(:disabled){background:var(--reader-surface-highlight)}.rst-icon-btn:disabled{opacity:.3;cursor:default}.rst-details{border-top:1px solid var(--reader-surface-highlight);padding:8px 0}.rst-details>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.85;padding:4px 0}.rst-details>summary::-webkit-details-marker{display:none}.rst-chevron{display:inline-flex;transition:transform .16s ease;opacity:.7}.rst-details[open]>summary .rst-chevron{transform:rotate(90deg)}.rst-count-badge{margin-left:auto;font-size:12px;font-weight:700;opacity:.6;font-variant-numeric:tabular-nums}.rst-editable li.removed .rst-word{text-decoration:line-through;opacity:.4}.rst-editable li.removed{opacity:.75}.rst-remove{display:inline-grid;place-items:center;width:24px;height:24px;border:none;background:none;border-radius:6px;color:var(--reader-text);opacity:.55;flex-shrink:0}.rst-remove:hover{opacity:1;background:var(--reader-surface-highlight)}.rst-savehint{margin:12px 0 0;font-size:12px;opacity:.55;text-align:center}.reader-content{max-width:var(--reader-max-width, 680px);margin:0 auto;padding:24px 24px 0;font-family:var(--reader-font, var(--font-serif));font-size:var(--reader-font-size, 20px);line-height:var(--reader-line-height, 1.6)}.reader-content p{margin:0 0 1em;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.reader-illus{margin:1.4em 0 1.6em;text-align:center;user-select:none;-webkit-user-select:none}.reader-illus-img{display:inline-block;max-width:100%;max-height:90vh;height:auto;border-radius:4px;object-fit:contain}.reader-chunk{content-visibility:auto;contain-intrinsic-size:auto var(--ch, 40em)}.reader-chunk[data-loaded="0"]{min-height:var(--ch, 40em)}@media(pointer:coarse){.reader-content p{content-visibility:auto;contain-intrinsic-size:auto var(--ph, 4em)}}.sg-word{position:relative;cursor:pointer;border-radius:6px;padding:0 2px;transition:background-color .12s ease;-webkit-tap-highlight-color:transparent}.sg-word.sg-highlight{background:var(--reader-surface-highlight)}.sg-word.sg-active{background:var(--reader-surface-highlight);box-shadow:0 0 0 2px var(--reader-surface-highlight)}.sg-word.sg-flash{animation:sg-flash-fade 1s ease-in forwards}@keyframes sg-flash-fade{0%{box-shadow:inset 0 0 0 999px var(--reader-flash)}to{box-shadow:inset 0 0 0 999px transparent}}.sg-noalign-hit{border-radius:6px;animation:sg-noalign-fade 1s ease-out forwards}@keyframes sg-noalign-fade{0%{background-color:#b5432f73}to{background-color:transparent}}@media(prefers-reduced-motion:reduce){.sg-word.sg-flash,.sg-noalign-hit{animation-duration:1s!important}}.reader-tail{height:80vh}.reading-line{position:fixed;left:0;right:0;height:0;z-index:20;pointer-events:none}.reading-line-track{position:relative;width:min(var(--reader-max-width, 680px),calc(100% - 88px));height:0;margin:0 auto}.reading-line .arrow{position:absolute;top:0;color:var(--reader-accent);font-size:16px;line-height:1;opacity:.5;pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;padding:6px;touch-action:none;transition:opacity .15s ease,transform .15s ease}.arrow-left{left:0;transform:translateY(-50%)}.arrow-right{right:0;transform:translateY(-50%)}.reading-line .arrow:hover{opacity:.95}.arrow-left:hover,.arrow-right:hover{transform:translateY(-50%) scale(1.15)}.reading-line.dragging .arrow{cursor:grabbing;opacity:1}.sg-linepop-layer{position:absolute;top:0;left:0;right:0;height:0;z-index:45;pointer-events:none;overflow:visible}.sg-linepop{position:absolute;display:none;z-index:45;transform:translate(-50%,-100%);pointer-events:none}.sg-linepop-bubble{position:relative;display:inline-block;margin-bottom:7px;background:var(--reader-popup-bg);color:var(--reader-popup-text);padding:4px 10px;border-radius:8px;font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:.01em;line-height:1.3;text-align:center;white-space:nowrap;box-shadow:0 4px 14px #00000042;pointer-events:auto;cursor:pointer;animation:sg-peek-in .12s ease-out}.sg-linepop-bubble:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.sg-linepop-bubble:after{content:"";position:absolute;top:100%;left:50%;width:10px;height:10px;background:var(--reader-popup-bg);transform:translate(-50%,-50%) rotate(45deg);z-index:-1}.sg-linepop.sg-speaking .sg-linepop-bubble{animation:sg-peek-bounce .5s ease-in-out infinite}@media(hover:hover){.sg-word.sg-highlight:hover:after{content:attr(data-pop);position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%);background:var(--reader-popup-bg);color:var(--reader-popup-text);padding:4px 10px;border-radius:8px;font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:.01em;line-height:1.3;text-align:center;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px #00000042;z-index:40;animation:sg-popup-in .12s ease-out}.sg-word.sg-highlight:hover:before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);width:10px;height:10px;background:var(--reader-popup-bg);transform:translate(-50%) rotate(45deg);pointer-events:none;z-index:40}}@keyframes sg-popup-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}}@media(prefers-reduced-motion:reduce){.sg-word:after{animation:none}}.sg-peek-anchor{position:fixed;z-index:50;transform:translate(-50%,-100%);pointer-events:none}.sg-peek{position:relative;display:inline-block;background:var(--reader-popup-bg);color:var(--reader-popup-text);padding:5px 11px;border-radius:8px;font-family:var(--font-ui);font-size:14px;font-weight:600;line-height:1.3;max-width:80vw;overflow:visible;white-space:nowrap;box-shadow:0 4px 14px #00000047;pointer-events:none;animation:sg-peek-in .12s ease-out}@keyframes sg-peek-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sg-peek-audio{pointer-events:auto;cursor:pointer}.sg-peek.sg-speaking{animation:sg-peek-bounce .5s ease-in-out infinite}@keyframes sg-peek-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sg-peek:after{content:"";position:absolute;top:100%;left:50%;width:10px;height:10px;background:var(--reader-popup-bg);transform:translate(-50%,-50%) rotate(45deg)}.sg-learned{color:inherit}.reader-loading{display:grid;place-items:center;height:100%;color:var(--reader-text);font-family:var(--font-ui)}.rs-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:rgba(0,0,0,var(--rs-backdrop-opacity, 0))}.rs-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(560px,100%);z-index:46;background:var(--reader-bg);color:var(--reader-text);border-radius:var(--rs-sheet-radius, 16px) var(--rs-sheet-radius, 16px) 0 0;box-shadow:0 -6px 30px #00000040;padding:var(--rs-sheet-padding-top, 16px) var(--rs-sheet-padding-x, 20px) var(--rs-sheet-padding-bottom, 28px);font-family:var(--font-ui);height:var(--rs-sheet-h, auto);max-height:94vh;overflow-y:auto;animation:rs-slide-up .24s ease-out}.rs-tint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;pointer-events:none;background:rgba(0,0,0,var(--rs-backdrop-opacity, 0))}@keyframes rs-slide-up{0%{transform:translate(-50%) translateY(100%)}to{transform:translate(-50%) translateY(0)}}.rs-header{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:6px}.rs-visual-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:none;background:none;color:var(--reader-text);opacity:.6}.rs-visual-btn.active{opacity:1;background:var(--reader-surface-highlight)}.rs-mode-toggle{width:28px;height:28px;border-radius:50%;border:none;background:var(--reader-bg);color:var(--reader-text);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 var(--rq-size-shadow-y, 2px) var(--rq-size-shadow-blur, 6px) rgba(0,0,0,var(--rq-size-shadow-op, .18))}.rs-close{background:none;border:none;color:var(--reader-text);font-size:16px;opacity:.7}.rc-list{list-style:none;margin:0;padding:0}.rc-item{width:100%;display:flex;align-items:baseline;gap:12px;text-align:left;border:none;background:none;color:var(--reader-text);font-family:var(--font-ui);font-size:15px;padding:12px 10px;border-radius:10px;border-bottom:1px solid var(--reader-surface-highlight)}.rc-title{flex:1;min-width:0}.rc-page{flex-shrink:0;font-size:13px;font-variant-numeric:tabular-nums;opacity:.65}.rc-item:hover:not(:disabled){background:var(--reader-surface-highlight)}.rc-item.active{font-weight:700;background:var(--reader-surface-highlight)}.rc-item:disabled{opacity:.4;cursor:default}.rs-row{display:flex;flex-direction:column;gap:6px;margin:14px 0}@media(max-width:820px){.rs-desktop-only{display:none}}.rs-row>label{font-size:13px;opacity:.8}.rs-row input[type=range]{width:100%;accent-color:var(--reader-accent)}.rs-select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--reader-border, rgba(0, 0, 0, .18));background:var(--reader-surface, transparent);color:inherit;font:inherit}.rs-themes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rs-theme{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:10px;border:2px solid transparent;background:var(--reader-surface-highlight);color:var(--reader-text);font-size:12px}.rs-theme.active{border-color:var(--reader-accent)}.rs-swatch{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}.rs-seg{display:flex;gap:8px}.rs-seg button{flex:1;padding:8px;border-radius:8px;border:1px solid var(--reader-surface-highlight);background:transparent;color:var(--reader-text)}.rs-seg button.active{background:var(--reader-surface-highlight);border-color:var(--reader-accent)}.rs-advanced{margin-top:8px;font-size:13px}.rs-advanced summary{cursor:pointer;opacity:.8}.rs-color{display:flex;align-items:center;gap:10px}.rs-color input[type=color]{width:40px;height:30px;border:1px solid var(--reader-surface-highlight);border-radius:8px;background:none;padding:2px;cursor:pointer}.rs-color .muted-reader{font-size:13px;opacity:.75;flex:1}.rs-reset{background:none;border:1px solid var(--reader-surface-highlight);color:var(--reader-text);border-radius:8px;padding:4px 10px;font-size:12px}.rq-panel{display:flex;flex-direction:column;padding:4px 4px var(--rq-gap-bottom, 4px)}.rq-panel .rq-brightness{margin-top:var(--rq-gap-header-bar, 14px)}.rq-panel .rq-colors{margin-top:var(--rq-gap-bar-colors, 18px)}.rq-panel .rq-fonts{margin-top:var(--rq-gap-colors-fonts, 18px)}.rq-panel .rq-size{margin-top:var(--rq-gap-fonts-size, 18px)}.rq-cats{flex:1;display:flex;justify-content:center;gap:var(--rq-cats-gap, 8px);min-width:0}.rs-header-spacer{width:24px;flex-shrink:0}.rq-cat{width:34px;height:34px;border-radius:50%;border:none;background:none;color:var(--reader-text);opacity:.45;display:flex;align-items:center;justify-content:center}.rq-cat.active{opacity:1;background:var(--reader-surface-highlight)}.rq-brightness{display:flex;align-items:center;gap:10px}.rq-bar-icon{flex-shrink:0;display:flex;align-items:center}.rq-bar-icon-min{opacity:.55}.rq-bar-icon-max{opacity:1}.rq-bar-num{flex-shrink:0;min-width:42px;text-align:center;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.rq-hint{text-align:center;font-size:12px;opacity:.65;padding-top:8px}.rq-brightness input[type=range],.rq-pitch input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;height:16px}.rq-brightness input[type=range]::-webkit-slider-runnable-track,.rq-pitch input[type=range]::-webkit-slider-runnable-track{height:var(--rq-brightness-track-h, 2.5px);border-radius:999px;background:linear-gradient(to right,var(--reader-accent) var(--rq-fill, 50%),var(--reader-surface-highlight) var(--rq-fill, 50%))}.rq-brightness input[type=range]::-moz-range-track,.rq-pitch input[type=range]::-moz-range-track{height:var(--rq-brightness-track-h, 2.5px);border-radius:999px;background:var(--reader-surface-highlight)}.rq-brightness input[type=range]::-moz-range-progress,.rq-pitch input[type=range]::-moz-range-progress{height:var(--rq-brightness-track-h, 2.5px);border-radius:999px;background:var(--reader-accent)}.rq-brightness input[type=range]::-webkit-slider-thumb,.rq-pitch input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--reader-accent);margin-top:calc((var(--rq-brightness-track-h, 2.5px) - 16px) / 2)}.rq-brightness input[type=range]::-moz-range-thumb,.rq-pitch input[type=range]::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--reader-accent)}.rq-colors{display:flex;justify-content:center;align-items:center;gap:var(--rq-color-gap, 22px);height:var(--rq-color-size, 44px)}.rq-pitch{gap:10px;margin-top:calc(var(--rq-gap-bar-colors, 18px) - 8px)!important}.rq-preview-btn{height:40px;padding:0 22px;border-radius:999px;border:none;background:var(--reader-elev-bg, var(--reader-bg));color:var(--reader-text);font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 var(--rq-size-shadow-y, 2px) var(--rq-size-shadow-blur, 6px) rgba(0,0,0,var(--rq-size-shadow-op, .18))}.rq-preview-btn:active{background:var(--reader-surface-highlight)}.rq-pitch input[type=range]{flex:1}.rq-color-dot{width:var(--rq-color-size, 44px);height:var(--rq-color-size, 44px);border-radius:50%;border:0 solid transparent;padding:0;box-shadow:none;flex-shrink:0}.rq-color-dot.active{border-width:var(--rq-color-border-w, 2px);border-color:var(--rq-color-active-border, #9a9a9a)}.rq-fonts{display:flex;align-items:baseline;justify-content:center;gap:var(--rq-fonts-gap, 18px)}.rq-fonts.rq-fonts-aligned{display:grid;grid-template-columns:repeat(3,var(--rq-color-size, 44px));gap:var(--rq-color-gap, 22px);justify-content:center;justify-items:center}.rq-font-btn{background:none;border:none;padding:0;white-space:nowrap;color:var(--reader-text);opacity:.45;font-size:var(--rqf-size, var(--rq-fonts-size, 15px));font-weight:var(--rqf-weight, 400)}.rq-font-btn[data-font=sans]{--rqf-size: var(--rq-font-sans-size, var(--rq-fonts-size, 15px));--rqf-weight: var(--rq-font-sans-weight, 400)}.rq-font-btn[data-font=synopsis]{--rqf-size: var(--rq-font-synopsis-size, var(--rq-fonts-size, 15px));--rqf-weight: var(--rq-font-synopsis-weight, 400)}.rq-font-btn[data-font=serif]{--rqf-size: var(--rq-font-serif-size, var(--rq-fonts-size, 15px));--rqf-weight: var(--rq-font-serif-weight, 400)}.rq-font-btn.active{opacity:1;font-size:calc(var(--rqf-size, var(--rq-fonts-size, 15px)) + 4px);font-weight:calc(var(--rqf-weight, 400) + 200)}.rq-size{display:flex;align-items:center;justify-content:center;gap:20px}.rq-size-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--reader-elev-bg, var(--reader-bg));color:var(--reader-text);font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 var(--rq-size-shadow-y, 2px) var(--rq-size-shadow-blur, 6px) rgba(0,0,0,var(--rq-size-shadow-op, .18))}.rq-size-btn:active{background:var(--reader-surface-highlight)}.vocab-scroll{padding-top:6px}.vocab-export{margin-left:auto;display:flex;gap:6px}.vocab-exp{padding:5px 10px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease)}.vocab-exp:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.vocab-exp:disabled{opacity:.45;cursor:default}.stat-grid{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin-bottom:14px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 6px;text-align:center}.stat-btn{cursor:pointer;font:inherit;transition:border-color .15s var(--ease),background .15s var(--ease),transform .06s ease}.stat-btn:hover{border-color:var(--border-strong);background:var(--surface-2)}.stat-btn:active{transform:translateY(1px)}.stat-btn.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.stat-num{font-size:19px;font-weight:700;color:var(--accent);line-height:1.1}.stat-label{font-size:10.5px;color:var(--text-muted)}.vocab-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.vocab-search{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;max-width:280px;flex:1 1 200px;box-sizing:border-box;background:var(--home-round-bg, var(--surface));border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--home-topbar-icon, var(--ink));cursor:text}.vocab-search input{border:none;background:none;outline:none;width:100%;min-width:0;font-family:var(--font-search, var(--font-ui));font-size:14px;color:var(--home-search-color, var(--text))}.vocab-search input::placeholder{color:var(--text-muted)}.vocab-book-picker{position:relative;margin-bottom:12px}.vocab-search-book{max-width:360px}.vocab-book-suggestions{position:absolute;top:calc(100% + 4px);left:0;width:min(360px,100%);z-index:10;list-style:none;margin:0;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto}.vocab-book-suggestions button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;border:none;background:none;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--text)}.vocab-book-suggestions button:hover{background:var(--surface-2)}.vbs-title{font-weight:600;font-size:14px}.vbs-author{font-size:12px;color:var(--text-muted)}.vocab-book-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;font-size:16px}.vocab-cap-note{color:var(--text-muted);font-size:12.5px;text-align:center;padding:10px 0}.seg{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.seg button{flex:1;padding:6px 12px;border:none;background:none;border-radius:6px;color:var(--text-muted);font-size:13px;white-space:nowrap;cursor:pointer}.seg button.active{background:var(--accent);color:var(--accent-contrast)}.vocab-table{width:100%;border-collapse:collapse}.vocab-table th,.vocab-table td{text-align:left;padding:5px 10px;border-bottom:1px solid var(--border);font-size:14px}.vocab-table th{color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.vocab-table .phrase{font-weight:600}.vocab-table .phrase.learned{color:var(--success, #3a9a5c)}.vocab-table .col-seen{width:56px;text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums}.vocab-table .col-mark{width:44px;text-align:right}.vocab-mark{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:50%;border:1.5px solid var(--border-strong);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease),border-color .14s var(--ease),transform .06s ease}.vocab-mark:hover{border-color:var(--success, #3a9a5c);color:var(--success, #3a9a5c)}.vocab-mark:active{transform:scale(.92)}.vocab-mark.on{background:var(--success, #3a9a5c);border-color:var(--success, #3a9a5c);color:#fff}.settings-theme-toggle{margin-left:auto}.settings-scroll{padding-top:4px}.settings-scroll>*{max-width:560px;margin-left:auto;margin-right:auto}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px;margin-bottom:12px}.settings-card h2{margin:0 0 3px;font-size:15px;font-weight:700}.settings-card .muted{font-size:13px;line-height:1.45;margin:0}.settings-card.disabled{opacity:.6}.settings-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.settings-profile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0 18px}.settings-avatar{position:relative;width:88px;height:88px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-contrast);font-family:var(--font-serif);font-weight:700;font-size:38px;display:grid;place-items:center;cursor:pointer;box-shadow:var(--cover-shadow, 0 6px 18px rgba(0, 0, 0, .18))}.settings-avatar-edit{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;background:var(--surface);color:var(--text);border:1px solid var(--border);display:grid;place-items:center;font-size:13px}.settings-avatar.has-photo{background:transparent;box-shadow:none}.settings-avatar-img{width:100%;height:100%;border-radius:0;object-fit:contain;display:block}.settings-profile-name{font-family:var(--font-greeting-title, var(--font-serif));font-size:22px;font-weight:700;color:var(--home-title-color, var(--text))}.avatar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;background:color-mix(in srgb,#000 42%,transparent)}.avatar-modal{width:min(400px,100%);background:var(--surface);border-radius:18px;box-shadow:var(--shadow-lg, 0 20px 60px rgba(0, 0, 0, .3));padding:16px 18px 18px}.avatar-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.avatar-modal-head h3{margin:0;font-family:var(--font-greeting-title, var(--font-serif));font-size:20px;font-weight:700}.avatar-close{border:none;background:var(--surface-2);color:var(--text);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.avatar-cell{padding:0;border:2px solid transparent;border-radius:50%;background:var(--surface-2);cursor:pointer;aspect-ratio:1;overflow:hidden;transition:transform .1s var(--ease),border-color .12s var(--ease)}.avatar-cell img{width:100%;height:100%;object-fit:cover;display:block}.avatar-cell:hover{transform:scale(1.06)}.avatar-cell.active{border-color:var(--accent)}.avatar-clear{margin-top:14px;width:100%}@media(max-width:380px){.avatar-grid{grid-template-columns:repeat(4,1fr)}}.toggle-switch{position:relative;width:46px;height:26px;border-radius:999px;border:1px solid var(--border-strong, #c9bda9);background:var(--surface-2, #e6ddce);padding:0;cursor:pointer;transition:background .16s ease,border-color .16s ease;flex-shrink:0}.toggle-switch.on{background:var(--accent, #d97757);border-color:transparent}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .16s ease}.toggle-switch.on .toggle-knob{transform:translate(20px)}.settings-msg{background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 14px;max-width:640px}.server-dot{width:10px;height:10px;border-radius:50%;background:var(--border-strong);display:inline-block}.server-dot.online{background:#3fa34d}.server-dot.offline{background:var(--danger)}.server-dot.checking{background:#d9a441}.accounts-list{display:flex;flex-direction:column;gap:.5rem}.account-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .8rem;border:1px solid var(--border, #e0d8cc);border-radius:10px}.account-row.active{border-color:var(--accent)}.account-name{font-weight:600;display:flex;align-items:center;gap:.5rem}.account-name-edit{border:none;background:none;color:inherit;font:inherit;cursor:text;padding:0;border-radius:6px}.account-name-edit:hover{color:var(--accent)}.account-name-input{max-width:200px;font-weight:600;padding:.35rem .5rem}.account-badge{font-size:.7rem;font-weight:600;color:var(--accent-contrast);background:var(--accent);padding:.1rem .45rem;border-radius:999px}.account-actions{display:flex;align-items:center;gap:.5rem}.account-del,.cache-clear{padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer;transition:background .14s var(--ease),border-color .14s var(--ease),color .14s var(--ease),transform .06s ease}.cache-clear:hover{background:var(--surface-2)}.cache-clear:active,.account-del:active{transform:translateY(1px)}.account-del{border-color:color-mix(in srgb,var(--danger) 40%,var(--border-strong));color:var(--danger)}.account-del:hover{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger{padding:9px 18px;border-radius:var(--radius-pill);border:1px solid transparent;background:var(--danger);color:#fff;font-weight:600;cursor:pointer;transition:opacity .14s var(--ease),transform .06s ease}.btn-danger:hover{opacity:.9}.btn-danger:active{transform:translateY(1px)}.btn-danger:disabled{opacity:.5;cursor:default}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:50;padding:1rem}.modal-panel{background:var(--card, #fff);border-radius:14px;padding:1.5rem;max-width:400px;width:100%}.modal-panel h3{margin-bottom:.5rem}.code-input{font-size:1.6rem;letter-spacing:.5rem;text-align:center;max-width:160px;margin:.75rem 0}.cache-h2{display:inline-flex;align-items:center;gap:8px}.mini-spinner{display:inline-block;width:15px;height:15px;border:2.5px solid color-mix(in srgb,var(--text-muted) 30%,transparent);border-top-color:var(--accent);border-radius:50%;animation:mini-spin .7s linear infinite;will-change:transform;flex-shrink:0}@keyframes mini-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mini-spinner{animation-duration:.7s!important}}.cache-list{display:flex;flex-direction:column;gap:.4rem}.cache-row{display:flex;align-items:center;gap:.75rem;padding:.45rem .2rem;border-bottom:1px solid var(--border, #eee3d5)}.cache-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cache-title-link{text-align:left;border:none;background:none;padding:0;color:var(--text);font:inherit;cursor:pointer;transition:color .14s var(--ease)}.cache-title-link:hover{color:var(--accent);text-decoration:underline}.cache-size{color:var(--muted, #8a7f6f);font-variant-numeric:tabular-nums}.cache-summary{margin:.75rem 0;font-size:.9rem}.welcome{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:2rem 1.25rem;background:var(--bg);color:var(--text);font-family:var(--font-ui)}.welcome-card{width:100%;max-width:420px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:2rem 1.75rem}.welcome-brand{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.25rem;color:var(--text)}.welcome-brand span{color:var(--accent)}.welcome-card h1{font-size:1.4rem;font-weight:700;margin:0 0 1.5rem;color:var(--text)}.welcome-users{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.welcome-user{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);cursor:pointer;min-width:92px;transition:border-color .15s var(--ease),transform .1s var(--ease),box-shadow .15s var(--ease)}.welcome-user:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.welcome-user:disabled{opacity:.5;cursor:default}.welcome-user-name{font-size:.9rem;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--accent);color:var(--accent-contrast);font-weight:700;font-size:1.3rem}.welcome-avatar.has-photo{background:var(--surface-2)}.welcome-avatar img{width:100%;height:100%;object-fit:cover;display:block}.welcome-create{display:flex;gap:.5rem}.welcome-create .input{flex:1}.welcome-error{margin-top:1rem;color:var(--danger);font-size:.9rem}:root{--paper: #f6f3ea;--paper-2: #efe9db;--paper-3: #e7e0cf;--ink: #211f1a;--ink-soft: #6a6559;--terracotta: #cf6a4c;--terracotta-strong: #b8543a;--teal: #2f7d76;--teal-strong: #276a64;--bg: var(--paper);--surface: var(--paper-2);--surface-2: var(--paper-3);--text: var(--ink);--text-muted: var(--ink-soft);--accent: var(--terracotta);--accent-hover: var(--terracotta-strong);--accent-2: var(--teal);--accent-contrast: #fdfbf6;--border: #e2dbca;--border-strong: #d0c7b2;--danger: #b4462f;--shadow-sm: 0 1px 2px rgba(33, 31, 26, .06);--shadow-md: 0 6px 20px rgba(33, 31, 26, .09);--shadow-lg: 0 18px 40px rgba(33, 31, 26, .14);--radius: 14px;--radius-sm: 9px;--radius-pill: 999px;--font-ui: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif: "Literata", "Iowan Old Style", Georgia, "Times New Roman", serif;--ease: cubic-bezier(.22, .61, .36, 1);color-scheme:light}:root[data-theme=dark]{--paper: #171613;--paper-2: #201e19;--paper-3: #2b2822;--ink: #ece7db;--ink-soft: #a29c8d;--terracotta: #e0846a;--terracotta-strong: #ea9880;--teal: #59aaa1;--teal-strong: #6dbcb2;--accent-contrast: #171613;--border: #2c2922;--border-strong: #423d33;--danger: #e5795a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 6px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 18px 40px rgba(0, 0, 0, .6);color-scheme:dark}@font-face{font-family:Antebas;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/antebas-300.woff2) format("woff2")}@font-face{font-family:Antebas;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/antebas-400.woff2) format("woff2")}@font-face{font-family:Antebas;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/antebas-500.woff2) format("woff2")}@font-face{font-family:Antebas;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/antebas-700.woff2) format("woff2")}@font-face{font-family:Antebas;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/antebas-900.woff2) format("woff2")}@font-face{font-family:Aksara;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/aksara-300.woff2) format("woff2")}@font-face{font-family:Aksara;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/aksara-400.woff2) format("woff2")}@font-face{font-family:Aksara;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/aksara-500.woff2) format("woff2")}@font-face{font-family:Aksara;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/aksara-700.woff2) format("woff2")}@font-face{font-family:Hybi11 Amigo;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/hybi-300.woff2) format("woff2")}@font-face{font-family:Hybi11 Amigo;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hybi-400.woff2) format("woff2")}@font-face{font-family:Hybi11 Amigo;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/hybi-600.woff2) format("woff2")}@font-face{font-family:Hybi11 Amigo;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/hybi-700.woff2) format("woff2")}@font-face{font-family:Hybi11 Amigo;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/hybi-800.woff2) format("woff2")}@font-face{font-family:Protofo;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/protofo-400.woff2) format("woff2")}@font-face{font-family:Protofo;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/protofo-700.woff2) format("woff2")}@font-face{font-family:Linux Libertine;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/libertine-400.woff2) format("woff2")}@font-face{font-family:Linux Libertine;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/libertine-600.woff2) format("woff2")}@font-face{font-family:Linux Libertine;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/libertine-700.woff2) format("woff2")}@font-face{font-family:Qualion;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/qualion-300.woff2) format("woff2")}:root{--font-greeting-title: "Antebas", var(--font-serif);--font-greeting-text: "Aksara", var(--font-ui);--font-book: "Hybi11 Amigo", var(--font-serif);--font-reading-now: "Protofo", var(--font-ui);--font-search: "Qualion", var(--font-ui);--font-synopsis: "Linux Libertine", var(--font-serif)}:root{--rq-color-active-border-seed: #9a9a9a}[data-reader-theme=sepia]{--reader-bg: color-mix( in srgb, color-mix(in srgb, #f0dec6, #ffffff max(var(--sepia-shade, 0%), 0%)), #000000 max(calc(0% - var(--sepia-shade, 0%)), 0%) );--reader-text: #654d33;--reader-accent: #654d33;--reader-surface-highlight: #ebd3bc;--reader-popup-bg: #523e29;--reader-popup-text: #f0dec6;--reader-flash: #e89b3c;--reader-topbar-shadow: 0 2px 10px rgba(0, 0, 0, .12);--reader-elev-bg: var(--reader-bg)}[data-reader-theme=light]{--reader-bg: #ffffff;--reader-text: #2b2b2b;--reader-accent: #444444;--reader-surface-highlight: #efe9dd;--reader-popup-bg: #2b2b2b;--reader-popup-text: #ffffff;--reader-flash: #ffd166;--reader-topbar-shadow: 0 2px 10px rgba(0, 0, 0, .1);--reader-elev-bg: var(--reader-bg)}[data-reader-theme=dark]{--reader-bg: #1b1b1b;--reader-text: #d8d4cc;--reader-accent: #d8d4cc;--reader-surface-highlight: #33312c;--reader-popup-bg: #efe9dd;--reader-popup-text: #1b1b1b;--reader-flash: rgba(235, 230, 220, .55);--reader-topbar-shadow: 0 2px 12px rgba(255, 255, 255, .09);--reader-elev-bg: #2e2c29}[data-reader-theme=green]{--reader-bg: #c5e0d0;--reader-text: #22372c;--reader-accent: #22372c;--reader-surface-highlight: #b0d3bd;--reader-popup-bg: #22372c;--reader-popup-text: #c5e0d0;--reader-flash: #e8b04b;--reader-topbar-shadow: 0 2px 10px rgba(0, 0, 0, .12);--reader-elev-bg: var(--reader-bg)}*{box-sizing:border-box}:root{color-scheme:light}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reader-content,.reader-title,.bi-title,.bi-author,.reading-title,.reading-author,.book-card .title,.book-card .author,input,textarea,.selectable{-webkit-user-select:text;-moz-user-select:text;user-select:text}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,.icon-btn,.lib-sort-btn,.tag-chip,.nav-link,.brand,.theme-toggle,.welcome-user,.account-row,label,svg{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(16px,4vw,40px);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.app-nav .brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-serif)}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-weight:700;font-size:18px;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease)}.app-nav .brand:hover .brand-mark{transform:rotate(-6deg) scale(1.05)}.brand-word{font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.brand-glish{color:var(--accent-2)}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius-pill);color:var(--text-muted);font-weight:500;font-size:14px;position:relative;transition:color .18s var(--ease),background .18s var(--ease)}.nav-link svg{transition:transform .2s var(--ease)}.nav-link:hover{color:var(--text);background:var(--surface)}.nav-link:hover svg{transform:translateY(-1px)}.nav-link.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}@media(max-width:640px){.nav-label{display:none}.nav-link{padding:8px}}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;transition:background .18s var(--ease),transform .18s var(--ease)}.theme-toggle:hover{background:var(--surface-2);transform:rotate(12deg)}.theme-toggle-icon{display:inline-flex}.app-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:clamp(24px,5vw,48px) clamp(16px,4vw,40px) 80px;animation:page-in .3s var(--ease)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.lib,.bookinfo{animation:section-enter .34s var(--ease) both}@keyframes section-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.lib,.bookinfo,.app-main,.lib-scroll,.bi-body{animation:none}}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 17px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:550;font-size:14px;transition:background .16s var(--ease),border-color .16s var(--ease),transform .06s ease,box-shadow .16s var(--ease)}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:transparent}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:var(--danger)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.input{padding:9px 13px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);width:100%;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.input::placeholder{color:var(--text-muted)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.page-header h1{margin:0;font-family:var(--font-serif);font-size:clamp(26px,4vw,34px);font-weight:700;letter-spacing:-.02em}.muted{color:var(--text-muted)}.empty-state{text-align:center;padding:64px 16px;color:var(--text-muted)}.progress-bar{height:4px;border-radius:4px;background:var(--surface-2);overflow:hidden}.progress-bar>span{display:block;height:100%;background:var(--accent)}