:root{--bg:#f7f6f2;--paper:#fffefa;--ink:#242c27;--muted:#798177;--green:#183f32;--lime:#dce8bd;--line:#e4e7de;--serif:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--bottom:calc(68px + env(safe-area-inset-bottom,0px));font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#dfe4dc;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%;scroll-padding-top:140px}body{margin:0;overscroll-behavior-y:none;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0;background:transparent;cursor:pointer;color:inherit}a{color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #819d60;outline-offset:3px}svg.icon{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}button .icon{vertical-align:middle}img{max-width:100%;display:block}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:100}.skip-link:focus{top:15px;background:var(--paper);padding:12px}.sidebar,.sidebar-shade,.mobile-menu,.breadcrumb,.app-footer,.offline-promo,.heading-note{display:none!important}.workspace{margin:0 auto;max-width:480px;min-height:100dvh;background:var(--bg);padding-bottom:calc(var(--bottom) + 100px);box-shadow:0 0 80px #243d2010}.topbar{position:sticky;top:0;z-index:20;padding:calc(13px + env(safe-area-inset-top,0px)) 20px 13px;background:#f7f6f2f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #e5e8de80}.app-topline{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:12px}.app-wordmark{font-size:29px;font-weight:750;letter-spacing:-1.9px;text-decoration:none;line-height:1;display:block;margin-right:auto;color:var(--green)}.app-wordmark span{color:#82995d}.top-actions,.topbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.network-label{font-size:10px;color:#85927c;display:flex;align-items:center;gap:5px;white-space:nowrap}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:#789360;border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:11px;padding:12px 16px;background:var(--green);color:#fff;font-size:13px;line-height:1.35;font-weight:600;text-decoration:none;text-align:center}.button:active{transform:scale(.98);background:#285340}.button.secondary{background:#e5ecdb;color:var(--green)}.button.outline{background:var(--paper);border:1px solid #dce2d3;color:var(--green)}.button .icon{height:18px;width:18px}.connect-button{font-size:11px;min-height:44px;padding:10px 11px;border-radius:10px;white-space:nowrap}.connect-button .icon{width:15px;height:15px;color:#e9c576}.app-topline>.icon-button,.top-actions>.icon-button,.topbar-actions>.icon-button{margin-right:-10px}.icon-button{padding:11px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:#5f735a;position:relative;flex-shrink:0}.icon-button:active{background:#e4e9dd}.icon-button .icon{height:21px;width:21px}.icon-button small{font-size:8px;position:absolute;top:18px;left:0;right:0;text-align:center;line-height:1}.icon-button.is-active{color:var(--green);background:#e0ebd3}.search{height:43px;border-radius:12px;background:#e9ece4;display:flex;align-items:center;gap:8px;padding:0 12px;min-width:0;color:#899381}.search .icon{width:18px;height:18px}.search input{width:100%;min-width:0;border:0;background:none;outline:0;font-size:16px;color:var(--ink);padding:10px 0}.search input::placeholder{color:#899183;font-size:13px}.search input:focus-visible{outline:0}.search:focus-within{box-shadow:0 0 0 2px #8eaa6d}.search kbd{display:none}#content{padding:23px 20px 0;min-height:calc(100dvh - 260px);outline:0}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin:0 0 21px}.page-heading>div{min-width:0}.page-heading .eyebrow{display:none}h1{font-size:31px;line-height:1.15;font-weight:750;letter-spacing:-1.05px;margin:0 0 7px}h1 em{font-style:normal;color:inherit}p.lead{font-size:12px;color:var(--muted);line-height:1.6;margin:0;max-width:390px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1px;color:#8a957f;text-transform:uppercase;margin:0 0 10px}.welcome-cards{display:block;margin-bottom:28px}.resume-card{background:#e8eddf;border-radius:16px;display:flex;align-items:center;gap:16px;padding:16px;min-height:146px}.resume-cover{width:76px;height:76px;object-fit:cover;flex-shrink:0;border-radius:5px;box-shadow:2px 4px 8px #20351c15}.resume-body{flex:1;min-width:0}.resume-body .eyebrow{font-size:8px;letter-spacing:.65px;color:#718360;margin-bottom:6px}.resume-body h2{font-size:17px;line-height:1.3;font-weight:650;letter-spacing:-.35px;margin:0 0 3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.resume-body>p{font-size:10px;color:#7e8874;margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-line{height:3px;background:#d5deca;border-radius:5px;overflow:hidden}.progress-line span{display:block;height:100%;background:#77945b;border-radius:5px}.progress-meta{display:flex;justify-content:space-between;gap:7px;font-size:9px;color:#7c8970;margin:6px 0 7px}.progress-meta span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-meta span:last-child{white-space:nowrap}.resume-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.resume-actions .button{min-height:44px;font-size:10px;padding:9px 11px;border-radius:9px;gap:5px}.resume-actions .button .icon{width:14px;height:14px}.resume-actions .text-button{font-size:9px;min-height:44px}.text-button{color:#58724d;font-size:12px;padding:10px 0;min-height:44px;text-align:left;line-height:1.5}.shelf-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:15px;margin-bottom:18px}.shelf-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.shelf-title h2{font-size:19px;font-weight:700;letter-spacing:-.5px;margin:0}.shelf-title>span{font-size:11px;color:#8a9383}.toolbar-actions{display:flex;align-items:center;gap:7px;width:100%;min-width:0}.filters{display:flex;align-items:center;gap:5px;overflow-x:auto;min-width:0;flex:1;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filters::-webkit-scrollbar{display:none}.filters button{min-height:44px;white-space:nowrap;font-size:11px;font-weight:500;color:#7d8873;padding:11px;border-radius:9px;flex-shrink:0}.filters button.active{background:#e0e9d4;color:var(--green);font-weight:600}.filters button:active{background:#e5ebdd}select{min-height:44px;padding:10px 25px 10px 10px;border:1px solid #dfe4d6;border-radius:10px;background:var(--paper);color:#64745b;font-size:16px;max-width:100%}.toolbar-actions select{width:84px;min-width:84px;max-width:84px;font-size:11px;padding:10px 16px 10px 9px}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.book-card{min-width:0}.cover-wrap{position:relative;aspect-ratio:1;background:#e7e9e1;overflow:hidden;border-radius:9px;box-shadow:0 3px 7px #2a3c1c0c}.cover-button{display:block;padding:0;width:100%;height:100%;text-align:left}.cover-button img{height:100%;width:100%;object-fit:cover}.cover-button:active img{filter:brightness(.9)}.cover-play{position:absolute;bottom:11px;right:11px;border-radius:50%;width:36px;height:36px;background:#fffef2e8;display:grid;place-items:center;color:var(--green);box-shadow:0 2px 7px #0001;pointer-events:none}.cover-play .icon{height:16px;width:16px;fill:currentColor;stroke-width:0}.cover-badge{position:absolute;top:8px;left:8px;background:#fffdf1ed;border-radius:5px;font-size:7px;font-weight:600;letter-spacing:.45px;padding:5px 6px;color:#41613a;pointer-events:none;max-width:calc(100% - 16px)}.cover-badge.downloaded{left:auto;right:8px;background:#e2edcc}.cover-badge .icon{width:12px;height:12px;vertical-align:middle}.book-meta{display:flex;align-items:flex-start;gap:0;padding-top:10px;position:relative}.book-meta>div{min-width:0;flex:1}.book-meta h3{font-size:13px;line-height:1.45;font-weight:650;letter-spacing:-.15px;margin:0 0 4px;padding-right:18px}.title-button{text-align:left;padding:0;min-height:0;font:inherit;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book-meta p{font-size:11px;color:#858e7c;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-meta small{font-size:9px;color:#8b9483;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-meta>.icon-button{position:absolute;right:-12px;top:0;padding:11px;min-width:44px;width:44px;min-height:44px}.book-meta>.icon-button .icon{width:17px;height:17px}.book-card>.progress-line{margin-top:9px;height:2px}.bottom-tabs{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;height:var(--bottom);padding:6px 8px calc(5px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));z-index:30;background:#fffefaf5;border-top:1px solid #e0e5d8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.bottom-tabs button{min-height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;color:#96a08a;font-size:9px;font-weight:500;letter-spacing:.1px;border-radius:12px}.bottom-tabs button>.icon,.bottom-tabs button>[data-icon] .icon{width:22px;height:22px}.bottom-tabs button.active{color:var(--green);font-weight:650}.bottom-tabs button:active{background:#eaf0e1}.bottom-tabs .count{position:absolute;top:1px;left:calc(50% + 5px);font-size:8px;line-height:1.5;min-width:14px;height:14px;border-radius:8px;background:#dbe9c3;color:#35522d;padding:1px 3px}.mini-player{position:fixed;left:50%;transform:translateX(-50%);bottom:var(--bottom);width:100%;max-width:480px;height:72px;padding:10px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;z-index:29;background:#edf1e5f7;border-top:1px solid #dbe3ce;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mini-book{display:flex;align-items:center;gap:10px;min-width:0;padding:0;min-height:48px;text-align:left}.mini-book img{width:35px;height:35px;object-fit:cover;border-radius:4px;flex-shrink:0}.mini-book>span{min-width:0;display:block}.mini-book strong{font-size:12px;font-weight:650;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-book small{display:block;font-size:10px;color:#839076;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-center{display:flex;align-items:center}.transport{display:flex;align-items:center;justify-content:center;gap:9px}.play-button{width:48px;height:48px;border-radius:50%;display:inline-grid;place-items:center;background:var(--green);color:var(--lime);flex-shrink:0}.play-button .icon{height:20px;width:20px;fill:currentColor;stroke-width:0}.play-button:active{background:#31573d;transform:scale(.96)}.mini-center .transport{gap:2px}.mini-center .transport>button:first-child{display:none}.mini-center .play-button{height:44px;width:44px}.mini-center .play-button .icon{width:18px;height:18px}.mini-center .scrubber{position:absolute;left:0;right:0;top:-12px;height:24px;margin:0;gap:0}.mini-center .scrubber span{display:none}.mini-center .scrubber input{width:100%;margin:0;border-radius:0;height:24px;min-height:24px;background:transparent;appearance:none;-webkit-appearance:none}.mini-center .scrubber input::-webkit-slider-runnable-track{height:2px;background:#cfdcc0}.mini-center .scrubber input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:6px;height:6px;margin-top:-2px;background:#708a50;border-radius:50%}.mini-center .scrubber input::-moz-range-track{height:2px;background:#cfdcc0}.mini-center .scrubber input::-moz-range-progress{height:2px;background:#708a50}.mini-center .scrubber input::-moz-range-thumb{width:6px;height:6px;background:#708a50;border:0;border-radius:50%}.mini-extras{display:none}.scrubber{display:flex;align-items:center;gap:10px;font-size:10px;color:#7d8973;font-variant-numeric:tabular-nums}.scrubber input{min-width:0;flex:1;accent-color:#68894e;height:28px}.modal{position:fixed;inset:auto 0 0;border:0;box-shadow:0 -8px 80px #183f322b;border-radius:24px 24px 0 0;padding:0;margin:0 auto;background:var(--paper);color:var(--ink);width:100%;max-width:480px;max-height:90dvh;overflow:auto;overscroll-behavior:contain}.modal::backdrop{background:#19281f70;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modal-content{padding:20px 22px calc(26px + env(safe-area-inset-bottom,0px))}.modal-content:before{content:'';display:block;width:34px;height:4px;border-radius:4px;background:#d5dccb;margin:-10px auto 16px}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.modal-header h2{font-size:20px;line-height:1.35;letter-spacing:-.5px;font-weight:700;margin:0}.modal-header>.icon-button{margin-left:auto;background:#edf0e7;border-radius:50%}.modal-header>.icon-button .icon{width:18px;height:18px}.modal p{font-size:12px;color:var(--muted);line-height:1.8}.modal .lead{font-size:12px;margin-bottom:22px}.modal label.field{display:block;margin-bottom:17px;font-size:12px;color:#62745a;font-weight:500}.field input,.field textarea,.field select{display:block;width:100%;min-height:48px;border:1px solid #dfe4d5;border-radius:11px;padding:12px;margin-top:8px;background:#f9faf5;color:var(--ink);font-size:16px}.field textarea{min-height:120px;resize:vertical}.form-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.form-row .field{flex:1;min-width:120px}.modal details{margin:24px 0;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:17px}.modal details summary{cursor:pointer;min-height:44px;line-height:1.7;padding:8px 0;margin-bottom:10px}.notice{background:#edf1e4;border-radius:11px;padding:15px;font-size:11px;line-height:1.9;color:#6b7f5b;margin:18px 0}.notice.warning{background:#f4ecd9;color:#8e7846}.error{color:#a84632;font-size:12px;line-height:1.7}.modal-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.empty-state{text-align:center;padding:45px 15px 35px;background:transparent;border:0}.empty-state>.icon{width:36px;height:36px;color:#a0ae8e;margin-bottom:18px}.empty-state h2{font-size:21px;font-weight:650;letter-spacing:-.5px;margin:0 0 10px}.empty-state p{font-size:12px;line-height:1.85;color:var(--muted);max-width:340px;margin:0 auto 22px}.download-row,.history-row,.bookmark-row,.collection-row{border-bottom:1px solid var(--line);padding:17px 0;display:flex;align-items:center;gap:12px}.row-cover{width:43px;height:43px;object-fit:cover;border-radius:4px;flex-shrink:0}.row-body{flex:1;min-width:0}.row-body h3{font-size:13px;line-height:1.45;letter-spacing:-.2px;font-weight:650;margin:0 0 5px;overflow-wrap:anywhere}.row-body p{font-size:10px;line-height:1.7;color:var(--muted);margin:0 0 5px;overflow-wrap:anywhere}.row-body .progress-line{margin:8px 0}.row-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:2px;max-width:100px}.row-actions .button{padding:10px 11px;font-size:10px;min-height:44px;border-radius:9px}.history-row>.button{font-size:10px;padding:10px;max-width:90px}.bookmark-row>.icon,.history-row>.icon{width:21px;height:21px;color:#8f9f7c;flex-shrink:0}.storage-panel{border-radius:14px;background:#e8eddf;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:0 0 16px}.storage-panel h2{font-size:16px;letter-spacing:-.3px;font-weight:650;margin:0 0 7px}.storage-panel p{font-size:11px;color:#7c8970;line-height:1.8;margin:0}.storage-panel .button{font-size:11px;padding:11px 13px}.settings-grid{display:grid;grid-template-columns:1fr;gap:18px}.settings-card{background:var(--paper);border:1px solid #e9ebdf;border-radius:15px;padding:19px 18px}.settings-card h2{font-size:16px;font-weight:650;letter-spacing:-.25px;margin:0 0 12px}.settings-card p{font-size:11px;line-height:1.85;color:var(--muted);margin:10px 0 14px}.settings-card .form-row .button{font-size:11px;padding:11px 12px}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:56px;padding:10px 0;border-bottom:1px solid #e9ece1;font-size:12px;color:#52644a;line-height:1.6}.setting-line:last-child{border-bottom:0}.setting-line input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:42px;height:25px;border:0;border-radius:20px;background:#dce2d3;margin:0;flex-shrink:0;cursor:pointer}.setting-line input[type=checkbox]:before{content:'';position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:white;box-shadow:0 1px 3px #183f3220;transition:transform .18s}.setting-line input[type=checkbox]:checked{background:#658650}.setting-line input[type=checkbox]:checked:before{transform:translateX(17px)}.setting-line input[type=number]{width:68px;min-height:44px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#f8faf3;color:var(--green);font-size:16px}.setting-line select{font-size:16px;flex-shrink:0;min-width:70px;max-width:120px}.more-menu{border:1px solid #e6eadf;background:var(--paper);border-radius:15px;padding:0 15px;margin-bottom:22px;overflow:hidden}.more-item{display:flex;align-items:center;gap:13px;width:100%;min-height:58px;text-align:left;border-bottom:1px solid #e9ede1;padding:10px 0}.more-item:last-child{border-bottom:0}.more-item>span:first-child{width:31px;height:31px;border-radius:8px;background:#eaf0df;display:grid;place-items:center;color:#748a5e}.more-item .icon{width:18px;height:18px}.more-item strong{flex:1;font-size:13px;font-weight:500;letter-spacing:-.1px}.more-item>span:last-child{color:#a2ad96;font-size:24px;font-weight:300}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px}.stat{padding:15px 10px;background:#e8eddf;border-radius:12px;min-width:0}.stat strong{display:block;font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-.6px;margin-bottom:7px;overflow-wrap:anywhere}.stat span{font-size:8px;font-weight:500;color:#879377;line-height:1.7;display:block}.detail-hero{display:flex;gap:18px;align-items:flex-start}.detail-hero>img{width:108px;max-width:34%;aspect-ratio:1;object-fit:cover;border-radius:6px;align-self:start;box-shadow:2px 4px 12px #243b2318;flex-shrink:0}.detail-hero>div{min-width:0;flex:1}.detail-hero h3{font-size:21px;line-height:1.3;letter-spacing:-.55px;font-weight:700;margin:4px 0 8px;overflow-wrap:anywhere}.detail-hero p{font-size:11px;margin:0 0 8px;line-height:1.7}.detail-hero .eyebrow{font-size:7px;line-height:1.6;letter-spacing:.75px}.detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.detail-actions .button{font-size:10px;padding:10px 12px;gap:5px;border-radius:9px}.detail-actions .button .icon{width:15px;height:15px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0}.chip{background:#eaf0df;color:#7a8b67;font-size:9px;padding:6px 10px;border-radius:7px}.chapter-list{margin-top:9px}.chapter-item{display:flex;align-items:center;text-align:left;gap:11px;padding:13px 9px;min-height:54px;border-bottom:1px solid var(--line);border-radius:5px;width:100%;font-size:12px;color:#6b7b60;line-height:1.6}.chapter-item>span:first-child{color:#a1ad93;width:20px;font-size:10px;flex-shrink:0}.chapter-item strong{font-weight:500;flex:1;min-width:0;overflow-wrap:anywhere}.chapter-item small{font-size:10px;flex-shrink:0;color:#9aa58f}.chapter-item.active{color:var(--green);background:#eaf0df}.detail-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-top:24px}.detail-tabs button{font-size:12px;font-weight:500;color:var(--muted);padding:14px 0;min-height:46px}.detail-tabs button.active{color:var(--green);border-bottom:2px solid var(--green)}.player-modal{inset:0;margin:0 auto;width:100%;max-width:480px;height:100dvh;max-height:100dvh;border-radius:0;background:linear-gradient(180deg,#e9eedf 0%,#f7f8ef 60%);overflow:auto}.player-modal .modal-content{min-height:100%;padding:calc(16px + env(safe-area-inset-top,0px)) 25px calc(22px + env(safe-area-inset-bottom,0px))}.player-modal .modal-content:before{display:none}.player-modal .modal-header{margin-bottom:20px}.player-modal .modal-header h2{font-size:12px;text-transform:uppercase;letter-spacing:1.1px;font-weight:600;color:#819070}.player-modal .modal-header>.icon-button{background:#f4f7eb99}.now-cover{display:block;margin:0 auto 25px;width:min(280px,36dvh);height:auto;aspect-ratio:1;object-fit:cover;box-shadow:3px 10px 30px #253c2523;border-radius:9px}.now-text{text-align:center}.now-text .eyebrow{display:none}.now-text h3{font-size:24px;line-height:1.3;letter-spacing:-.65px;font-weight:700;margin:0 0 6px;overflow-wrap:anywhere}.now-text p{font-size:13px;margin:0 0 6px;color:#849075}.now-text small{display:block;color:#98a18b;font-size:10px;margin:8px 0 20px}.now-controls{width:100%;margin:auto}.now-controls>.scrubber{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;height:50px;gap:0;margin-bottom:16px;font-size:10px}.now-controls>.scrubber input{flex:none;position:absolute;top:0;left:0;width:100%;height:26px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.now-controls>.scrubber input::-webkit-slider-runnable-track{height:4px;background:#d4ddc7;border-radius:4px}.now-controls>.scrubber input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;background:#6c8951;border-radius:50%;margin-top:-3.5px}.now-controls>.scrubber input::-moz-range-track{height:4px;background:#d4ddc7;border-radius:4px}.now-controls>.scrubber input::-moz-range-progress{height:4px;background:#6c8951;border-radius:4px}.now-controls>.scrubber input::-moz-range-thumb{width:11px;height:11px;background:#6c8951;border-radius:50%;border:0}.now-controls>.scrubber>span{align-self:flex-end;margin-bottom:3px}.now-controls .transport{display:flex;justify-content:space-between;gap:8px;width:100%}.now-controls .play-button{width:66px;height:66px}.now-controls .play-button .icon{width:27px;height:27px}.now-controls .icon-button{width:46px;min-width:44px;height:50px}.now-controls .icon-button .icon{height:25px;width:25px}.now-controls .icon-button small{top:21px;font-size:8px}.now-controls .transport>.icon-button:first-child .icon,.now-controls .transport>.icon-button:last-child .icon{width:19px;height:19px;color:#99a28c}.now-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px}.now-tools button{font-size:10px;color:#77886a;min-height:53px;min-width:44px;line-height:1.6;padding:4px}.now-tools .icon{display:block;width:20px;height:20px;margin:0 auto 7px;color:#758c62}.now-tools+.now-tools{margin-top:12px;border-top:1px solid #e2e8d9;padding-top:10px;justify-content:center;gap:12px}.now-tools+.now-tools button{min-height:44px;font-size:10px}.now-tools .text-button{font-size:9px;min-height:0}.speed-options,.sleep-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:20px 0}.speed-options button,.sleep-options button{padding:12px 6px;min-height:48px;border:1px solid #dfe4d5;border-radius:11px;background:#f6f8f0;font-size:13px;color:#607550;white-space:nowrap}.speed-options button.active{background:var(--green);border-color:var(--green);color:var(--lime)}.sleep-options button:last-child{grid-column:span 2}.sound-control{display:block;font-size:12px;color:#6f8063;margin:24px 0}.sound-control input{width:100%;height:30px;margin-top:10px;accent-color:#6f8b56}.queue-item{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.queue-item>span{font-size:10px;color:#98a18b;min-width:15px}.queue-item strong{font-weight:550;flex:1;min-width:0;overflow-wrap:anywhere}.loading{font-size:12px;color:var(--muted);padding:30px 0}.toasts{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--bottom) + 85px);width:calc(100% - 32px);max-width:448px;z-index:100;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--green);color:#f1f6e8;padding:14px 16px;border-radius:13px;font-size:12px;line-height:1.7;box-shadow:0 4px 25px #1e3a211c;pointer-events:auto}.toast.error-toast{background:#754c3b}.toast button{color:var(--lime);text-decoration:underline;margin-left:10px;min-height:44px;font:inherit}.server-option{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #e0e5d6;background:#f8faf3;padding:15px;border-radius:11px;width:100%;min-height:54px;margin:10px 0;font-size:13px;text-align:left}.server-option span{color:var(--muted);font-size:10px;flex-shrink:0}.backup-file{display:none}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-tile{border:1px solid #e4e9db;background:#edf1e5;padding:19px;text-align:left;border-radius:13px;min-width:0}.collection-tile .icon{color:#8da375;margin-bottom:17px}.collection-tile strong{display:block;font-size:15px;line-height:1.4;letter-spacing:-.3px;font-weight:650;margin-bottom:8px;overflow-wrap:anywhere}.collection-tile small{font-size:10px;color:#8a977d}.count{font-size:10px;color:#7b8c6d}
@media(max-width:370px){.topbar{padding-left:16px;padding-right:16px}.app-topline{gap:6px}.app-wordmark{font-size:26px}.network-label{font-size:0;gap:0;min-width:6px}.connect-button{font-size:10px;gap:5px;padding:9px}.top-actions,.topbar-actions{gap:5px}#content{padding:21px 16px 0}.resume-card{padding:13px;gap:12px}.resume-cover{width:65px;height:65px}.resume-body h2{font-size:16px}.resume-body .eyebrow{font-size:6.5px}.resume-body>p{font-size:9px;margin-bottom:7px}.progress-meta{font-size:8px}.resume-actions{gap:7px}.resume-actions .button{font-size:9px;padding:8px 9px}.resume-actions .text-button{font-size:8px}.book-grid{gap:22px 14px}.book-meta h3{font-size:12px;padding-right:16px}.book-meta p{font-size:10px}.book-meta small{font-size:8px}.filters{gap:2px}.filters button{font-size:10px;padding:10px 9px}.toolbar-actions{gap:4px}.toolbar-actions select{width:72px;min-width:72px;max-width:72px;font-size:10px;padding-left:7px}.cover-badge{font-size:6px;letter-spacing:.25px;padding:4px 5px}.cover-play{width:31px;height:31px;bottom:9px;right:9px}.page-heading h1{font-size:29px}.page-heading .lead{font-size:11px}.mini-player{padding-inline:12px}.mini-book{gap:8px}.mini-book strong{font-size:11px}.mini-book small{font-size:9px}.mini-center .transport{gap:0}.modal-content{padding-inline:18px}.modal-header h2{font-size:19px}.detail-hero{gap:14px}.detail-hero>img{width:91px}.detail-hero h3{font-size:19px}.detail-actions{gap:6px}.detail-actions .button{font-size:9px;padding:9px 10px}.modal .form-row .button{font-size:11px;padding:11px 13px}.player-modal .modal-content{padding-left:19px;padding-right:19px}.now-cover{width:min(250px,32dvh)}.now-text h3{font-size:22px}.now-tools{gap:5px}.now-tools button{font-size:9px}.now-controls .transport{gap:4px}.now-controls .play-button{width:60px;height:60px}.now-controls .icon-button{min-width:44px;width:44px}.speed-options,.sleep-options{gap:7px}.speed-options button,.sleep-options button{font-size:12px}.settings-card{padding:17px 15px}.setting-line{font-size:11px;gap:10px}.stat strong{font-size:18px}.stat span{font-size:7px}.row-actions{max-width:88px}.row-actions .button{font-size:9px;padding:9px}.row-cover{width:36px;height:36px}.download-row,.history-row,.bookmark-row{gap:9px}.row-body h3{font-size:12px}.row-body p{font-size:9px}}
@media(min-width:600px){.workspace{border-inline:1px solid #d5ddcc}.bottom-tabs,.mini-player{border-left:1px solid #d5ddcc;border-right:1px solid #d5ddcc}.modal{box-shadow:0 20px 100px #183f3245}.modal::backdrop{background:#21361f55}}
@media(max-height:720px){.player-modal .modal-header{margin-bottom:12px}.now-cover{width:min(230px,30dvh);margin-bottom:18px}.now-text h3{font-size:21px}.now-text small{margin-bottom:10px}.now-controls>.scrubber{margin-bottom:10px}.now-controls .play-button{width:58px;height:58px}.now-tools{margin-top:17px}.now-tools+.now-tools{margin-top:8px;padding-top:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Phones keep the installed-app layout; wide screens get a full library workspace. */
.desktop-view-label{display:none}
@media(min-width:900px){
:root{--serif:Georgia,'Times New Roman',serif;background:var(--bg)}body{background:var(--bg)}.sidebar{display:flex!important;position:fixed;inset:0 auto 0 0;width:236px;z-index:35;flex-direction:column;padding:30px 17px 22px;background:#efefe7;border-right:1px solid #e0e3d7}.brand{display:flex;align-items:center;gap:10px;padding:0 12px;text-decoration:none;font:700 36px/1 Georgia,serif;letter-spacing:-1.9px;color:var(--green)}.brand-mark{display:grid;place-items:center;width:36px;height:39px;background:var(--green);color:var(--lime);border-radius:10px;font:italic 700 35px/1 Georgia,serif;letter-spacing:-4px;padding-right:7px;padding-bottom:4px}.brand-dot{font:8px/1 sans-serif;letter-spacing:0;color:#899c6f;margin-left:-7px;margin-top:17px}.sidebar-caption{font-size:8px;letter-spacing:1.6px;color:#8d9684;padding:20px 12px 34px}.nav-section{display:block;font-size:9px;letter-spacing:1.4px;color:#949e88;padding:0 13px 12px}.nav-section.second{margin-top:29px}.nav-item{width:100%;min-height:44px;display:flex;align-items:center;text-align:left;gap:11px;padding:11px 13px;border-radius:8px;margin:2px 0;color:#78846d;font-size:12px;line-height:1.5;white-space:nowrap}.nav-item .icon{width:18px;height:18px}.nav-item.active{background:#e0e6d7;color:var(--green);font-weight:600}.nav-item:hover{background:#e5e9dc}.nav-item .count{margin-left:auto;font-size:10px;padding:2px 6px;background:#e1e6d8;border-radius:5px;color:#8b987a}.sidebar-bottom{margin-top:auto;padding-top:30px}.server-label{display:flex;align-items:center;gap:10px;margin:0 10px 10px;padding:15px 3px 21px;border-bottom:1px solid #dce1d1}.server-label strong{display:block;font-size:11px;font-weight:500;color:#586b4f}.server-label div>span{display:block;font-size:9px;color:#94a086;margin-top:5px}.sidebar-help{display:flex;justify-content:space-between;margin:15px 13px 0;font-size:10px;color:#929e86;text-decoration:none}.sidebar-help span{font-size:15px}.workspace{margin-left:236px;margin-right:0;max-width:none;min-height:100dvh;padding-bottom:130px;border:0;box-shadow:none}.bottom-tabs{display:none}.topbar{display:grid;grid-template-columns:minmax(80px,1fr) minmax(160px,310px) auto;grid-template-areas:'label search actions';gap:17px;align-items:center;min-height:89px;padding:17px 30px;border-bottom:1px solid var(--line);background:#f7f6f2f5}.app-topline{grid-area:actions;display:flex;gap:8px;margin:0;min-height:44px}.app-wordmark{display:none}.desktop-view-label{display:block;grid-area:label;font-size:11px;color:#829076;white-space:nowrap}.app-topline>.icon-button{margin-right:-6px}.network-label{font-size:9px;gap:5px}.connect-button{font-size:10px;padding:10px;min-height:38px;border-radius:7px}.connect-button .icon{width:14px;height:14px}.search{grid-area:search;background:#eaece4;height:39px;max-width:340px;width:100%;justify-self:end;border-radius:8px}.search input{font-size:12px;padding:9px 0}.search input::placeholder{font-size:11px}.search .icon{width:16px;height:16px}#content{padding:36px 30px 34px;max-width:1400px;margin:0 auto;min-height:calc(100dvh - 260px)}.page-heading{margin-bottom:28px;gap:25px}h1{font:400 37px/1.15 Georgia,'Times New Roman',serif;letter-spacing:-1.1px;margin-bottom:9px}.page-heading p.lead{font-size:12px;max-width:600px}.welcome-cards{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;margin-bottom:35px}.resume-card{min-height:197px;gap:18px;padding:21px;border-radius:12px}.resume-cover{width:85px;height:85px;border-radius:4px;box-shadow:3px 5px 10px #20351c18}.resume-body .eyebrow{font-size:7px;letter-spacing:.9px;margin-bottom:9px}.resume-body h2{font:400 24px/1.2 Georgia,serif;letter-spacing:-.4px;margin-bottom:6px}.resume-body>p{font-size:10px;margin-bottom:13px}.progress-meta{font-size:8px;margin:7px 0 11px}.resume-actions{gap:12px;flex-wrap:wrap}.resume-actions .button{min-height:35px;font-size:9px;padding:9px 11px;border-radius:6px}.resume-actions .text-button{font-size:9px;min-height:35px}.offline-promo{display:flex!important;position:relative;overflow:hidden;flex-direction:column;justify-content:center;background:var(--green);color:#f3f5e6;border-radius:12px;padding:24px}.offline-promo:after{content:'';position:absolute;pointer-events:none;width:150px;height:150px;border:1px solid #45634d;border-radius:50%;right:-80px;top:-75px;box-shadow:0 0 0 22px #ffffff03,0 0 0 45px #ffffff03}.offline-promo>.icon{color:var(--lime);width:22px;height:22px;margin-bottom:14px}.offline-promo h2{font:400 25px/1.12 Georgia,serif;letter-spacing:-.45px;margin:0 0 9px}.offline-promo p{font-size:10px;color:#a9bca5;line-height:1.8;max-width:250px;margin:0 0 10px}.offline-promo button{color:var(--lime);font-size:10px;line-height:1.6;min-height:35px;text-align:left;padding:0;align-self:start;position:relative;z-index:1}.shelf-toolbar{flex-direction:row;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.shelf-title{justify-content:flex-start;gap:10px;flex-shrink:0}.shelf-title h2{font:400 24px/1.2 Georgia,serif;letter-spacing:-.4px}.shelf-title>span{font-size:10px}.toolbar-actions{width:auto;max-width:72%;gap:10px}.filters{gap:3px}.filters button{font-size:10px;min-height:35px;padding:9px 10px;border-radius:6px}.toolbar-actions select{font-size:10px;min-height:35px;width:90px;min-width:90px;max-width:90px;border-radius:6px;padding:8px 16px 8px 9px}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 24px}.cover-wrap{border-radius:6px;aspect-ratio:1}.cover-play{width:35px;height:35px}.cover-badge{font-size:7px;padding:5px 6px}.book-meta{padding-top:12px}.book-meta h3{font:400 17px/1.3 Georgia,serif;margin-bottom:5px;padding-right:18px}.book-meta p{font-size:10px}.book-meta small{font-size:9px}.book-meta>.icon-button{right:-13px;top:1px}.book-card>.progress-line{margin-top:10px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.settings-card{padding:24px;border-radius:11px}.settings-card h2{font:400 23px/1.3 Georgia,serif;margin-bottom:15px}.settings-card p{font-size:11px}.setting-line{font-size:12px}.setting-line select{font-size:13px;min-height:40px}.setting-line input[type=number]{font-size:13px;min-height:38px}.more-menu{max-width:700px;margin-bottom:25px}.more-item{min-height:54px}.more-item strong{font-size:12px}.storage-panel{flex-direction:row;align-items:center;justify-content:space-between;padding:23px;gap:25px;border-radius:11px}.storage-panel h2{font:400 23px/1.3 Georgia,serif}.storage-panel p{font-size:11px}.storage-panel .button{flex-shrink:0;font-size:10px;min-height:38px}.download-row,.history-row,.bookmark-row,.collection-row{padding:18px 0;gap:17px}.row-cover{width:47px;height:47px}.row-body h3{font:400 19px/1.35 Georgia,serif}.row-body p{font-size:11px}.row-actions{max-width:none;gap:8px}.row-actions .button{font-size:10px;min-height:36px;padding:9px 12px;border-radius:7px}.stat-grid{gap:15px}.stat{padding:23px;border-radius:10px}.stat strong{font:400 31px/1.25 Georgia,serif}.stat span{font-size:9px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.collection-tile{padding:24px;border-radius:10px}.collection-tile strong{font:400 21px/1.35 Georgia,serif}.collection-tile small{font-size:10px}.empty-state{padding:65px 25px}.empty-state h2{font:400 27px/1.3 Georgia,serif}.empty-state p{max-width:450px}.app-footer{display:flex!important;max-width:1400px;margin:0 auto;padding:0 30px;justify-content:space-between;gap:20px;font-size:9px;color:#9ba48f}.app-footer>span:last-child{font-size:8px;letter-spacing:1.3px}.mini-player{left:236px;right:0;bottom:0;width:auto;max-width:none;transform:none;height:104px;padding:12px 25px;grid-template-columns:minmax(0,1fr) minmax(240px,1.25fr) minmax(140px,1fr);gap:18px;border-left:0;border-right:0;border-top:1px solid var(--line);background:#fffefaf7}.mini-book{gap:12px}.mini-book img{width:41px;height:41px;border-radius:4px}.mini-book strong{font:400 16px/1.3 Georgia,serif}.mini-book small{font-size:10px;margin-top:5px}.mini-center{display:block}.mini-center .transport{gap:16px}.mini-center .transport>button:first-child{display:inline-flex}.mini-center .play-button{width:38px;height:38px}.mini-center .play-button .icon{width:17px;height:17px}.mini-center .scrubber{position:static;top:auto;left:auto;right:auto;gap:9px;height:20px;margin:3px 0 0;font-size:9px}.mini-center .scrubber span{display:block}.mini-center .scrubber input{position:static;height:20px;min-height:20px;width:auto;min-width:20px;flex:1;border-radius:5px}.mini-center .scrubber input::-webkit-slider-runnable-track{height:3px;border-radius:5px}.mini-center .scrubber input::-webkit-slider-thumb{width:8px;height:8px;margin-top:-2.5px}.mini-center .scrubber input::-moz-range-track{height:3px;border-radius:5px}.mini-center .scrubber input::-moz-range-progress{height:3px;border-radius:5px}.mini-center .scrubber input::-moz-range-thumb{width:8px;height:8px}.mini-extras{display:flex;align-items:center;justify-content:flex-end;gap:6px}.mini-extras .text-button{font-size:11px;font-weight:600;min-width:25px;text-align:center}.mini-extras .icon-button{padding:9px;min-width:36px;width:36px;min-height:40px}.mini-extras .icon{width:18px;height:18px}.modal{inset:50% 0 auto;transform:translateY(-50%);margin:0 auto;width:calc(100% - 40px);max-width:600px;max-height:90dvh;border-radius:17px;border:1px solid #e3e8d9;box-shadow:0 25px 100px #183f3235}.modal-content{padding:28px}.modal-content:before{display:none}.modal-header h2{font:400 27px/1.3 Georgia,serif;letter-spacing:-.4px}.modal-header>.icon-button{background:transparent}.modal .button{font-size:11px;min-height:40px;border-radius:7px}.field input,.field textarea,.field select{font-size:13px;min-height:43px;border-radius:7px;background:white}.modal label.field{font-size:12px}.modal .lead{font-size:12px}.detail-hero>img{width:125px;max-width:35%}.detail-hero{gap:25px}.detail-hero h3{font:400 28px/1.15 Georgia,serif}.detail-hero p{font-size:12px}.detail-hero .eyebrow{font-size:8px}.detail-actions .button{font-size:10px}.player-modal{top:50%;bottom:auto;width:calc(100% - 40px);max-width:640px;height:auto;max-height:90dvh;border-radius:18px}.player-modal .modal-content{min-height:0;padding:23px 55px 28px}.player-modal .modal-header{margin-bottom:16px}.player-modal .modal-header h2{font:600 11px/1.4 var(--sans,sans-serif);letter-spacing:1.2px}.player-modal .modal-header>.icon-button{background:#f4f7eb88}.now-cover{width:min(260px,35dvh);margin-bottom:20px;border-radius:6px}.now-text h3{font:400 29px/1.2 Georgia,serif}.now-text p{font-size:12px}.now-text small{margin-bottom:13px}.now-controls{max-width:430px}.now-controls>.scrubber{margin-bottom:13px}.now-controls .transport{justify-content:center;gap:22px}.now-controls .play-button{width:58px;height:58px}.now-tools{margin-top:20px}.now-tools button{font-size:11px}.now-tools+.now-tools{margin-top:8px;padding-top:6px}.toasts{left:auto;right:24px;transform:none;bottom:125px;max-width:400px;width:calc(100% - 300px)}.speed-options button,.sleep-options button{font-size:12px;border-radius:8px;min-height:44px}.sound-control{font-size:12px}.queue-item{font-size:12px}
}
@media(min-width:1200px){.topbar{padding-inline:40px;grid-template-columns:minmax(110px,1fr) minmax(200px,340px) auto;gap:24px}.network-label{font-size:10px;margin-right:6px}.connect-button{font-size:11px;padding:11px 13px}#content{padding:40px}.resume-card{padding:24px;gap:22px;min-height:212px}.resume-cover{width:104px;height:104px}.resume-body .eyebrow{font-size:8px}.resume-body h2{font-size:26px}.progress-meta{font-size:9px}.resume-actions .button{font-size:10px;padding:10px 13px}.resume-actions .text-button{font-size:10px}.offline-promo{padding:28px}.offline-promo h2{font-size:27px}.offline-promo p{font-size:11px}.shelf-toolbar{gap:25px}.toolbar-actions{gap:14px}.filters button{font-size:11px;padding:9px 12px}.toolbar-actions select{width:120px;max-width:120px;min-width:120px;font-size:11px}.book-meta h3{font-size:18px}.book-meta p{font-size:11px}.mini-player{padding-inline:30px;gap:25px}.mini-extras{gap:12px}.app-footer{padding-inline:40px}}
@media(min-width:1600px){.book-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.topbar{padding-inline:55px}#content{padding:45px 55px}.app-footer{padding-inline:55px}.cover-wrap{max-height:380px}}
/* Align skip labels with the circular arrows at every player size. */
.transport .icon-button [data-icon]{display:flex;align-items:center;justify-content:center;line-height:0}
.transport .icon-button[data-act="back"] small,.transport .icon-button[data-act="forward"] small{top:50%;left:50%;right:auto;margin:0;font-variant-numeric:tabular-nums}
.transport .icon-button[data-act="back"] small{transform:translate(calc(-50% - 1px),calc(-50% + 1px))}
.transport .icon-button[data-act="forward"] small{transform:translate(calc(-50% + 1px),calc(-50% + 1px))}

.book-tags{min-width:0;max-width:100%;font-size:12px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
.modal-handle{display:none}
@media(max-width:899px){.book-modal{transition:transform .18s ease-out}.book-modal.is-dragging{transition:none}.book-modal .modal-content{padding-top:0}.book-modal .modal-content:before,.book-modal .modal-header{display:none}.book-modal .modal-handle{display:flex;align-items:center;justify-content:center;width:calc(100% + 44px);height:44px;margin:0 -22px;padding:0;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.book-modal .modal-handle:before{content:'';width:34px;height:4px;background:#c7d0bc;border-radius:4px}.book-modal.is-dragging .modal-handle{cursor:grabbing}}
@media(max-width:370px){.book-modal .modal-handle{width:calc(100% + 36px);margin-inline:-18px}}
@media(min-width:900px){.sidebar>nav{margin-top:44px}}
.book-modal .modal-handle:focus-visible{outline:none}
.book-modal .modal-handle:focus-visible:before{outline:2px solid #819d60;outline-offset:4px}
#sync-status:empty{display:none}
.servers-settings{grid-column:1/-1}.server-list{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}.server-list>li{padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:12px;min-width:0}.server-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.server-title h3{font-size:15px;font-weight:650;margin:0;overflow-wrap:anywhere}.server-title>span{font-size:10px;color:var(--muted);flex-shrink:0}.server-list .server-address{font-size:11px;overflow-wrap:anywhere;margin:5px 0 12px}.server-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:16px}.server-actions .button{font-size:11px;padding:10px 13px;min-height:40px}.server-actions .server-remove{font-size:12px;color:#a15e50;min-height:40px;margin-left:auto}.server-libraries{border:0;padding:0;margin:20px 0}.server-libraries legend{font-size:14px;font-weight:600;margin-bottom:6px}[data-theme=dark] .server-actions .server-remove{color:#e6a69a}
.app-settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.app-settings-actions>.button{width:100%;min-width:0;min-height:44px;padding:11px 12px;font-size:12px;white-space:normal}.app-settings-actions>[data-act=check-update],.app-settings-actions>[data-act=clear-history]{grid-column:1/-1}.app-settings-actions>.text-button{margin:0}
.app-settings-card>.setting-line{border-bottom:0}.app-settings-group{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.app-settings-group h3{font-size:12px;font-weight:600;line-height:1.5;color:var(--ink);margin:0 0 10px}.app-settings-group>p{margin:0 0 14px}
.brand>.folio-mark{width:40px;height:40px;flex-shrink:0;border-radius:10px}.app-wordmark>.folio-mark{display:inline-block;width:29px;height:29px;vertical-align:-6px;margin-right:7px;border-radius:7px}
.transport .icon-button:is([data-act=back],[data-act=forward]){padding:0}.transport .icon-button .skip-icon{width:28px;height:28px;flex-shrink:0}.now-controls .icon-button .skip-icon{width:34px;height:34px}