:root{--paper:#f3ead9;--paper-deep:#e8dcc4;--ink:#3b2f26;--ink-soft:#7a6a58;--accent:#c8553d;--accent-soft:#e8a58f;--bar:#2c241e;--bar-ink:#f3ead9;--serif:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC",serif;--sans:"PingFang SC","Hiragino Sans GB","Noto Sans SC",sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;height:-webkit-fill-available}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 700px at 50% -10%,#fbf6ea 0,transparent 60%),radial-gradient(900px 500px at 90% 110%,#e9dcc2 0,transparent 55%),var(--paper)}.book-card,.topbar .brand .back,button{-webkit-tap-highlight-color:transparent}.app{display:flex;flex-direction:column;height:100vh;height:-webkit-fill-available;height:100dvh;overflow:hidden}.topbar{justify-content:space-between;padding:calc(10px + var(--sat)) 20px 4px}.topbar,.topbar .brand{display:flex;align-items:center}.topbar .brand{min-width:0;flex:1 1;font-family:var(--serif);font-size:15px;letter-spacing:.12em;color:var(--ink-soft)}.topbar .brand-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.topbar .brand strong{color:var(--ink);font-size:17px;margin-right:.6em}.topbar .brand .back{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ink);text-decoration:none;margin-right:10px;width:40px;height:40px;padding:0;border-radius:50%;background:rgba(59,47,38,.07);transition:background .15s ease}.topbar .brand .back svg{width:22px;height:22px;display:block}.topbar .brand .back:active{background:rgba(59,47,38,.1);color:var(--ink)}.topbar .page-pos{font-size:12.5px;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:rgba(255,255,255,.55);border:1px solid rgba(59,47,38,.14);border-radius:999px;padding:4px 12px}.topbar-right{display:flex;align-items:center;flex-shrink:0}.topbar-right,.topbar-right>*+*{margin-left:12px}.topbar .kbd-hint{font-size:11.5px;color:var(--ink-soft);opacity:.75;letter-spacing:.05em}.topbar .build-id{font-size:10px;color:var(--ink-soft);opacity:.5;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.06em}.page.reading{box-shadow:inset 0 -8px 22px -10px rgba(200,85,61,.4)}.reading-bar{position:absolute;left:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--accent-soft),var(--accent));border-radius:0 2px 2px 0;box-shadow:0 0 10px rgba(200,85,61,.55);transition:width .24s linear;pointer-events:none;z-index:3}.book-wrap{flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 72px 12px}.book,.book-wrap{position:relative}.book{--bh:min(calc(100vh - 205px - var(--sat) - var(--sab)),calc((100vw - 176px) * var(--hcoef, 0.65)));--bh:min(calc(100dvh - 205px - var(--sat) - var(--sab)),calc((100vw - 176px) * var(--hcoef, 0.65)));height:var(--bh);width:calc(var(--bh) * var(--pairw, 1.54));touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.book .layer{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:flex;filter:drop-shadow(0 18px 32px rgba(59,47,38,.28))}.page{position:relative;width:50%;height:100%;aspect-ratio:var(--page-ar,987/1282);background:#fffdf7;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.book.single .page,.page img{width:100%}.page img{height:100%;object-fit:contain;display:block;pointer-events:none}.page .page-num{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:11px;color:rgba(59,47,38,.45);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.page.blank{background:linear-gradient(180deg,#fbf5e8,#f1e7d0)}.flip-side{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:88px;border:1px solid rgba(59,47,38,.12);border-radius:14px;background:rgba(255,253,247,.88);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(59,47,38,.16);transition:transform .15s ease,background .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.flip-side svg{width:30px;height:30px}.flip-side.prev{left:10px}.flip-side.next{right:10px}.flip-side:active{transform:translateY(-50%) scale(.94)}.flip-side:disabled{opacity:.35;cursor:default}.book .layer .page:first-child:after{right:0;background:linear-gradient(90deg,transparent,rgba(70,50,30,.16))}.book .layer .page:first-child:after,.book .layer .page:last-child:after{content:"";position:absolute;top:0;bottom:0;width:56px;pointer-events:none}.book .layer .page:last-child:after{left:0;background:linear-gradient(270deg,transparent,rgba(70,50,30,.16))}.book.single .layer .page:after{display:none}@keyframes turn-out-fwd{to{transform:perspective(1800px) rotateY(-30deg) translateX(-8%);opacity:0}}@keyframes turn-out-back{to{transform:perspective(1800px) rotateY(30deg) translateX(8%);opacity:0}}@keyframes turn-in{0%{opacity:.25;transform:perspective(1800px) rotateY(6deg)}}.layer.out-fwd{animation:turn-out-fwd .34s cubic-bezier(.5,0,.8,.4) forwards;z-index:3}.layer.out-back{animation:turn-out-back .34s cubic-bezier(.5,0,.8,.4) forwards;z-index:3}.layer.enter{animation:turn-in .34s ease-out}.title-page{background:#2e2620}.title-page img{object-fit:cover;opacity:.55}.title-page .overlay{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f7efdd;text-align:center;padding:24px;background:linear-gradient(180deg,rgba(30,24,18,.1),rgba(30,24,18,.55))}.title-page .overlay .kicker+h1,.title-page .overlay h1+.sub{margin-top:14px}.title-page .kicker{font-size:13px;letter-spacing:.5em;margin-right:-.5em;opacity:.8}.title-page h1{font-family:var(--serif);font-weight:600;font-size:clamp(26px,4.2vw,40px);letter-spacing:.08em;text-shadow:0 2px 18px rgba(0,0,0,.5)}.title-page .sub{font-size:12.5px;opacity:.75;max-width:22em;line-height:1.8}.player{display:flex;align-items:center;flex-wrap:wrap;padding:12px 20px calc(12px + var(--sab));background:linear-gradient(180deg,#372d25,var(--bar));color:var(--bar-ink);box-shadow:0 -10px 30px rgba(44,36,30,.35)}.player button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;line-height:1}.player .nav{display:flex;align-items:center;margin-right:14px}.player .nav>*+*{margin-left:6px}.player .nav .arrow{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;opacity:.9;color:inherit}.player .nav .arrow svg{width:19px;height:19px}.player .nav .arrow:active{background:rgba(255,255,255,.1)}.player .nav .arrow:disabled{opacity:.3;cursor:default}.player .play{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(200,85,61,.55);transition:transform .12s ease}.player .play svg{width:19px;height:19px}.player .play:active{transform:scale(.96)}.player .info{flex:1 1;min-width:0;display:flex;flex-direction:column}.player .info .row1{display:flex;align-items:baseline;min-width:0;margin-bottom:4px}.player .info .ep-title{font-family:var(--serif);font-size:15.5px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px}.player .info .ep-meta{font-size:11.5px;opacity:.65;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.player .seek{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:4px;background:rgba(243,234,217,.25);outline:none;cursor:pointer}.player .seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);border:none;box-shadow:0 1px 6px rgba(0,0,0,.4)}.player .seek::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);border:none}.player .side{display:flex;align-items:center;margin-left:14px}.player .side>*+*{margin-left:16px}.switch{display:flex;align-items:center;font-size:12.5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.9}.switch input{display:none}.switch .track{width:38px;height:21px;border-radius:999px;background:rgba(243,234,217,.22);position:relative;transition:background .18s ease;margin-right:8px}.switch .track:after{content:"";position:absolute;top:2.5px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--bar-ink);transition:transform .18s ease}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{transform:translateX(16px)}.player .toc-btn{font-size:13px;padding:10px 14px;min-height:44px;border-radius:10px;background:rgba(255,255,255,.1);letter-spacing:.1em}.player .toc-btn:active{background:rgba(255,255,255,.18)}.toc-mask{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(30,24,18,.35);z-index:40;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}}.toc{position:fixed;top:0;right:0;bottom:0;width:88vw;max-width:360px;background:#faf4e6;box-shadow:-16px 0 40px rgba(44,36,30,.3);z-index:41;transform:translateX(105%);transition:transform .25s cubic-bezier(.3,.9,.3,1);display:flex;flex-direction:column;padding-top:var(--sat)}.toc.open{transform:translateX(0)}.toc header{font-family:var(--serif);font-size:17px;letter-spacing:.3em;padding:18px 22px 12px;border-bottom:1px solid rgba(59,47,38,.12);justify-content:space-between}.toc header,.toc header button{display:flex;align-items:center}.toc header button{font:inherit;border:none;background:none;color:var(--ink-soft);width:44px;height:44px;justify-content:center;border-radius:8px;cursor:pointer}.toc header button:active{background:rgba(59,47,38,.08)}.toc header button svg{width:17px;height:17px}.toc .list{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 10px 20px}.toc .group{font-size:11.5px;letter-spacing:.25em;color:var(--ink-soft);margin:16px 12px 6px}.toc .item{display:flex;align-items:center;width:100%;padding:12px;min-height:44px;border:none;background:none;font:inherit;font-size:14px;color:var(--ink);border-radius:10px;cursor:pointer;text-align:left}.toc .item:active{background:rgba(200,85,61,.09)}.toc .item.current{background:rgba(200,85,61,.16);color:var(--accent)}.toc .item .no{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px;color:var(--ink-soft);min-width:3.2em;margin-right:10px}.toc .item.current .no{color:var(--accent)}.toc .item .name{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px}.toc .item .pg{font-size:11px;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:899.5px){.book{--bh:min(calc(100vh - 200px - var(--sat) - var(--sab)),calc((100vw - 84px) * var(--inv, 1.3)));--bh:min(calc(100dvh - 200px - var(--sat) - var(--sab)),calc((100vw - 84px) * var(--inv, 1.3)));height:var(--bh);width:calc(var(--bh) * var(--r, .77))}.book .layer{justify-content:center}.book-wrap{padding:8px 60px 12px}.flip-side{width:44px;height:64px;border-radius:11px}.flip-side svg{width:24px;height:24px}.player{padding:10px 14px calc(10px + var(--sab))}.player .nav{margin-right:10px}.player .info{flex:1 1 100%;min-width:100%;margin-top:8px}.player .side{margin-left:auto;margin-top:8px}.switch span.label,.topbar .kbd-hint{display:none}.topbar{padding:calc(8px + var(--sat)) 14px 2px}}@media (min-width:600px) and (max-width:899.5px){.book{--bh:min(calc(100vh - 188px - var(--sat) - var(--sab)),calc((100vw - 56px) * var(--inv, 1.3)));--bh:min(calc(100dvh - 188px - var(--sat) - var(--sab)),calc((100vw - 56px) * var(--inv, 1.3)))}.book-wrap{padding:8px 48px 12px}.flip-side{width:48px;height:72px}.switch span.label{display:inline}}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shelf{min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:calc(52px + var(--sat)) 24px calc(28px + var(--sab))}.shelf-head{text-align:center;margin-bottom:44px}.shelf-head h1{font-family:var(--serif);font-size:clamp(28px,4vw,36px);letter-spacing:.2em;color:var(--ink)}.shelf-head p{margin-top:12px;color:var(--ink-soft);letter-spacing:.1em;font-size:14px}.shelf-grid{display:flex;flex-wrap:wrap;justify-content:center}.book-card{width:296px;width:min(296px,100%);margin:0 20px 40px;text-decoration:none;color:inherit;border-radius:18px;padding:18px 18px 10px;background:rgba(255,253,247,.8);border:1px solid rgba(59,47,38,.1);box-shadow:0 10px 30px rgba(59,47,38,.12);transition:transform .18s ease,box-shadow .18s ease}.book-card:active{transform:scale(.99)}.book-card-cover{position:relative}.book-card-cover img{width:100%;display:block;border-radius:10px;box-shadow:0 6px 18px rgba(59,47,38,.22)}.book-card-cover .tag{position:absolute;top:10px;left:10px;font-size:11.5px;letter-spacing:.12em;color:#fff;padding:4px 11px;border-radius:999px;background:rgba(200,85,61,.92)}.book-card-cover .tag-pages{background:rgba(90,118,84,.92)}.book-card-info{padding:14px 6px 6px}.book-card-info h2{font-family:var(--serif);font-size:19px;letter-spacing:.05em}.book-card-info .author{color:var(--ink-soft);font-size:13px;margin-top:4px}.book-card-info .desc{color:var(--ink-soft);font-size:12.5px;margin-top:10px;line-height:1.7}.shelf-foot{margin-top:auto;padding-top:36px;color:var(--ink-soft);font-size:11.5px;letter-spacing:.22em}@media (max-width:599.5px){.shelf{padding:calc(28px + var(--sat)) 16px calc(20px + var(--sab))}.shelf-head{margin-bottom:28px}.shelf-grid{width:100%;max-width:420px}.book-card{width:100%;margin:0 0 20px}}@media (hover:hover) and (pointer:fine){.topbar .brand .back:hover{background:rgba(59,47,38,.1);color:var(--ink)}.flip-side:hover{background:#fffdf7;box-shadow:0 10px 26px rgba(59,47,38,.24);transform:translateY(-50%) scale(1.07)}.player .nav .arrow:hover{background:rgba(255,255,255,.1)}.player .play:hover{transform:scale(1.06)}.player .toc-btn:hover{background:rgba(255,255,255,.18)}.toc header button:hover{background:rgba(59,47,38,.08)}.toc .item:hover{background:rgba(200,85,61,.09)}.book-card:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(59,47,38,.2)}}.player--text .nav{margin-right:16px}.player--text .side{margin-left:16px}.player--text .info .row1{margin-bottom:9px}.story-progress{width:100%;height:8px;border-radius:4px;background:rgba(243,234,217,.25);overflow:hidden}.story-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-soft),var(--accent));border-radius:4px;transition:width .25s ease}.volume-toast{position:fixed;left:16px;right:16px;bottom:0;margin-bottom:calc(92px + var(--sab));z-index:45;text-align:center;pointer-events:none}@media (max-width:899.5px){.volume-toast{margin-bottom:calc(172px + var(--sab))}}.volume-toast span{display:inline-block;max-width:22em;padding:11px 16px;border-radius:12px;background:rgba(44,36,30,.92);color:var(--bar-ink);font-size:13.5px;letter-spacing:.04em;line-height:1.5;box-shadow:0 8px 24px rgba(44,36,30,.35);-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:toast-in .22s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}