:root{--zone:#eeeae0;--zone-deep:#e4dfd3;--paper:#faf8f3;--ink:#1d1f27;--text:#2b2a27;--muted:#6a655b;--past:#77716a;--line:#e2ddd1;--line-strong:#dad4c7;--soft:#f0ece3;--hl:#efe8d9;--olive:#4c6a3c;--brick:#9b3a26;--cream:#f4f0e6;--shadow-book:0 22px 32px -14px #342c1e8c, 0 2px 4px #342c1e2e;--sans:"Manrope", "Noto Sans SC", system-ui, -apple-system, sans-serif;--serif:"Noto Serif SC", "Songti SC", serif;--display:"Instrument Serif", "Noto Serif SC", serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--top-inset:calc(var(--safe-top) + min(var(--safe-top), 24px));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (display-mode:standalone),(display-mode:fullscreen){:root{--top-inset:calc(var(--safe-top) + 24px)}}:root.ios-standalone{--top-inset:calc(var(--safe-top) + 24px)}.theme-dark{--zone:#25231f;--zone-deep:#2f2c26;--paper:#1b1a17;--ink:#ede8dd;--text:#ede8dd;--muted:#a59e90;--past:#8e887c;--line:#3a372f;--line-strong:#46423a;--soft:#2f2c26;--hl:#2d2a24;--cream:#1b1a17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--zone);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}h1,h2,p{margin:0}.boot{background:var(--zone);min-height:100dvh}.serif{font-family:var(--serif)}.muted{color:var(--muted)}.small{font-size:13px}.strong{font-weight:600}.tabular{font-variant-numeric:tabular-nums}.numeral{font-family:var(--display);font-size:17px}.eyebrow{letter-spacing:2px;color:var(--muted);font-size:12px}.fine{color:var(--muted);text-align:center;font-size:12px}.wordmark{font-family:var(--display);font-size:26px;font-style:italic}.wordmark-xl{font-size:52px;font-weight:400;line-height:1}.display{font-family:var(--display);letter-spacing:1px;font-size:38px;font-weight:500;line-height:1.15}.form-error{color:var(--brick);padding:10px 0;font-size:14px}.form-note{color:var(--brick);font-size:13px;line-height:1.6}.pad{padding:20px}.pad-y{padding:18px 0}.grow{flex:1}.rule{background:var(--line);height:1px;margin-top:22px}.spin{animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.pill{background:var(--ink);height:44px;color:var(--cream);white-space:nowrap;border:none;border-radius:22px;justify-content:center;align-items:center;gap:8px;padding:0 18px 0 16px;font-size:14px;font-weight:600;display:inline-flex}.pill:disabled{opacity:.55}.pill-sm{height:38px;padding:0 14px 0 12px;font-size:14px}.pill-block{border-radius:26px;width:100%;height:52px;font-size:16px}.pill-outline{border:1px solid var(--ink);height:44px;color:var(--ink);background:0 0;border-radius:22px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.pill-outline.pill-sm{height:34px;font-size:13px}.circle{background:var(--soft);width:40px;height:40px;color:var(--ink);border:none;border-radius:20px;flex:none;justify-content:center;align-items:center;display:inline-flex}.circle-zone{background:var(--zone-deep)}.circle-outline{border:1px solid var(--ink);background:0 0}.circle-spacer{width:40px}.text-button{color:var(--muted);text-underline-offset:3px;background:0 0;border:none;padding:6px 2px;font-size:13px;text-decoration:underline}.icon-button{width:44px;height:44px;color:var(--ink);background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button.big{width:52px;height:52px}.menu-wrap{position:relative}.menu{z-index:20;background:var(--paper);border-radius:14px;min-width:160px;padding:6px;position:absolute;top:46px;right:0;box-shadow:0 16px 40px -12px #1d1f2759}.menu button{text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;display:flex}.menu button:hover{background:var(--soft)}.menu .danger{color:var(--brick)}.cover{box-shadow:var(--shadow-book);background:var(--zone-deep);border-radius:4px;flex:none;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-type{justify-content:center;display:flex}.cover-frame{border:1px solid #f4f0e647;border-radius:2px;position:absolute;inset:6%}.cover-title{writing-mode:vertical-rl;font-family:var(--serif);color:#f4f0e6;padding-top:14%;font-weight:600;overflow:hidden}.cover-xs{border-radius:3px;width:34px;height:48px;box-shadow:0 6px 10px -6px #342c1e80}.cover-xs .cover-title{letter-spacing:1px;font-size:9px}.cover-sm{border-radius:3px;width:40px;height:56px;box-shadow:0 10px 14px -8px #342c1e80,0 1px 2px #342c1e33}.cover-sm .cover-title{letter-spacing:1px;font-size:9px}.cover-md{width:84px;height:118px}.cover-md .cover-title{letter-spacing:3px;font-size:13px}.cover-lg{width:96px;height:136px}.cover-lg .cover-title{letter-spacing:4px;font-size:15px}.cover-xl{border-radius:5px;width:168px;height:238px;box-shadow:0 36px 50px -22px #342c1e99,0 3px 6px #342c1e2e}.cover-xl .cover-title{letter-spacing:8px;font-size:24px}.screen{background:var(--zone);flex-direction:column;align-items:center;min-height:100dvh;display:flex}.screen>*{width:min(100%,760px)}.topbar{padding:calc(14px + var(--top-inset)) 20px 0;justify-content:space-between;align-items:center;gap:8px;display:flex}.topbar-center .topbar-title{letter-spacing:1px;font-size:14px;font-weight:600}.topbar-actions{align-items:center;gap:8px;display:flex}.page-title{flex-direction:column;gap:6px;padding:26px 20px 0;display:flex}.paper{background:var(--paper)}.paper-sheet{padding:8px 20px calc(110px + var(--safe-bottom));border-radius:28px 28px 0 0;flex-direction:column;flex:1;margin-top:28px;display:flex}.paper-sheet.has-feature{margin-top:96px;padding-top:0}.hero{z-index:2;gap:18px;margin-bottom:-50px;padding:16px 20px 0;display:flex;position:relative}.hero-text{flex-direction:column;gap:6px;min-width:0;padding-top:4px;display:flex}.hero-title{font-size:25px;font-weight:500;line-height:1.25}.paper-sheet.with-hero{margin-top:0;padding-top:68px}.login{flex-direction:column;align-items:center;min-height:100dvh;display:flex}.login>*{width:min(100%,460px)}.login-hero{padding:calc(40px + var(--safe-top)) 24px 32px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.login-stack{width:200px;height:150px;margin-bottom:12px;position:relative}.stack-book{border-radius:4px;width:82px;height:116px;position:absolute;top:18px;box-shadow:0 20px 28px -14px #342c1e8c}.stack-left{background:#8a5d50;left:22px;transform:rotate(-9deg)}.stack-right{background:#34505f;left:96px;transform:rotate(8deg)}.stack-center{width:84px;height:120px;box-shadow:var(--shadow-book);background:#50604f;justify-content:center;display:flex;top:4px;left:58px}.stack-center .cover-title{letter-spacing:4px;font-size:14px}.login-form{background:var(--paper);padding:30px 24px calc(34px + var(--safe-bottom));border-radius:28px 28px 0 0;flex-direction:column;gap:14px;display:flex}.line-input{border:none;border-bottom:1px solid var(--ink);height:52px;font:inherit;color:var(--ink);background:0 0;border-radius:0;outline:none;padding:0 2px;font-size:18px}.check-row{align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--ink);margin:0}.feature{align-items:flex-start;gap:18px;display:flex}.feature-cover{background:0 0;border:none;margin-top:-70px;padding:0}.feature-text{flex-direction:column;flex:1;gap:4px;min-width:0;padding-top:16px;display:flex}.feature-title{font-size:21px;font-weight:500}.feature-actions{align-items:center;gap:14px;padding-top:18px;display:flex}.feature-progress{flex-direction:column;flex:1;gap:6px;display:flex}.hairline-track{background:var(--line);height:2px;position:relative}.hairline-track span{background:var(--ink);height:2px;transition:width .4s;position:absolute;top:0;left:0}.section-head{justify-content:space-between;align-items:center;padding:18px 0 4px;display:flex}.section-head h2{font-size:15px;font-weight:600}.book-list{margin:0;padding:0;list-style:none}.book-list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex}.book-list li:last-child{border-bottom:none}.book-row{flex:1;align-items:center;gap:14px;min-width:0;padding:12px 0;display:flex}.book-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.book-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;overflow:hidden}.status{white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:500;display:inline-flex}.status-active{color:var(--ink)}.status-failed{color:var(--brick)}.status-done{color:var(--olive)}.empty{flex-direction:column;align-items:flex-start;gap:16px;padding:28px 0;line-height:1.8;display:flex}.stats{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:16px;display:grid}.stats>div{flex-direction:column;gap:2px;display:flex}.stats>div+div{border-left:1px solid var(--line);padding-left:16px}.stat{font-family:var(--display);font-size:24px}.stat small{color:var(--muted);font-size:15px}.stat-text{font-family:var(--serif);padding-top:6px;font-size:16px}.setting-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;padding:13px 0;display:flex}.setting-button{border:none;border-bottom:1px solid var(--line);text-align:left;background:0 0;width:100%}.setting-button .setting-title{flex:1}.setting-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.setting-title{font-size:15px;font-weight:500}.switch{appearance:none;background:var(--line-strong);border-radius:13px;flex:none;width:44px;height:26px;margin:0;transition:background .2s;position:relative}.switch:after{content:"";background:var(--paper);border-radius:10px;width:20px;height:20px;transition:left .2s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--ink)}.switch:checked:after{left:21px}.chapter-picker{border-bottom:1px solid var(--line);max-height:320px;margin:0;padding:4px 0 8px;list-style:none;overflow:auto}.chapter-picker label{align-items:center;gap:10px;min-height:40px;font-size:14px;display:flex}.chapter-picker label .serif{flex:1}.chapter-picker input{accent-color:var(--ink);width:18px;height:18px;margin:0}.estimate{padding-top:14px;font-size:13px;line-height:1.8}.sheet-footer{flex-direction:column;gap:8px;margin-top:auto;padding-top:18px;display:flex}.upload .paper-sheet{padding-bottom:calc(24px + var(--safe-bottom))}.action-row{align-items:center;gap:10px;min-height:44px;display:flex}.gen-block{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:16px 0 14px;display:flex}.gen-line{align-items:center;gap:8px;font-size:13px;display:flex}.gen-failed{color:var(--brick)}.gen-note{border-bottom:1px solid var(--line);padding:14px 0 12px;line-height:1.7}.tabs{gap:22px;padding-top:6px;display:flex}.tabs button{height:40px;color:var(--muted);background:0 0;border:none;border-bottom:1.5px solid #0000;padding:0;font-size:14px}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.chapter-list{margin:0;padding:0;list-style:none}.chapter-row{border:none;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;min-height:48px;padding:0;display:flex}.chapter-row:disabled{color:var(--muted)}.chapter-row.is-current{background:var(--hl);border-bottom-color:#0000;border-radius:10px;width:calc(100% + 20px);margin:0 -10px;padding:0 10px}.chapter-row.is-current .chapter-title{font-weight:600}.chapter-row.failed{color:var(--brick)}.chapter-n{width:16px;color:var(--muted);text-align:center;flex:none;font-size:12px}.chapter-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;overflow:hidden}.chapter-list.compact .chapter-row{min-height:46px}.bookmark-list{margin:0;padding:0;list-style:none}.bookmark{border-bottom:1px solid var(--line);align-items:flex-start;gap:8px;display:flex}.bookmark:last-child{border-bottom:none}.bookmark-main{text-align:left;background:0 0;border:none;flex-direction:column;flex:1;gap:6px;min-width:0;padding:14px 0;display:flex}.bookmark-jump{text-align:left;background:0 0;border:none;flex-direction:column;gap:6px;padding:0;display:flex}.bookmark-meta{letter-spacing:1px;color:var(--muted);justify-content:space-between;gap:12px;font-size:12px;display:flex}.bookmark-meta .time{font-family:var(--display);letter-spacing:0;color:var(--ink);font-size:17px}.bookmark-snippet{font-size:16px;line-height:1.7}.note{text-align:left;background:0 0;border:none;padding:0}.bookmark-main>.text-button,.bookmark-main>.note{align-self:flex-start}.note-form{align-items:center;gap:8px;display:flex}.small-input{flex:1;height:38px;font-size:14px}.mini-player{left:12px;right:12px;bottom:calc(16px + var(--safe-bottom));color:#f4f0e6;z-index:30;background:#1d1f27;border-radius:31px;align-items:center;gap:8px;max-width:736px;height:62px;margin:0 auto;padding:0 8px 0 9px;display:flex;position:fixed;overflow:hidden;box-shadow:0 14px 30px -10px #1d1f2780}.mini-main{min-width:0;color:inherit;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:12px;padding:0;display:flex}.mini-cover.cover{width:44px;height:44px;box-shadow:none;border-radius:22px}.mini-cover .cover-title{align-self:center;padding-top:0}.mini-text{flex-direction:column;gap:1px;min-width:0;display:flex}.mini-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.mini-sub{color:#bdb6a8;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mini-toggle{color:#1d1f27;background:#f4f0e6;border:none;border-radius:22px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mini-progress{background:#bdb6a8;height:2px;position:absolute;bottom:0;left:0}.player{background:var(--paper);height:100dvh;color:var(--ink);display:flex}.player-aside{display:none}.player-main{background:var(--paper);flex-direction:column;flex:1;min-width:0;height:100dvh;display:flex}.player-top{padding:calc(12px + var(--top-inset)) 16px 4px;align-items:center;gap:8px;display:flex}.player-top .circle{background:var(--zone-deep)}.player-top-title{flex-direction:column;flex:1;align-items:center;gap:1px;min-width:0;font-size:15px;display:flex}.player-top-title .eyebrow{font-size:11px}.read-along-wrap{flex:1;min-height:0;display:flex;position:relative}.read-along{font-family:var(--serif);overscroll-behavior:contain;flex-direction:column;flex:1;gap:14px;padding:18px 22px 40px;font-size:19px;line-height:1.9;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 28px calc(100% - 40px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 28px calc(100% - 40px),#0000 100%)}.chapter-heading,.para-heading{letter-spacing:1px;padding:0 10px;font-size:22px;font-weight:500;line-height:1.5}.para{cursor:pointer;border-radius:10px;margin:0;padding:0 10px;transition:background .3s,color .3s}.para.is-past{color:var(--past)}.para.is-current{background:var(--hl);padding:10px}.back-to-current{background:var(--ink);height:36px;color:var(--cream);border:none;border-radius:18px;padding:0 16px;font-size:13px;font-weight:600;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 20px -10px #1d1f2780}.cover-mode{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:20px;display:flex}.cover-mode-title{text-align:center;font-size:20px}.controls{background:var(--zone);padding:0 20px calc(18px + var(--safe-bottom));border-radius:28px 28px 0 0;flex-direction:column;gap:12px;display:flex;position:relative}.notice{background:var(--ink);color:var(--cream);border-radius:14px;align-items:center;gap:8px;padding:8px 8px 8px 14px;font-size:13px;display:flex;position:absolute;bottom:calc(100% + 10px);left:20px;right:20px}.notice span{flex:1}.notice .icon-button{color:var(--cream);width:32px;height:32px}.controls-head{align-items:flex-end;gap:14px;display:flex}.controls-cover.cover{width:52px;height:74px;margin-top:-30px}.controls-title{flex-direction:column;flex:1;gap:1px;min-width:0;padding-bottom:2px;display:flex}.controls-title .serif{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden}.scrubber{flex-direction:column;gap:4px;display:flex}.scrubber input[type=range]{appearance:none;--fill:0%;background:0 0;width:100%;height:22px;margin:0}.scrubber input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--fill), var(--line-strong) var(--fill));height:2px}.scrubber input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-radius:7px;width:14px;height:14px;margin-top:-6px}.scrubber input[type=range]::-moz-range-track{background:var(--line-strong);height:2px}.scrubber input[type=range]::-moz-range-progress{background:var(--ink);height:2px}.scrubber input[type=range]::-moz-range-thumb{background:var(--ink);border:none;border-radius:7px;width:14px;height:14px}.scrubber-times{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.transport{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.play-button{background:var(--ink);width:70px;height:70px;color:var(--cream);border:none;border-radius:35px;justify-content:center;align-items:center;display:flex;box-shadow:0 14px 24px -12px #1d1f2799}.player-nav{border-top:1px solid var(--line-strong);justify-content:space-between;padding:6px 6px 0;display:flex}.player-nav button{width:64px;color:var(--muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding-top:10px;font-size:11px;display:flex}.nav-circle{background:var(--zone-deep);width:40px;height:40px;color:var(--ink);border-radius:20px;justify-content:center;align-items:center;display:flex}.nav-circle.is-on{background:var(--ink);color:var(--cream)}.small-numeral{font-size:15px}.toast{left:50%;top:calc(70px + var(--safe-top));background:var(--ink);color:var(--cream);z-index:50;border-radius:18px;padding:10px 16px;font-size:13px;position:fixed;transform:translate(-50%)}.sheet-root{z-index:40;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-scrim{background:#1d1f276b;border:none;position:absolute;inset:0}.sheet{background:var(--paper);width:min(100%,560px);max-height:86dvh;color:var(--ink);padding:10px 20px calc(28px + var(--safe-bottom));border-radius:28px 28px 0 0;flex-direction:column;gap:18px;display:flex;position:relative;overflow-y:auto}.sheet-handle{background:var(--line-strong);border-radius:2px;flex:none;align-self:center;width:36px;height:4px}.sheet-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.sheet-head h2,.sheet-section h2{font-size:22px;font-weight:500}.sheet-section{flex-direction:column;gap:12px;display:flex}.speed-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.speed-grid button{background:var(--zone);height:48px;font-family:var(--display);border:none;border-radius:24px;font-size:18px}.speed-grid button.is-on{background:var(--ink);color:var(--cream)}.option-list{flex-direction:column;display:flex}.option-list button{border:none;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;height:50px;padding:0 2px;font-size:15px;display:flex}.sheet .setting-row{border-bottom:none}@media (width>=1024px){.player{background:var(--zone);gap:48px;padding:0 0 0 40px}.player-aside{flex-direction:column;flex:none;gap:10px;width:340px;padding:40px 0 32px;display:flex;overflow-y:auto}.aside-title{letter-spacing:1px;margin-top:18px;font-size:34px;font-weight:500}.player-aside .chapter-list{border-top:1px solid var(--line-strong);margin-top:14px}.player-main{border-radius:22px 0 0;height:calc(100dvh - 24px);margin-top:24px}.player-top .circle{background:var(--soft)}.read-along{padding:40px max(40px,50% - 340px);font-size:20px}.controls{background:var(--paper);border-top:1px solid var(--line);border-radius:0;grid-template-columns:minmax(200px,1fr) minmax(320px,2fr) auto;grid-template-areas:"head transport nav""head scrubber nav";align-items:center;gap:2px 28px;padding:14px 32px 18px;display:grid}.controls-head{grid-area:head;align-items:center}.controls-cover.cover{margin-top:0}.scrubber{grid-area:scrubber}.transport{grid-area:transport;justify-content:center;gap:14px}.play-button{width:54px;height:54px}.player-nav{border-top:none;grid-area:nav;gap:6px;padding:0}.player-nav button{width:52px;padding-top:0}.nav-circle{background:var(--soft)}.sheet-root{align-items:center}.sheet{border-radius:24px}}