@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Libre+Caslon+Display&family=Noto+Nastaliq+Urdu:wght@400;500;600&display=swap";:root{font-family:DM Sans,sans-serif;color:#243f36;background:#faf9f5;font-synthesis:none;font-weight:400;--green: #204d3e;--ink: #243f36;--muted: #758079;--paper: #faf9f5;--line: #e3e6dd}*{box-sizing:border-box}body{margin:0}button,a,input,select{touch-action:manipulation}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #aa693e;outline-offset:4px}a{color:inherit;text-decoration:none}button{transition:background .18s,color .18s,transform .18s}input,select{min-width:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#f0f2ea;border-right:1px solid #dfe4d9;padding:34px 21px 0;display:flex;flex-direction:column;z-index:20}.wordmark{display:flex;align-items:center;gap:14px;margin:0 12px 51px;color:#254b3b}.wordmark>span:last-child{font-family:Libre Caslon Display,Georgia,serif;font-size:45px;line-height:1}.wordmark-dot{color:#b47954}.wordmark small{font:8px DM Sans,sans-serif;letter-spacing:1.7px;display:block;margin-top:11px}.urdu-mark{font-family:Noto Nastaliq Urdu,serif;font-size:32px;border-right:1px solid #c8d2c3;padding-right:15px;line-height:1.8}.sidebar-label{font-size:10px;letter-spacing:1.6px;color:#788576;font-weight:600;margin:0 13px 14px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:12px 13px;border-radius:6px;font-size:12px;margin-bottom:4px;color:#68766b}.nav-item span:nth-child(2){flex:1}.nav-item small{font-size:10px;opacity:.7}.nav-item:hover{background:#e4eadd}.nav-item.active{background:#dce6d9;color:#284c39;font-weight:600}.collection-label{display:flex;justify-content:space-between;align-items:center;margin-top:35px;margin-bottom:10px}.collection-label button{padding:2px}.collection-row{position:relative}.collection-row .nav-item{padding-right:25px}.collection-edit{position:absolute;right:1px;top:12px;padding:2px;opacity:0}.collection-row:hover .collection-edit,.collection-edit:focus-visible{opacity:1}.collection-dot{width:7px;height:7px;background:#b69167;border-radius:50%;margin:0 5px}.dot-1{background:#7b9783}.dot-2{background:#b6a373}.dot-3{background:#8b8aaf}.new-collection{display:flex;gap:9px;align-items:center;margin:8px 13px;font-size:11px;color:#77836e}.sidebar-bottom{margin-top:auto;padding-top:28px}.drive-status{display:flex;gap:9px;padding:15px 12px 19px;border-bottom:1px solid #dce2d4;margin-bottom:13px}.status-dot{width:6px;height:6px;border-radius:50%;background:#648557;margin-top:5px}.demo-dot{background:#bd9259}.drive-status strong{font-size:10px;font-weight:550}.drive-status small{font-size:9px;display:block;margin-top:5px;color:#788173}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #dce2d4;padding:20px 9px;margin-top:12px}.profile strong{font-size:11px;font-weight:550}.profile small{display:block;font-size:9px;color:#899180;margin-top:4px}.profile button{margin-left:auto}.avatar{width:31px;height:31px;border-radius:50%;background:#dce2d1;color:#5b704c;display:grid;place-items:center;font-family:Georgia,serif;font-size:12px}main{margin-left:248px;flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;font-size:11px}.breadcrumbs{color:#879082}.breadcrumbs span{margin:0 13px;color:#bcc3b8}.breadcrumbs strong{font-weight:500;color:#536551}.topbar-right{display:flex;align-items:center;gap:24px}.private-label{font-size:10px;color:#818d7b;display:flex;align-items:center;gap:7px}.private-label span{width:5px;height:5px;border-radius:50%;background:#7d956d}.quiet-button{display:flex;align-items:center;gap:8px;border:1px solid #dce2d5;padding:8px 12px;border-radius:5px;font-size:10px}.quiet-button:hover{background:#edf1e7}.content{max-width:1480px;padding:43px 44px 0;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#839174;font-weight:600}.page-heading h1{font-family:Libre Caslon Display,Georgia,serif;font-size:46px;letter-spacing:-.8px;line-height:1.15;margin-top:12px;color:#244835}.page-heading p{font-size:11px;color:#86907e;margin-top:11px}.heading-flourish{text-align:center;transform:rotate(-7deg);margin:0 8px}.heading-flourish svg{display:block;width:37px;height:37px;margin:0 auto 7px;color:#a6b49a}.heading-flourish span{font-family:Georgia,serif;font-style:italic;font-size:11px;color:#a5ab93}.demo-banner{padding:11px 14px;background:#f2ede1;border:1px solid #e8dfca;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#7c704e;margin-bottom:26px}.demo-banner strong{font-weight:550}.demo-banner button{display:flex;align-items:center;gap:7px;white-space:nowrap;font-weight:600;font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.section-heading h2{font-family:Libre Caslon Display,Georgia,serif;font-size:24px;letter-spacing:-.2px}.section-heading h2>span:not(.count){font-family:Georgia;font-size:17px;color:#9faa93;margin-left:5px}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#68775e;padding:5px 0}.text-button:hover{color:#234e38}.continue-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:37px}.continue-card{display:flex;align-items:center;gap:19px;background:#f0f0e8;border:1px solid #e5e5d9;border-radius:7px;padding:18px;text-align:left;position:relative;overflow:hidden}.continue-card:nth-child(2){background:#f2eee6;border-color:#e9e2d6}.continue-card:hover{transform:translateY(-2px);background:#e9eddf}.continue-card>div:nth-child(2){flex:1;min-width:0}.continue-card h3{font-family:Libre Caslon Display,Georgia,serif;font-size:23px;color:#3d4c37;margin:8px 0 5px}.continue-card h3[dir=auto]{line-height:1.4}.continue-card p{font-size:10px;color:#8a907f;margin-bottom:19px}.continue-card small{font-size:9px;color:#929981}.continue-card .eyebrow{font-size:7px;letter-spacing:1.2px}.continue-arrow{align-self:flex-end;display:grid;place-items:center;width:30px;height:30px;border:1px solid #d4dac8;border-radius:50%;margin-left:5px;color:#647851}.progress{height:3px;border-radius:2px;background:#dce0d0;margin:0 0 7px}.progress span{display:block;height:100%;background:#7c9361;border-radius:2px}.count{font-family:DM Sans,sans-serif;font-size:10px;display:inline-block;background:#edf0e6;color:#7b896c;border:1px solid #e2e7d8;border-radius:5px;padding:3px 6px;vertical-align:middle;margin-left:7px}.view-toggle{display:flex;border:1px solid #dfe4d7;border-radius:5px;padding:3px;gap:2px}.view-toggle button{width:29px;height:25px;display:grid;place-items:center;border-radius:3px;color:#95a08a}.view-toggle .chosen{background:#e7eddf;color:#466340}.filterbar{display:flex;gap:10px;margin-top:3px}.search{display:flex;align-items:center;gap:10px;border:1px solid #e0e4d9;border-radius:5px;background:#fefefb;padding:0 13px;flex:1;color:#a0aa93;height:41px}.search input{border:0;outline:none;background:none;width:100%;font-size:11px;color:var(--ink)}.search input::placeholder{color:#959d8c}.search:focus-within{border-color:#738b63}.filter-select{position:relative;display:flex;align-items:center}.filter-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #dfe4d7;background:#fafbf7;padding:11px 32px 11px 13px;border-radius:5px;color:#7f8b72;font-size:10px;width:130px;height:41px}.filter-select svg{position:absolute;right:12px;pointer-events:none;color:#8a967a}.library-tools{display:flex;align-items:center;justify-content:space-between;margin:13px 0 23px;font-size:9px;color:#959e88}.library-tools .text-button{font-size:9px}.book-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 23px}.book-card{position:relative;min-width:0;animation:appear .45s ease both}.book-card:nth-child(3n){animation-delay:.06s}.book-card:nth-child(3n+1){animation-delay:.12s}.book-visual{position:relative}.cover-button{display:block;width:100%;padding:0}.book-cover{aspect-ratio:.68;position:relative;padding:17px 12px 12px;overflow:hidden;isolation:isolate;box-shadow:2px 4px 7px #152f2a17;border-radius:1px 3px 3px 1px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#d6dcc9;color:#344238;transition:transform .25s,box-shadow .25s}.book-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,#00000010,transparent 2%,#ffffff30 3%,#0000000a 5%,transparent 9%);border:1px solid #0000000a;border-radius:inherit}.cover-button:hover .book-cover{transform:translateY(-5px) rotate(-1deg);box-shadow:3px 9px 12px #152f2a20}.book-cover img{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover}.cover-author{font-family:Georgia,serif;font-size:8px;line-height:1.5;letter-spacing:1px;text-transform:uppercase;position:relative;z-index:2}.book-cover h2{font-family:Libre Caslon Display,Georgia,serif;line-height:1.05;font-size:25px;margin:14px 0 5px;position:relative;z-index:2;max-height:54%;overflow:hidden;overflow-wrap:anywhere}.book-cover h2.urdu{font-family:Noto Nastaliq Urdu,serif;font-size:22px;line-height:2.15;margin:5px 0}.cover-footer{font-size:5px;letter-spacing:1.5px;margin-top:auto;position:relative;z-index:2;opacity:.7}.cover-art{flex:1;width:100%;position:relative;min-height:15px;margin:8px 0}.theme-0{background:#e4ad43;color:#294044}.theme-0 h2{font-size:31px;font-weight:700}.theme-0 .cover-art{background:radial-gradient(ellipse at center,#244b44 0 20%,transparent 21%),repeating-radial-gradient(ellipse at center,transparent 0 7px,#3f696650 8px 9px,transparent 10px 17px);border-radius:50%;max-width:83px}.theme-1{background:#ced2bc;color:#2b513b}.theme-1 .cover-art{background:linear-gradient(135deg,transparent 46%,#7c8e65 47% 50%,transparent 51%),linear-gradient(45deg,transparent 46%,#8ca476 47% 50%,transparent 51%);background-size:23px 23px;opacity:.7}.theme-2{background:#d7a897;color:#4b3c3e}.theme-2 .cover-art{background:repeating-linear-gradient(0deg,transparent 0 9px,#86695b 10px 11px),repeating-linear-gradient(90deg,transparent 0 18px,#86695b 19px 20px);border:1px solid #86695b;width:77%;transform:perspective(90px) rotateY(-8deg)}.theme-3{background:#1d544f;color:#e6d6a5}.theme-3 .cover-art{border:1px solid #d6b979;border-radius:50% 50% 0 0;width:70%;background:repeating-radial-gradient(ellipse at bottom,transparent 0 7px,#d6b97940 8px 9px)}.theme-4{background:#ede2cf;color:#6c413e}.theme-4 .cover-art{background:linear-gradient(90deg,#596c6555 22%,transparent 23% 76%,#596c6555 77%),linear-gradient(0deg,#596c6555 40%,transparent 41%);width:65%;border:4px solid #9f7967;border-radius:40% 40% 0 0}.theme-5{background:#bf6c4b;color:#f0e2c9}.theme-5 .cover-art{background:radial-gradient(ellipse at 50% 65%,#dfbc83 0 30%,transparent 32%),linear-gradient(90deg,transparent 43%,#e4c59480 45% 47%,transparent 49%);border-radius:50%}.theme-6{background:#d2c6a4;color:#515039}.theme-6 .cover-art{border:1px solid #94865c;outline:1px solid #94865c;outline-offset:5px;margin:12px;width:73%;background:repeating-conic-gradient(#94865c33 0 10deg,transparent 10deg 20deg);border-radius:50%}.theme-7{background:#e7e5d9;color:#575650}.theme-7 .cover-art{border:1px solid #777768;border-radius:50%;max-width:85px;aspect-ratio:1;flex:0 1 auto}.theme-8{background:#273d54;color:#dbbd76}.theme-8 .cover-art{border:1px solid #af934f;border-radius:50% 50% 0 0;background:radial-gradient(circle,#cab36b 10%,transparent 12%);width:66%}.theme-9{background:#b2c4be;color:#294a3f}.theme-9 .cover-art{background:repeating-linear-gradient(135deg,transparent 0 9px,#48685b60 10px 11px);clip-path:polygon(50% 0,100% 100%,0 100%)}.theme-10{background:#ae5146;color:#eee2c8}.theme-10 .cover-art{background:radial-gradient(ellipse,#212f35 0 12%,#e5cfa5 13% 28%,#513735 29% 31%,transparent 32%);transform:scaleX(1.5)}.theme-11{background:#445d46;color:#e9d8af}.theme-11 .cover-art{background:repeating-linear-gradient(65deg,transparent 0 12px,#adc39080 13px 15px,transparent 16px 20px);clip-path:ellipse(30% 50% at 50% 50%)}.small-cover{width:74px;min-width:74px;aspect-ratio:.68;padding:10px 7px 7px;box-shadow:2px 3px 4px #152f2a20}.small-cover h2,.small-cover.theme-0 h2{font-size:15px;margin:6px 0 3px}.small-cover h2.urdu{font-size:14px;line-height:1.9}.small-cover .cover-author{font-size:4px}.small-cover .cover-footer{font-size:3px;letter-spacing:.5px}.small-cover .cover-art{margin:2px 0}.pin-button{position:absolute;right:6px;top:7px;border-radius:50%;width:25px;height:25px;background:#faf9f2ed;color:#687553;display:grid;place-items:center;opacity:0;box-shadow:0 1px 3px #0001}.pin-button.is-pinned{opacity:1}.book-card:hover .pin-button,.pin-button:focus-visible{opacity:1}.book-check{position:absolute;top:7px;left:6px;width:15px;height:15px;accent-color:var(--green);opacity:0;cursor:pointer}.book-card:hover .book-check,.book-check:checked,.book-check:focus-visible{opacity:1}.selected .book-cover{outline:2px solid #789168;outline-offset:3px}.book-info{margin-top:12px}.book-title{font-family:Libre Caslon Display,Georgia,serif;font-size:18px;line-height:1.18;text-align:left;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;color:#3e4d38}.book-title.urdu{font-family:Noto Nastaliq Urdu,serif;text-align:right;font-size:16px;line-height:2}.book-info p{font-size:9px;color:#87917d;margin:7px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-meta{display:flex;align-items:center;gap:6px;font-size:8px;color:#929b84}.book-meta>span:first-child{background:#f0f1e9;border:1px solid #e4e8dc;border-radius:3px;padding:2px 4px;font-size:7px;letter-spacing:.2px}.meta-dot{color:#c0c6b6}.book-more{display:none!important}.shelf-footer{display:flex;justify-content:space-between;margin-top:43px;padding:22px 0;border-top:1px solid var(--line);color:#9ba28e;font-size:8px}.shelf-footer span:first-child{font-family:Georgia,serif;font-style:italic;font-size:11px}.shelf-footer span:last-child{letter-spacing:1.4px}.book-list{display:flex;flex-direction:column;gap:10px}.book-list .book-card{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:10px}.book-list .book-visual{width:55px;min-width:55px}.book-list .book-cover{padding:5px}.book-list .cover-author,.book-list .cover-footer{font-size:3px}.book-list .book-cover h2{font-size:12px;margin:4px}.book-list .book-info{flex:1;margin:0}.book-list .book-more{display:grid!important}.book-list .pin-button{right:-5px;top:-5px}.bulk-bar{display:flex;gap:16px;align-items:center;background:#e5ecdf;border-radius:5px;padding:12px 15px;margin-bottom:24px;font-size:11px}.bulk-bar span,.bulk-bar button{display:flex;align-items:center;gap:6px}.bulk-bar span{margin-right:auto}.empty{padding:60px 15px;text-align:center;color:#8b977e}.empty svg{margin-bottom:15px}.empty h3{font-family:Libre Caslon Display,serif;font-size:27px;margin-bottom:8px}.empty p{font-size:12px}.load-more{display:flex;align-items:center;gap:10px;margin:30px auto 0;font-size:12px;border:1px solid #b9c4ad;border-radius:5px;padding:10px 20px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:15px;background:#28523e;color:#f8f5eb;padding:12px 20px;font-size:12px;border-radius:5px}.primary:hover{background:#183b2a}.secondary{border:1px solid #aab99c;border-radius:5px;padding:11px 17px;font-size:12px}.icon-button{display:grid;place-items:center;padding:6px}.connect-banner{display:flex;align-items:center;gap:18px;padding:22px;background:#edf1e6;border:1px solid #dbe2d1;border-radius:6px;margin-bottom:24px}.connect-banner strong{font-size:14px}.connect-banner p{font-size:11px;margin-top:5px;color:#76866b}.connect-banner .primary{margin-left:auto}.error{padding:14px 17px;margin:15px 0;background:#f7e7df;color:#8c4130;font-size:12px;border:1px solid #dfb8aa;border-radius:5px;overflow-wrap:anywhere;display:flex;gap:12px;justify-content:space-between}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;background:#254b38;color:#fff;box-shadow:0 5px 20px #0002;padding:12px 20px;border-radius:7px;font-size:12px;display:flex;align-items:center;gap:9px}.modal{width:min(480px,calc(100% - 32px));max-height:90vh;border:1px solid #dbe2d2;padding:25px;border-radius:10px;background:#faf9f5;color:var(--ink);box-shadow:0 20px 80px #102b3433}.modal.wide{width:min(760px,calc(100% - 32px))}.modal::backdrop{background:#142a2666;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-heading h2{font-family:Libre Caslon Display,serif;font-size:30px}.modal form label{display:block;font-size:11px;margin-bottom:15px;font-weight:500}.modal form input,.modal form select{display:block;width:100%;padding:10px 11px;background:#fffef9;border:1px solid #cbd4c2;border-radius:4px;margin-top:7px;font-size:12px;color:#334b35}.modal form input:focus{outline:1px solid #6c8760}.modal form label span{font-size:9px;font-weight:400;color:#88927d;margin-left:5px}.muted{font-size:11px;color:#859079;line-height:1.7;margin:15px 0}.collection-choice{display:flex;align-items:center;gap:12px;width:100%;padding:13px 7px;border-bottom:1px solid #dfe5d8;font-size:13px}.collection-choice svg:last-child{margin-left:auto}.details-layout{display:grid;grid-template-columns:190px 1fr;gap:32px}.details-layout .book-cover h2{font-size:33px}.read-button{width:100%;margin-top:20px}.drive-link{margin:10px 0}.rename-note{display:block;color:#9a8162;font-size:9px;margin:-8px 0 20px}.detail-collections{border-top:1px solid #dce2d4;margin-top:23px;padding-top:16px}.detail-collections h3{font-size:12px;margin-bottom:12px}.checkbox-label{display:flex;gap:8px;align-items:center;font-size:11px;margin-bottom:9px}.checkbox-label input{accent-color:#305942}.filename{overflow-wrap:anywhere;font-size:9px}.settings-summary{display:flex;align-items:center;gap:14px;margin-bottom:25px}.settings-summary strong{font-size:14px}.settings-summary p{font-size:10px;color:#839073;margin-top:6px}.settings-status{margin:20px 0;font-size:12px}.settings-status p{font-size:10px;color:#839073;margin-top:6px}hr{border:0;border-top:1px solid #dce2d4;margin:25px 0}.mobile-menu{display:none}.welcome{min-height:100vh;text-align:center;overflow:hidden;padding:45px 20px;background:radial-gradient(ellipse at center,#f8f4e9,#eef1e7)}.welcome .wordmark{justify-content:center;margin-bottom:55px}.welcome h1{font-family:Libre Caslon Display,serif;font-size:clamp(45px,6vw,76px);line-height:1.06;margin:20px 0}.welcome p{font-size:14px;color:#75816b;line-height:1.8;margin-bottom:25px}.welcome>.text-button{display:block;margin:20px auto}.welcome>small{display:block;color:#919980;font-size:10px}.welcome-art{display:flex;justify-content:center;align-items:flex-start;gap:clamp(16px,2.8vw,40px);margin:65px auto 30px;width:100%;max-width:1150px}.classic-cover{position:relative;display:flex;flex-direction:column;align-items:center;flex:1 1 0;min-width:0;aspect-ratio:.66;padding:24px 14px 17px;color:#e5dca9;border-radius:2px 4px 4px 2px;box-shadow:5px 12px 18px #26392b20,inset 0 0 0 1px #00000012;transform:rotate(-7deg);background-image:linear-gradient(90deg,#0003,#ffffff20 3%,#0002 5%,transparent 9%),repeating-linear-gradient(0deg,transparent,#ffffff03 1px,transparent 3px)}.classic-cover:nth-child(2n){transform:rotate(6deg) translateY(20px)}.classic-author{font-family:Georgia,serif;font-size:clamp(8px,1.05vw,13px);text-transform:uppercase;line-height:1.4;letter-spacing:.4px}.classic-cover h2{font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(19px,2.5vw,32px);text-transform:uppercase;font-weight:400;line-height:1.08;margin:27px 0 8px}.classic-mind h2{font-size:clamp(17px,2.15vw,28px)}.classic-subtitle{font-family:Libre Caslon Display,Georgia,serif;text-transform:uppercase;font-size:clamp(8px,1.1vw,14px);line-height:1.15}.classic-art{width:94%;flex:1;min-height:0;margin:8px 0;opacity:.5}.classic-footer{font-size:clamp(4px,.56vw,7px);letter-spacing:.65px;text-transform:uppercase;margin-top:10px;white-space:nowrap}.classic-wave{color:#29261e}.classic-wave .classic-art{opacity:.75}@media(max-width:600px){.welcome-art{gap:16px;margin-top:45px}.classic-cover{padding:16px 8px 12px}.classic-cover:nth-child(n+4){display:none}.classic-cover h2{font-size:clamp(15px,4.3vw,25px);margin-top:20px}.classic-mind h2{font-size:clamp(13px,3.7vw,22px)}.classic-author{font-size:7px}.classic-subtitle{font-size:8px}.classic-footer{font-size:4px;letter-spacing:.25px}}.loading-screen{height:100vh;display:grid;place-items:center;font-family:Georgia,serif;font-size:25px}.spinning{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#edece5;z-index:50;display:flex;flex-direction:column}.reader-toolbar{background:#faf9f5;border-bottom:1px solid #d7dfce;display:flex;align-items:center;gap:13px;padding:12px 20px;min-height:66px}.reader-toolbar h2{font-family:Libre Caslon Display,serif;font-size:23px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-toolbar button{display:flex;align-items:center;gap:5px;font-size:12px}.reader-stage{flex:1;overflow:auto;position:relative;padding:20px;display:flex;justify-content:center;align-items:flex-start}.reader-stage canvas{max-width:100%;box-shadow:0 2px 16px #0002}.epub-stage{display:block;width:100%;height:100%;background:#fffdf7;padding:0}.reader-footer{display:flex;justify-content:center;align-items:center;gap:18px;background:#faf9f5;padding:12px}.reader-footer input{width:70px;text-align:center;border:1px solid #b8c6ac;padding:5px;border-radius:4px}.reader-footer button{display:flex;align-items:center;gap:7px}.reader-bookmarks{position:absolute;right:0;top:66px;bottom:45px;width:280px;background:#faf9f5;border-left:1px solid #ced8c5;padding:20px;z-index:2;overflow:auto}.reader-bookmarks h3{font-size:20px;margin-bottom:15px}.bookmark-row{display:flex;gap:8px;border-bottom:1px solid #dce2d4;padding:10px 0;font-size:12px}.bookmark-row button:first-child{flex:1;text-align:left}.demo-reader{max-width:650px;padding:70px 45px;background:#fffcf3;box-shadow:0 5px 30px #0001;line-height:1.8;font-family:Georgia,serif}.demo-reader h2{font-size:30px;margin-bottom:25px}.demo-reader p{margin-bottom:20px}.reader-error{max-width:600px;padding:50px}.reader-error p{margin:20px 0}.reader-status{padding:6px 15px;background:#e8eadf;text-align:center;font-size:11px}.reader-error a{display:inline-flex;margin-top:15px}@media(min-width:1600px){.book-grid{gap:34px}.book-cover h2{font-size:31px}.content{padding-top:50px}.continue-card{padding:24px}.small-cover{width:90px;min-width:90px}.small-cover h2{font-size:18px}}@media(max-width:1200px){.sidebar{width:215px;padding-left:15px;padding-right:15px}main{margin-left:215px}.topbar{padding:0 30px}.content{padding:35px 30px 0}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 23px}.page-heading h1{font-size:40px}.continue-card{gap:12px;padding:14px}.continue-arrow,.heading-flourish{display:none}.continue-card h3{font-size:21px}.book-cover h2{font-size:29px}}@media(max-width:850px){.sidebar{width:185px;padding:26px 10px 0}main{margin-left:185px}.wordmark{gap:8px;margin-left:8px}.wordmark>span:last-child{font-size:37px}.wordmark small{font-size:6px;letter-spacing:1.3px}.urdu-mark{font-size:26px;padding-right:9px}.nav-item{font-size:11px;padding:10px}.sidebar-label{font-size:8px}.continue-grid{grid-template-columns:1fr}.continue-card:nth-child(2){display:none}.content{padding:28px 22px 0}.topbar{padding:0 22px}.private-label{display:none}.page-heading h1{font-size:35px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.filterbar{flex-wrap:wrap}.search{flex-basis:100%}.filter-select{flex:1}.filter-select select{width:100%}.demo-banner{font-size:9px;align-items:flex-start;flex-direction:column}.book-cover h2{font-size:25px}}@media(max-width:600px){.sidebar{display:none}.sidebar.mobile-open{display:flex;width:245px;box-shadow:10px 0 50px #0003}.mobile-menu{display:grid}main{margin-left:0}.topbar{height:60px;padding:0 18px;gap:10px}.breadcrumbs{flex:1;font-size:10px}.topbar-right{gap:0}.quiet-button{font-size:9px;padding:7px}.content{padding:27px 20px 0}.page-heading{margin-bottom:21px}.page-heading h1{font-size:37px}.page-heading p{font-size:10px;line-height:1.6}.eyebrow{font-size:8px;letter-spacing:1.3px}.demo-banner{margin-bottom:23px}.section-heading h2{font-size:24px}.continue-card{padding:16px}.continue-grid{margin-bottom:27px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 23px}.book-cover h2{font-size:29px}.book-cover{padding:20px 13px 13px}.book-cover .cover-author{font-size:8px}.small-cover{padding:9px}.small-cover .cover-author{font-size:4px}.book-title{font-size:19px}.book-info p{font-size:10px}.book-meta{font-size:9px}.pin-button,.book-check{opacity:1}.bulk-bar{gap:9px;flex-wrap:wrap;font-size:10px}.bulk-bar button{font-size:10px}.shelf-footer span:last-child{font-size:6px;letter-spacing:1px}.details-layout{grid-template-columns:1fr}.details-layout>div:first-child{max-width:180px;margin:auto}.modal{padding:20px}.connect-banner{flex-wrap:wrap}.connect-banner .primary{margin-left:0}.reader-toolbar{gap:7px;padding:10px}.reader-toolbar h2{font-size:18px}.reader-toolbar button{font-size:0}.reader-toolbar button svg{width:18px}.reader-stage{padding:10px}.reader-toolbar .icon-button{font-size:12px}.welcome-art{gap:13px}.welcome-art .book-cover:nth-child(n+4){display:none}.welcome-art .book-cover{min-width:90px;padding:12px 8px}.welcome-art h2{font-size:22px}.heading-flourish{display:none}.demo-reader{padding:30px 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.pinned-strip{display:flex;align-items:center;gap:13px;margin:-7px 0 28px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.pinned-strip>span{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1px;white-space:nowrap;color:#89927b}.pinned-strip>button{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;background:#eff1e8;padding:6px 10px;border-radius:4px}.pinned-strip>button:last-child{margin-left:auto;background:none}.sidebar{overflow-y:auto;scrollbar-width:thin}.wordmark{margin-bottom:35px}.collection-label{margin-top:25px}.continue-card{padding-top:14px;padding-bottom:14px}.continue-grid{margin-bottom:28px}.content{padding-top:33px}.topbar{height:66px}.mobile-scrim{display:none}@media(max-width:600px){.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#183d3466;z-index:19}.pinned-strip>button:nth-last-child(2){display:none}.pinned-strip{gap:7px}.pinned-strip>span{font-size:6px}.pinned-strip>button{font-size:9px;max-width:100px}}.welcome .setup-note{font-size:11px;margin:20px 0 0;color:#7c816c}.danger-button{background:#fff4f1;color:#922d25;border:1px solid #b75a50;padding:10px 14px;border-radius:8px;cursor:pointer}.danger-button:disabled{opacity:.5;cursor:wait}.delete-confirm{margin-top:16px;padding:16px;border:1px solid #b75a50;border-radius:10px}.delete-confirm button{margin:4px}.duplicate-group{border-top:1px solid #b8b9ae;margin-top:24px;padding-top:12px}.duplicate-copy{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0}.duplicate-copy>span{flex:1 1 250px;overflow-wrap:anywhere}.duplicate-copy small{display:block;font-size:12px;margin-top:6px}.bulk-delete-files{max-height:40vh;overflow-y:auto;padding-left:22px}.bulk-delete-files li{padding:8px 0;overflow-wrap:anywhere}.bulk-delete-files small{display:block;color:var(--muted)}.bulk-delete-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.book-card:focus-within .book-check{opacity:1}.classical-mark{display:flex;align-items:center;width:49px;flex-shrink:0;padding-right:12px;border-right:1px solid #c8d2c3}.classical-mark svg{width:36px;height:64px}.brand-motto{display:block;margin-top:9px;font-family:Libre Caslon Display,Georgia,serif;font-size:14px;font-weight:400;letter-spacing:1.1px;color:#947052}.wordmark small{line-height:1.6;margin-top:7px}.welcome .wordmark{text-align:left}@media(min-width:761px)and (max-width:1100px){.classical-mark{width:36px;padding-right:8px}.classical-mark svg{width:27px;height:55px}.brand-motto{font-size:12px}}.filterbar{flex-wrap:wrap}.subject-picker{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.subject-option{display:inline-flex!important;align-items:center;gap:8px;padding:8px 11px;border:1px solid #9a9389;border-radius:8px;font-size:14px;cursor:pointer}.subject-option:has(input:checked){background:#e9eee0;border-color:#596844;color:#303d25}.subject-option input{width:auto!important;margin:0!important;accent-color:#596844}.new-subject{display:flex;gap:10px;margin:20px 0}.new-subject input{min-width:0;flex:1}.subject-organizer p{line-height:1.6}.subject-organizer h3{margin:18px 0 10px}.subject-review-row{padding:18px 0;border-bottom:1px solid #b4ada3}.subject-review-row h4{margin:0;font-size:17px}.subject-review>button{margin-top:20px}.detail-subjects{border:0;padding:0;margin:15px 0}@media(max-width:600px){.new-subject{flex-direction:column}.bulk-bar{flex-wrap:wrap}}