:root{--mb-bg: #f5f3ee;--mb-bg-2: #eeebe4;--mb-surface: #fbfaf7;--mb-surface-2: #f2efe8;--mb-surface-3: #e7e3da;--mb-text: #18181c;--mb-text-2: #55555e;--mb-text-3: #85858d;--mb-line: rgba(24, 24, 28, .09);--mb-line-strong: rgba(24, 24, 28, .16);--mb-gold: #b8955a;--mb-gold-strong: #8a6c3c;--mb-good: #1f8a52;--mb-good-soft: rgba(31, 138, 82, .1);--mb-fuzzy: #b86e07;--mb-fuzzy-soft: rgba(208, 128, 10, .12);--mb-bad: #c93d3d;--mb-bad-soft: rgba(201, 61, 61, .1);--mb-star: #d99a0b;--mb-r-sm: 8px;--mb-r: 12px;--mb-r-lg: 20px;--mb-shadow: 0 1px 2px rgba(24, 24, 28, .04), 0 8px 24px -12px rgba(24, 24, 28, .12);--mb-shadow-lg: 0 24px 64px -24px rgba(24, 24, 28, .28);--mb-font: "Inter Variable", -apple-system, "Segoe UI Variable Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--mb-font-serif-zh: "MOBEI Serif SC", "Noto Serif SC", "Songti SC", "STSong", serif;--mb-font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--mb-ease: cubic-bezier(.16, 1, .3, 1);--mb-ease-in: cubic-bezier(.7, 0, .84, 0);--mb-ease-std: cubic-bezier(.2, 0, 0, 1);--mb-t-press: .12s;--mb-t-fast: .18s;--mb-t-base: .26s;--mb-t-slow: .42s;--mb-t-page: .52s;--mb-lift: 10px;color-scheme:light}:root[data-theme=dark]{--mb-bg: #0b0b0c;--mb-bg-2: #101012;--mb-surface: #151517;--mb-surface-2: #1b1b1e;--mb-surface-3: #242428;--mb-text: #f2ede4;--mb-text-2: #b5afa5;--mb-text-3: #7d786f;--mb-line: rgba(242, 237, 228, .08);--mb-line-strong: rgba(242, 237, 228, .15);--mb-gold: #d4b273;--mb-gold-strong: #e6cb94;--mb-good: #4fc985;--mb-good-soft: rgba(79, 201, 133, .13);--mb-fuzzy: #eda545;--mb-fuzzy-soft: rgba(237, 165, 69, .14);--mb-bad: #ef6b6b;--mb-bad-soft: rgba(239, 107, 107, .14);--mb-star: #f2c14e;--mb-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 28px -12px rgba(0, 0, 0, .6);--mb-shadow-lg: 0 28px 72px -24px rgba(0, 0, 0, .8);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--mb-bg: #0b0b0c;--mb-bg-2: #101012;--mb-surface: #151517;--mb-surface-2: #1b1b1e;--mb-surface-3: #242428;--mb-text: #f2ede4;--mb-text-2: #b5afa5;--mb-text-3: #7d786f;--mb-line: rgba(242, 237, 228, .08);--mb-line-strong: rgba(242, 237, 228, .15);--mb-gold: #d4b273;--mb-gold-strong: #e6cb94;--mb-good: #4fc985;--mb-good-soft: rgba(79, 201, 133, .13);--mb-fuzzy: #eda545;--mb-fuzzy-soft: rgba(237, 165, 69, .14);--mb-bad: #ef6b6b;--mb-bad-soft: rgba(239, 107, 107, .14);--mb-star: #f2c14e;--mb-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 28px -12px rgba(0, 0, 0, .6);--mb-shadow-lg: 0 28px 72px -24px rgba(0, 0, 0, .8);color-scheme:dark}}[data-product=words]{--mb-accent: #1769aa;--mb-accent-hover: #115a94;--mb-accent-text: #135e99;--mb-accent-soft: rgba(23, 105, 170, .1);--mb-on-accent: #ffffff}[data-product=learn]{--mb-accent: #2c6650;--mb-accent-hover: #234f3f;--mb-accent-text: #275c48;--mb-accent-soft: rgba(44, 102, 80, .1);--mb-on-accent: #ffffff}[data-product=echo]{--mb-accent: #5b55d6;--mb-accent-hover: #4c46c6;--mb-accent-text: #4a43c4;--mb-accent-soft: rgba(91, 85, 214, .1);--mb-on-accent: #ffffff}:root[data-theme=dark][data-product=words],:root[data-theme=dark] [data-product=words]{--mb-accent: #6cb8f0;--mb-accent-hover: #8ac8f4;--mb-accent-text: #8ac8f4;--mb-accent-soft: rgba(108, 184, 240, .14);--mb-on-accent: #0b0b0c}:root[data-theme=dark][data-product=learn],:root[data-theme=dark] [data-product=learn]{--mb-accent: #8cc3a2;--mb-accent-hover: #a5d3b7;--mb-accent-text: #a5d3b7;--mb-accent-soft: rgba(140, 195, 162, .14);--mb-on-accent: #0b0b0c}:root[data-theme=dark][data-product=echo],:root[data-theme=dark] [data-product=echo]{--mb-accent: #8a86f0;--mb-accent-hover: #a29ff4;--mb-accent-text: #aaa7ff;--mb-accent-soft: rgba(138, 134, 240, .16);--mb-on-accent: #0b0b0c}@media(prefers-color-scheme:dark){:root:not([data-theme=light])[data-product=words]{--mb-accent: #6cb8f0;--mb-accent-hover: #8ac8f4;--mb-accent-text: #8ac8f4;--mb-accent-soft: rgba(108, 184, 240, .14);--mb-on-accent: #0b0b0c}:root:not([data-theme=light])[data-product=learn]{--mb-accent: #8cc3a2;--mb-accent-hover: #a5d3b7;--mb-accent-text: #a5d3b7;--mb-accent-soft: rgba(140, 195, 162, .14);--mb-on-accent: #0b0b0c}:root:not([data-theme=light])[data-product=echo]{--mb-accent: #8a86f0;--mb-accent-hover: #a29ff4;--mb-accent-text: #aaa7ff;--mb-accent-soft: rgba(138, 134, 240, .16);--mb-on-accent: #0b0b0c}}@keyframes mb-enter{0%{opacity:0;transform:translateY(var(--mb-lift))}to{opacity:1;transform:none}}@keyframes mb-fade{0%{opacity:0}to{opacity:1}}@keyframes mb-sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes mb-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@font-face{font-family:"MOBEI Serif SC";src:url(/assets/mobei-serif-sc-B1I-YuY-.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}:root{font-family:var(--mb-font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: var(--mb-bg);--panel: var(--mb-surface);--side: var(--mb-bg-2);--text: var(--mb-text);--muted: var(--mb-text-2);--faint: var(--mb-text-3);--line: var(--mb-line);--green: var(--mb-accent-text);--accent: var(--mb-accent);--on-accent: var(--mb-on-accent);--soft: var(--mb-accent-soft);--hover: var(--mb-surface-2);--paper: var(--mb-surface-3);--scrim: rgba(11, 11, 12, .42)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}button,select,a{transition:background var(--mb-t-fast) var(--mb-ease-std),color var(--mb-t-fast) var(--mb-ease-std),transform var(--mb-t-press) var(--mb-ease-std)}button:hover:not(:disabled){background:var(--hover)}.app{min-height:100dvh}.sidebar{width:258px;position:fixed;inset:0 auto 0 0;background:var(--side);border-right:1px solid var(--line);padding:34px 21px 20px;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:12px;padding:0 2px 37px}.brand-icon{width:42px;height:44px;border-radius:12px;background:transparent;color:inherit;display:grid;place-items:center}.brand strong{font-size:16px;letter-spacing:1px;display:block}.brand small{font-size:8px;letter-spacing:1.8px;color:var(--muted);display:block;margin-top:7px}.sidebar-label{font-size:10px;color:var(--muted);letter-spacing:1.2px;padding:9px 12px 13px;display:flex;justify-content:space-between;align-items:center}.sidebar-label span{font-size:7px;letter-spacing:.5px}nav{display:grid;gap:5px}nav button{display:flex;gap:12px;align-items:center;padding:13px 14px;font-size:13px;text-align:left;border-radius:var(--mb-r);color:var(--muted)}nav button.active{background:var(--soft);color:var(--green);font-weight:600}nav small{margin-left:auto;background:var(--panel);font-size:10px;padding:2px 6px;border-radius:var(--mb-r-sm)}.sidebar-divider{border-top:1px solid var(--line);margin:27px 10px 16px}.path-nav{display:grid;gap:6px}.path-nav button{padding:11px 12px;text-align:left;font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.sidebar-bottom{margin-top:auto;padding-top:25px}.mini-progress{padding:15px 11px 22px}.mini-progress>span{display:flex;justify-content:space-between;font-size:11px}.mini-progress b{font-size:11px}.mini-progress small{color:var(--muted);font-size:10px}.track{height:4px;background:var(--line);border-radius:8px;overflow:hidden}.track i{display:block;height:100%;background:var(--accent);border-radius:8px;transition:width .3s}.mini-progress .track{margin:12px 0 8px}.settings-link{display:flex;align-items:center;gap:12px;width:100%;padding:14px 12px;border-top:1px solid var(--line);font-size:12px}.settings-link span{margin-left:auto;color:var(--muted)}.echo-link{padding:15px 12px 0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted)}.main-shell{margin-left:258px;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 46px;font-size:11px;color:var(--muted)}.topbar>div,.topbar>div>span{display:flex;align-items:center;gap:16px}.topbar b{font-weight:400;color:var(--text)}.local-label{font-size:10px!important;gap:7px!important}.status-dot{width:5px;height:5px;background:var(--accent);display:inline-block;border-radius:50%}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--mb-r)}.content{max-width:1340px;margin:auto;padding:45px 52px 0}.welcome{min-height:300px;position:relative;padding:8px 0 35px;border-bottom:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:9px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.welcome h1{font-family:var(--mb-font-serif-zh);font-size:38px;font-weight:600;line-height:1.55;letter-spacing:2px;margin:19px 0 15px}.serif{color:var(--green)}.welcome p{font-size:12px;color:var(--muted);line-height:2}.welcome-meta{display:flex;align-items:center;gap:13px;margin-top:24px;color:var(--muted);font-size:10px}.welcome-meta span{display:flex;align-items:center;gap:7px}.welcome-meta>i{height:10px;border-left:1px solid var(--line)}.hero-art{position:absolute;right:0;top:-5px;width:300px;height:290px;pointer-events:none}.art-ring{position:absolute;inset:10px 0 0;width:250px;height:250px;border-radius:50%;background:var(--soft);opacity:.7}.book{position:absolute;width:145px;height:198px;border-radius:2px 7px 7px 2px;box-shadow:10px 15px 24px #14281e24}.book-back{background:#d8d1bf;transform:rotate(12deg);left:110px;top:34px;border-right:5px solid #ece7db}.book-front{background:#2c6650;transform:rotate(-10deg);left:62px;top:22px;color:#f0eed6;padding:18px;border-left:5px solid #1f4a3a;border-right:4px solid #e8e9d7;display:flex;flex-direction:column;justify-content:space-between}.book-front>span{font-size:6px;letter-spacing:1.4px;line-height:1.7}.book-front b{font-family:Georgia,serif;font-size:51px;font-weight:400;display:flex;align-items:center;gap:10px}.book-front b span{font:9px/1.9 Microsoft YaHei,sans-serif;letter-spacing:2px;writing-mode:vertical-rl;height:62px}.book-front>small{font-size:5px;letter-spacing:1px;border-top:1px solid #ffffff35;padding-top:12px}.art-caption{position:absolute;bottom:8px;left:92px;font:italic 16px Georgia,serif;color:var(--faint)}.art-caption span{display:block;font:9px Microsoft YaHei,sans-serif;letter-spacing:2px;margin-top:8px}.overview{display:grid;grid-template-columns:1fr 1fr 1.3fr;padding:28px 0;border-bottom:1px solid var(--line)}.overview>div{display:flex;align-items:center;gap:16px;padding:0 28px;border-right:1px solid var(--line)}.overview>div:first-child{padding-left:0}.overview>div:last-child{border:0;padding-right:0}.stat-icon{width:42px;height:42px;background:var(--soft);border-radius:50%;display:grid;place-items:center;color:var(--green)}.overview p{font-size:10px;color:var(--muted)}.overview strong{display:block;font-size:28px;color:var(--text);font-weight:500;margin-top:6px;line-height:1}.overview strong small{font-size:10px;font-weight:400;color:var(--muted)}.overview .overall-progress{display:block}.overall-progress p{display:flex;align-items:center;justify-content:space-between}.overall-progress strong{margin:0}.overall-progress .track{margin-top:14px}.continue-section{display:flex;align-items:center;justify-content:space-between;background:var(--soft);border:1px solid var(--line);border-radius:var(--mb-r-lg);padding:26px 30px;margin:31px 0 40px}.continue-section .eyebrow{font-size:8px;letter-spacing:1.8px;color:var(--green)}.continue-section h2{font-family:var(--mb-font-serif-zh);font-size:20px;font-weight:600;margin:10px 0 15px}.continue-section p{font-size:12px}.continue-section p span{margin:0 9px;color:var(--muted)}.continue-section small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.primary-button{background:var(--accent);color:var(--on-accent)!important;padding:13px 19px;border-radius:var(--mb-r);font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:22px;white-space:nowrap}.primary-button:hover{background:var(--mb-accent-hover)!important}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading h2{font-size:21px;font-weight:500;margin:9px 0 0;letter-spacing:.3px}.section-heading h2 small{font-size:10px;color:var(--muted);font-weight:400;margin-left:14px}.search-field{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:var(--mb-r);padding:9px 11px;color:var(--muted);background:var(--panel)}.search-field input{width:170px;min-width:0;background:transparent;color:var(--text);border:0;outline:0;font-size:11px}.search-field kbd{font-size:10px;border:1px solid var(--line);border-radius:3px;padding:0 4px}.filter-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-top:22px;overflow-x:auto}.filter-tabs button{padding:15px 0;font-size:11px;white-space:nowrap;border-bottom:2px solid transparent;color:var(--muted);border-radius:0}.filter-tabs button.active{border-color:var(--green);color:var(--green)}.filter-tabs small{font-size:8px;margin-left:6px;background:var(--soft);padding:2px 5px;border-radius:3px}.chapter-row{display:flex;align-items:center;gap:21px;border-bottom:1px solid var(--line);padding:23px 4px}.chapter-row:hover{background:var(--hover)}.chapter-number{width:45px;height:45px;background:var(--side);border:1px solid var(--line);border-radius:var(--mb-r);display:flex;justify-content:center;align-items:center;flex-shrink:0;font:22px Georgia,serif;color:var(--faint)}.chapter-info{flex:1;min-width:0}.chapter-info>span{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted);margin-bottom:8px;flex-wrap:wrap}.chapter-info>span>i{width:2px;height:2px;background:var(--muted)}.chapter-info>button{padding:0;text-align:left;font-size:14px;line-height:1.6;font-weight:500}.chapter-status{width:110px;margin:0 14px}.chapter-status>span{color:var(--muted);display:flex;align-items:center;gap:4px;font-size:9px;margin-bottom:9px}.chapter-status .track{height:3px}.read-button{font-size:10px;color:var(--muted);padding:8px;display:flex;gap:10px;align-items:center;white-space:nowrap;border-radius:var(--mb-r)}.chapter-row:hover .read-button{color:var(--green)}.cached-badge{color:var(--green);display:inline-flex;align-items:center;gap:4px;font-size:8px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:35px 0;font-size:9px;color:var(--muted)}.site-footer>span,.site-footer>a{display:flex;align-items:center;gap:10px}.site-footer i{font-style:normal}.page-title{font-family:var(--mb-font-serif-zh);font-size:32px;font-weight:600;margin:14px 0}.muted{font-size:12px;color:var(--muted);line-height:1.9}.empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;color:var(--muted);padding:30px}.empty h3{font-size:17px;font-weight:500}.empty p{font-size:12px;line-height:1.8}.history-row{display:flex;align-items:center;gap:18px;padding:25px 4px;border-bottom:1px solid var(--line)}.history-row>div{flex:1}.history-row h3{font-size:14px;font-weight:500}.history-row p{font-size:11px;color:var(--muted);margin-top:8px}.setting-block{margin:35px 0;border-top:1px solid var(--line);padding-top:24px}.setting-block h2{font-size:17px;font-weight:500;margin-bottom:15px}.setting-row{padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.setting-row h3{font-size:13px;font-weight:500}.setting-row p,.help-text{font-size:11px;line-height:1.9;color:var(--muted);margin-top:7px}.segmented{display:flex;padding:4px;background:var(--side);border-radius:var(--mb-r);flex-shrink:0}.segmented button{display:flex;align-items:center;gap:5px;padding:9px 12px;font-size:11px;border-radius:var(--mb-r)}.segmented button.active{background:var(--panel);box-shadow:var(--mb-shadow)}.setting-row select,.zoom-controls select{border:1px solid var(--line);border-radius:var(--mb-r);background:var(--panel);color:var(--text);font-size:12px;padding:10px}.toggle{width:42px;height:25px;background:var(--line);border-radius:20px;padding:3px;flex-shrink:0}.toggle.on{background:var(--accent)}.toggle i{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on i{transform:translate(17px)}.secondary-button,.danger-button{display:inline-flex;align-items:center;gap:8px;font-size:11px;border:1px solid var(--line);padding:10px 14px;border-radius:var(--mb-r);white-space:nowrap}.danger-button{color:var(--mb-bad)}.cache-list>div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:11px;border-bottom:1px solid var(--line)}.cache-list{margin-bottom:15px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--mb-text);color:var(--mb-bg);box-shadow:var(--mb-shadow-lg);padding:14px 20px;border-radius:var(--mb-r);z-index:100;display:flex;align-items:center;gap:14px;font-size:12px;max-width:90vw}.toast:hover{background:var(--mb-text)!important}.offline-badge{position:fixed;bottom:8px;right:12px;display:flex;align-items:center;gap:7px;background:var(--panel);padding:6px 10px;border:1px solid var(--line);font-size:10px;border-radius:var(--mb-r-sm);z-index:60}.update-banner,.storage-error{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:90;background:var(--accent);color:var(--on-accent);padding:12px 20px;font-size:12px;border-radius:0 0 6px 6px}.update-banner button{margin-left:20px;text-decoration:underline}.storage-error{background:var(--mb-bad);color:#fff}.mobile-menu,.mobile-break,.close-drawer{display:none}.skip-link{position:fixed;top:-100px;background:var(--green);color:var(--bg);padding:15px;z-index:120}.skip-link:focus{top:0}.chapter-sidebar{overflow:auto;flex:1;min-height:60px;scrollbar-width:thin}.chapter-sidebar>button{display:flex;gap:13px;align-items:center;width:100%;text-align:left;padding:12px 9px;border-radius:var(--mb-r);font-size:11px}.chapter-sidebar>button>span{font:14px Georgia,serif;color:var(--muted);width:20px;flex-shrink:0}.chapter-sidebar small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.chapter-sidebar>button.selected{background:var(--soft);color:var(--green)}.reading .sidebar-bottom{padding-top:5px}.reading .mini-progress{display:none}.reading .sidebar-divider{margin:15px 10px 10px}.reader{height:100dvh;display:flex;flex-direction:column;min-width:0}.reader-heading{display:flex;align-items:center;gap:15px;padding:17px 26px;border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0}.back-link{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);white-space:nowrap}.reader-title{flex:1;min-width:0}.reader-title small{font-size:9px;color:var(--muted)}.reader-title h1{font-size:16px;margin-top:5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-toolbar{display:flex;align-items:center;justify-content:center;gap:18px;padding:8px 24px;background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0}.page-controls,.zoom-controls,.toolbar-end{display:flex;align-items:center;gap:4px}.page-controls form{display:flex;align-items:center;font-size:12px;gap:8px}.page-controls input{width:48px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--mb-r-sm);padding:6px;text-align:center;appearance:textfield}.page-controls input::-webkit-inner-spin-button{appearance:none}.toolbar-separator{height:20px;border-left:1px solid var(--line)}.zoom-controls select{border:0;background:none;font-size:11px;max-width:125px}.toolbar-end{margin-left:auto}.pdf-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:var(--paper);padding:24px 12px 36px;position:relative;scrollbar-width:thin}.pdf-paper{position:relative;margin:0 auto;background:#fff;color:#000;box-shadow:var(--mb-shadow);flex-shrink:0}.pdf-paper canvas{display:block}.pdf-paper .textLayer{position:absolute;inset:0;z-index:2;opacity:1}.textLayer ::selection{background:#2c665047}.hidden{display:none}.reader-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:150px;font-size:13px}.reader-message a{text-decoration:underline}.reader-message.error{background:var(--panel);border-radius:var(--mb-r);padding:20px;color:var(--mb-bad)}.spinner{width:28px;height:28px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reader-footer{background:var(--panel);padding:12px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);gap:8px}.reader-footer>span,.reader-footer>div{display:flex;align-items:center;gap:8px}.reader-footer button{display:flex;align-items:center;gap:5px;padding:5px 10px}.render-indicator{position:fixed;bottom:70px;right:25px;background:var(--panel);padding:8px 12px;border-radius:var(--mb-r-sm);font-size:11px;pointer-events:none}.pdf-search{background:var(--panel);padding:10px 24px;border-bottom:1px solid var(--line);max-height:35dvh;overflow:auto}.pdf-search form{display:flex;align-items:center;gap:10px}.pdf-search input{flex:1;min-width:0;padding:10px;border:1px solid var(--line);border-radius:var(--mb-r-sm);background:var(--bg);color:var(--text);font-size:12px}.pdf-search form>button:not(.icon-button){font-size:12px;white-space:nowrap}.search-results{display:grid;gap:4px}.search-results>small{font-size:11px;color:var(--muted);padding:10px 0}.search-results>button{text-align:left;font-size:11px;padding:10px 4px;line-height:1.8;border-top:1px solid var(--line)}.search-results b{margin-right:12px;color:var(--green);white-space:nowrap}.selection-actions{position:fixed;bottom:65px;left:calc(50% + 100px);transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--mb-shadow-lg);padding:8px 14px;z-index:70;border-radius:8px;white-space:nowrap;font-size:12px}.selection-actions>span{font-size:10px;color:var(--muted)}.selection-actions button{display:flex;align-items:center;gap:6px;padding:8px}.scrim{display:none}@media(min-width:1600px){.content{padding-top:60px}.welcome{min-height:340px}.welcome h1{font-size:44px}.hero-art{right:50px;transform:scale(1.1);transform-origin:top right}}@media(max-width:1180px){.sidebar{width:226px;padding-left:15px;padding-right:15px}.main-shell{margin-left:226px}.content{padding:34px 32px 0}.topbar{padding:0 30px}.hero-art{transform:scale(.85);transform-origin:top right;right:-10px;top:10px}.welcome h1{font-size:32px}.welcome p{max-width:65%}.welcome-meta{font-size:9px;gap:8px}.welcome-meta span:last-child{display:none}.overview>div{padding:0 16px}.chapter-row{gap:16px}.chapter-status{width:85px;margin:0 4px}.chapter-info>button{font-size:13px}.reader-toolbar{gap:8px}}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform var(--mb-t-base) var(--mb-ease-in);width:276px}.sidebar.open{transform:translate(0);transition:transform var(--mb-t-slow) var(--mb-ease);box-shadow:var(--mb-shadow-lg)}.main-shell{margin-left:0}.mobile-menu{display:inline-flex}.close-drawer{display:flex;position:absolute;top:3px;right:3px;width:30px;height:30px}.scrim{display:block;position:fixed;inset:0;background:var(--scrim);z-index:39;backdrop-filter:blur(2px)}.selection-actions{left:50%}.reader-heading{padding:12px 18px}.content{max-width:1000px}.welcome h1{font-size:37px}.hero-art{transform:scale(.95);right:10px}.welcome{min-height:320px}.topbar{height:65px}.topbar>div{gap:10px}}@media(max-width:600px){.content{padding:26px 20px 0}.topbar{height:60px;padding:0 13px}.topbar>div>span{gap:9px;font-size:10px}.local-label{display:none!important}.welcome{min-height:305px;padding-bottom:25px}.welcome .eyebrow{font-size:7px;letter-spacing:1.4px}.welcome h1{font-size:29px;letter-spacing:1px;line-height:1.6;margin:18px 0 14px;position:relative;z-index:2}.welcome p{font-size:10px;max-width:75%;position:relative;z-index:2}.mobile-break{display:block}.hero-art{width:190px;transform:scale(.57);right:-4px;top:70px;transform-origin:top right;opacity:.92}.hero-art .art-caption{display:none}.art-ring{opacity:.4}.book-back{left:60px}.book-front{left:14px}.welcome-meta{margin-top:26px;font-size:8px;gap:10px;position:relative;z-index:2}.welcome-meta svg{width:13px}.overview{padding:22px 0;grid-template-columns:1fr 1fr 1fr}.overview>div{gap:0;padding:0 14px}.stat-icon{display:none}.overview p{font-size:9px}.overview strong{font-size:24px;margin-top:10px}.overview strong small{font-size:8px}.overall-progress p{display:block}.overall-progress .track{margin-top:10px}.continue-section{padding:22px 19px;margin:24px 0 31px;align-items:flex-start;gap:18px;flex-direction:column}.continue-section h2{font-size:19px}.continue-section p{font-size:11px}.continue-section .primary-button{align-self:stretch;justify-content:space-between;padding:11px 14px;font-size:11px}.section-heading{flex-direction:column;align-items:stretch;gap:18px}.section-heading h2{font-size:21px}.search-field{padding:11px}.search-field input{width:100%;font-size:12px}.filter-tabs{gap:22px;margin-top:9px}.filter-tabs button{font-size:10px}.chapter-row{gap:12px;padding:20px 0;flex-wrap:wrap;position:relative}.chapter-number{width:37px;height:41px;font-size:20px}.chapter-info{padding-right:3px}.chapter-info>button{font-size:13px}.chapter-info>span{font-size:8px;gap:6px;margin-bottom:6px}.chapter-row .read-button{font-size:0;gap:0;padding:6px}.chapter-row .read-button svg{width:18px}.chapter-status{display:none}.site-footer{font-size:8px;padding:28px 0;align-items:flex-start}.site-footer>span:last-child{display:none}.page-title{font-size:27px}.setting-row{align-items:flex-start;flex-direction:column;gap:15px}.setting-row .toggle{align-self:flex-end;margin-top:-35px}.setting-row:has(.toggle) p{padding-right:48px}.segmented{width:100%}.segmented button{flex:1;justify-content:center}.history-row{gap:12px}.history-row h3{font-size:13px}.history-row p{font-size:10px}.history-row .read-button{font-size:0;gap:0}.reader-heading{gap:6px;padding:9px 8px}.back-link{font-size:0;gap:0;width:27px}.reader-heading .icon-button{width:34px;height:36px}.reader-title h1{font-size:13px}.reader-title small{font-size:8px}.reader-toolbar{padding:7px 8px;gap:2px;justify-content:space-between}.reader-toolbar .icon-button{width:31px;height:34px}.page-controls{gap:0}.page-controls input{width:35px;padding:6px 2px;font-size:11px}.page-controls form{gap:4px;font-size:10px}.zoom-controls{gap:0}.zoom-controls select{font-size:10px;padding:6px 1px;max-width:87px}.toolbar-separator{display:none}.toolbar-end{margin-left:0;gap:0}.pdf-viewport{padding:12px 12px 24px}.reader-footer{padding:10px 12px;font-size:8px;flex-wrap:wrap;min-height:38px}.reader-footer button{font-size:10px;padding:5px}.reader-footer>div{gap:3px}.pdf-search{padding:10px}.pdf-search form{gap:5px}.pdf-search form>svg{display:none}.selection-actions{font-size:11px;gap:6px;padding:5px 8px;max-width:96vw}.selection-actions>span{font-size:9px}.toast{font-size:11px;bottom:25px;min-width:220px}.reader-title{margin-right:3px}}@media(max-width:600px){.hero-art{width:300px;top:135px;right:-5px;transform:scale(.45)}.welcome p{max-width:63%}.reader-toolbar .icon-button{width:44px;height:44px}.zoom-controls select{max-width:72px}.page-controls input{width:31px}.toolbar-end .icon-button:last-child{display:none}.reader-heading .icon-button{height:44px}.chapter-row .read-button{height:44px;width:44px;justify-content:center}.selection-actions .icon-button{height:44px}}.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sidebar-bottom{flex-shrink:0}.install-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--mb-r);color:var(--green);font-size:11px;white-space:nowrap;background:var(--panel)}.sidebar-install{width:100%;margin-bottom:9px}.reader-install{font-size:10px;min-height:38px}.reader-gesture-hint{flex-shrink:0;padding:7px 12px;text-align:center;font-size:10px;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--line)}.install-dialog{padding:0;border:1px solid var(--line);border-radius:var(--mb-r-lg);width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);color:var(--text);background:var(--panel);box-shadow:var(--mb-shadow-lg)}.install-dialog::backdrop{background:var(--scrim);backdrop-filter:blur(4px)}.install-dialog-body{position:relative;padding:30px}.install-close{position:absolute;right:10px;top:10px}.install-mark{width:64px;height:64px;background:#0b0b0c;color:#d4b273;display:grid;place-items:center;border-radius:17px;margin-bottom:23px}.install-dialog h2{font-family:var(--mb-font-serif-zh);font-weight:600;font-size:24px;line-height:1.5;margin:12px 0}.install-intro{font-size:12px;line-height:1.9;color:var(--muted)}.install-platform{border-top:1px solid var(--line);padding:18px 0 3px;margin-top:18px}.install-platform h3{font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.install-platform ol{padding-left:19px;font-size:12px;line-height:2;color:var(--muted);margin:10px 0}.install-platform strong{font-weight:500;color:var(--text)}.install-platform.recommended h3{color:var(--green)}.install-footnote{font-size:10px;color:var(--muted);line-height:1.9;margin-top:15px}.native-install{margin-top:18px;width:100%}.install-message{font-size:12px;line-height:1.8;padding:12px;background:var(--soft);border-radius:var(--mb-r);margin-top:15px}@media(max-width:600px){.topbar>div:last-child{gap:7px}.topbar-install{font-size:10px;padding:7px 9px;min-height:40px}.reader-install{width:38px;height:44px;padding:0;min-height:44px}.reader-install>span{display:none}.reader-gesture-hint{font-size:9px;padding:6px 8px}.install-dialog-body{padding:26px 22px}.install-dialog h2{font-size:21px}.install-close{height:44px;width:44px}.install-button.secondary-button{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.brand-icon{width:40px;height:40px;border-radius:var(--mb-r);background:#0b0b0c;border:1px solid var(--line)}.brand strong{font-size:17px;font-weight:650;letter-spacing:.02em}.brand strong span{font-size:12px;letter-spacing:.2em;color:var(--muted);margin-right:2px}.brand small{font-size:11px;letter-spacing:.1em;margin-top:5px}.family-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:14px 12px 0;font-size:11px;color:var(--faint)}.family-links a{display:inline-flex;align-items:center;gap:3px;min-height:28px}.family-links a:hover{color:var(--green)}.family-links a:first-child{color:var(--mb-gold-strong);letter-spacing:.06em}.site-footer a:hover{color:var(--green)}.welcome{--art-space: 322px}.welcome>:not(.hero-art){position:relative;z-index:2;max-width:calc(100% - var(--art-space))}@media(min-width:1600px){.welcome{--art-space: 410px}}@media(max-width:1180px){.welcome{--art-space: 274px}.welcome h1{font-size:clamp(26px,2.9vw,32px)}}@media(max-width:900px){.welcome{--art-space: 230px}.hero-art{transform:scale(.72);transform-origin:top right;right:0}.welcome h1{font-size:clamp(26px,4.6vw,37px)}}@media(max-width:600px){.welcome{--art-space: 0px;min-height:0}.hero-art{display:none}}:root[data-theme=dark] .pdf-paper:after{content:"";position:absolute;inset:0;z-index:1;background:#14100a29;pointer-events:none}:root[data-theme=dark] .textLayer ::selection{background:#8cc3a259}.content>*{animation:mb-enter var(--mb-t-slow) var(--mb-ease) both}.content>:nth-child(2){animation-delay:50ms}.content>:nth-child(3){animation-delay:.1s}.content>:nth-child(n+4){animation-delay:.15s}.content>.welcome{animation:none}.welcome>:not(.hero-art){animation:mb-enter var(--mb-t-slow) var(--mb-ease) both}.welcome>:nth-child(2){animation-delay:50ms}.welcome>:nth-child(3){animation-delay:.1s}.welcome>:nth-child(n+4){animation-delay:.15s}.hero-art{animation:mb-fade var(--mb-t-page) var(--mb-ease) .12s both}.chapter-row{animation:mb-enter var(--mb-t-slow) var(--mb-ease) both}.chapter-row:nth-child(2){animation-delay:45ms}.chapter-row:nth-child(3){animation-delay:90ms}.chapter-row:nth-child(4){animation-delay:135ms}.chapter-row:nth-child(5){animation-delay:.18s}.chapter-row:nth-child(n+6){animation-delay:225ms}.reader,.scrim{animation:mb-fade var(--mb-t-base) var(--mb-ease) both}@keyframes mb-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.toast{animation:mb-toast-in var(--mb-t-base) var(--mb-ease) both}.install-dialog[open]{animation:mb-enter var(--mb-t-slow) var(--mb-ease) both}.primary-button:active:not(:disabled),.icon-button:active:not(:disabled),nav button:active,.path-nav button:active,.chapter-sidebar button:active,.read-button:active,.segmented button:active,.settings-link:active,.filter-tabs button:active{transform:scale(.97)}