@font-face{font-family:Plex;src:url('assets/arabic-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('assets/arabic-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url('assets/arabic-semibold.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{--bg:#faf9f6;--surface:#fffefa;--sidebar:#f1f0eb;--text:#302f2b;--muted:#96938c;--border:#e7e5df;--accent:#c16b47;--accent-dark:#a65332;--accent-light:#f1e4da;--green:#7b8774;--shadow:0 12px 40px #40332312;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Plex,Arial,sans-serif;color:var(--text);font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,textarea,select{color:var(--text)}svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}::selection{background:#eac1a97a}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:242px;display:flex;flex-direction:column;padding:36px 22px 0;background:var(--sidebar);border-left:1px solid var(--border);z-index:20}.brand{display:flex;gap:12px;align-items:center;margin:0 10px 41px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--accent);color:#fff5e9;border-radius:13px;box-shadow:0 4px 8px #ae5c3020;transform:rotate(-5deg)}.brand-mark svg{width:27px;height:27px;transform:rotate(5deg)}.brand b{font-size:34px;line-height:1.3;font-weight:600;letter-spacing:-1px}.brand-dot{color:var(--accent)}.brand small{display:block;font-size:10px;color:#99948b;letter-spacing:.2px;margin-top:3px}.nav-label{font-size:10px;color:#a3a097;font-weight:500;margin:0 14px 10px}.main-nav{display:flex;flex-direction:column;gap:4px}.nav-item{width:100%;min-height:43px;display:flex;align-items:center;gap:12px;padding:9px 14px;text-align:right;color:#77756e;font-size:12px;border-radius:7px;transition:background .15s,color .15s}.nav-item:hover{background:#e9e6df}.nav-item svg{width:18px;height:18px;stroke-width:1.65}.nav-item.active{background:var(--accent-light);color:#b6603f;font-weight:500}.nav-item small{margin-right:auto;font-size:10px;background:#e9e7df;padding:0 6px;border-radius:4px;color:#99958e;min-width:20px;text-align:center}.nav-section-heading{display:flex;align-items:center;justify-content:space-between;margin-top:31px;margin-bottom:5px}.nav-section-heading .nav-label{margin-bottom:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:7px;flex-shrink:0;transition:background .15s,color .15s}.icon-btn:hover{background:var(--accent-light);color:var(--accent)}.icon-btn.small{width:28px;height:28px}.icon-btn.small svg{width:17px;height:17px}.collections-nav .nav-item{min-height:38px;font-size:11px}.collection-dot{width:7px;height:7px;border:1.5px solid;border-radius:50%;margin:0 6px}.sidebar-rule{height:1px;background:var(--border);margin:24px 13px 14px}.sidebar-bottom{margin-top:auto;padding-top:45px}.local-note{display:flex;gap:10px;align-items:center;padding:14px 9px 22px}.local-note b{font-weight:500;font-size:10px;color:#7a7e72}.local-note small{display:block;font-size:9px;color:#a8a59b;margin-top:3px}.local-icon{color:#8b9883}.local-icon svg{width:21px;height:21px}.reader-profile{border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;margin-top:19px;padding:23px 3px}.avatar{width:33px;height:33px;display:grid;place-items:center;background:#e4dfd0;border-radius:50%;color:#8b8064;font-size:17px}.reader-profile b{font-size:10px;font-weight:500}.reader-profile small{display:block;font-size:9px;color:#a3a096;margin-top:2px}.reader-profile>svg{margin-right:auto;color:#9c9e8a;width:17px;height:17px}.workspace{margin-right:242px;flex:1;min-width:0}.topbar{height:91px;padding:0 45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20px}.breadcrumb{display:flex;gap:10px;align-items:center;color:#8b877d;font-size:11px}.breadcrumb svg{width:16px;height:16px;color:#aaa69b}.topbar-actions{display:flex;align-items:center;gap:22px}.search-box{display:flex;gap:9px;align-items:center;width:245px;color:#a49f93}.search-box svg{width:16px;height:16px}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:11px;min-width:0}.search-box input::placeholder{color:#aaa69c}.search-box kbd{font-family:Arial;font-size:10px;border:1px solid var(--border);border-radius:4px;white-space:nowrap;padding:0 4px;line-height:21px;color:#aaa69b}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff9f0;padding:10px 17px;border-radius:6px;font-size:11px;font-weight:500;transition:background .2s,transform .2s;white-space:nowrap}.primary-btn:hover{background:var(--accent-dark);transform:translateY(-1px)}.primary-btn svg{width:17px;height:17px}.subtle-btn{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);padding:6px 0}.subtle-btn:hover{color:var(--accent)}.subtle-btn svg{width:15px;height:15px}.secondary-btn{padding:9px 17px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:12px}.secondary-btn:hover{border-color:var(--accent);color:var(--accent)}#main-content{padding:33px 45px 0;min-height:calc(100vh - 152px);outline:0}.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:10px;color:#a49e91;display:flex;align-items:center;gap:7px;margin-bottom:4px}.eyebrow i{width:5px;height:5px;background:#b47f5b;border-radius:50%}.page-intro h1{font-size:27px;line-height:1.6;letter-spacing:-.6px}.page-intro p{font-size:11px;color:#a19a8d;margin-top:3px}.intro-date{color:#aaa396;font-size:10px;align-self:flex-start;margin-top:15px}.welcome-banner{min-height:178px;background:#eee8de;border:1px solid #eae3d7;position:relative;border-radius:12px;overflow:hidden;display:flex;align-items:center;padding:25px 32px;margin-bottom:32px}.welcome-copy{position:relative;z-index:2;width:40%}.welcome-copy>span{color:#a08b71;font-size:10px;display:flex;gap:7px;align-items:center}.welcome-copy>span i{display:block;background:#b79c7c;width:20px;height:1px}.welcome-copy h2{font-size:26px;line-height:1.5;letter-spacing:-.3px;margin:9px 0 8px;font-weight:500;color:#5b5144}.welcome-copy p{font-size:10px;color:#a49a89;line-height:1.9}.banner-illustration{position:absolute;width:350px;height:205px;right:34%;bottom:-17px}.banner-illustration svg{width:100%;height:100%;stroke:none}.reading-goal{display:flex;align-items:center;gap:16px;margin-right:auto;padding-right:32px;border-right:1px solid #d8cebe;z-index:2}.goal-ring{position:relative;width:64px;height:64px;display:grid;place-items:center}.goal-ring svg{position:absolute;inset:0;width:64px;height:64px;transform:rotate(-90deg);stroke-width:3.5}.goal-ring circle{stroke:#ded7ca}.goal-ring .goal-line{stroke:#a38b69;stroke-dasharray:176;stroke-dashoffset:176;transition:stroke-dashoffset .4s}.goal-ring>span{font-size:19px;line-height:1;text-align:center;color:#74654e}.goal-ring small{display:block;font-size:8px;margin-top:5px;color:#a4967e}.goal-copy b{font-size:11px;font-weight:500;color:#7e725f}.goal-copy small{display:block;font-size:9px;color:#a59a88;max-width:100px;line-height:1.8;margin-top:4px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h2{font-size:18px;letter-spacing:-.3px;display:flex;align-items:center;gap:10px}.section-heading .section-caption{font-size:10px;color:#aaa396;font-weight:400}.section-heading>.subtle-btn{font-size:10px}.continue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:33px}.continue-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;display:flex;gap:18px;padding:18px;min-width:0;cursor:pointer;transition:box-shadow .2s,border-color .2s}.continue-card:hover{border-color:#d0baa6;box-shadow:0 5px 20px #44362108}.continue-cover{width:84px;min-width:84px;height:121px;transform:rotate(-2deg);align-self:center;box-shadow:-4px 6px 8px #463b2620}.book-cover{position:relative;overflow:hidden;border-radius:2px 5px 5px 2px;isolation:isolate;aspect-ratio:2/2.9}.book-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00000005 0%,transparent 82%,#0000001c 94%,#ffffff30 97%,#0000000c 100%);pointer-events:none}.book-cover>svg{width:100%;height:100%;display:block;stroke:none}.cover-text{position:absolute;inset:0;padding:14% 10%;display:flex;align-items:center;flex-direction:column;text-align:center;color:var(--cover-ink,#f8edd8)}.cover-imprint{font-size:6px;opacity:.7;letter-spacing:1px;margin-bottom:auto}.cover-title{font-size:clamp(16px,1.7vw,26px);font-weight:500;line-height:1.5;margin:5% 0;white-space:pre-line;letter-spacing:-.6px}.cover-tagline{font-size:7px;line-height:1.9;max-width:90%;opacity:.8}.cover-author{font-size:7px;margin-top:auto;padding-top:12px}.continue-cover .cover-title{font-size:15px;line-height:1.5}.continue-cover .cover-tagline{font-size:5px}.continue-cover .cover-imprint{font-size:4px}.continue-cover .cover-author{font-size:5px;padding-top:5px}.continue-info{display:flex;flex-direction:column;flex:1;min-width:0;padding-top:3px}.continue-info h3{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author{font-size:9px;color:var(--muted);margin-top:3px}.reading-detail{font-size:8px;color:#a59e91;margin-top:auto;margin-bottom:7px;display:flex;justify-content:space-between;gap:4px}.reading-detail b{font-weight:400;color:#a28167}.progress-track{height:3px;background:#eee9df;border-radius:3px;overflow:hidden;direction:rtl}.progress-track i{display:block;height:100%;background:#b49174;border-radius:3px;transition:width .3s}.continue-link{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a97b5d;margin-top:15px}.continue-link svg{width:14px;height:14px}.shelf-section{margin-bottom:20px}.shelf-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;border-bottom:1px solid var(--border);gap:10px}.shelf-tabs{display:flex;gap:24px}.shelf-tab{padding:3px 0 13px;color:#a9a297;font-size:10px;position:relative;white-space:nowrap}.shelf-tab.active{color:var(--text);font-weight:500}.shelf-tab.active::after{content:"";position:absolute;height:2px;background:var(--accent);bottom:-1px;right:0;left:0}.shelf-tab small{font-size:8px;margin-right:5px;color:#aaa294;font-weight:400}.shelf-controls{display:flex;align-items:center;gap:12px;margin-bottom:9px}.sort-select{border:0;background:transparent;color:#999083;font-size:9px;max-width:120px;cursor:pointer;outline-offset:2px}.view-switch{display:flex;gap:3px}.view-switch .icon-btn{width:25px;height:25px;color:#b1aa9f}.view-switch .icon-btn svg{width:14px;height:14px}.view-switch .active{background:#eae5db;color:#6d665b}.book-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:23px}.book-card{position:relative;min-width:0}.book-open{display:block;width:100%;padding:0;text-align:right}.book-cover-wrap{height:200px;display:flex;align-items:flex-end;justify-content:center;padding:5px 7px 10px;position:relative}.book-cover-wrap::after{content:"";position:absolute;bottom:2px;right:0;left:0;height:6px;background:radial-gradient(ellipse at center,#46341a16,transparent 67%);filter:blur(3px)}.book-card .book-cover{width:100%;max-width:142px;box-shadow:-6px 8px 13px #42341a21,0 1px 2px #3a2c2529;transition:transform .25s,box-shadow .25s}.book-card:hover .book-cover{transform:translateY(-5px) rotate(-1deg);box-shadow:-7px 14px 17px #42341a25}.book-info{padding:13px 7px 0}.book-info h3{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:14px}.book-info .author{font-size:8px;margin-top:4px}.book-status{font-size:7px;color:#b0a99c;margin-top:8px;display:flex;align-items:center;gap:5px}.book-status i{width:4px;height:4px;border-radius:50%;background:#b99c7c}.book-status.finished{color:#849277}.book-status.finished i{background:#93a27e}.book-menu-btn{position:absolute;left:0;bottom:31px;width:22px;height:24px;color:#a99f90;opacity:.45}.book-card:hover .book-menu-btn,.book-menu-btn:focus-visible{opacity:1}.book-menu-btn svg{width:15px;height:15px}.sample-badge{position:absolute;top:11px;right:8px;background:#fffaf1dc;border:1px solid #e5d6bf7a;color:#a08c71;font-size:7px;border-radius:3px;padding:1px 5px;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s}.book-card:hover .sample-badge{opacity:1}.demo-tip{display:flex;align-items:center;justify-content:center;gap:7px;color:#b5aea0;font-size:8px;margin-top:27px}.demo-tip svg{width:13px;height:13px}.app-footer{display:flex;justify-content:space-between;padding:25px 45px 20px;color:#b8b1a5;font-size:8px}.app-footer>span:last-child{display:flex;align-items:center;gap:6px}.app-footer svg{width:11px;height:11px}.list-view{grid-template-columns:1fr;gap:0}.list-view .book-card{display:flex;align-items:center;border-bottom:1px solid var(--border);padding:12px 0}.list-view .book-open{display:flex;align-items:center;gap:20px}.list-view .book-cover-wrap{width:46px;height:65px;padding:0;flex-shrink:0}.list-view .book-cover{height:65px;width:45px}.list-view .cover-title{font-size:8px;letter-spacing:0}.list-view .cover-tagline,.list-view .cover-imprint,.list-view .cover-author{display:none}.list-view .book-info{padding:0;flex:1}.list-view .book-info h3{font-size:14px}.list-view .book-info .author{font-size:10px}.list-view .book-status{position:absolute;left:70px;top:37px;font-size:10px}.list-view .book-menu-btn{left:10px;top:32px;opacity:1}.list-view .sample-badge{display:none}.empty-state{text-align:center;padding:75px 20px 90px;border:1px dashed var(--border);border-radius:12px}.empty-icon{display:grid;place-items:center;width:63px;height:63px;border-radius:18px;background:var(--accent-light);color:var(--accent);margin:0 auto 20px}.empty-icon svg{width:28px;height:28px}.empty-state h2{font-size:20px;margin-bottom:8px}.empty-state p{font-size:12px;color:var(--muted);margin:0 auto 22px;max-width:350px}.annotation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.annotation-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:22px;text-align:right;position:relative;transition:border-color .2s}.annotation-card:hover{border-color:#c7b39d}.annotation-card .annotation-label{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--accent);margin-bottom:12px}.annotation-label svg{width:16px;height:16px}.annotation-card h3{font-size:13px;margin-bottom:7px}.annotation-card p{font-size:12px;line-height:1.9;color:#8b8175;white-space:pre-wrap;overflow-wrap:anywhere}.annotation-meta{font-size:9px;color:var(--muted);margin-top:14px;display:flex;justify-content:space-between;gap:10px}.annotation-card .delete-annotation{position:absolute;left:12px;top:14px;color:#b2a79b}.annotation-open{display:block;width:100%;padding:0;text-align:right}.annotation-delete{float:left}.annotation-filter{display:flex;gap:8px;margin-bottom:24px}.filter-chip{border:1px solid var(--border);border-radius:20px;padding:6px 15px;font-size:11px;color:var(--muted)}.filter-chip.active{background:var(--accent-light);color:var(--accent);border-color:transparent}.mobile-menu,.sidebar-scrim{display:none}.modal{border:1px solid var(--border);border-radius:16px;padding:35px;max-width:480px;width:calc(100% - 32px);max-height:85vh;overflow:auto;background:var(--bg);color:var(--text);box-shadow:0 20px 100px #30241725}.modal::backdrop{background:#26231f55;backdrop-filter:blur(5px)}.modal-close{position:absolute;left:15px;top:15px;color:#a39787}.modal h2{font-size:22px;margin-bottom:7px;line-height:1.7}.modal>p{font-size:12px;color:var(--muted);margin-bottom:22px}.modal-symbol{display:grid;place-items:center;width:49px;height:49px;background:var(--accent-light);color:var(--accent);border-radius:13px;margin:0 auto 15px}.modal-symbol svg{width:26px;height:26px}.upload-modal{text-align:center;max-width:510px;padding:37px}.upload-zone{border:1.5px dashed #d7c3b0;border-radius:12px;background:#f6f1e8;width:100%;display:flex;align-items:center;flex-direction:column;padding:28px 15px;transition:background .2s,border-color .2s}.upload-zone:hover,.upload-zone.dragging{background:#efe5d9;border-color:var(--accent)}.upload-symbol{display:grid;place-items:center;background:#e9decd;border-radius:50%;width:44px;height:44px;color:#ad875c;margin-bottom:12px}.upload-zone b{font-size:15px;font-weight:500}.upload-zone>span:not(.upload-symbol){color:#b0805d;font-size:12px;margin-top:3px}.upload-zone small{color:#afa492;font-size:9px;margin-top:17px}.privacy-line{display:flex;align-items:center;justify-content:center;gap:7px;color:#a49d8f;font-size:9px;margin-top:21px}.privacy-line svg{width:14px;height:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.form-field{display:block;margin-top:18px;font-size:12px;color:var(--muted)}.form-field input,.form-field textarea,.form-field select{display:block;width:100%;border:1px solid var(--border);background:var(--surface);padding:11px 13px;border-radius:7px;margin-top:7px;resize:vertical;font-size:13px}.form-field textarea{min-height:130px}.form-field input[type=checkbox]{display:inline;width:auto}.danger-btn{background:#ae5d4d;color:white;padding:9px 18px;border-radius:6px;font-size:12px}.field-error{font-size:11px;color:#af5c47;min-height:20px;margin-top:5px}.context-menu{position:fixed;z-index:80;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:6px;min-width:180px;box-shadow:0 8px 35px #3e2e2320}.context-menu button{display:flex;gap:9px;align-items:center;width:100%;padding:9px 10px;text-align:right;font-size:11px;border-radius:5px}.context-menu button svg{width:15px;height:15px}.context-menu button:hover{background:var(--sidebar)}.context-menu .danger{color:#ab6553;border-top:1px solid var(--border);border-radius:0;margin-top:4px;padding-top:12px}.settings-section{border-top:1px solid var(--border);padding-top:20px;margin-top:20px}.settings-section h3{font-size:13px;margin-bottom:9px}.settings-section p{font-size:11px;color:var(--muted)}.settings-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.settings-row .secondary-btn{font-size:10px}.settings-storage{display:flex;gap:8px;font-size:11px;color:#8e9b82;align-items:center;margin-top:15px}.settings-storage svg{width:16px;height:16px}.setting-help{font-size:9px;color:var(--muted);margin-top:8px}#import-status{font-size:11px;color:var(--accent);margin-top:12px}.global-drop{position:fixed;inset:14px;border:3px dashed var(--accent);border-radius:22px;z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f6efe7ed;backdrop-filter:blur(8px);pointer-events:none}.global-drop svg{width:65px;height:65px;color:var(--accent);margin-bottom:25px}.global-drop h2{font-size:30px}.global-drop p{color:var(--muted);margin-top:10px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);padding:11px 24px;border-radius:9px;background:#35372f;color:#f9f6ee;font-size:12px;z-index:250;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:var(--shadow);max-width:calc(100vw - 40px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
.reader{position:fixed;inset:0;z-index:50;background:#eeede9;display:flex;flex-direction:column;--paper:#fff;--reader-ink:#39332a}.reader-header{min-height:73px;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:12px 27px;gap:15px;z-index:3}.reader-header-right{display:flex;align-items:center;gap:22px;min-width:0}.reader-header .subtle-btn{font-size:12px;color:#867b6a}.reader-header .subtle-btn svg{width:19px;height:19px}.flip{transform:rotate(180deg)}.toolbar-divider{width:1px;height:23px;background:var(--border);display:block;flex-shrink:0}.reader-book-name{display:flex;flex-direction:column;min-width:0}.reader-book-name b{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:270px;font-weight:500}.reader-book-name small{font-size:8px;color:var(--muted)}.reader-header-tools{display:flex;align-items:center;gap:6px;color:#8d8576}.reader-header-tools .toolbar-divider{margin:0 8px}.reader-header-tools .active{background:var(--accent-light);color:var(--accent)}.reader-header-tools .active svg{fill:#c16b4720}.reader-body{display:flex;flex:1;overflow:hidden;position:relative;direction:ltr}.reader-scroll{overflow:auto;flex:1;padding:35px 30px;direction:rtl;overscroll-behavior:contain;display:flex;align-items:flex-start}.page-stage{position:relative;background:var(--paper);margin:0 auto;box-shadow:0 3px 18px #26201712;flex-shrink:0;min-height:300px;touch-action:pan-x pan-y;color:var(--reader-ink)}.page-stage canvas{display:block;direction:ltr}.page-loading{padding:90px 80px;font-size:13px;color:#a69781}.sample-page{width:100%;min-height:100%;padding:9% 12% 12%;position:relative;color:var(--reader-ink);background:var(--paper);font-size:var(--page-font,16px)}.sample-page-top{display:flex;justify-content:space-between;font-size:.5em;color:#b5a995;border-bottom:1px solid #b5a9953b;padding-bottom:1.5em;gap:1em}.sample-page .chapter{font-size:.65em;letter-spacing:.1em;color:#aa8c63;margin-top:4em}.sample-page h2{font-weight:500;font-size:1.8em;margin:1em 0 1.2em;line-height:1.7}.sample-page p{font-size:.9em;line-height:2.6;text-align:justify;margin-bottom:1.6em}.sample-page blockquote{margin:2em 0;border-right:2px solid #bfa88a;padding-right:1.3em;font-size:1em;color:#a28c6e;line-height:2.3}.sample-page-number{position:absolute;bottom:3%;right:0;left:0;text-align:center;font-size:.6em;color:#ad9e88}.sample-watermark{text-align:center;margin-top:3em;font-size:.5em;color:#b4ab9b}.reader-footer{height:62px;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-top:1px solid var(--border);padding:0 28px;gap:15px;flex-shrink:0;z-index:3}.zoom-tools{display:flex;align-items:center;gap:7px;color:#a19788}.zoom-value{font-size:10px;color:#988e7e;min-width:43px}.page-navigation{display:flex;align-items:center;gap:10px}.page-navigation>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#a19583}.page-navigation input{border:1px solid var(--border);background:var(--surface);border-radius:5px;width:48px;padding:4px 3px;text-align:center;font-size:11px;appearance:textfield;-moz-appearance:textfield}.page-navigation input::-webkit-inner-spin-button{appearance:none}.page-navigation b{font-size:10px;font-weight:400}.reader-progress{display:flex;align-items:center;gap:10px;font-size:9px;color:#a19788;width:150px}.reader-progress .progress-track{flex:1;max-width:80px}.reader-progress svg{width:15px;height:15px;color:#9aa18d}.reader-panel{width:285px;flex-shrink:0;background:var(--bg);border-right:1px solid var(--border);padding:25px 20px;overflow:auto;direction:rtl}.reader-panel h2{font-size:16px;margin-bottom:8px}.reader-panel>p{font-size:10px;color:var(--muted);margin-bottom:20px}.reader-panel h3{font-size:11px;color:#ad906a;margin:22px 0 9px}.panel-entry{position:relative;border:1px solid var(--border);border-radius:7px;margin-bottom:9px;background:var(--surface)}.panel-entry>button:first-child{text-align:right;display:block;width:100%;padding:12px 12px 14px 35px;font-size:11px}.panel-entry small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.panel-entry p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;color:#8d8272;margin-top:5px}.panel-entry .icon-btn{position:absolute;top:8px;left:3px;color:#b2a596}.panel-empty{font-size:10px;color:#aaa092;padding:8px 0;line-height:2}.annotation-layer{position:absolute;inset:0;pointer-events:none;z-index:4}.annotation-layer.drawing{pointer-events:auto;cursor:crosshair;touch-action:none}.highlight-rect{position:absolute;background:#f5d66575;border-radius:2px;mix-blend-mode:multiply;pointer-events:auto;cursor:pointer}.highlight-rect.green{background:#9ac6a178}.highlight-rect.pink{background:#e6a5b378}.highlight-rect.draft{pointer-events:none;border:1px dashed #b59a5d}.highlight-help{position:absolute;z-index:6;bottom:78px;left:50%;transform:translateX(-50%);background:var(--surface);box-shadow:0 5px 30px #46332125;border:1px solid var(--border);border-radius:30px;padding:7px 10px 7px 18px;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:10px;color:#a38e71}.color-dot{width:17px;height:17px;border-radius:50%;border:3px solid transparent;outline:1px solid transparent}.color-dot.active{outline-color:#b8a079}.color-dot.yellow{background:#eed681}.color-dot.green{background:#a1c3a4}.color-dot.pink{background:#dfa2b2}.reader.sepia{--paper:#f5ecd8;--reader-ink:#64563f;background:#e6dece}.reader.sepia canvas{filter:sepia(.28)}.reader.night{--paper:#2e302e;--reader-ink:#cec7b7;background:#202320}.reader.night canvas{filter:invert(.86) hue-rotate(180deg)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:clip;opacity:1;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2;caret-color:CanvasText}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}.textLayer> :not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1}.textLayer span.markedContent{top:0;height:0}.textLayer ::selection{background:#d5aa6266;color:transparent}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:0;cursor:default;user-select:none}.textLayer.selecting .endOfContent{top:0}
body.dark{--bg:#232622;--surface:#2a2d28;--sidebar:#1d211d;--text:#e4dfd4;--muted:#9b9c8d;--border:#383e34;--accent:#d0926c;--accent-dark:#bd805b;--accent-light:#42392b;--green:#a4b096;color-scheme:dark}.dark .welcome-banner{background:#35372c;border-color:#414337}.dark .welcome-copy h2{color:#ded0b4}.dark .welcome-copy p{color:#ad9f87}.dark .welcome-copy>span{color:#bdac8d}.dark .nav-item:hover{background:#31362d}.dark .reader-profile .avatar{background:#3e4435;color:#d9c5a3}.dark .progress-track{background:#444638}.dark .goal-ring circle{stroke:#50513d}.dark .goal-ring .goal-line{stroke:#c0a978}.dark .goal-copy b{color:#c9b995}.dark .goal-ring>span{color:#d2c3a6}.dark .upload-zone{background:#34372d}.dark .upload-symbol{background:#494535}.dark .global-drop{background:#282d23ee}.dark .view-switch .active{background:#454737;color:#d4c7ae}.dark .book-cover-wrap::after{background:transparent}.dark .settings-row .secondary-btn{background:#32372e}.dark .nav-item small{background:#353a2e}.dark .reader{background:#181c17}
@media(min-width:1550px){#main-content{max-width:1450px;margin:auto;padding-top:40px}.book-cover-wrap{height:237px}.book-card .book-cover{max-width:160px}.continue-cover{width:96px;min-width:96px;height:139px}.continue-card{padding:22px;gap:22px}.continue-info h3{font-size:15px}.continue-info .author{font-size:10px}.reading-detail{font-size:9px}.continue-link{font-size:10px}.welcome-banner{min-height:195px}.page-intro h1{font-size:31px}.book-info h3{font-size:13px}.book-info .author{font-size:9px}.book-status{font-size:8px}.book-cover .cover-title{font-size:27px}.continue-cover .cover-title{font-size:18px}.shelf-tab{font-size:11px}.section-heading h2{font-size:20px}}
@media(max-width:1200px){.sidebar{width:218px;padding-left:16px;padding-right:16px}.workspace{margin-right:218px}.topbar{padding:0 32px}#main-content{padding:28px 32px 0}.app-footer{padding-right:32px;padding-left:32px}.book-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.book-grid .book-card:nth-child(6){display:none}.book-grid.list-view .book-card:nth-child(6){display:flex}.book-cover-wrap{height:184px}.cover-title{font-size:21px}.continue-card{padding:14px 12px;gap:11px}.continue-cover{width:67px;min-width:67px;height:97px}.continue-cover .cover-title{font-size:12px}.continue-info h3{font-size:11px}.continue-info .author{font-size:8px}.reading-detail{font-size:7px;margin-bottom:6px}.continue-link{font-size:8px;margin-top:11px}.continue-grid{gap:12px}.reading-goal{padding-right:20px;gap:10px}.goal-ring{transform:scale(.9)}.banner-illustration{width:280px;right:31%}.welcome-copy h2{font-size:24px}.shelf-tabs{gap:19px}.search-box{width:220px}}
@media(max-width:980px){.sidebar{width:195px;padding:27px 12px 0}.workspace{margin-right:195px}.brand{margin-bottom:28px;gap:10px}.brand b{font-size:30px}.brand-mark{width:38px;height:38px}.brand small{font-size:8px}.nav-item{font-size:11px;gap:10px}.nav-label{font-size:9px}.reader-profile b{font-size:9px}.local-note{padding-right:6px;gap:7px}.local-note b{font-size:9px}.local-note small{font-size:8px}.topbar{height:78px;padding:0 26px}.topbar-actions{gap:14px}.search-box{width:190px}.search-box kbd{display:none}#main-content{padding:26px 26px 0}.page-intro h1{font-size:24px}.intro-date{display:none}.welcome-banner{padding:23px;min-height:174px}.welcome-copy{width:52%}.banner-illustration{width:240px;right:33%;opacity:.75;bottom:-26px}.reading-goal{flex-direction:column;gap:1px;padding-right:17px}.goal-copy small{display:none}.goal-copy b{font-size:9px}.goal-ring{width:58px;height:58px}.goal-ring svg{width:58px;height:58px}.continue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-grid .continue-card:nth-child(3){display:none}.continue-cover{width:75px;min-width:75px;height:109px}.continue-cover .cover-title{font-size:14px}.continue-info h3{font-size:12px}.reading-detail{font-size:8px}.continue-link{font-size:9px}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.book-grid .book-card:nth-child(6){display:block}.book-cover-wrap{height:190px}.book-info{padding-top:10px}.shelf-tab{font-size:9px}.shelf-tabs{gap:15px}.sort-select{font-size:8px;max-width:100px}.shelf-controls{gap:4px}.section-heading h2{font-size:17px}.section-heading .section-caption{font-size:8px}.reading-goal .goal-copy{max-width:80px;text-align:center}.app-footer{padding-right:26px;padding-left:26px}.reader-header{padding:11px 18px}.reader-book-name b{max-width:200px}.reader-header-right{gap:14px}}
@media(max-width:760px){.sidebar{transform:translateX(100%);transition:transform .25s;width:238px;padding:30px 22px 0}.workspace{margin-right:0}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-scrim{display:block;position:fixed;inset:0;background:#302b2355;z-index:19;backdrop-filter:blur(2px)}.brand{margin-bottom:30px}.brand b{font-size:34px}.brand small{font-size:10px}.nav-item{font-size:12px}.nav-label{font-size:10px}.mobile-menu{display:flex;width:28px;height:32px}.topbar{height:75px;padding:0 22px;gap:12px}.breadcrumb{display:none}.topbar-actions{flex:1;justify-content:space-between;flex-direction:row;gap:12px}.search-box{flex:1;max-width:270px}.search-box input{font-size:11px}.primary-btn{font-size:10px;padding:9px 12px}#main-content{padding:26px 24px 0}.page-intro h1{font-size:26px}.eyebrow{font-size:9px}.page-intro p{font-size:10px}.welcome-banner{margin-bottom:28px;min-height:165px}.welcome-copy h2{font-size:24px}.welcome-copy p{font-size:9px}.banner-illustration{right:33%;bottom:-22px;width:240px;opacity:.75}.reading-goal{border:none;padding:0;margin-left:-6px}.goal-copy b{font-size:8px}.continue-grid{margin-bottom:28px;gap:14px}.continue-card{padding:17px 13px;gap:15px}.continue-cover{width:74px;min-width:74px;height:108px}.section-heading h2{font-size:17px}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.book-cover-wrap{height:188px;padding-right:4px;padding-left:4px}.cover-title{font-size:22px}.cover-author{font-size:6px}.book-info{padding-left:3px;padding-right:3px}.book-info h3{font-size:11px}.app-footer{padding:25px 24px 19px;font-size:7px}.reader-header{padding:9px 12px;min-height:65px;gap:9px}.reader-header .subtle-btn span{display:none}.reader-header-right{gap:10px}.reader-header-right .toolbar-divider{display:none}.reader-book-name b{max-width:175px;font-size:11px}.reader-header-tools{gap:1px}.reader-header-tools .icon-btn{width:32px;height:32px}.reader-header-tools .icon-btn svg{width:18px;height:18px}.reader-header-tools .toolbar-divider{margin:0 3px}.fullscreen-btn{display:none}.reader-footer{padding:0 12px;gap:8px}.reader-progress{width:80px;gap:6px}.reader-progress .progress-track{max-width:35px}.reader-progress>svg{display:none}.reader-panel{position:absolute;left:0;top:0;bottom:0;z-index:8;width:min(85vw,290px);box-shadow:5px 0 35px #29251c20}.reader-scroll{padding:22px 12px}.reader-footer .zoom-tools{gap:1px}.zoom-value{min-width:35px}.page-navigation{gap:0}.page-navigation>span{gap:5px;font-size:9px}.page-navigation input{width:39px}.page-navigation .icon-btn{width:31px}.highlight-help{font-size:8px;gap:8px;padding-left:12px;max-width:calc(100vw - 16px)}.annotation-grid{gap:12px}.annotation-card{padding:17px}}
@media(max-width:520px){.topbar{padding:0 17px;gap:12px}.search-box{gap:7px;max-width:180px}.search-box svg{width:15px;height:15px}.search-box input{font-size:10px}.primary-btn{gap:5px;padding:8px 11px}.primary-btn svg{width:15px;height:15px}#main-content{padding:24px 20px 0}.page-intro{margin-bottom:20px}.page-intro h1{font-size:24px}.page-intro p{font-size:9px;margin-top:3px}.welcome-banner{padding:24px 21px;min-height:166px;border-radius:9px;overflow:hidden}.welcome-copy{width:76%}.welcome-copy>span{font-size:8px}.welcome-copy h2{font-size:24px;margin:8px 0}.welcome-copy p{font-size:8px;max-width:205px}.banner-illustration{width:220px;right:auto;left:-48px;bottom:-31px;opacity:.6}.reading-goal{display:none}.section-heading h2{font-size:17px}.section-heading .section-caption{font-size:8px;display:none}.section-heading>.subtle-btn{font-size:8px;gap:4px}.continue-grid{grid-template-columns:1fr;gap:12px}.continue-grid .continue-card:nth-child(3){display:flex}.continue-card{padding:16px 19px;gap:22px;min-height:140px}.continue-cover{width:76px;min-width:76px;height:110px}.continue-info h3{font-size:14px}.continue-info .author{font-size:9px}.reading-detail{font-size:9px;margin-bottom:8px}.continue-link{font-size:10px;margin-top:12px}.continue-cover .cover-title{font-size:14px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.book-cover-wrap{height:auto;aspect-ratio:2/3;padding:3px 2px 6px}.book-card .book-cover{max-width:145px;width:100%}.cover-title{font-size:20px}.cover-tagline{font-size:6px}.cover-imprint{font-size:5px}.book-info{padding:8px 1px 0}.book-info h3{font-size:10px;padding-left:10px}.book-info .author{font-size:7px}.book-status{font-size:6px;margin-top:5px;gap:3px}.book-menu-btn{width:18px;bottom:23px;left:-4px;opacity:.6}.book-menu-btn svg{width:13px;height:13px}.shelf-toolbar{margin-bottom:19px;flex-wrap:wrap}.shelf-tabs{gap:19px;flex:1}.shelf-tab{font-size:9px;padding-bottom:11px}.shelf-tab small{font-size:7px;margin-right:3px}.shelf-controls{gap:7px}.sort-select{display:none}.view-switch .icon-btn{width:22px;height:22px}.view-switch .icon-btn svg{width:12px;height:12px}.demo-tip{font-size:7px;gap:5px;margin-top:22px;align-items:flex-start;line-height:1.8}.demo-tip svg{flex-shrink:0}.annotation-grid{grid-template-columns:1fr}.annotation-filter{gap:5px;flex-wrap:wrap}.filter-chip{font-size:10px;padding:5px 12px}.app-footer{font-size:6px;padding-right:20px;padding-left:20px}.reader-book-name b{max-width:115px;font-size:10px}.reader-book-name small{font-size:7px}.reader-header-tools .icon-btn{width:29px;height:31px}.reader-header-tools .icon-btn svg{width:16px;height:16px}.reader-header-tools .toolbar-divider{margin:0 2px}.reader-header-right{gap:7px}.reader-header-right .subtle-btn{width:21px}.reader-progress{width:47px;justify-content:flex-end}.reader-progress .progress-track{display:none}.reader-footer{font-size:8px}.zoom-tools .icon-btn{width:24px}.zoom-tools .icon-btn svg{width:15px;height:15px}.zoom-value{min-width:29px;font-size:9px}.page-navigation>span{font-size:8px}.page-navigation b{font-size:9px}.page-navigation .icon-btn{width:27px}.page-navigation input{font-size:10px;width:33px}.reader-scroll{padding:14px 7px}.modal{padding:29px 24px}.upload-modal{padding:32px 23px}.upload-modal h2{font-size:21px}.upload-modal>p{font-size:11px}.privacy-line{font-size:8px}.list-view .book-info h3{font-size:12px}.list-view .book-status{left:34px;font-size:8px}.list-view .book-menu-btn{left:0}.empty-state{padding:65px 17px}.empty-state h2{font-size:18px}.empty-state p{font-size:11px}}
/* Every book remains available at every breakpoint. */
.book-grid .book-card:nth-child(6){display:block}.book-grid.list-view .book-card:nth-child(6){display:flex}
@media(max-width:760px){.sidebar{visibility:hidden}.sidebar-open .sidebar{visibility:visible}}
.reader-mode-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 9px;border:1px solid var(--border);border-radius:7px;font-size:10px;white-space:nowrap;margin:0 3px;color:#9d8164;background:var(--surface)}
.reader-mode-btn svg{width:17px;height:17px}.reader-mode-btn:hover,.reader-mode-btn[aria-expanded=true]{background:var(--accent-light);border-color:#c7a78b;color:var(--accent)}
.reader-mode-popover{position:absolute;z-index:25;top:66px;left:88px;width:350px;max-width:calc(100vw - 24px);padding:20px;background:var(--bg);border:1px solid var(--border);border-radius:13px;box-shadow:0 14px 60px #33271f26;animation:popover-in .18s ease-out}
.mode-popover-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--accent);margin-bottom:2px}.mode-popover-heading .icon-btn{color:var(--muted)}
.reader-mode-popover h2{font-size:21px;font-weight:500;margin:0 0 3px}.reader-mode-popover>p{font-size:9px;color:var(--muted);margin-bottom:17px}
.reader-mode-options{display:flex;flex-direction:column;gap:7px}.reader-mode-option{display:flex;align-items:center;gap:13px;border:1px solid var(--border);border-radius:8px;padding:9px 11px;text-align:right;background:var(--surface);min-height:66px;transition:background .15s,border-color .15s}
.reader-mode-option:hover{border-color:#cbb79f;background:var(--sidebar)}.reader-mode-option.selected{background:var(--accent-light);border-color:#c9a98c}.mode-option-copy{flex:1}.mode-option-copy b{display:block;font-size:12px;font-weight:500}.mode-option-copy small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.mode-selected{color:var(--accent);opacity:0}.mode-selected svg{width:17px;height:17px}.selected .mode-selected{opacity:1}
.mode-preview{position:relative;display:block;width:47px;height:43px;flex-shrink:0;background:#e9e3d7;border-radius:5px;overflow:hidden;perspective:120px}.mode-preview i{position:absolute;width:20px;height:29px;left:13px;top:7px;border:1px solid #cdbfa9;border-radius:1px;background:repeating-linear-gradient(0deg,transparent,transparent 5px,#d6c9b366 5px,#d6c9b366 6px),#fff9ee;box-shadow:0 1px 3px #6e5b3820;transform-origin:right center}.preview-continuous i{height:20px;top:-9px}.preview-continuous i:nth-child(2){top:14px}.preview-continuous i:nth-child(3){top:37px}.preview-curl i:nth-child(2){transform:rotateY(42deg);background:#e1d2ba;left:9px}.preview-curl i:nth-child(3){transform:rotateY(70deg);background:#eee2cc;left:9px}.preview-slide i:first-child{left:3px;opacity:.3;transform:scale(.9)}.preview-slide i:nth-child(2){left:14px}.preview-slide i:nth-child(3){left:35px;opacity:.35}.preview-fade i:first-child{opacity:.22;left:7px}.preview-fade i:nth-child(2){left:18px;opacity:.6}.preview-fade i:nth-child(3){display:none}.preview-instant i:not(:first-child){display:none}.reader-mode-option:hover .preview-curl i:last-child{animation:mini-curl 1.2s ease-in-out infinite}.reader-mode-option:hover .preview-continuous i{animation:mini-scroll 1.5s linear infinite}.reader-mode-option:hover .preview-slide i{animation:mini-slide 1.2s ease-in-out infinite}.reader-mode-option:hover .preview-fade i{animation:mini-fade 1.2s ease-in-out infinite}
.mode-popover-footer{border-top:1px solid var(--border);padding-top:13px;margin-top:16px;color:#a79a86;font-size:8px;display:flex;align-items:center;gap:6px}.mode-popover-footer svg{width:13px;height:13px;color:#94a087}
.reader-pages{position:relative;margin:0 auto;flex-shrink:0;isolation:isolate}.reader-page-shell{position:relative;width:100%}.reader-pages .page-stage{margin:0;min-height:0}.paged-pages{perspective:1800px}.page-preparing{position:absolute!important;top:0;left:0;visibility:hidden;pointer-events:none}.turning-page{position:absolute!important;top:0;left:0;z-index:5;pointer-events:none!important;will-change:transform,opacity;transform-style:preserve-3d}.turning-page .annotation-layer{pointer-events:none!important}.paper-leaf>.page-stage{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(0deg);transform-origin:inherit;box-shadow:0 4px 35px #261d2928}.paper-leaf>.page-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#3d2d1c1a,transparent 9%,transparent 85%,#fff8 96%,#5c482c24);z-index:6;border-radius:inherit}.paper-back{position:absolute;inset:0;transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(90deg,#bbaa8f55,transparent 15%,#fff2 75%,#78614033),var(--paper);overflow:hidden;box-shadow:0 5px 30px #29221525;border-left:1px solid #ac9b7c66}.paper-bleed{opacity:.1;transform:scaleX(-1);pointer-events:none;filter:sepia(.2);box-shadow:none!important}.paper-bleed .annotation-layer{display:none!important}.turn-cast-shadow{position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(90deg,transparent 10%,#2a201924 50%,#2a201970);opacity:0}.page-placeholder{display:grid;place-items:center;position:absolute;inset:0;color:#b5a690;font-size:11px;padding:25px;text-align:center}.page-retry{width:100%;height:100%;color:var(--accent)}
.reader-scroll.continuous{display:block;scroll-behavior:auto;overflow-anchor:auto}.continuous-pages{display:flex;flex-direction:column;gap:12px}.continuous-pages .reader-page-shell{padding-bottom:28px}.continuous-page-label{position:absolute;bottom:1px;right:0;left:0;text-align:center;font-size:9px;color:#aaa08d;direction:rtl;user-select:none;line-height:21px}.reader.night .continuous-page-label{color:#878b7d}.reader.night .mode-preview{background:#4d4b3c}.dark .mode-preview{background:#55513f}.dark .mode-preview i{border-color:#9d896c;background-color:#ddcfb2}
@keyframes popover-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes mini-curl{0%,100%{transform:rotateY(25deg)}50%{transform:rotateY(115deg)}}@keyframes mini-scroll{to{transform:translateY(-23px)}}@keyframes mini-slide{50%{transform:translateX(-8px)}}@keyframes mini-fade{50%{opacity:.15}}
@media(max-width:980px){#reader-mode-label{display:none}.reader-mode-btn{padding:6px;width:33px;height:33px;gap:0}.reader-mode-popover{left:45px}}
@media(max-width:760px){.reader-mode-popover{left:12px;top:61px}.reader-mode-btn{width:30px;height:31px;margin:0 1px}.continuous-pages{gap:8px}.continuous-pages .reader-page-shell{padding-bottom:25px}}
@media(max-width:520px){.reader-book-name b{max-width:87px}.reader-header-right{gap:5px}.reader-header-tools .toolbar-divider{margin:0 1px}.reader-mode-btn{width:28px;height:30px;padding:5px;margin:0}.reader-mode-btn svg{width:16px;height:16px}.reader-mode-popover{padding:17px}.reader-mode-popover h2{font-size:20px}.reader-mode-option{min-height:65px}.continuous-page-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Mobile viewport, keyboard, and touch controls. */
html,body{max-width:100%;overflow-x:clip}button{touch-action:manipulation}
.reader{height:100dvh;bottom:auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.reader-body,.reader-scroll{min-width:0;min-height:0}.reader-scroll{direction:ltr;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.reader-pages{direction:rtl}
.reader-header,.reader-footer{flex-shrink:0}.reader-footer{height:auto;min-height:62px}.annotation-layer.drawing{touch-action:none;-webkit-user-select:none;user-select:none}
.modal{max-height:calc(100dvh - 28px);overscroll-behavior:contain}.modal input,.modal textarea,.modal select{font-size:16px}.textLayer{-webkit-user-select:text;user-select:text}
@media(max-width:520px){
 .reader-header{flex-wrap:wrap;padding:7px max(12px,env(safe-area-inset-right)) 5px;gap:2px;min-height:0}
 .reader-header-right{width:100%;min-height:31px;justify-content:space-between}.reader-book-name{flex:1;text-align:center}.reader-book-name b{max-width:240px}.reader-header-right .subtle-btn{width:35px;min-height:31px}
 .reader-header-tools{width:100%;justify-content:space-between;gap:0}.reader-header-tools .icon-btn,.reader-header-tools .reader-mode-btn{width:42px;height:42px}.reader-header-tools .toolbar-divider{display:none}
 .reader-mode-popover{top:89px;max-height:calc(100dvh - 175px);overflow:auto}
 .reader-footer{min-height:58px;padding:3px max(8px,env(safe-area-inset-left))}.reader-footer .icon-btn{width:35px;height:40px}.page-navigation input{font-size:16px;width:43px}.page-navigation>span{gap:4px}.reader-progress{width:35px}.zoom-value{font-size:10px}
 .highlight-help{bottom:calc(75px + env(safe-area-inset-bottom));white-space:normal;font-size:10px;width:max-content;max-width:calc(100vw - 16px)}.highlight-help .color-dot{min-width:22px;min-height:22px}
 .modal textarea{min-height:115px}.modal-actions{position:sticky;bottom:0;background:var(--bg);padding:10px 0;margin-top:12px}.modal .primary-btn,.modal .secondary-btn{min-height:42px}
}

/* Keep every navigation item reachable on short screens and when zoomed in. */
.sidebar{height:100vh;height:100dvh;bottom:auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(16px,env(safe-area-inset-bottom));scroll-padding-block:16px}
.sidebar>*{flex-shrink:0}