:root{--bg:#fff;--ink:#1c1c1e;--muted:#8e8e93;--panel:#f9f9fb;--line:#e5e5ea;--blue:#a80810;--blue-soft:#f8ebeb;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button.link-blue{cursor:pointer;color:var(--blue);white-space:nowrap;appearance:none;background:0 0;border:0;margin:0;padding:0}button.ghost-link{cursor:pointer;color:inherit;appearance:none;border:0}.brand{margin:0;font-size:1.1rem;font-weight:700}.brand-logo{object-fit:cover;border-radius:7px;flex-shrink:0;width:28px;height:28px}.brand-logo-lg{border-radius:10px;width:40px;height:40px}.me-brand{align-items:center;gap:.75rem;display:flex}.me-brand .me-name{margin:0}.me-brand .muted{margin:.15rem 0 0}.muted{color:var(--muted)}.form-error{color:#ff3b30}.link-blue{color:var(--blue);white-space:nowrap}.app-shell{background:var(--bg);flex-direction:column;max-width:720px;min-height:100vh;margin:0 auto;display:flex}.app-top{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#ffffffeb;border-bottom:1px solid #0000;position:sticky;top:0}.app-top-inner{align-items:center;gap:.75rem;padding:.75rem 1rem .55rem;display:flex}.brand-link{flex-shrink:0}.desktop-nav{display:none}.app-top-actions{align-items:center;gap:.65rem;margin-left:auto;display:flex}.lang-switch{color:var(--muted);align-items:center;gap:.3rem;font-size:.8rem;display:inline-flex}.lang-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.1rem .15rem;font-size:.8rem}.lang-btn:hover{color:var(--ink)}.lang-btn.active{color:var(--ink);font-weight:700}.lang-sep{opacity:.45;-webkit-user-select:none;user-select:none}.desktop-only{display:none!important}.header-user{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:8rem;font-size:.88rem;overflow:hidden}.header-user:hover{color:var(--ink)}.header-logout{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.25rem 0;font-size:.85rem}.header-logout:hover{color:var(--ink)}.topbar-login{color:var(--blue);font-size:.9rem;font-weight:600}.app-main{flex:1;padding-bottom:4.5rem}.app-notice-wrap{max-width:min(720px,100%);margin:0 auto;padding:.5rem .75rem 0}.notice-strip{flex-direction:column;gap:.5rem;display:flex}.notice-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.65rem 1rem;padding:.65rem .85rem;display:flex}.notice-card.celebrate{background:#fff7f5;border-color:#f0d6d2}.notice-title{color:var(--ink);font-size:.92rem;font-weight:650;display:block}.notice-body{color:var(--muted);margin:.25rem 0 0;font-size:.82rem;line-height:1.45}.notice-actions{align-items:center;gap:.5rem;display:flex}.notice-btn{cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.35rem .75rem;font-size:.82rem}.notice-btn.primary{background:var(--blue);color:#fff;font-weight:600}.notice-btn.ghost{color:var(--muted)}.nav-dot,.tab-dot{background:var(--blue);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:4px;display:inline-block}.tab-icon-wrap{display:inline-flex;position:relative}.tab-dot{margin:0;position:absolute;top:-2px;right:-6px}.app-tabbar{border-top:1px solid var(--line);width:min(720px,100%);padding:.35rem 0 calc(.35rem + env(safe-area-inset-bottom));z-index:20;background:#fafafa;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.app-tabbar-5{grid-template-columns:repeat(5,1fr)}.app-tabbar-5 .tab-item{gap:.1rem;padding:.35rem .1rem;font-size:.62rem}.tab-item{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-height:48px;padding:.4rem .25rem;font-size:.7rem;display:flex}.tab-item.active{color:var(--blue);font-weight:600}.tab-page{padding:.5rem 1rem 1.5rem}.search-row{background:#f2f2f7;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.45rem .85rem;display:flex}.search-row input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:16px}.page-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.page-head h1{margin:0;font-size:1.75rem}.page-sub{color:var(--muted);margin:.25rem 0 .75rem;font-size:.85rem}.page-pitch{color:#57534e;margin:-.35rem 0 .85rem;font-size:.82rem;line-height:1.45}.free-tag{color:#ae0e14;background:#ae0e1414;border-radius:4px;margin:.35rem 0 .5rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.chapter-hint{margin:0 0 .75rem;font-size:.85rem}.preview-banner{z-index:5;color:#fafaf9;background:#1c1917;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.9rem;display:flex;position:sticky;bottom:0}.preview-banner p{flex:1;min-width:12rem;margin:0}.preview-banner .primary-link{color:#fff;white-space:nowrap;background:#ae0e14;border-radius:8px;padding:.45rem .9rem;text-decoration:none}.login-perks{color:#57534e;margin:0 0 1.15rem;padding-left:1.15rem;font-size:.88rem;line-height:1.55}.login-foot{text-align:center;margin:1rem 0 0;font-size:.85rem}.login-auto-note{text-align:center;margin:.75rem 0 0;font-size:.82rem}.login-foot a{color:#ae0e14}.chip-row{scrollbar-width:none;gap:.75rem;padding:.25rem 0 .75rem;display:flex;overflow-x:auto}.chip-row.wrap{flex-wrap:wrap}.chip{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;min-height:40px;padding:.45rem .15rem}.chip.on{color:var(--blue);font-weight:600}.badge-blue{color:var(--blue);background:var(--blue-soft);border-radius:4px;padding:.2rem .5rem;font-size:.75rem}.daily-card{background:var(--blue-soft);border-radius:12px;margin-bottom:.75rem;padding:.9rem 1rem;display:block}.continue-card{text-align:left;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-bottom:.75rem;padding:.9rem 1rem}.continue-top{color:#c2410c;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:flex}.continue-title{margin:0;font-size:1.05rem;font-weight:650}.continue-author{margin:.2rem 0 .7rem;font-size:.85rem}.continue-actions{flex-wrap:wrap;gap:.5rem;display:flex}.continue-actions .primary-link,.continue-actions .ghost-link{border-radius:999px;align-items:center;gap:.3rem;margin-top:0;padding:.45rem .85rem;font-size:.88rem;display:inline-flex}.continue-actions button.primary-link{background:var(--blue);color:#fff}.continue-actions .ghost-link{color:#9a3412;background:#fff;border:1px solid #fdba74}.daily-card.mild{background:var(--panel);justify-content:space-between;display:flex}.daily-top{color:var(--blue);justify-content:space-between;margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:flex}.daily-en{margin:0;font-family:Georgia,Iowan Old Style,Palatino,serif;line-height:1.55}.daily-zh,.daily-by{color:var(--muted);margin:.35rem 0 0;font-size:.85rem}.cover-grid{grid-template-columns:repeat(3,1fr);gap:1rem .75rem;display:grid}.cover-item h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.4rem 0 .15rem;font-size:.85rem;font-weight:500;display:-webkit-box;overflow:hidden}.cover-item .title-zh,.shelf-meta .title-zh{color:#57534e;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .15rem;font-size:.78rem;overflow:hidden}.book-title-zh{color:#57534e!important;white-space:normal!important;margin:.15rem 0 .35rem!important;font-size:1rem!important}.cover-item p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.cover-author{margin:0!important}.cover-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;color:#78716c!important;white-space:normal!important;margin:.25rem 0 0!important;font-size:.72rem!important;line-height:1.35!important}.cover-progress-label{color:var(--blue)!important;margin:.2rem 0 0!important;font-size:.7rem!important}.cover-progress{background:var(--blue);max-width:100%;height:3px;position:absolute;bottom:0;left:0}.cover{aspect-ratio:3/4.2;background:#e5e5ea;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.cover img{object-fit:cover;width:100%;height:100%}.cover.sm{aspect-ratio:auto;flex-shrink:0;width:56px;height:78px}.play-badge{color:#fff;background:#0000008c;border-radius:999px;padding:.15rem .4rem;font-size:.7rem;position:absolute;top:8px;left:8px}.audio-badge{color:#fff;background:#ae0e14eb;border-radius:999px;padding:.28rem .4rem;font-size:.68rem;line-height:1;position:absolute;bottom:6px;right:6px}.shelf-list{flex-direction:column;gap:.75rem;display:flex}.shelf-row{background:var(--panel);border-radius:12px;align-items:center;gap:.85rem;padding:.85rem;display:flex}.shelf-meta{flex:1;min-width:0}.shelf-meta h2{margin:0 0 .25rem;font-size:1rem}.shelf-meta p{margin:.15rem 0 0;font-size:.8rem}.continue{color:#fff;background:var(--blue);border-radius:8px;padding:.35rem .7rem;font-size:.85rem}.empty{text-align:center;padding:2.5rem 1rem}.shelf-picks{text-align:left;flex-direction:column;gap:.55rem;max-width:22rem;margin:1rem auto;display:flex}.shelf-pick{background:var(--panel);border-radius:12px;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.shelf-pick strong{font-size:.92rem;font-weight:600;display:block}.shelf-pick .muted{margin:.15rem 0 0;font-size:.8rem}.primary-link{background:var(--blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;margin-top:.75rem;padding:.55rem 1rem;display:inline-flex}button.primary-link{cursor:pointer;appearance:none;font:inherit;border:0}.ghost-link{background:#f2f2f7;border-radius:8px;justify-content:center;align-items:center;margin-left:.5rem;padding:.55rem .85rem;display:inline-flex}.hero-actions{flex-flow:row;align-items:stretch;gap:.6rem;width:100%;margin:0 0 1.25rem;display:flex}.hero-actions .primary-link,.hero-actions .ghost-link{white-space:nowrap;flex:1;min-width:0;margin:0;padding:.65rem .75rem;font-size:.9rem}.hero-actions .ghost-link{border:1.5px solid var(--blue);color:var(--blue);background:0 0}.hero-secondary{margin:-.65rem 0 1.1rem;font-size:.9rem}.hero-secondary a{color:var(--blue);font-weight:560}.page-loading{padding:1rem 0 2rem}.page-skeleton{background:linear-gradient(90deg,#f2f2f7,#e8e8ed,#f2f2f7) 0 0/200% 100%;border-radius:8px;margin-bottom:.75rem;animation:1.2s ease-in-out infinite reader-shimmer}.page-skeleton.cover{width:96px;height:132px}.page-skeleton.line{width:70%;height:.9rem}.page-skeleton.line.short{width:42%}.feedback-mask{z-index:200;background:#0006;justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}.feedback-sheet{width:min(420px,100%);max-height:90dvh;padding:1.15rem 1.2rem calc(1.2rem + env(safe-area-inset-bottom));background:#fff;border-radius:16px;overflow:auto;box-shadow:0 -8px 32px #0000002e}.feedback-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.feedback-head h2{margin:0;font-size:1.15rem}.feedback-head .muted{margin:.35rem 0 0;font-size:.85rem}.feedback-close{cursor:pointer;color:#8e8e93;background:#f2f2f7;border:0;border-radius:999px;width:32px;height:32px}.feedback-types{flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem;display:flex}.feedback-type{color:#57534e;cursor:pointer;background:#f2f2f7;border:0;border-radius:999px;padding:.4rem .75rem;font-size:.8rem;font-weight:600}.feedback-type.on{background:var(--blue);color:#fff}.feedback-form textarea,.feedback-form input{border:1px solid var(--line);resize:vertical;border-radius:10px;width:100%;margin-bottom:.65rem;padding:.7rem .85rem;display:block}.feedback-submit{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;padding:.7rem 1rem;font-weight:650}.feedback-submit:disabled{opacity:.6;cursor:not-allowed}.feedback-done{text-align:center;padding:1.5rem 0 .5rem}.feedback-done p{margin:0 0 1rem;font-weight:650}@media (min-width:860px){.install-hint{bottom:max(1.5rem, env(safe-area-inset-bottom,0px))}}.install-hint{left:50%;bottom:max(5.75rem, calc(env(safe-area-inset-bottom,0px) + 5rem));z-index:55;color:#fff;background:#1c1c1e;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;width:min(28rem,100vw - 1.5rem);padding:.7rem .85rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 28px #00000047}.install-hint-body{align-items:flex-start;gap:.55rem;min-width:0;display:flex}.install-hint-title{margin:0;font-size:.9rem;font-weight:650}.install-hint-sub{color:#aeaeb2;margin:.15rem 0 0;font-size:.75rem;line-height:1.35}.install-hint-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.install-hint-go{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.4rem .85rem;font-size:.82rem;font-weight:600}.install-hint-close{color:#aeaeb2;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}@media (min-width:860px){.install-hint{bottom:max(1.5rem, env(safe-area-inset-bottom,0px))}}.feedback-fab{right:max(1rem, env(safe-area-inset-right,0px));bottom:max(2rem, env(safe-area-inset-bottom,0px));z-index:50;background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:.65rem 1rem;font-size:.9rem;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex;position:fixed;box-shadow:0 8px 24px #a8081047}.feedback-fab-tab{bottom:max(5.5rem, calc(env(safe-area-inset-bottom,0px) + 4.75rem))}.feedback-fab:hover{background:#8f060d;box-shadow:0 10px 28px #a8081059}.feedback-fab:active{transform:scale(.98)}@media (min-width:860px){.feedback-fab,.feedback-fab-tab{bottom:max(2rem, env(safe-area-inset-bottom,0px))}}.side-dock{right:max(.75rem, env(safe-area-inset-right,0px));bottom:max(1.25rem, env(safe-area-inset-bottom,0px));z-index:50;align-items:flex-end;gap:.55rem;display:flex;position:fixed}.side-dock--tab{bottom:max(5.5rem, calc(env(safe-area-inset-bottom,0px) + 4.75rem))}.side-dock-rail{background:#fff;border:1px solid #1c191714;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 28px #1c19171f}.side-dock-btn{color:#57534e;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #1c19170f;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:3.25rem;min-height:3.35rem;padding:.45rem .2rem;font-size:.68rem;font-weight:650;transition:background .15s,color .15s;display:flex}.side-dock-btn:last-child{border-bottom:0}.side-dock-btn:hover,.side-dock-btn.on{color:var(--blue);background:#a8081014}.side-dock-panel{background:#fff;border:1px solid #1c191714;border-radius:12px;width:min(16.5rem,100vw - 5.5rem);padding:.85rem .9rem 1rem;box-shadow:0 12px 36px #1c191724}.side-dock-panel-title{color:var(--ink);text-align:center;margin-bottom:.65rem;font-size:.82rem;font-weight:700}.side-dock-qrs{justify-content:center;gap:.75rem;display:flex}.side-dock-qr{flex-direction:column;align-items:center;gap:.35rem;display:flex}.side-dock-qr img{object-fit:contain;background:#fff;border:1px solid #1c19170f;border-radius:8px;width:108px;height:108px;display:block}.side-dock-qr span{color:var(--muted);text-align:center;font-size:.72rem;font-weight:600}@media (min-width:860px){.side-dock,.side-dock--tab{bottom:max(1.25rem, env(safe-area-inset-bottom,0px))}}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:640px){.feedback-mask{align-items:center}}.me-card{background:var(--panel);border-radius:12px;margin-bottom:.75rem;padding:1.1rem}.me-stats-title{margin:0 0 .85rem;font-size:1rem;font-weight:600}.me-streak{background:#b4530914;border-radius:10px;align-items:center;gap:.85rem;margin:0 0 1rem;padding:.75rem .85rem;display:flex}.me-streak-value{letter-spacing:-.03em;color:#b45309;text-align:center;min-width:2.4rem;margin:0;font-size:1.85rem;font-weight:700;line-height:1}.me-streak-label{color:var(--ink);margin:0;font-size:.92rem;font-weight:600}.me-streak-hint{margin:.15rem 0 0;font-size:.75rem}.me-goal{background:#a808100f;border-radius:10px;margin:0 0 1rem;padding:.75rem .85rem}.me-goal.met{background:#15803d14}.me-goal-top{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.45rem;display:flex}.me-goal-paths{gap:.28rem;margin:.55rem 0 0;padding:0;list-style:none;display:grid}.me-goal-paths li{color:var(--muted);justify-content:space-between;gap:.75rem;font-size:.78rem;display:flex}.me-goal-paths li.done{color:#15803d;font-weight:600}.me-badges{border-top:1px solid #0000000f;margin-top:1rem;padding-top:.85rem}.me-badges-title{margin:0}.me-new-badge{color:#a80810;margin:0 0 .75rem;font-size:.82rem;font-weight:600}.me-series-list{gap:.85rem;display:grid}.me-series-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.me-series-label{font-size:.82rem;font-weight:650}.me-series-next{color:var(--muted);margin:.15rem 0 .4rem;font-size:.75rem}.me-badge-row{flex-wrap:wrap;gap:.35rem;display:flex}.me-badge{color:var(--muted);background:#0000000a;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;display:inline-block}.me-badge.on{color:#a80810;background:#a808101a;font-weight:600}.me-badge.new{box-shadow:0 0 0 1px #a80810}.me-badge:disabled{cursor:default}button.me-badge{font:inherit;cursor:pointer;border:none}.me-new-badge-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.me-new-badge-row .me-new-badge{margin:0}.me-share-link{color:#a80810;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600;text-decoration:underline}.me-streak-body{flex:1;min-width:0}.me-repair{background:#b4530914;border-radius:10px;flex-direction:column;gap:.55rem;margin:0 0 1rem;padding:.75rem .85rem;display:flex}.me-repair-text{color:var(--ink);margin:0;font-size:.82rem}.me-repair-btn{width:100%;margin:0}.me-repair-msg{margin:-.5rem 0 .85rem;font-size:.78rem}.me-stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem .5rem;display:grid}.me-quote-progress{color:inherit;border-top:1px solid #0000000f;margin-top:1rem;padding-top:.85rem;text-decoration:none;display:block}.me-quote-progress-top{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.45rem;font-size:.85rem;display:flex}.me-quote-bar{background:#0000000f;border-radius:999px;height:4px;overflow:hidden}.me-quote-bar-fill{border-radius:inherit;background:#b45309;width:0;height:100%;transition:width .25s}.me-stat{text-align:center}.me-stat-value{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:1.05rem;font-weight:650;line-height:1.25}.me-stat-label{color:var(--muted);margin:.2rem 0 0;font-size:.75rem}.me-recent{color:inherit;border-top:1px solid #0000000f;flex-direction:column;gap:.15rem;margin-top:1rem;padding-top:.85rem;text-decoration:none;display:flex}.me-recent-kicker{color:var(--muted);font-size:.75rem}.me-recent-title{font-size:.95rem;font-weight:600}.me-recent-empty{border-top:1px solid #0000000f;margin:1rem 0 0;padding-top:.85rem;font-size:.85rem}.me-recent-empty .primary-link{margin-top:.65rem;padding:.45rem .9rem;font-size:.88rem}.me-card.tips p{color:#3a3a3c;margin:.35rem 0;font-size:.9rem}.me-name{margin:0 0 .25rem;font-size:1.15rem;font-weight:600}.me-btn{cursor:pointer;text-align:center;border:0;border-radius:10px;width:100%;height:48px;margin-bottom:.65rem;font-size:1rem;line-height:48px;display:block}.me-btn.blue{background:var(--blue-soft);color:var(--blue)}.me-btn.dark{background:var(--ink);color:#fff}.center{text-align:center}.pad{padding:1rem 0}.pad.center{text-align:center}.load-more{background:var(--blue-soft);width:100%;height:44px;color:var(--blue);cursor:pointer;border:0;border-radius:8px;margin:.75rem 0 1.25rem;font-weight:600;display:block}.load-more:disabled{opacity:.55;cursor:not-allowed}.shell{max-width:720px;margin:0 auto;padding:1rem 1rem 2rem}.topbar{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.btn-with-icon{align-items:center;gap:.35rem;display:inline-flex}.book-hero{gap:1rem;margin-bottom:1.25rem;display:flex}.book-cover.large{background:#e5e5ea;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:132px;display:flex;overflow:hidden}.book-cover.large img{object-fit:cover;width:100%;height:100%}.summary{color:var(--muted);font-size:.9rem}.section-title{margin:1.35rem 0 .75rem;font-size:1.05rem;font-weight:650}.chapter-list,.book-quotes{margin:0 0 1rem;padding:0;list-style:none}.chapter-list li a{background:var(--panel);border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;padding:.95rem 1rem;display:flex}.book-quotes li a{background:var(--panel);border-radius:10px;margin-bottom:.65rem;padding:1rem 1.05rem;display:block}.book-quotes .quote-en{margin:0;font-family:Georgia,Palatino,serif;font-size:.95rem;line-height:1.55}.book-quotes .quote-zh{color:var(--muted);margin:.45rem 0 0;font-size:.85rem;line-height:1.5}.book-quotes-more{flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;margin:-.25rem 0 1rem;font-size:.9rem;display:flex}.book-quotes-toggle{cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.chip-icon{color:var(--blue);background:var(--blue-soft);border-radius:4px;margin-left:.45rem;padding:.1rem .45rem;font-size:.75rem;font-style:normal}.quotes-page,.listen-page{max-width:720px;min-height:100vh;margin:0 auto;padding:1rem 1rem 2rem}.back-link{align-items:center;gap:.35rem;margin-bottom:.75rem;display:inline-flex}.quote-title-row{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.25rem;display:flex}.quote-title-row h1{margin:0}.quote-vocab-link{color:var(--blue,#2563eb);flex-shrink:0;align-items:center;gap:.35rem;font-size:.88rem;text-decoration:none;display:inline-flex}.quote-vocab-due{color:#a80810;background:#a8081014;border-radius:999px;padding:.1rem .45rem;font-size:.75rem}.quote-tap-hint{letter-spacing:.01em;margin:0 0 .85rem;font-size:.75rem}.quote-tag-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.4rem;margin:.5rem 0 .35rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.quote-tag-row::-webkit-scrollbar{display:none}.quote-tag-row button{cursor:pointer;color:#57534e;background:#f2f2f7;border:0;border-radius:999px;flex-shrink:0;padding:.28rem .7rem;font-size:.8rem}.quote-tag-row button.on{color:#a80810;background:#a808101a}.quote-focus-word-btn{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;padding:0;display:block}.quote-focus-word-btn.saved strong{color:#a80810;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.quote-en .word-unit{display:inline}.quote-en .word-space{white-space:pre-wrap}.quote-en .word-token{color:inherit;font:inherit;letter-spacing:inherit;font-family:Georgia,Palatino,Times New Roman,serif;line-height:inherit;cursor:pointer;box-shadow:none;appearance:none;background:0 0;border:0;border-radius:2px;margin:0;padding:.08em .02em;display:inline}.quote-en .word-token:hover,.quote-en .word-token.on{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#a808101a}.quote-en .word-token.saved{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#a808100f;box-shadow:inset 0 -2px #a8081080}.back-link.light{color:#aeaeb2}.mode-row{gap:.5rem;margin:.75rem 0;display:flex}.mode-row button{cursor:pointer;background:#f2f2f7;border:0;border-radius:8px;padding:.4rem .85rem}.mode-row button.on{background:var(--blue);color:#fff}.quote-view-stats{margin:.25rem 0 .65rem;font-size:.85rem}.quote-hint{margin-top:.15rem}.quote-card{background:#fafaf9;border-radius:16px;margin-top:.75rem;padding:1.35rem 1.25rem 1.25rem}.quote-top{color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;font-size:.85rem;display:flex}.quote-en{color:#1c1917;margin:0;font-family:Georgia,Palatino,Times New Roman,serif;font-size:1.22rem;line-height:1.75}.quote-en-row{align-items:flex-start;gap:.65rem;display:flex}.quote-en-row .quote-en{flex:1;min-width:0}.quote-voice-row{gap:.35rem;margin-top:.55rem;display:inline-flex}.quote-voice-row button{color:#78716c;cursor:pointer;background:0 0;border:1px solid #a808102e;border-radius:999px;padding:.2rem .55rem;font-size:.78rem}.quote-voice-row button.on{color:#a80810;background:#a8081014;border-color:#a8081059}.quote-audio-btn{color:#a80810;cursor:pointer;background:#a8081014;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:.1rem;display:inline-flex}.quote-audio-btn:hover{filter:brightness(.97)}.quote-audio-btn.on{color:#fff;background:#a80810}.quote-zh{color:#78716c;margin:.75rem 0 0}.quote-focus-words{background:#a808100d;border:1px solid #a8081014;border-radius:10px;flex-direction:column;gap:.35rem;margin:.85rem 0 0;padding:.65rem .75rem;list-style:none;display:flex}.quote-focus-words li{color:var(--ink,#1c1917);font-size:.88rem;line-height:1.45}.quote-focus-words strong{letter-spacing:.01em;font-weight:650}.quote-by{text-align:right;color:var(--muted);margin:1rem 0}.quote-by-zh{color:#a8a29e;margin-top:.35rem;font-size:.92em;display:block}.quote-nav{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.quote-nav button{cursor:pointer;background:#f2f2f7;border:0;border-radius:8px;height:44px}.quote-nav button.primary{background:var(--blue);color:#fff}.related{text-align:center;color:#a80810;background:0 0;border-radius:8px;margin-top:.85rem;padding:.55rem;font-size:.92rem;display:block}.quote-top-actions{align-items:center;gap:.75rem;display:flex}.poster-modal-backdrop{z-index:80;background:#1c19178c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.poster-modal{background:#fafaf9;border-radius:16px 16px 0 0;width:min(420px,100%);max-height:92vh;padding:1rem 1rem 1.25rem;overflow:auto}.poster-modal-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.poster-modal-head h2{margin:0;font-size:1.1rem}.poster-close{cursor:pointer;color:#78716c;background:0 0;border:0;padding:.35rem;display:inline-flex}.poster-preview-wrap{background:#e7e5e4;border-radius:12px;justify-content:center;align-items:center;min-height:200px;display:flex;overflow:hidden}.poster-preview{width:100%;height:auto;display:block}.poster-canvas-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.poster-hint{color:var(--blue);text-align:center;margin:.75rem 0 0;font-size:.85rem}.poster-error{color:#b91c1c;margin:.5rem}.poster-actions{grid-template-columns:1fr;gap:.6rem;margin-top:1rem;display:grid}.poster-actions:has(button:nth-child(2)){grid-template-columns:1fr 1fr}.poster-actions button{cursor:pointer;background:#f2f2f7;border:0;border-radius:8px;height:44px}.poster-actions button.primary{background:var(--blue);color:#fff}.poster-actions button:disabled{opacity:.5;cursor:not-allowed}@media (min-width:640px){.poster-modal-backdrop{align-items:center;padding:1.5rem}.poster-modal{border-radius:16px;max-height:90vh}}.listen-page{color:#fff;text-align:center;background:#1c1c1e}.listen-page .muted{color:#aeaeb2}.listen-page .link-blue{color:#8eb8ff}.listen-cover{background:#3a3a3c;border-radius:12px;justify-content:center;align-items:center;width:220px;height:300px;margin:1.5rem auto;display:flex;overflow:hidden;box-shadow:0 12px 32px #0006}.listen-cover img{object-fit:cover;width:100%;height:100%}.listen-progress{max-width:28rem;margin:1.25rem auto .35rem;padding:0 .5rem}.listen-scrub{appearance:none;cursor:pointer;background:#3a3a3c;border-radius:999px;outline:none;width:100%;height:4px}.listen-scrub::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #00000059}.listen-scrub::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px}.listen-scrub:disabled{opacity:.4;cursor:not-allowed}.listen-time{color:#8e8e93;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.45rem;font-size:.78rem;display:flex}.listen-controls{justify-content:center;align-items:center;gap:.85rem;margin:1.25rem 0 .75rem;display:flex}.listen-controls button{color:#fff;cursor:pointer;background:#3a3a3c;border:0;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:.78rem;font-weight:600;display:inline-flex}.listen-controls button:disabled{opacity:.35;cursor:not-allowed}.listen-controls .skip{color:#d1d1d6;background:0 0;border:1px solid #48484a;width:44px;height:44px}.listen-controls .play{background:var(--blue);width:72px;height:72px}.listen-tools{z-index:2;justify-content:center;gap:.75rem;margin:.25rem 0 .75rem;display:flex;position:relative}.listen-tool{position:relative}.listen-tool-btn{color:#d1d1d6;cursor:pointer;background:#2c2c2e;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.85rem;display:inline-flex}.listen-tool-btn.on{color:#fff;background:#3a3a3c}.listen-pop{background:#2c2c2e;border-radius:12px;flex-direction:column;gap:.25rem;min-width:5.5rem;padding:.4rem;display:flex;position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.listen-pop button{color:#d1d1d6;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:.45rem .7rem}.listen-pop button.on,.listen-pop button:hover{color:#fff;background:#48484a}.listen-status{min-height:1.35em;margin:.35rem 0 .15rem}.listen-hint{opacity:.75;margin:0 0 1rem;font-size:.78rem}.reader-page{--reader-col:42rem;--reader-rail-gap:3.75rem;color:#1f2937;background:#fafafa;min-height:100vh;position:relative}.reader-page.theme-white{color:#1f2937;background:#fafafa}.reader-page.theme-paper{color:#292524;background:#f3eee6}.reader-page.theme-green{color:#292524;background:#e8f3ea}.reader-page.theme-night{color:#d4d4d8;background:#1a1b1e}.reader-top{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fafafaeb;border-bottom:1px solid #0000000f;transition:transform .22s,opacity .22s;position:sticky;top:0}.reader-progress{z-index:30;pointer-events:none;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.reader-progress-fill{background:#b45309;width:0;height:100%;transition:width 80ms linear}.theme-night .reader-progress-fill{background:#fbbf24}.reader-page.chrome-hidden .reader-top{opacity:0;pointer-events:none;transform:translateY(-100%)}.reader-page.chrome-hidden .reader-rail{opacity:0;pointer-events:none;transform:translateY(-50%)translate(.75rem)}.theme-paper .reader-top{background:#f3eee6f0}.theme-green .reader-top{background:#e8f3eaf0}.theme-night .reader-top{background:#1a1b1eeb;border-bottom-color:#ffffff14}.reader-top-inner{max-width:calc(var(--reader-col) + 8rem);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.65rem 1rem;display:flex}.reader-top-left{flex:1;align-items:center;gap:.55rem;min-width:0;display:flex}.reader-top-book{min-width:0;color:inherit;opacity:.85;align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.reader-top-book:hover{opacity:1}.reader-top-title{text-overflow:ellipsis;white-space:nowrap;max-width:min(42vw,18rem);font-size:.9rem;font-weight:500;overflow:hidden}.reader-top-icon{width:30px;height:30px;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.reader-top-icon:hover,.reader-top-icon.on{opacity:1;background:#0000000d}.theme-night .reader-top-icon:hover,.theme-night .reader-top-icon.on{background:#ffffff14}.reader-top-meta{white-space:nowrap;flex-shrink:0;font-size:.78rem}.reader-top-right{color:var(--muted);flex-shrink:0;align-items:center;gap:.55rem;font-size:.88rem;display:flex}.reader-top-right a{color:inherit;text-decoration:none}.reader-top-right a:hover{color:inherit;opacity:.9}.reader-top-sep{opacity:.35}.reader-rail{z-index:25;right:max(.55rem, env(safe-area-inset-right,0px));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;flex-direction:column;gap:.7rem;padding:0;transition:opacity .22s,transform .22s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}@media (min-width:960px){.reader-rail{right:max(1rem, calc((100vw - var(--reader-col)) / 2 - var(--reader-rail-gap)))}}.reader-rail-btn{color:#4b5563;cursor:pointer;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 10px #0f172a14}.reader-rail-btn:hover,.reader-rail-btn.on{color:var(--blue);background:#fff;box-shadow:0 4px 14px #0f172a1f}.theme-paper .reader-rail-btn,.theme-green .reader-rail-btn{background:#fffffff2}.theme-night .reader-rail-btn{color:#d4d4d8;background:#2a2b30;box-shadow:0 2px 12px #00000059}.theme-night .reader-rail-btn:hover,.theme-night .reader-rail-btn.on{color:#f8ebeb;background:#32333a}.reader-column{max-width:var(--reader-col);min-height:calc(100vh - 1px);margin:0 auto}.reader-body{padding:1.25rem calc(var(--reader-rail-gap) + .25rem) 3rem 1.35rem;letter-spacing:.01em;cursor:pointer;word-break:normal;overflow-wrap:break-word;flex:1;font-family:Georgia,Iowan Old Style,Songti SC,Palatino,serif}@media (min-width:960px){.reader-body{padding:2rem 1.5rem 4rem}}.reader-body.has-preview{padding-bottom:8.5rem}.reader-body p{text-align:left;margin:0 0 1.35em}.reader-body .word-hint{letter-spacing:0;margin-bottom:1.15rem;font-family:system-ui,-apple-system,sans-serif;font-size:.78em}.reader-lang-bar{gap:.5rem;margin:-.35rem 0 1rem;font-family:system-ui,-apple-system,sans-serif;display:flex}.reader-lang-bar button,.settings-row button.on{cursor:pointer;background:#f2f2f7;border:0;border-radius:8px;padding:.35rem .7rem;font-size:.82em}.reader-lang-bar button.on{outline:2px solid var(--blue)}.bilingual-note{letter-spacing:0;margin:0 0 1.1rem;font-family:system-ui,-apple-system,sans-serif;font-size:.78em}.reader-para{margin:0 0 1.5em}.reader-sent{margin:0 0 .85em}.reader-sent:last-child{margin-bottom:0}.reader-body .reader-sent-en{margin:0}.reader-body .reader-sent-zh{opacity:.88;margin:.35em 0 0;font-family:Songti SC,Source Han Serif SC,Georgia,serif;font-size:.92em;line-height:1.7}.theme-night .reader-body .reader-sent-zh{opacity:.78}.reader-body .word-unit{display:inline}.reader-body .word-space{white-space:pre-wrap}.reader-body .word-token{color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;margin:0;padding:.12em .04em;display:inline}.reader-loading{padding:.5rem 0 2rem}.reader-skeleton{background:linear-gradient(90deg,#0000000f,#0000001f,#0000000f) 0 0/200% 100%;border-radius:4px;height:.95em;margin:0 0 .85em;animation:1.2s ease-in-out infinite reader-shimmer}.reader-skeleton.short{width:62%}.reader-skeleton.mid{width:84%}.theme-night .reader-skeleton{background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f) 0 0/200% 100%}@keyframes reader-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.reader-body .word-token:hover,.reader-body .word-token.on{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#a808101f}.theme-night .reader-body .word-token:hover,.theme-night .reader-body .word-token.on{background:#f8ebeb2e}.reader-body .word-token.saved{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#a8081014;box-shadow:inset 0 -2px #a808108c}.theme-night .reader-body .word-token.saved{background:#ffb4b424;box-shadow:inset 0 -2px #ffaaaab3}.reader-body .word-token.focus-from-vocab{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ca8a0438;box-shadow:inset 0 -2px #b478008c}.theme-night .reader-body .word-token.focus-from-vocab{background:#facc1538;box-shadow:inset 0 -2px #facc15a6}.word-pop-scrim{z-index:39;cursor:default;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.word-pop{z-index:40;color:#1c1c1e;background:#fff;border-radius:12px;width:min(300px,100vw - 24px);max-height:min(42vh,280px);padding:.75rem .85rem .85rem;position:fixed;overflow:auto;transform:translate(-50%);box-shadow:0 8px 28px #00000029,0 0 0 1px #0000000f}.word-pop.place-above{transform:translate(-50%,-100%)}.theme-night .word-pop{color:#e7e5e4;background:#292524;box-shadow:0 8px 28px #00000080,0 0 0 1px #ffffff14}.word-pop-head{justify-content:space-between;align-items:flex-start;gap:.65rem;margin-bottom:.35rem;display:flex}.word-pop-term{color:var(--blue);font-size:1.15rem;font-weight:700;line-height:1.25;display:block}.word-pop .word-phonetic{opacity:.65;vertical-align:middle;margin:.15rem 0 0 .35rem;font-family:Georgia,serif;font-size:.82rem;font-weight:400;display:inline-block}.word-pop-body{margin:.35rem 0 0}.word-pop-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.word-pop-speak{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.4rem .75rem;font-size:.85rem}.word-pop-speak.on{background:#0b6bcb}.word-pop-speak.loading{opacity:.85;animation:.9s ease-in-out infinite word-pop-speak-pulse}@keyframes word-pop-speak-pulse{0%,to{opacity:.85}50%{opacity:.55}}.word-pop-save{color:var(--blue);cursor:pointer;background:#fff;border:1px solid #0000001f;border-radius:8px;padding:.4rem .75rem;font-size:.85rem}.theme-night .word-pop-save{background:0 0;border-color:#ffffff24}.word-pop-save:disabled{opacity:.7;cursor:default}.word-pop-lesson{color:var(--blue);font-size:.85rem}.vocab-tabs{gap:.35rem;margin:.75rem 0 1rem;display:flex}.vocab-tabs button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:999px;padding:.35rem .85rem}.vocab-tabs button.on{background:var(--blue-soft);border-color:var(--blue);color:var(--blue);font-weight:650}.vocab-list{margin:0;padding:0;list-style:none}.vocab-card{border-bottom:1px solid var(--line);padding:1rem 0}.vocab-card-head{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.vocab-status{background:var(--panel);color:var(--muted);border-radius:999px;padding:.1rem .45rem;font-size:.75rem}.vocab-status.st-learning{background:var(--blue-soft);color:var(--blue)}.vocab-def{margin:.45rem 0;line-height:1.55}.vocab-ctx{border-left:3px solid var(--blue);background:var(--blue-soft);margin:.5rem 0;padding:.55rem .75rem;font-size:.92rem;line-height:1.55}.vocab-actions{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.55rem;display:flex}.vocab-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:.3rem .65rem;font-size:.82rem}.vocab-actions button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.vocab-actions button.danger{color:#c62828}.lesson-shell{max-width:40rem;margin:0 auto;padding:1.25rem 1rem 3rem}.lesson-header h1{margin:.35rem 0;font-size:1.4rem}.lesson-section{margin:1.35rem 0}.lesson-section h2{margin:0 0 .55rem;font-size:1.05rem}.lesson-words{margin:0;padding-left:1.1rem;line-height:1.7}.lesson-quote{border-left:3px solid var(--blue);background:var(--blue-soft);margin:0;padding:.85rem 1rem;font-style:italic;line-height:1.65}.lesson-prompt{margin:0 0 .75rem;font-weight:600}.lesson-options{flex-direction:column;gap:.45rem;display:flex}.lesson-options button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:.7rem .85rem}.lesson-options button.correct{background:#e8f5e9;border-color:#2e7d32}.lesson-options button.wrong{background:#ffebee;border-color:#c62828}.lesson-ok{color:#2e7d32;margin:.6rem 0 0}.lesson-footer{border-top:1px solid var(--line);flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.listen-links{flex-wrap:wrap;gap:1rem;margin:.5rem 0 1rem;display:flex}.listen-transcript{text-align:left;border-top:1px solid #ffffff1f;max-height:42vh;margin-top:1rem;padding-top:1rem;overflow:auto}.listen-transcript-hint{margin:0 0 .65rem;font-size:.8rem}.listen-para{text-align:left;width:100%;color:inherit;opacity:.55;cursor:pointer;background:0 0;border:none;border-radius:8px;margin:0;padding:.55rem .4rem;font-size:.92rem;line-height:1.55;display:block}.listen-para.on{opacity:1;background:#ffffff1a;font-weight:550}.listen-para-active{cursor:default}.listen-para .word-unit{display:inline}.listen-para .word-space{white-space:pre-wrap}.listen-para .word-token{color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;cursor:pointer;font-weight:inherit;background:0 0;border:0;border-radius:2px;margin:0;padding:.08em .03em;display:inline}.listen-para .word-token:hover,.listen-para .word-token.on{background:#ffffff2e}.listen-para .word-token.saved{background:#ffb4b41f;box-shadow:inset 0 -2px #ffaaaab3}.word-sheet-close{cursor:pointer;width:28px;height:28px;color:inherit;background:#f2f2f7;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.theme-night .word-sheet-close{background:#44403c}.word-translation{white-space:pre-wrap;margin:0;font-size:.92rem;line-height:1.55}.word-matched{margin:.45rem 0 0;font-size:.75rem}.reader-chapter-end{cursor:default;text-align:center;border-top:1px solid #00000014;margin:2.5rem 0 1rem;padding:1.5rem 0 .25rem}.theme-night .reader-chapter-end{border-top-color:#ffffff1f}.reader-chapter-end-cue{letter-spacing:.02em;color:inherit;opacity:.72;margin:0 0 1rem;font-size:.95rem;font-weight:500}.reader-chapter-end-actions{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.65rem;display:flex}.reader-chapter-end-primary,.reader-chapter-end-secondary-btn{cursor:pointer;min-height:44px;font:inherit;box-sizing:border-box;border:0;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:0 1.1rem;font-size:.92rem;text-decoration:none;display:inline-flex}.reader-chapter-end-primary{color:#fff;background:#a80810;flex:9rem;max-width:16rem}.reader-chapter-end-primary:disabled{opacity:.4;cursor:not-allowed}.reader-chapter-end-secondary-btn{color:#1c1917;background:#e7e5e4;flex:7rem;max-width:12rem}.theme-paper .reader-chapter-end-secondary-btn,.theme-green .reader-chapter-end-secondary-btn{background:#00000012}.theme-night .reader-chapter-end-secondary-btn{color:#e7e5e4;background:#44403c}.reader-chapter-end-secondary-btn:hover{filter:brightness(.97)}.theme-night .reader-chapter-end-secondary-btn:hover{filter:brightness(1.08)}.reader-chapter-end-primary:hover:not(:disabled){filter:brightness(1.06)}.reader-chapter-end-prev{margin-top:.85rem}.reader-chapter-end-prev button{color:inherit;opacity:.55;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:.2rem;padding:.35rem .5rem;font-size:.82rem;display:inline-flex}.reader-chapter-end-prev button:hover{opacity:.85}.settings-mask{z-index:30;background:#00000059;align-items:flex-end;display:flex;position:fixed;inset:0}.settings-panel{color:#1c1c1e;background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:720px;margin:0 auto;padding:1.25rem 1.25rem 2rem}.toc-panel{color:#1c1c1e;background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:720px;max-height:min(78vh,640px);margin:0 auto;padding:1rem 0 .5rem;display:flex}.theme-night .toc-panel{color:#f2f2f7;background:#2c2c2e}.toc-panel-head{justify-content:space-between;align-items:center;padding:0 1.15rem .35rem;display:flex}.toc-panel-head h3{margin:0;font-size:1.05rem}.toc-book-title{margin:0 1.15rem .65rem;font-size:.85rem}.toc-list{-webkit-overflow-scrolling:touch;margin:0;padding:0 .65rem 1rem;list-style:none;overflow-y:auto}.toc-list li{margin:0}.toc-list button{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;border-radius:10px;align-items:center;gap:.65rem;padding:.7rem .55rem;display:flex}.toc-list button:hover{background:#0000000d}.theme-night .toc-list button:hover{background:#ffffff14}.toc-list button.on{color:#ae0e14;background:#ae0e141a;font-weight:600}.theme-night .toc-list button.on{color:#ffb4b4;background:#ff787826}.toc-idx{color:var(--muted,#8e8e93);font-variant-numeric:tabular-nums;flex:0 0 2rem;font-size:.85rem}.toc-list button.on .toc-idx{color:inherit}.toc-title{flex:1;min-width:0;font-size:.95rem;line-height:1.35}.settings-panel h3{margin:0 0 1rem}.settings-row{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.settings-row button,.theme-chip{cursor:pointer;background:#f2f2f7;border:0;border-radius:8px;padding:.45rem .75rem}.theme-row{flex-wrap:wrap;gap:.65rem;margin-bottom:.75rem;display:flex}.theme-chip.on{outline:2px solid var(--blue)}.theme-chip.white{color:#111;background:#fff;box-shadow:inset 0 0 0 1px #d4d4d8}.theme-chip.paper{background:#f7f1e8}.theme-chip.green{background:#c7edcc}.theme-chip.night{color:#fff;background:#1c1917}.login-page{background:#f5f5f4;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-panel{background:#fafaf9;border-radius:16px;width:min(420px,100%);padding:1.5rem}.login-panel h1{margin:.75rem 0 1.25rem;font-size:1.35rem}.login-panel .sub{color:var(--muted);margin:0 0 1.25rem;font-size:.9rem}.login-panel label{color:#78716c;margin-bottom:.85rem;font-size:.85rem;display:block}.login-panel input{border:1px solid var(--line);border-radius:8px;width:100%;height:44px;margin-top:.35rem;padding:0 .75rem;font-size:16px}.login-panel button[type=submit]{color:#fff;letter-spacing:.02em;cursor:pointer;background:#1c1917;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;width:100%;height:48px;margin-top:.5rem;font-size:1rem;font-weight:600;display:inline-flex}.login-panel button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.login-panel button[type=submit]:not(:disabled):hover{background:#292524}.brand-row{align-items:center;gap:.4rem;display:inline-flex}.input-wrap{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.input-wrap input{height:44px;font-size:16px;border:0!important;margin:0!important}@media (min-width:860px){.cover-grid{grid-template-columns:repeat(4,1fr)}.app-shell,.shell,.quotes-page,.listen-page,.settings-panel{max-width:960px}.app-top{border-bottom-color:var(--line)}.app-top-inner{padding:.85rem 1.5rem}.desktop-nav{flex:1;justify-content:center;align-items:center;gap:.15rem;display:flex}.desktop-nav-link{color:var(--muted);border-radius:999px;padding:.4rem .95rem;font-size:.95rem;font-weight:500}.desktop-nav-link:hover{color:var(--ink);background:#f2f2f7}.desktop-nav-link.active{color:var(--blue);background:var(--blue-soft);font-weight:650}.desktop-only{display:inline-flex!important}.app-tabbar{display:none}.app-main{padding-bottom:2rem}.tab-page{padding:.75rem 1.5rem 2rem}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.daily-shell{max-width:40rem;margin:0 auto;padding:1.25rem 1rem 3rem}.daily-header{margin-bottom:1.25rem}.daily-date{margin:.75rem 0 .35rem;font-size:.85rem}.daily-title{margin:0;font-size:1.45rem;font-weight:700;line-height:1.35}.daily-digest{color:var(--muted);margin:.6rem 0 0;font-size:.95rem;line-height:1.6}.daily-body{margin:1rem 0}.daily-body a{color:var(--blue)}.daily-footer{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}.daily-list{margin:0;padding:0;list-style:none}.daily-list li{border-bottom:1px solid var(--line)}.daily-list a{flex-direction:column;gap:.25rem;padding:.9rem 0;display:flex}.daily-list-date{color:var(--muted);font-size:.8rem}.daily-list-title{font-weight:650;line-height:1.4}.daily-list-digest{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}:root{--home-bg:#fafafa;--home-ink:#1c1c1e;--home-accent:#a80810;--home-soft:#f8ebeb}.home-page{padding-bottom:1rem}.home-page .primary-link{background:#a80810;border-radius:8px;min-height:44px;margin-top:0;padding:.65rem 1rem;font-size:.95rem;font-weight:600}.home-page .ghost-link.brand-outline,.home-continue .ghost-link.brand-outline{color:#a80810;background:#fff;border:1.5px solid #a80810;border-radius:8px;min-height:44px;margin-left:0;padding:.65rem 1rem;font-weight:600}.home-page .continue-actions .primary-link,.home-page .continue-actions .ghost-link{border-radius:8px;min-height:44px;padding:.65rem 1rem}.home-page .continue-top{color:#a80810}.link-brand{color:#a80810;white-space:nowrap;font-weight:500}.home-hero{padding:.5rem 0 .15rem}.home-kicker{display:none}.home-greeting{color:var(--home-ink);margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:600;line-height:1.35}.home-greeting-sep{color:var(--muted);font-weight:400}.home-welcome-inline{color:var(--muted);font-family:system-ui,-apple-system,sans-serif;font-size:.95rem;font-weight:500}.home-welcome{margin:.4rem 0 0;font-size:.95rem}.home-continue{background:var(--home-soft);border:1px solid #f0d4d4;border-radius:12px;margin-top:.85rem}.home-continue-sync{margin:.75rem 0 0;font-size:.88rem}.home-section{border-top:1px solid #0000;margin-top:1.15rem;padding-top:.85rem}.home-section+.home-section{border-top-color:var(--line)}.home-section-title{margin:0;font-size:1.05rem;font-weight:650}.home-section-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.home-section-head .home-section-title{margin:0}.home-goal-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.home-goal-main{flex:1;min-width:0}.home-goal-label{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.45rem;display:flex}.home-goal-label strong{font-size:.95rem}.home-goal-bar{background:#efe4e4;border-radius:999px;height:8px;overflow:hidden}.home-goal-bar-fill{background:#a80810;border-radius:999px;height:100%;transition:width .25s}.home-goal-done{margin:.4rem 0 0;font-size:.82rem}.home-goal-toggle{cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:.25rem 0;font-size:.85rem}.home-goal-sub{flex-direction:column;gap:.55rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.home-goal-sub li{justify-content:space-between;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.home-quote-card{border:1px solid var(--line);background:#fff;padding-top:.25rem}.home-page .daily-top{color:#a80810}.home-quote-en{font-family:Georgia,Times New Roman,serif;font-size:1.1rem;line-height:1.5}.home-quote-actions{flex-wrap:wrap;gap:.65rem;margin-top:.85rem;display:flex}.home-quote-error{margin:.45rem 0 0;font-size:.85rem}.home-recommend-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:.85rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.home-recommend-chip{width:108px;color:inherit;flex-direction:column;flex:0 0 108px;gap:.35rem;text-decoration:none;display:flex}.home-recommend-cover{width:108px;height:144px;color:var(--muted);background:#eee;border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.home-recommend-cover img{object-fit:cover;width:100%;height:100%}.home-recommend-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.home-recommend-title-zh{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.3;display:-webkit-box;overflow:hidden}.home-path-link{margin:.75rem 0 0;font-size:.9rem}.library-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.library-shelf-link{white-space:nowrap;flex-shrink:0;margin-top:.25rem}.learn-page .learn-lead{margin:0 0 1rem}.learn-link-list{margin:1rem 0 0;padding:0;list-style:none}.learn-link-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:.75rem;padding:.85rem 0;display:flex}.learn-link-row strong{display:block}.learn-link-row p{margin:.15rem 0 0;font-size:.85rem}.book-info-block,.book-learn-block,.book-progress-block,.book-learn-what{margin-top:1.25rem}.book-info-list,.book-progress-list{grid-template-columns:1fr 1fr;gap:.55rem 1rem;margin:0;padding:0;list-style:none;display:grid}.book-info-list li,.book-progress-list li{flex-direction:column;gap:.15rem;display:flex}.book-learn-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.book-learn-card{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;gap:.25rem;padding:.8rem .7rem;display:flex}.book-learn-card strong{font-size:.92rem}.book-learn-card span{font-size:.78rem;line-height:1.35}.book-learn-points{margin:0;padding-left:1.1rem}.book-learn-points li{margin:.35rem 0;font-size:.92rem}@media (min-width:860px){.home-page,.learn-page{max-width:960px}.home-greeting{font-size:1.35rem}.app-tabbar-5 .tab-item{font-size:.7rem}}.reader-page.learn-dock-on{--reader-learn-w:min(22rem, 34vw)}.reader-learn-dock{width:var(--reader-learn-w,22rem);z-index:40;background:color-mix(in srgb, var(--bg,#f7f3ea) 92%, #fff);border-left:1px solid color-mix(in srgb, var(--ink,#1a1a1a) 12%, transparent);padding:1rem 1.1rem 2rem;position:fixed;top:3.25rem;bottom:0;right:0;overflow:auto;box-shadow:-8px 0 24px #0000000a}.theme-night .reader-learn-dock{background:#1c1f24;border-left-color:#ffffff14}.learn-panel-mask .learn-panel-sheet{background:var(--bg,#fff);border-radius:1rem 1rem 0 0;max-height:min(78vh,640px);padding:1rem 1.15rem 1.5rem;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -12px 40px #0000002e}.learn-panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.learn-panel-head h3{align-items:center;gap:.4rem;margin:0;font-size:1.05rem;display:inline-flex}.learn-panel-word{margin-bottom:.75rem}.learn-panel-pos{opacity:.7;margin-left:.4rem;font-size:.85rem;font-style:normal}.learn-panel-zh{margin:.35rem 0 0;line-height:1.5}.learn-panel-sentence{border-left:3px solid color-mix(in srgb, var(--accent,#8b5a2b) 70%, #999);background:color-mix(in srgb, var(--ink,#111) 4%, transparent);margin:0 0 .85rem;padding:.65rem .75rem;font-size:.95rem;line-height:1.55}.learn-panel-modes{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.learn-panel-modes button{border:1px solid color-mix(in srgb, var(--ink,#111) 16%, transparent);cursor:pointer;background:0 0;border-radius:999px;padding:.28rem .7rem;font-size:.82rem}.learn-panel-modes button.on{background:color-mix(in srgb, var(--accent,#8b5a2b) 18%, transparent);border-color:color-mix(in srgb, var(--accent,#8b5a2b) 45%, transparent)}.learn-panel-ask{gap:.45rem;margin-bottom:.75rem;display:flex}.learn-panel-ask input{border:1px solid color-mix(in srgb, var(--ink,#111) 16%, transparent);background:0 0;border-radius:.5rem;flex:1;min-width:0;padding:.45rem .65rem}.learn-panel-result section{margin-bottom:.7rem}.learn-panel-result h4{text-transform:uppercase;letter-spacing:.04em;opacity:.65;margin:0 0 .25rem;font-size:.8rem}.learn-panel-result p,.learn-panel-result li{margin:0;font-size:.95rem;line-height:1.55}.learn-panel-links{flex-wrap:wrap;gap:.75rem;margin-top:1rem;font-size:.9rem;display:flex}.word-pop-context{margin:.35rem 0 0;font-size:.82rem;line-height:1.45}.shadow-prompt{margin:0 0 .65rem;line-height:1.5}.shadow-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.shadow-btn{border:1px solid color-mix(in srgb, var(--ink,#111) 18%, transparent);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;display:inline-flex}.shadow-btn.on{background:#bb33331f;border-color:#b336}.shadow-btn.ghost{opacity:.85}.shadow-audio{width:min(100%,16rem);height:2rem}.shadow-hint{margin:.45rem 0 0;font-size:.82rem}.learn-week-grid span{font-size:.82rem;display:block}.onboarding-card{background:var(--bg,#fff);border-radius:1rem;width:min(26rem,100vw - 2rem);margin:12vh auto 0;padding:1.35rem 1.25rem 1.25rem;position:relative;box-shadow:0 18px 50px #0003}.onboarding-card h2{margin:0 0 .4rem;font-size:1.25rem}.onboarding-steps{margin:.85rem 0 1rem;padding-left:1.15rem;line-height:1.55}.onboarding-actions{flex-wrap:wrap;gap:.65rem;display:flex}.sentence-list{gap:.85rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.sentence-card{background:color-mix(in srgb, var(--ink,#111) 4%, transparent);border-radius:.75rem;padding:.9rem 1rem}.sentence-en{margin:0;font-size:1.02rem;line-height:1.55}.sentence-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.55rem;display:flex}.sentence-actions .link-blue{font-size:.9rem}.practice-steps{margin:.85rem 0 1.1rem;padding-left:1.2rem;line-height:1.6}@media (max-width:1099px){.reader-learn-dock{display:none}}@media (max-width:720px){.learn-week-grid{grid-template-columns:1fr}}.reader-page.with-learn-dock .reader-column{margin-right:min(22rem,34vw)}@media (min-width:1100px){.reader-page.with-learn-dock{--reader-learn-w:min(22rem, 34vw)}.reader-learn-dock{width:var(--reader-learn-w,22rem);z-index:40;background:color-mix(in srgb, var(--bg,#f7f3ea) 92%, #fff);border-left:1px solid color-mix(in srgb, var(--ink,#1a1a1a) 12%, transparent);padding:1rem 1.1rem 2rem;position:fixed;top:3.25rem;bottom:0;right:0;overflow:auto}}.learn-panel-mask .learn-panel-sheet{background:var(--bg,#fff);z-index:60;border-radius:1rem 1rem 0 0;max-height:min(78vh,640px);padding:1rem 1.15rem 1.5rem;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -12px 40px #0000002e}.shadow-box{border:1px dashed color-mix(in srgb, var(--ink,#111) 18%, transparent);border-radius:.75rem;margin:1rem 0;padding:.9rem 1rem}.shadow-label{margin:0 0 .35rem;font-weight:600}.learn-week-card{background:color-mix(in srgb, var(--ink,#111) 4%, transparent);border-radius:.85rem;margin:0 0 1.1rem;padding:.95rem 1rem}.learn-week-top{justify-content:space-between;gap:.75rem;margin-bottom:.65rem;display:flex}.learn-week-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.learn-week-grid em{margin-bottom:.15rem;font-style:normal;font-weight:600;display:block}.learn-goal-bar{background:color-mix(in srgb, var(--ink,#111) 10%, transparent);border-radius:999px;height:.35rem;margin-top:.75rem;overflow:hidden}.learn-goal-fill{background:color-mix(in srgb, var(--accent,#8b5a2b) 80%, #444);height:100%}.onboarding-mask .onboarding-card{background:var(--bg,#fff);border-radius:1rem;width:min(26rem,100vw - 2rem);margin:12vh auto 0;padding:1.35rem 1.25rem 1.25rem;position:relative;box-shadow:0 18px 50px #0003}.learn-panel-primary{border-radius:.55rem;width:100%;margin:0 0 .75rem;padding:.55rem .85rem}.shadow-flow{margin:0 0 .75rem;padding-left:1.1rem;font-size:.85rem;line-height:1.45}.shadow-countdown{background:color-mix(in srgb, var(--accent,#8b5a2b) 18%, transparent);border-radius:999px;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;font-size:1.1rem;font-weight:700;display:inline-flex}.learn-due-card{background:color-mix(in srgb, var(--ink,#111) 4%, transparent);border-radius:.85rem;margin:0 0 1.1rem;padding:.95rem 1rem}.learn-due-list{gap:.55rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.learn-due-list li{gap:.15rem;display:grid}.learn-due-list strong{font-size:1rem}.sentence-toolbar{align-items:center;gap:.75rem;margin:.75rem 0 1rem;display:flex}.sentence-toolbar input{border:1px solid color-mix(in srgb, var(--ink,#111) 16%, transparent);background:0 0;border-radius:.5rem;flex:1;min-width:0;padding:.5rem .7rem}.sentence-zh{margin:.35rem 0 0;line-height:1.45}.sentence-focus{flex-wrap:wrap;gap:.35rem;margin:.45rem 0 0;display:flex}.sentence-focus-chip{background:color-mix(in srgb, var(--ink,#111) 8%, transparent);border-radius:999px;padding:.15rem .45rem;font-size:.78rem}.sentence-actions .danger{color:#a33}.practice-checklist,.practice-pick,.practice-warmup{margin:1.1rem 0}.practice-checklist h2,.practice-pick h2,.practice-warmup h2{margin:0 0 .4rem;font-size:1.05rem}.practice-book-list{gap:.55rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.practice-book-row{background:color-mix(in srgb, var(--ink,#111) 4%, transparent);color:inherit;border-radius:.7rem;grid-template-columns:2.75rem 1fr auto;align-items:center;gap:.75rem;padding:.65rem .75rem;text-decoration:none;display:grid}.practice-book-cover{object-fit:cover;border-radius:.25rem;width:2.75rem;height:3.5rem}.practice-book-cover.empty{background:color-mix(in srgb, var(--ink,#111) 8%, transparent);place-items:center;display:grid}.practice-book-cta{opacity:.8;white-space:nowrap;font-size:.82rem}.onboarding-step-meta{margin:0 0 .35rem;font-size:.82rem}.onboarding-step-body{margin:.65rem 0 1rem;font-size:1.05rem;line-height:1.55}.onboarding-dots{gap:.35rem;margin-bottom:1rem;display:flex}.onboarding-dots span{background:color-mix(in srgb, var(--ink,#111) 18%, transparent);border-radius:999px;width:.45rem;height:.45rem}.onboarding-dots span.on{background:color-mix(in srgb, var(--accent,#8b5a2b) 80%, #444);width:1rem}