@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #f6f2ea;--paper-2: #efe9dd;--ink: #211a13;--ink-soft: #6f6354;--accent: #7a3025;--accent-deep: #5e2119;--shelf-hi: #a97c50;--shelf: #7b573a;--shelf-dark: #55381f;--dusk: #16110d;--font-display: "Fraunces Variable", Georgia, serif;--font-body: "Inter Variable", -apple-system, sans-serif;--radius: 12px;--radius-lg: 18px;--cover-zone: 250px;--ledge-h: 13px;--meta-h: 92px;--row: calc(var(--cover-zone) + var(--ledge-h) + var(--meta-h))}@media(max-width:640px){:root{--cover-zone: 196px;--meta-h: 86px}}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body.reading{overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.topbar{padding:max(24px,env(safe-area-inset-top)) clamp(20px,5vw,56px) 14px;background:var(--paper)}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.wordmark{font-family:var(--font-display);font-size:clamp(30px,4vw,38px);font-weight:620;letter-spacing:-.01em;line-height:1;color:var(--ink)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:var(--radius);font-size:15px;font-weight:550;transition:background .15s ease,transform .15s ease}.btn.primary{background:var(--accent);color:#fdf9f2}.btn.primary:hover{background:var(--accent-deep)}.btn.danger{background:#a13327;color:#fdf9f2}.btn.danger:hover{background:#7f261c}.btn:not(.primary):not(.danger){background:var(--paper-2);color:var(--ink)}.btn:not(.primary):not(.danger):hover{background:#e5ddcd}.btn:active{transform:scale(.97)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:var(--ink-soft);transition:background .15s ease,color .15s ease}.stats-btn{position:relative;border-radius:50%}.stats-btn:after{content:"";position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(var(--accent) var(--goal, 0deg),rgba(33,26,19,.1) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));pointer-events:none}.stats-btn.goal-done{color:var(--accent)}.icon-btn:hover{background:#211a1314;color:var(--ink)}.icon-btn[hidden],.btn[hidden]{display:none!important}.shelf-area{padding:8px clamp(20px,5vw,56px) 80px}.topbar-actions{display:flex;align-items:center;gap:10px}.continue-card{display:flex;align-items:center;gap:clamp(18px,4vw,36px);margin:26px 0 6px;padding:clamp(18px,3vw,28px);background:#fffdf8;border-radius:var(--radius-lg);box-shadow:0 12px 30px -18px #2d1c0c59;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.continue-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px -18px #2d1c0c73}.continue-cover{height:clamp(120px,18vw,170px);width:auto;border-radius:3px 5px 5px 3px;box-shadow:0 10px 22px -8px #2d1c0c80,0 0 0 1px #211a131f;flex:none}.continue-info{min-width:0}.eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.continue-title{font-family:var(--font-display);font-size:clamp(19px,3vw,26px);font-weight:600;line-height:1.2;margin:6px 0 12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.continue-bar{height:6px;border-radius:3px;background:#211a131f;overflow:hidden;max-width:340px}.continue-bar-fill{height:100%;border-radius:3px;background:var(--accent)}.continue-meta{margin:8px 0 14px;font-size:13.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums}@media(max-width:560px){.continue-card{align-items:flex-start}.continue-btn{padding:9px 14px;font-size:14px}}.shelf-head{display:flex;align-items:baseline;justify-content:space-between;margin-top:30px}.shelf-label{font-family:var(--font-display);font-size:21px;font-weight:600}.shelf-count{margin-left:10px;font-family:var(--font-body);font-size:13px;font-weight:550;color:var(--ink-soft)}.shelf-delete{font-size:13px;font-weight:550;color:#a13327;padding:6px 10px;border-radius:8px}.shelf-delete:hover{background:#a1332714}.shelf-bare{min-height:calc(34px + var(--cover-zone) + var(--ledge-h) + 26px)}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-auto-rows:var(--row);column-gap:clamp(16px,3vw,40px);padding-top:34px;background-image:repeating-linear-gradient(to bottom,transparent 34px,transparent calc(34px + var(--cover-zone)),var(--shelf-hi) calc(34px + var(--cover-zone)),var(--shelf) calc(34px + var(--cover-zone) + 2px),var(--shelf-dark) calc(34px + var(--cover-zone) + var(--ledge-h) - 2px),var(--shelf-dark) calc(34px + var(--cover-zone) + var(--ledge-h)),rgba(60,40,20,.13) calc(34px + var(--cover-zone) + var(--ledge-h)),rgba(60,40,20,0) calc(34px + var(--cover-zone) + var(--ledge-h) + 22px),transparent calc(34px + var(--cover-zone) + var(--ledge-h) + 22px),transparent calc(34px + var(--row)))}@media(max-width:640px){.shelf{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.cover:before{content:"";position:absolute;z-index:-1;top:3px;bottom:1px;right:calc(-1 * var(--spine, 6px));width:calc(var(--spine, 6px) + 4px);border-radius:0 3px 3px 0;background:repeating-linear-gradient(to right,#f8f4ea 0 1.5px,#d9d2c0 1.5px 2.5px);box-shadow:0 0 0 1px #211a1329}.book{height:var(--row);display:flex;flex-direction:column;align-items:center;cursor:pointer;border-radius:var(--radius)}.cover-slot{position:relative;flex:none;height:var(--cover-zone);width:100%;display:flex;align-items:flex-end;justify-content:center}.cover{position:relative;line-height:0;transition:transform .22s ease,filter .22s ease;filter:drop-shadow(0 14px 12px rgba(45,28,12,.28))}.book:hover .cover,.book:focus-visible .cover{transform:translateY(-7px);filter:drop-shadow(0 22px 18px rgba(45,28,12,.32))}.cover img{display:block;max-height:calc(var(--cover-zone) - 20px);max-width:100%;width:auto;border-radius:2px 4px 4px 2px;box-shadow:0 0 0 1px #211a1324}.cover:after{content:"";position:absolute;inset:0;border-radius:2px 4px 4px 2px;background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(255,255,255,.12) 4%,rgba(0,0,0,.05) 7%,transparent 12%);pointer-events:none}.book-menu{position:absolute;z-index:2;top:4px;right:4px;width:24px;height:24px;border-radius:50%;opacity:0;background:#f6f2eac7;color:var(--ink-soft)}.book-menu svg{width:16px;height:16px}.book:hover .book-menu,.book:focus-within .book-menu{opacity:1}@media(hover:none){.book-menu{opacity:1}}.book-meta{margin-top:calc(var(--ledge-h) + 12px);text-align:center;max-width:100%;padding:0 4px}.book-title{font-family:var(--font-display);font-size:16.5px;font-weight:560;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book-author{margin-top:3px;font-size:13px;color:var(--ink-soft);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-thread{position:relative;margin:9px auto 0;width:68%;height:3px;border-radius:999px;background:#211a131f}.book-thread-fill{position:absolute;top:0;bottom:0;left:0;border-radius:inherit;background:var(--accent)}.book-thread.done{width:auto;height:auto;background:none;display:flex;justify-content:center;color:var(--ink-soft)}.book-thread.done svg{width:14px;height:14px}.empty-state{grid-column:1 / -1;text-align:center;padding:90px 20px;color:var(--ink-soft)}.empty-state svg{width:44px;height:44px;color:var(--accent)}.empty-state h2{font-family:var(--font-display);font-weight:600;font-size:26px;color:var(--ink);margin:16px 0 8px}.empty-state p{font-size:15px;max-width:380px;margin:0 auto;line-height:1.5}.drop-veil{position:fixed;inset:0;z-index:60;background:#211a1373;display:flex;align-items:center;justify-content:center}.drop-veil[hidden]{display:none}.drop-veil-card{background:var(--paper);border:2px dashed var(--accent);border-radius:var(--radius-lg);padding:44px 60px;text-align:center;color:var(--ink);font-size:17px;font-weight:550}.drop-veil-card svg{width:34px;height:34px;color:var(--accent);margin-bottom:12px}.modal-backdrop{position:fixed;inset:0;z-index:250;background:#18120d80;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--paper);border-radius:var(--radius-lg);box-shadow:0 24px 60px #140e0859;width:min(440px,100%);padding:22px 24px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-title{font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.2}.modal-body{font-size:15px;line-height:1.55;color:var(--ink)}.modal-body p{color:var(--ink-soft)}.modal-body p strong{color:var(--ink)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.menu-list{display:flex;flex-direction:column;gap:4px}.menu-meta{font-size:13px;color:var(--ink-soft);padding:2px 14px 6px}.menu-group{font-size:11px;font-weight:620;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);padding:12px 14px 2px}.menu-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:var(--radius);font-size:15.5px;font-weight:500;text-align:left;transition:background .15s ease}.menu-item:hover{background:#211a1312}.menu-item.danger{color:#a13327}.menu-item svg{flex:none}.field-label{display:block;font-size:13px;font-weight:550;color:var(--ink-soft);margin-bottom:7px}.text-input{width:100%;font:inherit;font-size:16px;padding:11px 13px;border:1.5px solid rgba(33,26,19,.25);border-radius:var(--radius);background:#fffdf8;color:var(--ink)}.text-input:focus{outline:none;border-color:var(--accent)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);z-index:300;background:var(--ink);color:var(--paper);font-size:14.5px;font-weight:500;padding:12px 20px;border-radius:999px;box-shadow:0 8px 24px #140e0859;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;max-width:min(90vw,480px);text-align:center}.toast.show{opacity:1;transform:translate(-50%)}body:has(.audio-mini) .toast{bottom:96px}#reader{position:fixed;inset:0;z-index:40;background:radial-gradient(ellipse 100% 78% at 50% 52%,#3a2d23 0%,#241b14 48%,var(--dusk) 80%);user-select:none;-webkit-user-select:none}#reader.entering .reader-stage,#reader.entering .reader-chrome{opacity:0}#reader .reader-stage{transition:opacity .22s ease}#reader.leaving{opacity:0;transition:opacity .18s ease}@media(orientation:portrait)and (max-width:899px){.reader-stage{padding-top:calc(max(14px,env(safe-area-inset-top)) + 52px);padding-bottom:calc(max(14px,env(safe-area-inset-bottom)) + 46px)}}.reader-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#cfc5b6;font-size:15px}.spinner{width:30px;height:30px;border:3px solid rgba(207,197,182,.25);border-top-color:#cfc5b6;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reader-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;touch-action:none}.flipbook-wrap{position:relative}.page{background:#fbf8f1;overflow:hidden;box-shadow:inset 0 0 0 1px #211a131a}.page[data-density=hard]{background:#efe9dd}.page-inner{position:relative;width:100%;height:100%}.page-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .18s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.page.ready .page-img{opacity:1}.page-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;color:#211a1329;background:linear-gradient(100deg,transparent 32%,rgba(33,26,19,.045) 46%,transparent 60%) 0 0 / 240% 100%;animation:page-shimmer 1.8s ease-in-out infinite}@keyframes page-shimmer{0%{background-position:130% 0}to{background-position:-60% 0}}.page.ready .page-ph{display:none}.reader-chrome{position:absolute;inset:0;z-index:200;pointer-events:none}.reader-top,.reader-bottom{position:absolute;left:0;right:0;display:flex;align-items:center;gap:14px;padding:14px max(clamp(14px,3vw,28px),env(safe-area-inset-left),env(safe-area-inset-right));transition:transform .3s ease,opacity .3s ease}.reader-top{top:0;padding-top:max(14px,env(safe-area-inset-top));background:linear-gradient(rgba(15,11,8,.75),transparent)}.reader-bottom{bottom:0;justify-content:center;gap:clamp(10px,3vw,22px);padding-bottom:max(14px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#0f0b08cc)}.reader-bottom-center{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.nav-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:transparent;color:#d8cdbc;transition:background .15s ease,opacity .15s ease,transform .15s ease}.nav-btn:hover{background:#3e302699}.nav-btn:active{transform:scale(.94)}.nav-btn:disabled{opacity:.3;cursor:default}.nav-btn svg{width:24px;height:24px}.reader-chrome.hidden .reader-top{transform:translateY(-100%);opacity:0}.reader-chrome.hidden .reader-bottom{transform:translateY(100%);opacity:0}.reader-top>*,.reader-bottom>*{pointer-events:auto}.reader-chrome.hidden .reader-top>*,.reader-chrome.hidden .reader-bottom>*{pointer-events:none}.chip-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;background:#2b211ad9;color:#f0e9dd;font-size:14.5px;font-weight:550;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s ease}.chip-btn:hover{background:#3e3026f2}.reader-title{flex:1;text-align:center;font-family:var(--font-display);font-size:clamp(15px,2.2vw,19px);font-weight:550;color:#e8e0d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-top-end{width:88px;flex:none}@media(max-width:560px){.reader-top-end{width:40px}}.page-label{color:#cfc5b6;font-size:13.5px;font-variant-numeric:tabular-nums}.page-slider{width:min(460px,62vw);appearance:none;-webkit-appearance:none;height:44px;margin:-11px 0;background:transparent;cursor:pointer}.page-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#f0e9dd47}.page-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#f0e9dd;margin-top:-9px;box-shadow:0 2px 6px #0006}.page-slider::-moz-range-track{height:4px;border-radius:2px;background:#f0e9dd47}.page-slider::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:#f0e9dd;box-shadow:0 2px 6px #0006}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-tile{background:#fffdf8;border:1px solid rgba(33,26,19,.1);border-radius:var(--radius);padding:16px 10px;text-align:center}.stat-num{font-family:var(--font-display);font-size:30px;font-weight:620;line-height:1;color:var(--accent)}.stat-label{margin-top:7px;font-size:12.5px;color:var(--ink-soft)}.menu-dot{width:20px;height:20px;flex:none;display:inline-block;position:relative}.menu-dot:after{content:"";position:absolute;inset:5px;border:1.5px solid rgba(33,26,19,.3);border-radius:50%}.new-cat-row{display:flex;gap:8px;margin-top:10px;padding-top:14px;border-top:1px solid rgba(33,26,19,.1)}.new-cat-row .text-input{flex:1}.reader-actions{display:flex;align-items:center;gap:4px;flex:none}.reader-actions .icon-btn{width:38px;height:38px;color:#d8cfc0;background:#2b211ad9;border-radius:50%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reader-actions .icon-btn:hover{background:#3e3026f2;color:#f0e9dd}.reader-actions .icon-btn.active{color:#e08b7a}.reader-actions .icon-btn.active svg{fill:currentColor}.page-ribbon{display:none;position:absolute;top:0;right:10%;width:24px;height:52px;background:linear-gradient(180deg,#a13327,#7a3025);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.page.bookmarked .page-ribbon{display:block}#reader.mode-sepia .page{background:#f3ead6}#reader.mode-sepia .page-img{filter:sepia(.32) brightness(.97) contrast(.98)}#reader.mode-dim .page{background:#6e675a}#reader.mode-dim .page-img{filter:brightness(.62) sepia(.22) contrast(.96)}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;font-size:14px;font-weight:550;background:var(--paper-2);color:var(--ink);transition:background .15s ease,color .15s ease}.seg button.active{background:var(--accent);color:#fdf9f2}.seg button svg{width:17px;height:17px}.rnav{position:absolute;inset:0;z-index:300;background:var(--paper);display:flex;flex-direction:column;animation:rnav-in .22s ease}@keyframes rnav-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rnav-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:max(12px,env(safe-area-inset-top)) clamp(14px,3vw,28px) 0}.rnav-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.rnav-tabs button{padding:10px 15px;border-radius:999px;font-size:14.5px;font-weight:550;color:var(--ink-soft);white-space:nowrap}.rnav-tabs button.active{background:var(--accent);color:#fdf9f2}.rnav-body{flex:1;overflow-y:auto;padding:18px clamp(14px,3vw,28px) max(24px,env(safe-area-inset-bottom))}.rnav-note{color:var(--ink-soft);font-size:15px;line-height:1.55;max-width:460px;margin:30px auto;text-align:center}.chapter-list{max-width:660px;margin:0 auto;display:flex;flex-direction:column}.chapter-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:13px 16px;border-radius:var(--radius);text-align:left;font-size:15.5px;transition:background .15s ease}.chapter-row:hover:not(:disabled){background:#211a130f}.chapter-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-page{flex:none;font-size:13px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px}.thumb-cell{display:flex;flex-direction:column;align-items:center;gap:6px;border-radius:10px;padding:6px}.thumb-frame{position:relative;width:100%;aspect-ratio:5 / 7;background:#fffdf8;border-radius:4px;box-shadow:0 0 0 1px #211a1324,0 3px 8px -3px #2d1c0c4d;overflow:hidden}.thumb-frame.small{width:46px;flex:none}.thumb-frame img{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .18s ease}.thumb-frame img.ready{opacity:1}.thumb-ribbon{position:absolute;z-index:2;top:0;right:12%;width:10px;height:20px;background:#a13327;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.thumb-cell.current .thumb-frame{box-shadow:0 0 0 2.5px var(--accent),0 3px 8px -3px #2d1c0c4d}.thumb-num{font-size:12.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.marks-list{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:6px}.mark-row{display:flex;align-items:center;gap:8px}.mark-go{flex:1;display:flex;align-items:center;gap:14px;padding:8px 10px;border-radius:var(--radius);font-size:15.5px;font-weight:500;text-align:left}.mark-go:hover{background:#211a130f}.mark-del{color:#a13327}.search-bar{display:flex;gap:8px;max-width:560px;margin:0 auto}.search-bar .text-input{flex:1}.search-status{max-width:560px;margin:12px auto 4px;font-size:13.5px;color:var(--ink-soft)}.search-results{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:4px}.search-hit{display:flex;flex-direction:column;gap:3px;padding:11px 14px;border-radius:var(--radius);text-align:left}.search-hit:hover{background:#211a130f}.search-page{font-size:12.5px;font-weight:600;color:var(--accent)}.search-snippet{font-size:14.5px;line-height:1.45;color:var(--ink)}.search-snippet mark{background:#7a30252e;color:inherit;border-radius:3px;padding:0 1px}.zoom-overlay{position:absolute;inset:0;z-index:350;background:#0d0a08f5;overflow:hidden}.zoom-canvas{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}.zoom-img{max-width:96%;max-height:92%;transform-origin:center;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;box-shadow:0 20px 60px #00000080}.zoom-nav{position:absolute;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;padding:0 14px;pointer-events:none}.zoom-nav-btn{pointer-events:auto;width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#2b211ae6;color:#f0e9dd;box-shadow:0 4px 14px #00000059}.zoom-nav-btn:disabled{opacity:.25}.zoom-nav-btn svg{width:26px;height:26px}.zoom-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) clamp(14px,3vw,28px) 10px;background:linear-gradient(rgba(10,8,6,.7),transparent);pointer-events:none}.zoom-top>*{pointer-events:auto}.zoom-label{color:#cfc5b6;font-size:13.5px;font-variant-numeric:tabular-nums}.zoom-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.tts-bar{position:absolute;left:50%;bottom:112px;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px 8px 6px 6px;border-radius:999px;background:#2b211aeb;box-shadow:0 8px 24px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;z-index:5}.tts-bar[hidden]{display:none}.tts-bar .icon-btn{width:38px;height:38px;border-radius:50%;color:#f0e9dd}.tts-bar .icon-btn:hover{background:#ffffff1f}.tts-bar .tts-stop{color:#cfc5b6}.tts-label{color:#e8e0d2;font-size:13.5px;font-weight:500;padding:0 8px;font-variant-numeric:tabular-nums;white-space:nowrap}.lib-search-wrap{display:flex;align-items:center;gap:9px;margin-top:12px;max-width:420px;padding:10px 14px;border-radius:999px;background:var(--paper-2);border:1.5px solid transparent;transition:border-color .15s ease,background .15s ease;animation:searchIn .18s ease}.lib-search-wrap[hidden]{display:none}@keyframes searchIn{0%{opacity:0;transform:translateY(-4px)}}.lib-search-wrap:focus-within{border-color:var(--accent);background:#fffdf8}.lib-search-wrap svg{width:18px;height:18px;color:var(--ink-soft);flex:none}.lib-search{flex:1;min-width:0;border:none;background:none;font:inherit;font-size:15px;color:var(--ink);outline:none}.lib-search::-webkit-search-cancel-button{-webkit-appearance:none}@media(max-width:640px){.lib-search-wrap{max-width:none}}.deep-search-btn{display:flex;align-items:center;gap:10px;width:100%;margin-top:20px;padding:15px 18px;border-radius:var(--radius-lg);background:#fffdf8;border:1.5px dashed rgba(122,48,37,.45);color:var(--accent);font-size:15.5px;font-weight:550;text-align:left;transition:background .15s ease,border-color .15s ease}.deep-search-btn:hover{background:#fdf7ec;border-color:var(--accent)}.deep-search-btn svg:last-child{margin-left:auto}.filter-empty{margin:26px 4px;color:var(--ink-soft);font-size:15px}.lsearch{position:fixed;inset:0;z-index:70;background:var(--paper);display:flex;flex-direction:column;animation:rnav-in .22s ease}.lsearch-title{font-family:var(--font-display);font-size:22px;font-weight:600;padding-left:4px}.lsearch-query{padding:4px clamp(18px,3vw,32px) 0;color:var(--ink-soft);font-size:14.5px}.lsearch .search-status{max-width:none;margin:10px 0 0;padding:0 clamp(18px,3vw,32px)}.lsearch .rnav-body{padding-top:12px}.lsearch-results{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.lsearch-group{display:flex;flex-direction:column;gap:4px}.lsearch-book{font-family:var(--font-display);font-size:17.5px;font-weight:600;padding:0 14px 4px;border-bottom:1px solid rgba(33,26,19,.1);margin-bottom:4px}.reader-chrome .reader-top,.reader-chrome .reader-bottom{transition:opacity .18s ease}.reader-chrome.quiet .reader-top,.reader-chrome.quiet .reader-bottom{transition:opacity .6s ease}.reader-chrome.quiet .reader-top,.reader-chrome.quiet .reader-bottom{opacity:.14}.reader-chrome.quiet .tts-bar{opacity:1}.tour{position:absolute;inset:0;z-index:400;background:#0d0a089e;display:flex;align-items:center;justify-content:center;padding:20px;animation:rnav-in .25s ease}.tour-card{background:var(--paper);border-radius:var(--radius-lg);box-shadow:0 30px 70px #00000080;padding:28px 26px 24px;width:min(420px,100%)}.tour-title{font-family:var(--font-display);font-size:24px;font-weight:620;margin-bottom:18px}.tour-row{display:flex;align-items:flex-start;gap:14px;padding:10px 0}.tour-row svg{flex:none;width:26px;height:26px;color:var(--accent);margin-top:1px}.tour-row p{font-size:15.5px;line-height:1.5;color:var(--ink)}.tour-btn{width:100%;justify-content:center;margin-top:16px;font-size:16px;padding:13px}.page-stack{position:absolute;top:4px;bottom:-3px;z-index:0;pointer-events:none;background:repeating-linear-gradient(to right,#efe9dc 0 1.5px,#cfc7b4 1.5px 2.5px);box-shadow:0 3px 6px #00000059;transition:width .5s ease}.stack-left{right:100%;border-radius:3px 0 0 3px}.stack-right{left:100%;border-radius:0 3px 3px 0}.flipbook-wrap:before{content:"";position:absolute;z-index:-1;left:-3%;right:-3%;bottom:-20px;height:34px;background:radial-gradient(ellipse 50% 100% at 50% 50%,rgba(0,0,0,.55),transparent 74%);filter:blur(6px)}.flipbook-wrap{transition:transform .5s ease}.flipbook-wrap.at-cover{transform:translate(-25%)}.flipbook-wrap.at-back{transform:translate(25%)}.settings-pane{max-width:460px;margin:8px auto}.settings-pane .field-label{margin-bottom:10px}.stf__wrapper.--landscape .stf__item.--left .page-inner:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to left,rgba(45,28,12,.16),rgba(45,28,12,.05) 5%,transparent 11%)}.stf__wrapper.--landscape .stf__item.--right .page-inner:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,rgba(45,28,12,.16),rgba(45,28,12,.05) 5%,transparent 11%)}.page.stf-folding .page-inner:before{content:"";position:absolute;inset:0;z-index:2;opacity:var(--verso, 0);background:linear-gradient(105deg,#fbf8f1,#f3eee3 55%,#e7e0d0);-webkit-backdrop-filter:blur(var(--verso-blur, 0px));backdrop-filter:blur(var(--verso-blur, 0px))}.stf__innerShadow,.stf__outerShadow{filter:blur(6px)}#reader.mode-dim .page-stack{filter:brightness(.62) sepia(.22) contrast(.96)}#reader.mode-dim .page-ribbon{filter:brightness(.75) saturate(.85)}#reader.mode-dim .page-ph{color:#f0e9dd47}#reader.mode-dim .page.stf-folding .page-inner:before{filter:brightness(.62) sepia(.22)}#reader.mode-sepia .page.stf-folding .page-inner:before{filter:sepia(.3) brightness(.97)}.icon-btn:not(.book-menu),.chip-btn{position:relative}.icon-btn:after,.chip-btn:after{content:"";position:absolute;inset:-4px}.return-pill{position:absolute;left:50%;bottom:118px;transform:translate(-50%,8px);display:flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:var(--paper);color:var(--accent);font-size:14.5px;font-weight:550;box-shadow:0 8px 24px #00000073;pointer-events:auto;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:6}.return-pill.show{opacity:1;transform:translate(-50%)}.return-pill svg{width:17px;height:17px}.open-fx{position:fixed;inset:0;z-index:55;pointer-events:none}.open-fx-back{position:absolute;inset:0;background:radial-gradient(ellipse 100% 78% at 50% 52%,#3a2d23,#241b14 48%,#16110d 80%);opacity:0;transition:opacity .32s ease}.open-fx.in .open-fx-back{opacity:1}.open-fx-cover{position:absolute;object-fit:cover;border-radius:2px;box-shadow:0 18px 50px #00000080;transition:left .4s cubic-bezier(.22,1,.36,1),top .4s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1)}.open-fx.done{opacity:0;transition:opacity .22s ease}.reader-loading{opacity:0;animation:loading-in .25s ease .45s forwards}@keyframes loading-in{to{opacity:1}}.zoom-overlay{animation:rnav-fade .2s ease}.zoom-overlay .zoom-canvas{animation:zoom-lift .2s ease}.zoom-overlay.closing{opacity:0;transition:opacity .16s ease}.zoom-img{opacity:0;transition:opacity .2s ease}.zoom-img.loaded{opacity:1}@keyframes rnav-fade{0%{opacity:0}to{opacity:1}}@keyframes zoom-lift{0%{transform:scale(.97)}to{transform:none}}@media(max-height:500px){.reader-top{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:6px}.chip-btn{padding:7px 12px}.reader-actions .icon-btn{width:34px;height:34px}.reader-bottom{padding-top:6px;padding-bottom:max(8px,env(safe-area-inset-bottom));gap:10px}.reader-bottom-center{flex-direction:row-reverse;align-items:center;gap:14px;flex:1;max-width:640px}.reader-bottom-center .page-slider{flex:1;width:auto}.page-label{white-space:nowrap}.nav-btn{width:40px;height:40px}}.stack-bottom{position:absolute;inset:auto -1px 0 6px;width:auto;transform:translateY(100%);background:repeating-linear-gradient(to bottom,#efe9dc 0 1.5px,#cfc7b4 1.5px 2.5px);box-shadow:0 3px 6px #00000059;border-radius:0 0 3px 2px;transition:height .5s ease}#reader.portrait-book .page .page-inner:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,rgba(45,28,12,.14),rgba(45,28,12,.04) 4%,transparent 9%)}#reader.portrait-book .stack-right{top:2px;bottom:-1px}#reader.mode-dim .stack-bottom{filter:brightness(.62) sepia(.22) contrast(.96)}.stack-left.receive{transform-origin:right center;animation:stack-catch .4s ease}.stack-right.receive{transform-origin:left center;animation:stack-catch .4s ease}@keyframes stack-catch{0%{transform:scaleX(1)}35%{transform:scaleX(1.9)}to{transform:scaleX(1)}}#reader.portrait-book .page.stf-folding .page-inner:after{inset:0 auto;left:var(--crease, 0px);width:24px;opacity:var(--edge, 0);background:linear-gradient(to right,rgba(45,28,12,.24),rgba(255,255,255,.65) 30%,rgba(255,255,255,.24) 55%,transparent)}.crease-cast{position:absolute;top:0;bottom:0;left:0;width:26px;z-index:33;pointer-events:none;opacity:0;background:linear-gradient(to left,rgba(0,0,0,.32),transparent)}.audio-badge{position:absolute;z-index:2;bottom:5px;right:5px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#f6f2eae6;color:var(--ink-soft)}.audio-badge svg{width:13px;height:13px}.account-btn.active{color:var(--accent)}.account-note{font-size:14.5px;line-height:1.55;color:var(--ink-soft);margin-bottom:14px}.pin-display{font-family:var(--font-display);font-size:44px;font-weight:620;letter-spacing:.18em;text-align:center;color:var(--accent);background:#fffdf8;border:1.5px dashed rgba(122,48,37,.4);border-radius:var(--radius);padding:18px 10px;margin:6px 0 14px;user-select:all;-webkit-user-select:all}.account-error{margin-top:12px;font-size:14px;color:#a13327}.update-pill{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:200;padding:12px 20px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:14.5px;font-weight:550;box-shadow:0 8px 24px #140e0866}.offline-bar{position:fixed;top:0;left:0;right:0;z-index:190}body.reading .offline-bar{display:none}.offline-bar{padding:calc(max(6px,env(safe-area-inset-top)) + 2px) 14px 8px;text-align:center;font-size:13px;font-weight:550;color:#fdf9f2;background:#8a6543}body.is-offline .audio-badge{opacity:.45}.skeleton-cover{width:72%;height:calc(var(--cover-zone) - 20px);border-radius:2px 4px 4px 2px;background:linear-gradient(100deg,#efe9dc 40%,#f7f2e7,#efe9dc 60%);background-size:220% 100%;animation:skeleton-shimmer 1.4s ease infinite;box-shadow:0 10px 14px -8px #2d1c0c4d}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-60% 0}}.shelf .book{animation:book-in .4s ease backwards}.shelf .book:nth-child(2){animation-delay:.04s}.shelf .book:nth-child(3){animation-delay:.08s}.shelf .book:nth-child(4){animation-delay:.12s}.shelf .book:nth-child(5){animation-delay:.16s}.shelf .book:nth-child(6){animation-delay:.2s}@keyframes book-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}html.font-large #app,html.font-large .reader-chrome,html.font-large .rnav,html.font-large .modal,html.font-large .lsearch,html.font-large .toast,html.font-large .audio-mini,html.font-large .update-pill,html.font-large .offline-bar{zoom:1.12}html.font-xlarge #app,html.font-xlarge .reader-chrome,html.font-xlarge .rnav,html.font-xlarge .modal,html.font-xlarge .lsearch,html.font-xlarge .toast,html.font-xlarge .audio-mini,html.font-xlarge .update-pill,html.font-xlarge .offline-bar{zoom:1.28}.sr-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.help-link{display:flex;align-items:center;gap:10px;margin-top:26px;padding:12px 14px;border-radius:var(--radius);background:var(--paper-2);font-size:15px;font-weight:550;color:var(--ink)}.help-link svg{width:19px;height:19px;color:var(--accent)}.pin-share{margin-top:4px}.corner-hint{position:absolute;right:6%;bottom:10%;z-index:40;pointer-events:none;display:flex;align-items:center;gap:8px}.corner-hint:before{content:"";width:34px;height:34px;border-radius:50%;border:2.5px solid rgba(122,48,37,.75);animation:corner-pulse 1.4s ease infinite}.corner-hint span{font-size:13.5px;font-weight:550;color:#f0e9dd;background:#2b211ae6;padding:7px 12px;border-radius:999px}@keyframes corner-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.slider-wrap{position:relative;display:flex;justify-content:center}.slider-marks{position:absolute;left:0;right:0;top:50%;height:0;pointer-events:none}.slider-tick{position:absolute;top:-3px;width:2px;height:6px;margin-left:-1px;border-radius:1px;background:#f0e9dd8c}.slider-dot{position:absolute;top:-2.5px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#c96a54}.scrub-bubble{position:absolute;bottom:30px;transform:translate(-50%);max-width:230px;padding:8px 13px;border-radius:999px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 18px #0006;pointer-events:none;z-index:7}button.page-label{color:#cfc5b6;border-radius:8px;padding:2px 8px}button.page-label:active{background:#f0e9dd1f}.finish-sheet{position:absolute;inset:0;z-index:380;display:flex;align-items:center;justify-content:center;background:#0d0a088c;animation:rnav-fade .3s ease}.finish-card{background:var(--paper);border-radius:var(--radius-lg);box-shadow:0 30px 70px #00000080;padding:30px 28px 24px;width:min(380px,calc(100% - 48px));text-align:center;display:flex;flex-direction:column;gap:10px}.finish-check{width:54px;height:54px;margin:0 auto 4px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#3d6b3f1f;color:#3d6b3f}.finish-check svg{width:28px;height:28px}.finish-title{font-family:var(--font-display);font-size:24px;font-weight:620}.finish-sub{font-size:14.5px;color:var(--ink-soft);margin-bottom:8px}.finish-card .btn{justify-content:center}.finish-next{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius);background:var(--paper-2);text-align:left;font:inherit;color:var(--ink)}.finish-next[hidden]{display:none}.finish-next-cover{width:38px;border-radius:3px 5px 5px 3px;box-shadow:0 2px 8px #211a1340}.finish-next-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.finish-next-label{font-size:11px;font-weight:620;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.finish-next-title{font-family:var(--font-display);font-size:15px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.finish-next>svg{width:16px;height:16px;flex:none;color:var(--ink-soft)}.page-inner .page-img{position:relative}.page-inner::marker{content:none}.page.ready .page-inner{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.35 0 0 0 0 0.28 0 0 0 0 0.2 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.page.ready .page-img{mix-blend-mode:multiply}.page-ph{animation:paper-pulse 1.6s ease infinite}@keyframes paper-pulse{0%,to{opacity:1}50%{opacity:.55}}.flipbook-wrap.lifted{transform:translateY(-1.5px)}.flipbook-wrap.at-cover.lifted{transform:translate(-25%) translateY(-1.5px)}.flipbook-wrap.at-back.lifted{transform:translate(25%) translateY(-1.5px)}.flipbook-wrap.lifted:before{filter:blur(8px);opacity:.85}.book:active .cover{transform:perspective(600px) rotateX(5deg) translateY(-3px)}.page-ribbon{transform-origin:top center}.page-ribbon.swing{animation:ribbon-swing .9s ease}@keyframes ribbon-swing{0%{transform:rotate(0)}30%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}to{transform:rotate(0)}}.chapter-flash{position:absolute;left:50%;bottom:15%;transform:translate(-50%);z-index:60;max-width:78%;padding:10px 22px;border-radius:999px;background:#2b211ae0;color:#f0e9dd;font-family:var(--font-display);font-size:16.5px;font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;animation:flash-inout 2.4s ease forwards}@keyframes flash-inout{0%{opacity:0;transform:translate(-50%) translateY(8px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.tts-bar{flex-direction:column;gap:2px;padding:8px 10px;border-radius:18px;max-width:min(420px,calc(100vw - 32px))}.ab-row{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.ab-15{position:absolute;font-size:8px;font-weight:700;bottom:5px}.ab-back15,.ab-fwd15{position:relative}.ab-timeline-row{gap:10px}.ab-timeline{flex:1;appearance:none;-webkit-appearance:none;height:26px;background:transparent;cursor:pointer}.ab-timeline::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#f0e9dd47}.ab-timeline::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#f0e9dd;margin-top:-5.5px}.ab-timeline::-moz-range-track{height:3px;border-radius:2px;background:#f0e9dd47}.ab-timeline::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#f0e9dd}.ab-time,.ab-rest{font-size:11.5px;color:#cfc5b6;font-variant-numeric:tabular-nums;white-space:nowrap}.ab-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;background:#f0e9dd24;color:#e8e0d2;font-size:12.5px;font-weight:600}.ab-chip svg{width:14px;height:14px}.ab-chip.active{background:#7a3025d9;color:#fdf9f2}.ab-toggle.buffering{animation:paper-pulse 1s ease infinite}.audio-mini{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:150;display:flex;align-items:center;gap:2px;padding:5px 6px;border-radius:999px;background:#2b211af2;box-shadow:0 10px 30px #00000059;max-width:calc(100vw - 40px)}.audio-mini .icon-btn{color:#f0e9dd;width:38px;height:38px;border-radius:50%}.am-open{display:flex;align-items:center;gap:8px;color:#f0e9dd;font-size:14px;font-weight:550;padding:0 8px;max-width:220px}.am-open span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.am-open svg{flex:none;width:16px;height:16px;color:#c96a54}.continue-actions{display:flex;gap:10px;flex-wrap:wrap}.shelf-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.shelf-pill,.recent-chip{padding:9px 16px;border-radius:999px;background:var(--paper-2);color:var(--ink);font-size:13.5px;font-weight:550;transition:background .15s ease,color .15s ease}.shelf-pill.active{background:var(--accent);color:#fdf9f2}.shelf-pill.sort-pill{margin-left:auto;background:transparent;border:1.5px solid rgba(33,26,19,.2)}@media(max-width:559px){.shelf-controls{display:grid;grid-template-columns:repeat(2,1fr)}.shelf-pill{text-align:center;padding:10px 8px}.shelf-pill.sort-pill{margin-left:0}}.recent-row{display:flex;gap:8px;padding:10px 2px 0;flex-wrap:wrap}.cat-jump{position:sticky;top:0;z-index:30;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:8px calc(clamp(20px,5vw,56px)*-1) 0;padding:10px clamp(20px,5vw,56px);background:linear-gradient(var(--paper) 86%,transparent)}.cat-jump::-webkit-scrollbar{display:none}.cat-jump .recent-chip{flex:none;white-space:nowrap;border:1px solid rgba(33,26,19,.12);transition:background .15s ease,color .15s ease,border-color .15s ease}.cat-jump .recent-chip.active{background:var(--accent);border-color:var(--accent);color:#fdf9f2}.shelf-head[data-cat]{scroll-margin-top:66px}.search-chapter{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink);padding:14px 14px 4px;border-bottom:1px solid rgba(33,26,19,.08)}.lsearch-count{float:right;font-family:var(--font-body);font-size:12.5px;font-weight:550;color:var(--accent)}.find-stepper{position:absolute;left:50%;bottom:118px;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:2px;padding:4px 6px;border-radius:999px;background:#2b211af2;box-shadow:0 8px 24px #0006;pointer-events:auto}.find-stepper .icon-btn{color:#f0e9dd;width:36px;height:36px;border-radius:50%}.fs-label{color:#e8e0d2;font-size:13px;font-weight:550;padding:0 6px;white-space:nowrap}button.book-author{display:inline-block;text-decoration:underline;text-decoration-color:#6f635459;text-underline-offset:3px}.chapter-row.current{background:#7a302514}.chapter-row.current .chapter-title{color:var(--accent);font-weight:600}.onboard-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--paper);border:1px solid rgba(120,96,68,.18);border-radius:var(--radius-lg);padding:14px 16px;margin:6px 0 14px;position:relative;cursor:pointer;color:inherit;font:inherit}.onboard-card>svg{width:22px;height:22px;flex:none;color:var(--accent)}.onboard-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.onboard-text strong{font-size:15px;font-weight:600}.onboard-text span{font-size:13px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboard-x{flex:none;width:30px;height:30px;border-radius:50%;color:var(--ink-soft);background:transparent}.onboard-x:hover{background:#7860441a}.onboard-x svg{width:16px;height:16px}.install-steps{display:flex;flex-direction:column;gap:14px;margin:6px 0 4px}.install-steps li{display:flex;align-items:center;gap:12px;list-style:none;font-size:14.5px;line-height:1.45}.step-icon{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#7860441a;color:var(--accent)}.step-icon svg{width:19px;height:19px}.rec-card{margin-top:18px}.rec-cover{flex:none;width:44px;height:62px;object-fit:cover;border-radius:4px;box-shadow:0 2px 8px #211a1347}.rec-card .btn{flex:none;pointer-events:none}.book-about{padding:2px 4px 10px;border-bottom:1px solid rgba(120,96,68,.14);margin-bottom:8px}.book-about p{font-size:13.5px;line-height:1.55;color:var(--ink-soft);font-style:italic}.menu-item[hidden]{display:none}@media(hover:none){.book-menu{opacity:.65}}@media(max-width:640px){.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-height:86dvh;overflow-y:auto;border-radius:20px 20px 0 0;padding-bottom:max(22px,env(safe-area-inset-bottom));animation:sheet-up .28s cubic-bezier(.32,.9,.35,1)}}@keyframes sheet-up{0%{transform:translateY(40px);opacity:.4}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.modal{animation:none}.find-flash,.chapter-flash{animation:none!important;opacity:1}}#reader:has(.tts-bar:not([hidden])) .return-pill,#reader:has(.tts-bar:not([hidden])) .find-stepper{bottom:236px}.note-mark{position:absolute;z-index:2;border-radius:3px;background:#ffd65a57;mix-blend-mode:multiply;pointer-events:none}.hl-overlay{position:fixed;inset:0;z-index:240;display:flex;flex-direction:column;background:#18120df5}.hl-head{display:flex;align-items:center;justify-content:space-between;padding:max(10px,env(safe-area-inset-top)) 16px 0}.hl-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:#f0e9dd}.hl-head .icon-btn{color:#d8cdbc}.hl-hint{padding:2px 16px 8px;font-size:13px;color:#b9ac99}.hl-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:4px 10px}.hl-page{position:relative;max-height:100%;max-width:100%}.hl-img{display:block;max-height:calc(100dvh - 240px);max-width:100%;border-radius:4px;box-shadow:0 10px 40px #00000080}.hl-lines{position:absolute;inset:0}.hl-line{position:absolute;border-radius:3px;cursor:pointer;touch-action:none}.hl-line.on{background:#ffd65a73;box-shadow:0 0 0 2px #ffd65a4d}.hl-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;min-width:200px;min-height:280px;color:#b9ac99}.hl-spinner:after{content:"";width:28px;height:28px;border-radius:50%;border:3px solid rgba(240,233,221,.25);border-top-color:#f0e9dd;animation:spin .9s linear infinite}.hl-foot{padding:10px 16px max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.hl-note{width:100%;resize:none;border:none;border-radius:var(--radius);padding:11px 13px;font:inherit;font-size:14.5px;background:#f6f2ea1f;color:#f0e9dd;outline:none}.hl-note::placeholder{color:#a99b87}.hl-actions{display:flex;gap:10px}.hl-actions .btn{flex:1;justify-content:center}.hl-actions .btn:not(.primary){background:#f6f2ea1f;color:#f0e9dd}.notes-list{display:flex;flex-direction:column;gap:10px}.note-row{display:flex;align-items:stretch;gap:6px}.note-go{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;text-align:left;padding:12px 14px;border-radius:var(--radius);background:var(--paper-2);font:inherit;color:var(--ink)}.note-page{font-size:11px;font-weight:620;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.note-quote{font-family:var(--font-display);font-size:15px;line-height:1.4}.note-own{font-size:13.5px;font-style:italic;color:var(--ink-soft)}.note-actions{display:flex;flex-direction:column;justify-content:center;gap:2px}.find-flash{position:absolute;border-radius:3px;background:#ffd65a73;box-shadow:0 0 0 3px #ffd65a40;pointer-events:none;animation:find-flash 2.8s ease forwards;z-index:3}@keyframes find-flash{0%{opacity:0}12%{opacity:1}70%{opacity:1}to{opacity:0}}.tour-demo{display:flex;justify-content:center;margin:4px 0 14px}.td-book{position:relative;width:108px;height:76px;background:#f6f0e4;border-radius:3px 6px 6px 3px;box-shadow:inset 3px 0 6px #3c2a1a2e,0 4px 12px #211a1340;perspective:300px}.td-page{position:absolute;inset:0 0 0 50%;background:#fbf7ee;border-radius:0 5px 5px 0;box-shadow:1px 1px 4px #3c2a1a33;transform-origin:left center;animation:td-turn 2.6s ease-in-out infinite}.td-hand{position:absolute;right:-6px;bottom:-8px;color:var(--accent);animation:td-hand 2.6s ease-in-out infinite}.td-hand svg{width:22px;height:22px}@keyframes td-turn{0%,18%{transform:rotateY(0)}55%,78%{transform:rotateY(-165deg)}to{transform:rotateY(-165deg)}}@keyframes td-hand{0%,18%{transform:translate(0);opacity:1}55%{transform:translate(-78px);opacity:1}70%,to{transform:translate(-78px);opacity:0}}@media(prefers-reduced-motion:reduce){.td-page,.td-hand{animation:none}}.skeleton-cover{position:relative;overflow:hidden}.seed-fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:#8b6c4a38;transition:height .25s ease}.scrub-bubble{display:flex;flex-direction:column;align-items:center;gap:6px;border-radius:12px}.scrub-bubble[hidden]{display:none}.scrub-thumb{width:58px;border-radius:3px;box-shadow:0 1px 6px #00000059;background:#fbf8f1}.scrub-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-row{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0 4px}@media(min-width:560px){.hub-row{grid-template-columns:repeat(3,1fr)}}.hub-card{display:flex;align-items:center;gap:12px;text-align:left;background:var(--paper);border:1px solid rgba(120,96,68,.18);border-radius:var(--radius-lg);padding:12px 14px;box-shadow:0 2px 10px #211a130f;color:inherit;font:inherit;cursor:pointer;min-width:0}.hub-card:active{transform:scale(.99)}.hub-tefsir{background:linear-gradient(180deg,#f7efe1,var(--paper))}.hub-cover{flex:none;width:42px;height:60px;object-fit:cover;border-radius:4px;box-shadow:0 2px 8px #211a134d}.hub-icon{flex:none;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#7a30251a;color:var(--accent)}.hub-icon svg{width:21px;height:21px}.hub-text{display:flex;flex-direction:column;gap:2px;min-width:0}.hub-text strong{font-size:15px;font-weight:600}.hub-text span{font-size:12.5px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-overlay{position:fixed;inset:0;z-index:72;background:var(--paper);display:flex;flex-direction:column;animation:rnav-in .22s ease}.soon-card{max-width:420px;margin:8vh auto 0;text-align:center;padding:24px}.soon-icon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#7a30251a;color:var(--accent);margin-bottom:16px}.soon-icon svg{width:30px;height:30px}.soon-card h3{font-family:var(--font-display);font-size:22px;margin-bottom:10px}.soon-card p{color:var(--ink-soft);line-height:1.55;font-size:15px}.video-grid{display:grid;grid-template-columns:1fr;gap:14px;padding:4px 2px 8px}@media(min-width:560px){.video-grid{grid-template-columns:repeat(2,1fr)}}.video-card{display:flex;flex-direction:column;gap:8px;background:transparent;text-align:left;color:inherit;font:inherit;cursor:pointer}.video-thumb{position:relative;display:block;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--paper-2)}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-play{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;background:#140e088c;color:#fff;display:grid;place-items:center}.video-play svg{width:24px;height:24px;margin-left:2px}.video-title{font-size:14.5px;font-weight:550;line-height:1.35}.video-playlist-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px;color:var(--accent);font-weight:550;font-size:14px}.video-playlist-link svg{width:18px;height:18px}.video-player{padding:4px 2px}.video-back{display:flex;align-items:center;gap:6px;color:var(--ink-soft);font-size:14px;font-weight:550;padding:6px 4px 12px}.video-back svg{width:18px;height:18px}.video-frame{aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#000}.video-frame iframe{width:100%;height:100%;border:0;display:block}.video-caption{margin-top:12px;font-size:15px;font-weight:600}.sura-list{display:flex;flex-direction:column}.sura-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px 8px;text-align:left;color:inherit;font:inherit;border-bottom:1px solid rgba(120,96,68,.12);cursor:pointer}.sura-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);color:var(--ink-soft);font-size:13px;font-weight:600}.sura-row.current .sura-num{background:var(--accent);color:#fdf9f2}.sura-name{font-size:15.5px;font-weight:550}.sura-meta{font-size:12px;color:var(--ink-soft);white-space:nowrap}.discovery{margin-top:8px}.discovery-track{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.discovery-track::-webkit-scrollbar{display:none}.discovery-track .book{flex:none;width:128px;scroll-snap-align:start}.disc-item{flex:none;width:128px;scroll-snap-align:start;display:flex;flex-direction:column;gap:7px}.disc-item .book{width:100%}.disc-tag{font-size:11px;font-weight:620;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);padding-left:2px}.disc-slot{height:var(--cover-zone);display:flex;align-items:flex-end}.disc-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;aspect-ratio:.705;max-height:100%;border-radius:6px 10px 10px 6px;background:var(--paper-2);color:var(--ink);font:inherit}.disc-tile strong{font-family:var(--font-display);font-size:16px;font-weight:600}.disc-tile .hub-icon{margin:0}.coming-cover{display:block;width:100%;aspect-ratio:.705;object-fit:cover;border-radius:6px 10px 10px 6px;box-shadow:0 6px 16px #2d1c0c38}.coming-title{font-family:var(--font-display);font-size:14.5px;font-weight:600;line-height:1.3;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.wish-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--paper-2);border:1.5px solid rgba(122,48,37,.4);color:var(--accent);font:inherit;font-size:13px;font-weight:600}.wish-btn em{font-style:normal;font-weight:500;color:var(--ink-soft)}.wish-btn.done{background:var(--accent);border-color:var(--accent);color:#fdf9f2}.wish-btn.done svg{width:14px;height:14px}.onboard-line{display:flex;align-items:center;gap:4px;margin:10px 0 4px}.onboard-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:11px 14px;border-radius:999px;background:var(--paper-2);color:var(--ink);font:inherit;text-align:left}.onboard-main strong{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboard-main svg{width:16px;height:16px;flex:none;color:var(--ink-soft)}.onboard-icon svg{width:18px;height:18px;color:var(--accent);display:block}.sub-head{display:flex;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) clamp(10px,3vw,24px) 10px;border-bottom:1px solid rgba(120,96,68,.14);background:var(--paper)}.sub-back{flex:none;width:40px;height:40px;color:var(--ink)}.sub-back svg{width:22px;height:22px}.sub-title{font-family:var(--font-display);font-size:20px;font-weight:600}.sub-body{flex:1;overflow-y:auto;padding:16px clamp(14px,3vw,28px) max(24px,env(safe-area-inset-bottom))}.menu-item.is-ready{color:var(--ink-soft);cursor:default}.menu-item.is-ready svg{color:#4e7a44}.offline-badge{position:absolute;left:6px;bottom:6px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f6f2eaeb;color:#4e7a44;box-shadow:0 1px 5px #211a1340;z-index:2}.offline-badge svg{width:15px;height:15px}.offline-badge.downloading{color:var(--accent)}.highlight-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 6px}.highlight-label{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0 0 9px 2px}.highlight-label svg{width:13px;height:13px;flex:none}.highlight-cell .book{width:100%}.quiet-link{display:block;margin:22px auto 4px;padding:8px 12px;color:var(--ink-soft);font-size:13px;opacity:.75}.quiet-link:hover{opacity:1}.admin-overlay{position:fixed;inset:0;z-index:300;background:var(--paper);overflow-y:auto;display:flex;flex-direction:column}.admin-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) 18px 12px;background:var(--paper);border-bottom:1px solid rgba(120,96,68,.16)}.admin-head h1{font-family:var(--font-display);font-size:20px;font-weight:600}.admin-body{width:100%;max-width:620px;margin:0 auto;padding:18px clamp(16px,4vw,28px) max(40px,env(safe-area-inset-bottom))}.admin-login{display:flex;flex-direction:column;gap:8px;max-width:340px;margin:6vh auto 0}.admin-login .btn{margin-top:14px}.admin-error{color:var(--accent);font-size:13.5px;margin-top:6px}.admin-add,.admin-list{margin-bottom:26px}.admin-add h2,.admin-list h2{font-family:var(--font-display);font-size:18px;margin-bottom:12px}.admin-add .field-label{margin-top:12px}.admin-coming{margin-top:16px;border-top:1px solid rgba(120,96,68,.16);padding-top:12px;display:flex;flex-direction:column;gap:10px}.admin-coming summary{cursor:pointer;font-weight:600;font-size:14.5px}.admin-file{display:block;cursor:pointer}.admin-file-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border:1.5px dashed rgba(120,96,68,.4);border-radius:var(--radius-lg);color:var(--ink-soft);font-size:14.5px;text-align:center}.admin-file-label svg{width:19px;height:19px;flex:none}.admin-upload{margin-top:16px;width:100%}.admin-upload:disabled{opacity:.5}.admin-progress{margin-top:12px;height:8px;border-radius:999px;background:var(--paper-2);overflow:hidden}.admin-progress[hidden]{display:none}.admin-bar{height:100%;width:0;background:var(--accent);transition:width .2s ease}.admin-book{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid rgba(120,96,68,.14)}.admin-book-info{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-book-info strong{font-size:15px;font-weight:600}.admin-book-info span{font-size:12.5px;color:var(--ink-soft)}.admin-del{flex:none;width:38px;height:38px;border-radius:10px;color:var(--accent);background:#7a302514}.admin-del svg{width:17px;height:17px}.admin-note{color:var(--ink-soft);font-size:14px;padding:8px 2px}.admin-logout{display:block;margin:10px auto 0;color:var(--ink-soft);font-size:13.5px;padding:8px 14px}.admin-people .admin-note{margin-bottom:10px}.admin-addadmin{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.admin-addadmin .btn{margin-top:2px}.admin-queue{display:flex;flex-direction:column;gap:10px;margin:12px 0}.queue-card{display:flex;align-items:flex-start;gap:12px;padding:10px;border:1px solid rgba(120,96,68,.16);border-radius:12px;background:var(--paper)}.queue-card.busy{opacity:.7}.queue-card.done{opacity:.55;background:var(--paper-2)}.queue-cover{flex:none;width:44px;height:62px;object-fit:cover;border-radius:4px;box-shadow:0 1px 5px #211a1347;background:#fbf8f1}.queue-fields{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.queue-fields .text-input{padding:8px 10px;font-size:14px}.q-title{font-weight:600}.queue-status{font-size:12px;color:var(--ink-soft)}.admin-upload-all{width:100%;margin-top:6px}.admin-upload-all[hidden]{display:none}.q-remove{flex:none;align-self:center}.cover-pick{position:relative;flex:none;cursor:pointer;display:block;line-height:0}.ab-cover{width:44px;height:62px;object-fit:cover;border-radius:4px;box-shadow:0 1px 5px #211a1347;background:var(--paper-2)}.cover-edit{position:absolute;right:-6px;bottom:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fdf9f2;box-shadow:0 1px 4px #211a1359}.cover-edit svg{width:12px;height:12px}select.text-input{appearance:none;-webkit-appearance:none;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f6354' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center;padding-right:32px;cursor:pointer}.q-cat{font-size:13px;padding:7px 30px 7px 10px;width:100%}.admin-book-btn{width:100%;text-align:left;background:transparent;cursor:pointer;border-radius:10px;transition:background .15s ease}.admin-book-btn:hover{background:var(--paper-2)}.admin-book-btn .admin-book-info{flex:1}.ab-cat-tag{align-self:flex-start;margin-top:4px;padding:3px 9px;border-radius:999px;background:var(--paper-2);font-size:12px;color:var(--ink-soft)}.admin-book-btn:hover .ab-cat-tag{background:#e5ddcd}.ab-edit{flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;background:var(--paper-2);color:var(--ink);font-size:13.5px;font-weight:550}.ab-edit svg{width:15px;height:15px}.bookedit-overlay{position:fixed;inset:0;z-index:320;background:var(--paper);overflow-y:auto;display:flex;flex-direction:column}.bookedit-body{width:100%;max-width:620px;margin:0 auto;padding:18px clamp(16px,4vw,28px) max(40px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.bookedit-body .field-label{margin-top:16px;margin-bottom:6px}.be-cover-row{display:flex;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid rgba(120,96,68,.16)}.be-cover{flex:none;width:96px;height:136px;object-fit:cover;border-radius:6px;box-shadow:0 2px 10px #211a1347;background:var(--paper-2)}.cover-empty{display:grid;place-items:center;padding:4px;border:1px dashed rgba(120,96,68,.35);box-shadow:none;color:var(--ink-soft);font-size:11px;line-height:1.25;text-align:center}.ab-cover.cover-empty{font-size:9px}.be-coverbtn{cursor:pointer}.be-coverbtn svg{width:16px;height:16px;flex:none}.be-title{font-weight:600}.be-pdf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(120,96,68,.16)}.be-pdf-info{display:flex;flex-direction:column;gap:2px;min-width:0}.be-pdf-info strong{font-size:15px;font-weight:600}.be-pdf-state{font-size:12.5px;color:var(--ink-soft)}.be-pdfbtn{flex:none;cursor:pointer}.be-pdfbtn svg{width:16px;height:16px;flex:none}.be-pdfbtn.busy{opacity:.6;pointer-events:none}.be-pdf-note{padding-top:4px}.be-delete{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:center;margin-top:34px;padding:11px 18px;border-radius:var(--radius);color:var(--accent);background:#7a302514;font-size:14.5px;font-weight:550}.be-delete:hover{background:#7a302529}.be-delete svg{width:16px;height:16px}.view-toggle{display:flex;gap:5px;background:var(--paper-2);padding:4px;border-radius:999px;margin:16px 0 6px}.view-tab{flex:1;padding:11px 12px;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--ink-soft);background:transparent;transition:background .15s ease,color .15s ease}.view-tab.active{background:var(--accent);color:#fdf9f2}