@layer design{:root{--bg-paper-top:#fbf8f1;--bg-paper-mid:#f6efe2;--bg-paper-bot:#efe5d4;--bg-paper-gradient:linear-gradient(165deg, var(--bg-paper-top) 0%, var(--bg-paper-mid) 52%, var(--bg-paper-bot) 100%);--bg-paper-dark:linear-gradient(165deg, #1e1d1a 0%, #171614 60%, #121110 100%);--card-bg:#fff;--card-warm-bg:#fdfbf7;--card-border:#d2c3a88c;--card-shadow:0 8px 24px -4px #80684417, 0 2px 6px -1px #8068440d;--card-shadow-hover:0 14px 30px -4px #80684426;--card-shadow-sm:0 4px 14px -2px #80684412, 0 1px 3px #8068440a;--ink-primary:#1f1e1b;--ink-secondary:#4a453c;--ink-muted:#7e7668;--ink-light:#a8a092;--forest-dark:#233830;--forest-gradient:linear-gradient(180deg, #2a433a 0%, #1d3028 100%);--forest-gradient-hover:linear-gradient(180deg, #324f45 0%, #22382f 100%);--forest-shadow:0 10px 22px -4px #1d302859;--green-brand:#2e684e;--green-tint:#e5efe9;--green-badge:#56946e;--blue-badge:#4a8fe2;--blue-title:#2b6cb0;--blue-tint:#ebf4ff;--orange-badge:#e57a44;--orange-title:#c85a28;--orange-tint:#fdf0e8;--purple-badge:#565294;--purple-title:#433e82;--purple-tint:#f0effa;--marker-yellow:#ffe268;--marker-yellow-soft:#fff3b8;--marker-pink:#fad2d8;--marker-sage:#c8e2d4;--marker-sand:#ede4d1;--error-red:#c84b31;--font-en-serif:"Literata", "Georgia", "Times New Roman", serif;--font-cn-serif:"Noto Serif SC", "Songti SC", "STSong", serif;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", sans-serif}.bg-paper-page{background:var(--bg-paper-gradient);min-height:100vh;color:var(--ink-primary);font-family:var(--font-sans);position:relative}.bg-paper-page:before{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(#a082550f 1px,#0000 0);background-size:14px 14px;position:absolute;inset:0}.en-serif-h1{font-family:var(--font-en-serif);color:var(--ink-primary);letter-spacing:-.015em;font-weight:800;line-height:1.22}.cn-serif-h1{font-family:var(--font-cn-serif);color:var(--ink-primary);letter-spacing:-.01em;font-weight:900;line-height:1.26}.marker-hl{z-index:1;padding:0 3px;display:inline-block;position:relative}.marker-hl:before{content:"";background:var(--marker-yellow);z-index:-1;border-radius:6px 12px 4px 10px/8px 4px 10px 6px;height:74%;position:absolute;bottom:2px;left:-5px;right:-5px;transform:rotate(-.8deg);box-shadow:-2px 1px #ffe26866,2px -1px #ffe26880}.marker-hl-pink{z-index:1;padding:0 3px;display:inline-block;position:relative}.marker-hl-pink:before{content:"";background:var(--marker-pink);z-index:-1;border-radius:8px 4px 10px 5px;height:72%;position:absolute;bottom:2px;left:-3px;right:-3px;transform:rotate(.6deg)}.marker-hl-sage{z-index:1;padding:0 4px;display:inline-block;position:relative}.marker-hl-sage:before{content:"";background:var(--marker-sage);z-index:-1;border-radius:5px;height:84%;position:absolute;bottom:1px;left:-2px;right:-2px}.sentence-active-bg{background:var(--marker-sand);border-radius:5px;padding:2px 4px}.u-active-green{border-bottom:2.5px solid var(--green-brand);padding-bottom:1px}.u-review-dotted{border-bottom:2.5px dotted var(--green-brand);padding-bottom:1px}.u-chunk-dashed{border-bottom:2px dashed var(--orange-badge);padding-bottom:1px}.paper-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:20px;padding:20px 22px;transition:transform .18s,box-shadow .18s;position:relative}.paper-card.clickable{cursor:pointer}.paper-card.clickable:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.paper-card.sage-card{background:linear-gradient(135deg,#e8f1ec 0%,#dceae2 100%);border:1.5px solid #5b8c75}.forest-pill-btn{background:var(--forest-gradient);height:54px;box-shadow:var(--forest-shadow), inset 0 1px 0 #ffffff26;letter-spacing:.02em;cursor:pointer;border:1px solid #16251f;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:16px;font-weight:700;text-decoration:none;transition:all .16s;display:inline-flex;color:#fff!important}.forest-pill-btn:hover{background:var(--forest-gradient-hover);transform:translateY(-1px)}.forest-pill-btn:active{transform:scale(.985)}.outline-pill-btn{height:50px;color:var(--ink-primary);border:1.5px solid var(--ink-primary);box-shadow:var(--card-shadow-sm);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 24px;font-size:15px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.outline-pill-btn:hover{background:var(--bg-paper-mid)}.pill-tag{border:1px solid var(--card-border);box-shadow:var(--card-shadow-sm);color:var(--ink-secondary);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.pill-tag.sel-green{background:var(--forest-dark);color:#fff;border-color:var(--forest-dark);box-shadow:0 4px 12px #23383040}.pill-tag.sel-orange{color:#fff;background:#cc6b3c;border-color:#cc6b3c;box-shadow:0 4px 12px #cc6b3c40}.circle-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 10px #00000014}.circle-badge.green{background:var(--green-badge);color:#fff}.circle-badge.blue{background:var(--blue-badge);color:#fff}.circle-badge.orange{background:var(--orange-badge);color:#fff}.circle-badge.purple{background:var(--purple-badge);color:#fff}.circle-badge.gold{color:#d48817;background:#fff2cc;border:1px solid #f3d683}.lvl-bars{align-items:flex-end;gap:3px;height:16px;margin-right:10px;display:inline-flex}.lvl-bars span{background:#dcd4c4;border-radius:1.5px;width:4px}.lvl-bars span.on{background:var(--green-brand)}.lvl-bars span:first-child{height:5px}.lvl-bars span:nth-child(2){height:8px}.lvl-bars span:nth-child(3){height:11px}.lvl-bars span:nth-child(4){height:14px}.lvl-bars span:nth-child(5){height:17px}}@font-face{font-family:Literata;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-opsz-normal-BHZsWIlc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-opsz-normal-STiTPs0F.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-opsz-italic-CJ93D38p.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-opsz-italic-4y8iAqqs.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--paper:#fbf8f1;--paper-mid:#f6efe2;--paper-bot:#efe5d4;--paper-bg:linear-gradient(165deg, #fbf8f1 0%, #f6efe2 52%, #efe5d4 100%);--card:#fff;--card-border:#d2c3a88c;--card-shadow:0 8px 24px -4px #80684417, 0 2px 6px -1px #8068440d;--card-shadow-sm:0 4px 14px -2px #80684412, 0 1px 3px #8068440a;--ink:#1f1e1b;--ink-soft:#3a3630;--muted:#756e63;--faint:#9e9587;--line:#e9e1d2;--line-strong:#d5cbb8;--accent:#2e684e;--on-accent:#fff;--accent-soft:#e5efe9;--forest:#233830;--forest-btn:linear-gradient(180deg, #294138 0%, #1d3028 100%);--sage-card:linear-gradient(135deg, #e8f1ec 0%, #dceae2 100%);--mark:#ffe268;--mark-soft:#fff3b8;--pink:#fad2d8;--sage:#c8e2d4;--sand:#ede4d1;--beige:#efe8d8;--review:#565294;--review-soft:#f0effa;--danger:#c84b31;--danger-soft:#fdece8;--chunk:#e57a44;--sent:#ede4d1;--now-bg:#c8e2d4;--now-ink:#1f1e1b;--mine:#c2417a;--green-badge:#56946e;--blue-badge:#4a8fe2;--orange-badge:#e57a44;--purple-badge:#565294;--tab-ink:#877f72;--shadow:0 12px 36px #3c2c142e;--font-read:"Literata", Georgia, "Times New Roman", serif;--font-cn-serif:"Noto Serif SC Variable", "Noto Serif SC", "Songti SC", "STSong", serif;--tabbar-h:68px;--bg-paper-top:var(--paper);--bg-paper-mid:var(--paper-mid);--bg-paper-bot:var(--paper-bot);--bg-paper-gradient:var(--paper-bg);--card-bg:var(--card);--ink-primary:var(--ink);--ink-muted:var(--muted);--forest-dark:var(--forest);--forest-gradient:var(--forest-btn);--green-brand:var(--accent);--green-tint:var(--accent-soft);--marker-yellow:var(--mark);--marker-pink:var(--pink);--marker-sage:var(--sage);--marker-sand:var(--sand);--font-en-serif:var(--font-read)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#1e1d1a;--paper-mid:#171614;--paper-bot:#121110;--paper-bg:linear-gradient(165deg, #1e1d1a 0%, #171614 60%, #121110 100%);--card:#262420;--card-border:#3a3731;--card-shadow:0 8px 24px -4px #00000059;--card-shadow-sm:0 4px 12px #0000004d;--ink:#eae4d8;--ink-soft:#d2cbbe;--muted:#9a9284;--faint:#7d766a;--line:#34312b;--line-strong:#4a463e;--accent:#7fb89a;--on-accent:#121110;--accent-soft:#29332e;--forest:#355446;--forest-btn:linear-gradient(180deg, #3c6151 0%, #2d4b3e 100%);--sage-card:linear-gradient(135deg, #24302a 0%, #1f2a24 100%);--mark:#5c4e26;--mark-soft:#3d3520;--pink:#5e363e;--sage:#355446;--sand:#2c2a26;--beige:#2e2b25;--review:#a9a4e6;--review-soft:#2a2838;--danger:#e28b76;--danger-soft:#3a2420;--chunk:#e89a6b;--sent:#2c2a26;--now-bg:#355446;--now-ink:#eae4d8;--mine:#f0a0b8;--tab-ink:#8c8578;--shadow:0 12px 36px #00000080}}:root[data-theme=dark]{--paper:#1e1d1a;--paper-mid:#171614;--paper-bot:#121110;--paper-bg:linear-gradient(165deg, #1e1d1a 0%, #171614 60%, #121110 100%);--card:#262420;--card-border:#3a3731;--card-shadow:0 8px 24px -4px #00000059;--card-shadow-sm:0 4px 12px #0000004d;--ink:#eae4d8;--ink-soft:#d2cbbe;--muted:#9a9284;--faint:#7d766a;--line:#34312b;--line-strong:#4a463e;--accent:#7fb89a;--on-accent:#121110;--accent-soft:#29332e;--forest:#355446;--forest-btn:linear-gradient(180deg, #3c6151 0%, #2d4b3e 100%);--sage-card:linear-gradient(135deg, #24302a 0%, #1f2a24 100%);--mark:#5c4e26;--mark-soft:#3d3520;--pink:#5e363e;--sage:#355446;--sand:#2c2a26;--beige:#2e2b25;--review:#a9a4e6;--review-soft:#2a2838;--danger:#e28b76;--danger-soft:#3a2420;--chunk:#e89a6b;--sent:#2c2a26;--now-bg:#355446;--now-ink:#eae4d8;--mine:#f0a0b8;--tab-ink:#8c8578;--shadow:0 12px 36px #00000080}html{background:var(--paper-bot)}body{background:revert-layer;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--accent)}#app{z-index:2;position:relative}.page-title,.brand,.cn-title{font-family:var(--font-cn-serif);letter-spacing:-.01em;color:var(--ink);font-size:28px;font-weight:900;line-height:1.28}.brand{font-size:30px}.lesson-title,.reader-title,.note-text,.expr-phrase,.sheet-word,.part-word,.chunk-title,.vt-word{font-family:var(--font-read);letter-spacing:-.015em;font-weight:800}.section-title,.panel-title{color:var(--ink);font-weight:800}.section-title{margin-top:4px;font-size:17px}.marker-hl{margin-inline:5px}.marker-hl-pink{margin-inline:3px}.marker-hl-sage{margin-inline:2px}.article .marker-hl,.article .marker-hl-pink,.article .marker-hl-sage,.legend .marker-hl,.legend .marker-hl-pink{margin-inline:0}:root[data-theme=dark] .marker-hl:before{box-shadow:none}.panel,.expr-card,.note,.prompt,.writing,.lesson-card,.card-q,.vt-card,.intro-card,.empty,.stats div,.pg-totals div,.card{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:20px}.panel{padding:16px 18px}.card{gap:8px;min-width:0;padding:16px 18px;display:grid}.card.sage{background:var(--sage-card);border:1.5px solid #5b8c75}.card.gold{background:#fffdf8;border:2px solid #e5c168;box-shadow:0 8px 24px #e5c1682e}a.card,a.lesson-card{color:var(--ink);transition:transform .18s,box-shadow .18s}a.card:hover,a.lesson-card:hover{border-color:var(--card-border);text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 28px -4px #80684426}.empty{border-style:dashed;border-color:var(--line-strong);box-shadow:none}.dot-badge{color:#fff;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:inline-grid;box-shadow:0 4px 10px #00000014}.dot-badge svg{width:20px;height:20px}.dot-badge.green{background:var(--green-badge)}.dot-badge.blue{background:var(--blue-badge)}.dot-badge.orange{background:var(--orange-badge)}.dot-badge.purple{background:var(--purple-badge)}.dot-badge.sm{width:26px;height:26px}.dot-badge.sm svg{width:14px;height:14px}.btn{border:1px solid var(--line-strong);background:var(--card);color:var(--ink);min-height:40px;box-shadow:var(--card-shadow-sm);border-radius:999px;padding:8px 18px;font-weight:700}.btn.forest-pill-btn{height:auto}.btn:hover{border-color:var(--ink)}.btn.primary{background:var(--forest) var(--forest-btn);color:#fff;border:1px solid #16251f;box-shadow:0 10px 22px -4px #1d302859,inset 0 1px #ffffff24}.btn.primary:hover{background:#2b463b linear-gradient(#314d42 0%,#22382f 100%);border-color:#16251f}.btn.outline{border:1.5px solid var(--ink)}.btn.wide{min-height:54px;font-size:16.5px}.btn.ghost{background:var(--card)}.btn.saved{background:var(--accent-soft);color:var(--accent);box-shadow:none;border-color:#0000}.btn.danger{background:var(--danger-soft);color:var(--danger);box-shadow:none;border-color:#0000}.btn:disabled{box-shadow:none}.icon-btn{border-radius:999px}.icon-btn:hover{background:var(--beige)}.link{color:var(--accent);font-weight:600}.chip{border-radius:999px;padding:4px 9px;font-weight:700}.chip-done,.chip-activate{background:var(--accent-soft);color:var(--accent)}.chip-next,.chip-new{background:var(--mark);color:#4a3800}.chip-review{background:var(--accent-soft);color:var(--accent)}.chip-muted{background:var(--beige);color:var(--muted);border-color:#0000}.tag{border-radius:999px}.filter{background:var(--card);border-color:var(--card-border);box-shadow:var(--card-shadow-sm);color:var(--ink-soft);border-radius:999px;padding:7px 14px;font-weight:600}.filter.on{background:var(--forest);color:#fff;border-color:var(--forest);box-shadow:0 4px 12px #23383040}.banner{background:var(--sage-card);color:var(--ink);border:1.5px solid #5b8c75;border-radius:16px}.banner-go{color:var(--accent);font-weight:700}.tabbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbf8f1;border-top:1px solid #c3b49873}.tab{color:var(--tab-ink);font-size:11px;font-weight:500}.tab.active{color:var(--ink);font-weight:800}.tab:hover{color:var(--ink)}.badge{background:var(--danger);border-radius:99px;font-weight:800;top:-7px;left:auto;right:-14px}:root[data-theme=dark] .tabbar{border-top-color:var(--line);background:#1e1d1a}.w-new{box-shadow:none;background:0 0;border-radius:0;padding:0 3px}.w-activate{box-shadow:none;border-bottom:2.5px solid var(--accent);border-radius:0;padding-bottom:1px}.w-review{box-shadow:none;border-bottom:2.5px dotted var(--accent);border-radius:0;padding-bottom:1px}.w:hover,.w:focus-visible{background-color:var(--sand)}.ck{border-bottom:2px dashed var(--chunk);padding-bottom:1px;text-decoration:none}[data-mine],.mine-sample{background:0 0;text-decoration:none}.w-new[data-mine]{background:0 0}[data-mine]:not(.marker-hl){z-index:1;padding:0 3px;text-decoration:none;display:inline-block;position:relative}[data-mine]:not(.marker-hl):before{content:"";z-index:-1;background:var(--marker-pink);border-radius:8px 4px 10px 5px;height:72%;position:absolute;bottom:2px;left:-3px;right:-3px;transform:rotate(.6deg)}.w[data-mine]{box-shadow:none}.marker-hl[data-mine]:before{background:var(--marker-pink);box-shadow:none;transform:rotate(.6deg)}.article .marker-hl:before,.article [data-mine]:not(.marker-hl):before{height:58%;bottom:0;left:0;right:0}.article .marker-hl,.article [data-mine]:not(.marker-hl){display:inline}.now:before,.now [data-mine]:before{visibility:hidden}.sent.cur-s{background:var(--sent);border-radius:4px}.now{background:var(--now-bg);color:var(--now-ink);box-shadow:0 0 0 2px var(--now-bg);border-radius:5px}.article ::selection{background:var(--sage);color:var(--ink)}.ripple:after{border-color:var(--accent)}.sheet-backdrop{background:#201c1652}.sheet{background:var(--paper) linear-gradient(180deg, var(--paper) 0%, var(--paper-mid) 100%);padding:10px 20px calc(env(safe-area-inset-bottom,0px) + 22px);border-radius:28px 28px 0 0;gap:12px;box-shadow:0 -12px 36px #0000002e}.sheet-grip{background:var(--line-strong);border-radius:99px;width:38px;height:4.5px}.sheet .btn{min-height:46px}@media (width>=720px){.sheet{border-radius:28px}}@media (width<=719px){.sheet-backdrop:after{content:"";background:var(--paper-mid);height:200px;position:absolute;top:100%;left:0;right:0}}.toast{background:var(--forest);color:#fff;font-weight:600}.home{gap:14px}.home-head{gap:2px;padding-top:4px;display:grid}.home-date{color:var(--muted);font-size:12.5px}.home-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-title-row .page-title{font-size:30px}.streak{color:#5c4308;box-shadow:var(--card-shadow-sm);background:#fff6e0;border:1px solid #e8d096;border-radius:99px;flex:none;align-items:center;gap:4px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.streak b{font-size:16px}.hero{gap:8px;padding:18px 18px 16px;display:grid}.hero-tag{border-radius:8px;justify-self:start;padding:4px 10px;font-size:12px;font-weight:800}.hero .lesson-title{font-size:25px;line-height:1.2}.hero .lesson-summary{color:var(--ink-soft);font-size:13.5px;line-height:1.55}.hero .meta{font-size:12px}.hero-foot{border-top:1px solid #f1eae0;align-items:center;gap:10px;margin-top:2px;padding-top:10px;display:flex}.hero-bar{background:#eae2d3;border-radius:99px;flex:1;height:5px;display:block;overflow:hidden}.hero-bar i{background:var(--accent);border-radius:99px;height:100%;display:block}.hero-go{color:var(--accent);white-space:nowrap;font-size:13.5px;font-weight:800}.review-cta{align-items:center;gap:12px;padding:14px 16px;display:flex}.review-cta-text{flex:1;min-width:0}.review-cta-title{font-size:16px;font-weight:800}.review-cta .btn{flex:none;min-height:38px;padding:0 18px;font-size:13.5px}.test-cta{gap:12px}.test-cta .btn{justify-self:start}.list-head{justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px;display:flex}.list-head .section-title{margin:0}.lessons{gap:9px}.row-card{justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.row-card-main{gap:4px;min-width:0;display:grid}.row-card .eyebrow{letter-spacing:0;gap:6px;font-size:12px}.row-card .lesson-title{font-size:16.5px;line-height:1.25}.row-card>.chip{flex:none}.lesson-id{border:1px solid var(--line-strong);font-family:var(--font-read);color:var(--ink-soft);border-radius:5px;padding:1px 6px;font-weight:600}.next-lesson{gap:10px}.next-title{font-family:var(--font-cn-serif);align-items:center;gap:10px;font-size:19px;font-weight:900;display:flex}.spinner{border:2.5px solid #dfd6c5;border-top-color:var(--accent);width:18px;height:18px}.make-steps{border-bottom:1px solid #efe8da;gap:10px;margin:0;padding:0 0 10px;list-style:none;display:grid}.make-steps li{color:var(--muted);align-items:center;gap:10px;font-size:14.5px;display:flex}.make-dot{border:1.5px dashed #c5bba8;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:inline-grid}.make-steps li.done .make-dot{background:var(--accent);border:0}.make-steps li.done .make-dot:after{content:"";border-top:0;border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:0;width:8px;height:4px;transform:translateY(-1px)rotate(-45deg)}.make-steps li.at{color:var(--ink);font-weight:700}.make-steps li.at .make-dot{border:2px solid var(--accent)}.make-steps li.at .make-dot:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.page{padding-inline:24px;padding-top:max(36px, calc(env(safe-area-inset-top,0px) + 16px))}.page-reader{padding-top:0}.page{position:relative}.doodles{z-index:-1;pointer-events:none;position:absolute;inset:0}.doodle{display:block;position:absolute}.doodles-wide{display:none}@media (width>=1024px){.doodles-narrow{display:none}.doodles-wide{display:block}}:root[data-theme=dark] .doodles{display:none}.reader .doodles{z-index:11}.doodle-inline{vertical-align:-.16em;flex:none;display:inline-block}.reader-bar{background:color-mix(in srgb, var(--paper) 92%, transparent);padding:max(26px, calc(env(safe-area-inset-top,0px) + 6px)) 24px 8px;border-bottom:0;justify-content:space-between;min-height:48px;margin-inline:-24px}.back-link{color:var(--muted);align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.back-link:hover{color:var(--ink);text-decoration:none}.back-link>span:first-child{margin-top:-2px;font-size:20px;line-height:1}.back-home{color:var(--ink);margin-right:8px;font-weight:700;display:none}.bar-review{color:var(--ink);align-items:center;gap:6px;font-size:14px;font-weight:700;display:none}.bar-right{align-items:center;gap:14px;display:inline-flex}.look-menu{display:inline-flex;position:relative}.reader-bar:has(.look-pop){z-index:45}.look-btn{width:38px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:inline-grid}.look-btn:hover,.look-btn[aria-expanded=true]{background:var(--beige)}.look-pop{z-index:30;background:var(--card);border:1px solid var(--card-border);border-radius:18px;gap:8px;width:260px;padding:14px 14px 16px;animation:.12s ease-out fade;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 40px #503c1e38}.look-pop-label{color:var(--muted);margin:2px 0 0;font-size:12px}.look-pop .seg.looks{justify-self:stretch;display:grid}.look-pop .seg-btn{color:var(--ink-soft);padding:7px 6px;font-size:14px}.look-pop .seg-btn.on{color:#fff}.look-sizes .seg-btn{min-height:40px;font-family:var(--font-read);place-items:center;font-weight:700;display:grid}.badge-inline{background:var(--danger);color:#fff;text-align:center;border-radius:99px;min-width:20px;padding:1px 7px;font-size:11.5px;font-weight:700;line-height:1.5;display:inline-block}.reader-head{gap:8px;padding-block:14px}.reader-title{letter-spacing:-.015em;font-size:27px;line-height:1.15}.reader-head .lesson-summary{color:var(--muted);font-size:13.5px;line-height:1.55}.tier-line{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.legend{color:var(--ink-soft);gap:6px 14px;font-size:12.5px}.legend .w,.legend .ck,.legend .mine-sample{font-family:var(--font-ui);font-size:12.5px}.legend .w-new,.legend .mine-sample{padding:0 5px}.article{background:var(--card);border:1px solid var(--card-border);font-size:calc(17.5px * var(--read-scale));border-radius:22px;margin:4px -12px 0;padding:20px 16px 2px;line-height:1.74;box-shadow:0 8px 24px #80684414}.article p{margin:0 0 18px}:root{--read-scale:1}:root[data-size=s]{--read-scale:.9}:root[data-size=l]{--read-scale:1.14}:root[data-font=sans] .article,.look-sample.font-sans{font-family:var(--font-ui)}.reader .section{border-top:0;margin-top:18px;padding-top:4px}.reader .section-title{font-family:var(--font-cn-serif);color:var(--ink);font-size:22px;font-weight:900}.word-group-title{font-weight:700}.word-chip{border-color:var(--card-border);box-shadow:var(--card-shadow-sm);border-radius:14px;padding:7px 12px}.wc-new{box-shadow:inset 0 -3px 0 var(--mark), var(--card-shadow-sm)}.wc-activate{box-shadow:inset 0 -3px 0 var(--accent), var(--card-shadow-sm)}.wc-review{box-shadow:inset 0 -3px 0 #8fb7a3, var(--card-shadow-sm)}.expr-swap{background:var(--beige);border-radius:12px}.prompt-q{font-weight:600}.answer{background:var(--card);border:1.5px solid var(--line-strong);border-radius:14px}.answer:focus{border-color:var(--ink)}.model{background:var(--accent-soft);border-left:0;border-radius:14px}.used{font-size:12.5px}.finish{border-top:0;margin-top:8px;padding-top:20px}.finish-done{color:var(--accent);font-weight:700}.fix{background:var(--card);box-shadow:var(--card-shadow-sm);border:1px solid #e2c8b5;border-radius:16px;padding:12px 14px}.fix .label{color:var(--accent);letter-spacing:0;gap:8px;font-size:13px;font-weight:800}.d-del{color:var(--danger)}.d-ins{color:var(--ink);background:var(--sage);box-shadow:none;border-radius:4px;padding:0 3px;font-weight:700}.fix-points li{border-top:1px solid #f1eae0;padding-top:8px}.pzh{font-family:var(--font-ui);margin:-.6em 0 1.1em}.pzh-text{color:var(--ink-soft);background:#f4efe4;border-radius:14px;margin:4px 0 6px;padding:12px 14px;font-size:15px;line-height:1.7}.pzh .link{font-family:var(--font-ui);font-size:13px}.reader.has-player{padding-bottom:130px}.player{--dock:#fbf8f1fa;z-index:35;width:100%;padding:12px 20px calc(14px + env(safe-area-inset-bottom,12px));background:var(--dock);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;border-top:1px solid #c3b49873;border-radius:24px 24px 0 0;margin:0;position:fixed;bottom:0;left:0;right:0}.player:after{content:"";background:var(--paper);pointer-events:none;height:160px;position:absolute;top:100%;left:0;right:0}@media (width<=1023px){:root[data-theme=dark] .player{--dock:#1e1d1afa;border-top-color:var(--line)}}.player>*{max-width:560px;margin-inline:auto}.player-card{box-shadow:none;background:0 0;border:0;border-radius:0;gap:6px;padding:0;display:grid}.player-seek{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.player-ctrl{grid-template-columns:1fr auto 1fr;align-items:center;padding:2px 4px;display:grid}.player-ctrl>.loop-btn{justify-self:start}.player-ctrl>.rate-menu{justify-self:end}.player-mid{align-items:center;gap:26px;display:flex}.play-btn{color:#fff;background:#233830;width:52px;height:52px;margin:0;box-shadow:0 6px 16px #2338304d}.nav-btn,.loop-btn{width:34px;height:34px;color:var(--ink);border-radius:50%}.nav-btn:hover,.loop-btn:hover{background:var(--beige)}.loop-btn.on{background:var(--accent-soft);color:var(--accent)}.player-ctrl>.loop-btn{background:0 0;border:0;width:44px;height:44px}.player-ctrl>.loop-btn.on{background:var(--accent-soft)}.time{min-width:2.8em;font-size:11.5px}.seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p,0%), #e5dec9 var(--p,0%))}.seek::-webkit-slider-thumb{background:var(--accent);border-color:var(--card)}.rate-btn{background:var(--card);border:1.5px solid #d5cbb8;border-radius:99px;min-width:0;margin-left:0;padding:5px 12px;font-weight:800}.rate-pop{border-color:var(--card-border);border-radius:14px}.rate-opt.on{background:var(--forest);color:#fff}.to-current{bottom:calc(env(safe-area-inset-bottom,0px) + 136px);background:var(--forest);color:#fff}.selchip{background:var(--forest);color:#fff}@media (width>=1024px){.page-reader{max-width:1140px}.reader-bar{border-bottom:1px solid #e8dfcc;padding-block:12px}.back-home,.bar-review{display:inline-flex}.reader>:not(.reader-bar):not(.player):not(.sheet-backdrop):not(.selchip):not(.doodles):not(.to-current){box-sizing:border-box;width:100%;max-width:800px;margin-inline:auto}.reader-head{padding-top:24px}.article{font-size:calc(19.5px * var(--read-scale));margin-inline:0;padding:28px 30px 10px}.sheet-backdrop:not(.modal){pointer-events:none;background:0 0;justify-content:flex-end;align-items:flex-start;padding:96px 24px 24px 0;animation:none}.sheet-backdrop:not(.modal) .sheet{pointer-events:auto;background:var(--card);border:1px solid var(--card-border);border-radius:22px;width:min(400px,36vw);max-height:calc(100vh - 140px);padding:20px 22px;box-shadow:0 18px 48px #503c1e2e}.sheet-backdrop:not(.modal) .sheet-grip{display:none}.sheet-backdrop:not(.modal) .sheet.pop{--pop-from:-6px;gap:10px;width:min(400px,100vw - 32px);margin:0;padding:18px 20px;animation:.14s ease-out pop-in;position:fixed;box-shadow:0 14px 40px #503c1e38,0 2px 6px #503c1e14}.sheet.pop.pop-above{--pop-from:6px}@keyframes pop-in{0%{opacity:0;transform:translateY(var(--pop-from))}to{opacity:1;transform:none}}.sheet.pop .sheet-word,.sheet.pop .ws-top .sheet-word{font-size:28px}.sheet.pop .ws-top{margin-bottom:6px;padding:8px 12px 12px}.reader.has-player{padding-bottom:150px}.player{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border-top:0;border-radius:0;padding:0 24px 24px}.player:after{display:none}.player>*{max-width:560px}.player-card{pointer-events:auto;background:var(--card);border:1px solid var(--card-border);border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 10px;display:flex;box-shadow:0 12px 32px #8068442e}.player-seek,.player-ctrl,.player-mid{display:contents}.player-ctrl .loop-btn{order:1}.player-ctrl .prev{order:2}.play-btn{order:3;width:40px;height:40px}.player-ctrl .next{order:4}.player-seek .time:first-child{order:5}.player-seek .seek{flex:1;order:6}.player-seek .time-total{order:7}.rate-menu{order:8}}.sheet-head{align-items:flex-start}.sheet>.sheet-head{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow-sm);border-radius:20px;padding:16px 16px 14px}.sheet-word{font-size:34px;line-height:1.1}.sheet .cn-title{font-family:var(--font-cn-serif);letter-spacing:-.01em;font-size:23px;font-weight:900}.sheet-sub{flex-wrap:wrap;gap:6px;margin-top:8px}.pos{font-family:var(--font-read)}.sheet [aria-label=朗读这个词],.sheet [aria-label=朗读这个短语]{background:var(--beige);width:auto;min-width:46px;height:34px;color:var(--ink);border-radius:999px;padding:0 12px}.sheet .sheet-body{gap:10px}.sheet .sheet-body>div{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow-sm);border-radius:16px;padding:12px 14px}.sheet-body dt{color:var(--muted);letter-spacing:.02em;font-size:12px}.sheet-zh{font-weight:700}.sheet-colloc{color:var(--ink);font-style:italic;font-weight:500}.sheet-sentence strong{border-bottom:2.5px dotted var(--accent);background:0 0;border-radius:0;padding:0}.sheet .link{font-size:13px}.lookup-actions,.lookup-saved{border-top:0;padding-top:2px}.lookup-actions .row,.lookup-saved .row{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;display:grid}.sheet .btn{width:100%}.sheet .btn:not(.primary){border:1.5px solid var(--ink)}.sheet-hint{border-top:0}.explain-item{background:var(--card);border-left:0;border:1px solid var(--card-border);box-shadow:var(--card-shadow-sm);border-radius:16px;padding:12px 14px}.explain-phrase{font-size:18px;font-style:italic;font-weight:700}.trail{padding-left:0;list-style:none}.word-sheet{gap:0}.word-sheet .sheet-grip{margin-bottom:12px}.ws-top{text-align:center;justify-items:center;margin-bottom:14px;padding:18px 16px;display:grid}.ws-top .sheet-word{margin:0 0 8px;font-size:34px}.ws-close{color:var(--muted);position:absolute;top:6px;right:8px}.word-sheet .ws-say{min-width:52px;height:32px;font:inherit;cursor:pointer;border:0;align-items:center;gap:6px;margin-bottom:10px;padding:0 14px;font-size:14px;display:inline-flex}.ws-say svg{width:18px;height:18px}.ws-say .ipa,p.ws-say{font-family:var(--font-ui);color:var(--ink-soft);letter-spacing:.01em}p.ws-say{background:var(--beige);border-radius:999px;align-items:center;display:inline-flex}.ws-zh{margin:0 0 8px;font-size:17px;font-weight:800}.ws-zh .pos{color:var(--muted);margin-right:6px;font-weight:400}.ws-role{color:var(--muted);margin:0;font-size:12.5px}.ws-role-tag{color:var(--accent);margin-right:6px;font-weight:700}.ws-role-tag.marker-hl{color:var(--ink)}.ws-block{margin-bottom:10px;padding:12px 16px}.ws-label{color:var(--muted);margin:0 0 3px;font-size:11.5px}.ws-block .sheet-colloc{font-family:var(--font-read);margin:0;font-size:17px}.ws-block .sheet-sentence{font-family:var(--font-read);margin:0 0 6px;font-size:14.5px;line-height:1.5}.ws-block .sheet-sentence strong{font-weight:800}.ws-listen{cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:700}.ws-earlier{color:var(--muted);padding:4px 6px 14px;font-size:12.5px}.ws-earlier summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}.ws-earlier summary::-webkit-details-marker{display:none}.ws-earlier summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transition:transform .15s;transform:rotate(45deg)translateY(-2px)}.ws-earlier[open] summary:after{transform:rotate(-135deg)translateY(-1px)}.ws-earlier .trail{gap:6px;max-height:30vh;margin:8px 0 0;display:grid;overflow-y:auto}.ws-earlier .trail em{font-family:var(--font-read);color:var(--ink-soft);font-size:14px}.word-sheet .lookup-actions .row{display:block}.word-sheet .outline-pill-btn{width:100%;min-height:50px}@media (width>=1024px){.sheet-backdrop:not(.modal) .sheet>.sheet-head{box-shadow:none;background:0 0;border:0;padding:0}.sheet-backdrop:not(.modal) .sheet .sheet-body>div{box-shadow:none;background:0 0;border:0;border-top:1px solid #efe8da;border-radius:0;padding:12px 0 0}.sheet-backdrop:not(.modal) .word-sheet .paper-card{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:12px 0 0}.sheet-backdrop:not(.modal) .word-sheet .ws-block{border-top:1px solid #efe8da;margin-top:12px}}.due-card{gap:10px;padding:18px 18px 16px}.due-line{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.due-big{font-family:var(--font-read);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:52px;font-weight:800;line-height:1}.due-line .marker-hl{font-size:16px;font-weight:800}.card-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.week-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;padding-top:10px;display:grid}.wb{align-content:end;justify-items:center;gap:5px;display:grid}.wb b{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.wb i{background:#b8ccc1;border-radius:6px 6px 2px 2px;width:100%;max-width:40px;display:block}.wb i.zero{background:#e2dacb;border-radius:2px}.wb span{color:var(--muted);white-space:nowrap;font-size:11.5px}.wb.today b{color:var(--ink);font-weight:800}.wb.today i{background:var(--forest)}.wb.today span{color:var(--ink);font-weight:800}.practice-list{gap:8px;display:grid}.practice-list .row-card{min-height:0;padding:10px 16px}.practice-name{flex:1;align-items:baseline;gap:10px;min-width:0;display:flex}.practice-list .lesson-title{font-size:15.5px;line-height:1.3}.lesson-no{color:var(--muted);flex:none;font-size:12.5px;font-weight:700}.review-home>.panel:last-child{padding:12px 18px}.review-home>.btn{justify-self:start}.word-table th,.word-table td{border-bottom-color:var(--line)}.page-session{max-width:600px}.session-bar{font-size:14px}.session-count{color:var(--ink);font-weight:800}.bar{background:#e5dec9;border-radius:99px;height:5px}.bar i{background:var(--accent);border-radius:99px;min-width:8px}.card-q{border-radius:20px;padding:20px 18px}.q-meta .muted{text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;font-weight:700}.q-sentence{font-size:22px;line-height:1.75}.blank{color:var(--ink);background:var(--beige);border-bottom:2px solid var(--ink);border-radius:6px 6px 0 0;padding:0 8px;font-weight:800}.blank:focus{background:var(--beige);border-bottom-color:var(--accent)}.blank.blank-correct{color:var(--accent);border-color:var(--accent);background:var(--sage)}.blank.blank-wrong{color:var(--danger);border-color:var(--danger);background:#f6ccc6}.q-hint{font-size:15px}.q-actions{justify-content:stretch}.q-actions .btn{flex:1;min-height:48px}.q-actions .btn.ghost{border:1.5px solid var(--ink)}.q-actions .btn.primary{flex:1.3}.fb{border-top:1px solid #f1eae0}.fb .btn{border-radius:999px;min-height:52px}.fb-ok{color:var(--accent)}.fb-bad{color:var(--danger)}.spell-box{background:var(--card);border:1px solid #e5b8ad;border-radius:16px;justify-self:stretch;padding:12px 14px;box-shadow:0 6px 18px #c84b3114}.spell{font-size:26px}.sp-extra{color:#9e2a1c;background:#f6ccc6;border-radius:4px;padding:0 2px;text-decoration:none}.sp-miss{color:#1e4632;background:var(--sage);box-shadow:none;border-radius:4px;padding:0 2px;font-weight:800}.sp-swap{box-shadow:none;background:var(--review-soft);border-radius:4px}.retype{justify-items:stretch;gap:8px;width:100%;display:grid}.retype .small{font-weight:700}.retype .blank{background:var(--card);border:2px solid var(--ink);text-align:left;font-family:var(--font-read);border-radius:14px;width:100%;padding:10px 14px;font-size:19px}.retype .blank.blank-correct{border-color:var(--accent)}.session .session-bar{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.session-bar .bar{margin:0}.session-answered{min-height:calc(100dvh - env(safe-area-inset-top,0px) - 36px - env(safe-area-inset-bottom,0px) - 32px);flex-direction:column;display:flex}.card-q.answered{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;gap:14px;padding:18px 0 0;display:flex}.card-q.answered .q-meta{margin:0}.card-q.answered .q-sentence{margin:0;font-size:22px;line-height:1.6}.q-answer{border-bottom:2.5px solid var(--accent);padding-bottom:1px;font-weight:800}.fb-flat{border-top:0;flex-direction:column;flex:1;gap:14px;padding-top:4px;display:flex}.fb-flat .spell-box{border-radius:20px;gap:10px;padding:16px 18px;display:grid}.spell-title{color:var(--danger);margin:0;font-size:13.5px;font-weight:800}.spell-rows{grid-template-columns:auto 1fr;align-items:baseline;gap:6px 18px;display:grid}.spell-label{color:var(--muted);font-size:13px}.spell-rows .spell{font-family:var(--font-read);font-size:24px;line-height:1.3}.spell-right{font-weight:800}.spell-rows .sp-extra,.spell-rows .sp-miss{padding:0 3px}.spell-plan{color:var(--muted);margin:0;font-size:12.5px}.fb-flat .retype{gap:10px}.fb-flat .retype .small{font-size:13.5px}.fb-flat .retype .blank{border-width:2px;border-radius:14px;height:52px;font-size:20px}.fb-flat .fb-go{background:#233830 var(--forest-btn);width:100%;min-height:54px;margin-top:auto}.done-head{gap:6px;display:grid}.done-head .page-title{font-size:30px}.split-bar{border-radius:99px;gap:3px;height:10px;display:flex;overflow:hidden}.split-bar i{min-width:6px;display:block}.split-bar .ok{background:var(--accent)}.split-bar .form{background:#d9a738}.split-bar .bad{background:var(--danger)}.split-legend{grid-template-columns:repeat(3,1fr);gap:8px;padding-top:6px;display:grid}.split-legend div{gap:4px;display:grid}.split-legend span{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.split-legend b{font-family:var(--font-read);font-size:24px;font-weight:800}.dot{flex:none;width:10px;height:10px}.dot-correct{background:var(--accent)}.dot-form,.dot-hint{background:#d9a738}.dot-wrong{background:var(--danger)}.result-list li{border-bottom-color:#f1eae0;grid-template-columns:12px 1fr auto;padding:10px 0}.result-list li:last-child{border-bottom:0}.result-list .en{font-family:var(--font-read);font-size:17px;font-weight:800}.done-actions{grid-template-columns:1fr 1.4fr;gap:10px;display:grid}.done-actions .btn{min-height:54px}.next-read{justify-items:center;gap:0;line-height:1.2;display:grid}.next-read small{font-family:var(--font-read);opacity:.85;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:400;overflow:hidden}.progress-page .label{color:var(--muted);letter-spacing:0;font-size:13px}.pg-big{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:6px;font-size:15px;display:flex}.pg-num-hl{font-family:var(--font-read);color:var(--ink);letter-spacing:-.02em;font-size:46px;font-weight:800;line-height:1.1}.pg-big.pg-none{font-family:var(--font-cn-serif);color:var(--muted);font-size:30px;font-weight:900}.pg-cta{background:var(--accent-soft);color:var(--ink);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.pg-cta b{color:var(--accent);white-space:nowrap}.pg-cta:hover{text-decoration:none}.week-dots{grid-template-columns:repeat(7,1fr);gap:4px;margin:4px 0 0;padding:0;list-style:none;display:grid}.week-dots li{justify-items:center;gap:6px;display:grid}.week-dots small{color:var(--muted);font-size:11.5px}.wd{border:1.5px dashed #c5bba8;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.week-dots li.on .wd{background:var(--accent);border:0}.week-dots li.on .wd:after{content:"";border-top:0;border-bottom:2.2px solid #fff;border-left:2.2px solid #fff;border-right:0;width:10px;height:5px;transform:translateY(-1px)rotate(-45deg)}.week-dots li.today .wd{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}.week-dots li.today small{color:var(--ink);font-weight:800}.week-dots li.future .wd{opacity:.6}.pg-total{font-family:var(--font-read);font-size:26px;font-weight:800}.pg-bar{border-radius:99px;gap:3px;height:9px;display:flex;overflow:hidden}.pg-bar i{min-width:6px;display:block}.pg-new{background:#e2dacb}.pg-learning{background:#b8ccc1}.pg-familiar{background:#649980}.pg-mastered{background:var(--accent)}.pg-keys{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.pg-keys li{gap:2px;display:grid}.pg-keys span{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.pg-keys span i{border-radius:3px;width:10px;height:10px;display:inline-block}.pg-keys b{font-family:var(--font-read);font-size:22px;font-weight:800}.pg-sums{border-top:1px solid #f1eae0;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 0;padding-top:12px;display:grid}.pg-sums dt{color:var(--muted);font-size:12px}.pg-sums dd{font-family:var(--font-read);margin:0;font-size:20px;font-weight:800}.pg-sums small{font-family:var(--font-ui);color:var(--muted);font-size:12px;font-weight:400}.seg{background:0 0;border:0;border-bottom:1px solid #dfd5c3;border-radius:0;grid-auto-columns:1fr;grid-auto-flow:column;justify-self:stretch;gap:0;padding:0;display:grid}.seg-btn{color:var(--faint);background:0 0;border-bottom:2.5px solid #0000;border-radius:0;margin-bottom:-1px;padding:10px 6px 9px;font-size:15.5px;font-weight:600}.seg-btn.on{color:var(--ink);border-bottom-color:var(--ink);background:0 0;font-weight:800}.seg-btn .muted{color:inherit;opacity:1}.seg-btn.on .muted{opacity:1}.seg-dot{vertical-align:1px;width:8px;height:8px;margin-left:5px}.seg.voices,.seg.looks{border:1px solid var(--card-border);background:var(--card);border-radius:14px;justify-self:start;padding:3px;display:inline-grid}.seg.voices .seg-btn,.seg.looks .seg-btn{border:0;border-radius:10px;margin:0}.seg.voices .seg-btn.on,.seg.looks .seg-btn.on{background:var(--forest);color:#fff}.filters{padding-bottom:4px}.note{gap:8px;padding:16px 18px}.note-text{font-size:20px;line-height:1.3}.note-top .chip{background:var(--beige);color:var(--muted)}.expr-zh{font-weight:700}.context{background:var(--beige);border-left:0;border-radius:12px;font-size:15.5px}.rewrite-label{color:var(--accent);font-weight:700}.page-head .btn{min-height:34px;padding:4px 12px;font-size:13px}.group-label{color:var(--muted);margin:6px 2px -6px;font-size:13px;font-weight:700}.group-head{justify-content:space-between;align-items:baseline;display:flex}.group-head .group-label{margin:6px 2px 0}.settings-group,.topics-group{gap:14px;display:grid}.set-card{gap:0;padding:4px 18px}.plain-field{gap:4px;display:grid}.plain-label{color:var(--ink-soft);font-size:13px}.plain-input{width:100%;min-width:0;font:inherit;color:var(--ink);border:1px solid var(--line);background:var(--paper);box-sizing:border-box;border-radius:10px;padding:8px 12px;font-size:16px}.book-stack{gap:10px;display:grid}.book-big{margin:0;font-size:22px;font-weight:600}.book-of{font-size:15px;font-weight:400}.book-bar{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.book-fill{background:var(--accent);border-radius:4px;height:100%}.book-words{overflow-wrap:anywhere;margin:0}.book-notes{gap:2px;margin:0;padding-left:1.2em;display:grid}.book-flush{margin:0}.book-paste{resize:vertical;min-height:140px}.own-key-form{gap:10px;display:grid}.own-key-saved{overflow-wrap:anywhere}.set-row{min-height:46px;color:var(--ink);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:15px;font-weight:700;display:flex}.set-card>:last-child,.set-card>:last-child .set-row{border-bottom:0}a.set-row:hover{text-decoration:none}.set-row>span:first-child{gap:2px;display:grid}.set-row small{color:var(--muted);font-size:12px;font-weight:400}.set-val{color:var(--accent);white-space:nowrap;font-size:14px;font-weight:700}.voice-row{min-height:0;padding:0}.voice-pick{min-height:42px;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0;display:flex}.voice-pick b{font-size:15px;font-weight:800}.voice-note{color:var(--muted);font-size:13.5px;font-weight:500}.radio{border:2px solid var(--line-strong);background:var(--card);border-radius:50%;flex:none;width:18px;height:18px}.voice-pick[aria-checked=true] .radio{border-color:var(--accent);background:radial-gradient(circle, var(--card) 0 3px, var(--accent) 3.5px)}.set-row .seg.looks,.look-line .seg.looks{border-radius:12px;padding:2px}.set-row .seg.looks .seg-btn,.look-line .seg.looks .seg-btn{padding:5px 10px;font-size:13px}button.set-row{border:0;border-bottom:1px solid var(--line);width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;font-size:15px;font-weight:700}.muted-val{color:var(--muted);font-weight:500}.chev{margin-left:4px;transition:transform .15s;display:inline-block}.chev.up{transform:rotate(90deg)}.set-row-wrap.look-wrap{gap:0;padding-bottom:0}.look-wrap .look-row{border-bottom:0}.look-panel{gap:12px;padding:4px 0 16px;display:grid}.look-sample{background:var(--paper);font-family:var(--font-read);font-size:calc(17.5px * var(--read-scale));color:var(--ink);border-radius:14px;margin:0;padding:12px 14px;line-height:1.5}.look-sample.size-s{font-size:15.75px}.look-sample.size-m{font-size:17.5px}.look-sample.size-l{font-size:19.95px}.look-line{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.set-row-wrap{border-bottom:1px solid var(--line);gap:8px;padding-bottom:8px;display:grid}.set-row-wrap .set-row{border-bottom:0}.set-row .btn{min-height:34px;padding:4px 14px;font-size:13px}.switch{cursor:pointer;background:#ded6c6;border:0;border-radius:999px;flex:none;width:52px;height:32px;padding:0;transition:background .2s;position:relative}.switch i{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0003}.switch.on{background:var(--accent)}.switch.on i{transform:translate(20px)}.sync-state{grid-auto-flow:column;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex!important}.sync-state i{background:var(--faint);border-radius:50%;flex:none;width:10px;height:10px}.sync-state.ok i{background:var(--accent)}.sync-state.err i{background:var(--danger)}.topic-tags{flex-wrap:wrap;gap:8px;display:flex}.topic-tag{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow-sm);color:var(--ink-soft);border-radius:999px;align-items:center;padding:7px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.save-link-url{background:var(--beige);border:0;border-radius:12px}.top-back{justify-self:start;padding-top:4px;font-size:14.5px}.sub-head{gap:8px;display:grid}.sub-head .page-title small{font-family:var(--font-ui);color:var(--muted);margin-left:4px;font-size:15px;font-weight:500}.sub-head .page-title .marker-hl{font-family:var(--font-read);font-weight:800}.sub-head p{color:var(--ink-soft);font-size:14.5px;line-height:1.65}.book-now{gap:10px}.eyebrow-green{color:var(--accent);font-size:12.5px;font-weight:800}.book-name{font-family:var(--font-cn-serif);flex-wrap:wrap;align-items:baseline;gap:10px;font-size:24px;font-weight:900;display:flex}.book-name small{font-family:var(--font-ui);color:var(--muted);font-size:12.5px;font-weight:400}.book-list{gap:0;padding:4px 18px}.book-row{border-bottom:1px solid #f1eae0;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:8px 0;display:flex}.book-row:last-child{border-bottom:0}.book-row-name{align-items:baseline;gap:8px;display:flex}.book-row-name b{font-size:15.5px}.book-row-name small{color:var(--muted);font-size:12px}.book-row .btn{min-height:32px;box-shadow:none;padding:3px 14px;font-size:13px}.book-row-now{color:var(--accent);font-size:13px;font-weight:800}.own-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dashed-box{font:inherit;color:var(--ink);cursor:pointer;text-align:center;background:#ffffffb3;border:1.5px dashed #c5bba8;border-radius:18px;justify-items:center;gap:4px;padding:16px 10px;display:grid}.dashed-box b{font-size:15px}.dashed-box small{color:var(--muted);font-size:12px}.dashed-box:hover{border-color:var(--accent)}.link.quiet{color:var(--muted);justify-self:center;font-weight:500}.key-card{gap:10px}.key-card .status.ok:before{content:"";background:var(--accent);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.key-card select,.key-card input{border-color:var(--line-strong)!important;background:#faf6ee!important;border-radius:12px!important}.welcome{padding-top:max(36px, env(safe-area-inset-top,0px) + 24px)}.login-head{align-items:center;gap:14px;display:flex}.app-icon{border-radius:16px;flex:none;width:60px;height:60px;box-shadow:0 8px 18px #274c3e47}.login-brand{justify-items:start;gap:4px;display:grid}.login-brand .brand{font-size:26px;line-height:1.1}.beta-tag{background:var(--mark-soft);color:#5c4b12;border:1px solid #e5ce7a;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:800;display:inline-block}.login-title{font-family:var(--font-cn-serif);letter-spacing:-.01em;font-size:clamp(24px,6.6vw,30px);font-weight:900;line-height:1.32}.welcome-text{color:var(--ink-soft);font-size:14.5px;line-height:1.65}.welcome-form{gap:12px}.welcome-input{background:#faf6ee;border:1.5px solid #dfd5c3;border-radius:14px;font-size:17px}.welcome-input:focus{border-color:var(--ink)}.welcome-label{color:var(--ink);font-weight:700}.welcome-sources .topic span{margin-right:4px}.topic{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow-sm);color:var(--ink-soft);border-radius:999px;padding:8px 15px;font-size:14px;font-weight:600}.topic.on{background:var(--forest);border-color:var(--forest);color:#fff;box-shadow:0 4px 12px #23383040}:is(.topic:has(.topic-icon),.topic-tag:has(.topic-icon)){align-items:center;gap:6px;display:inline-flex}.topic-icon{color:#2c2620;flex:none}.topic.on .topic-icon{color:#fff}:root[data-theme=dark] .topic-icon{color:var(--ink-soft)}.welcome-sources .topic.on{background:#cc6b3c;border-color:#cc6b3c;box-shadow:0 4px 12px #cc6b3c40}.code-link{text-underline-offset:4px;justify-self:center;font-size:14px;text-decoration:underline}.welcome-foot{font-size:12.5px}.intro{gap:18px}.intro-words{font-family:var(--font-read);letter-spacing:-.02em;white-space:nowrap;gap:0;margin:4px 0 -4px;font-size:clamp(44px,14vw,58px);font-weight:700;line-height:1.06;display:grid;overflow:hidden}.intro-words p{margin:0}.intro-words .faded{color:#a49a8a}.intro-words i{font-weight:400}.intro-head{gap:6px;padding-top:0}.intro-head .page-title{font-size:26px}.intro-sub{color:var(--ink-soft);font-size:14px}.intro-features{grid-template-columns:1fr;gap:12px}.intro-features li.feat{border-color:var(--card-border);box-shadow:var(--card-shadow);border-radius:20px;grid-template-columns:42px 1fr;align-items:center;gap:14px;padding:14px 16px;display:grid}.intro-features li.feat p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.6}.feat-title{margin-right:4px;font-size:15px;font-weight:800}.feat-green .feat-title{color:#488a63}.feat-blue .feat-title{color:#2b6cb0}.feat-orange .feat-title{color:#c85a28}.feat-purple .feat-title{color:#433e82}.dot-letter{font-family:var(--font-read);font-size:19px;font-weight:800}.dot-badge.gold{color:#d48817;background:#fff2cc;border:1px solid #f3d683;font-size:18px}.page.no-tabs:not(.page-reader):not(.page-session){padding-bottom:calc(env(safe-area-inset-bottom,0px) + 32px)}.page.no-tabs:has(.intro){padding-bottom:calc(40px + env(safe-area-inset-bottom,20px))}.intro-next{gap:8px;margin-top:6px;position:relative}.intro-next .doodle-inline{pointer-events:none;position:absolute;top:-20px}.intro-next .intro-deco-left{left:10px}.intro-next .intro-deco-right{right:10px}.intro-next .btn{min-height:56px}.level-page,.interests-page{gap:14px}.test-pick{align-items:center;gap:14px;padding:16px;display:flex}.test-pick:hover{text-decoration:none}.test-pick-text{flex:1;gap:4px;min-width:0;display:grid}.test-pick-text b{flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;display:flex}.test-pick-text small{color:var(--muted);font-size:12.5px;line-height:1.5}.test-pick-go{color:#b59746;font-size:20px}.level-list{gap:10px;display:grid}.level-card{font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow-sm);border-radius:18px;gap:6px;padding:13px 16px;display:grid}.level-card.on{background:#e5efe9 linear-gradient(135deg,#e8f1ec 0%,#dceae2 100%);border:1.5px solid #5b8c75}.level-top{align-items:center;gap:10px;display:flex}.level-top b{flex:none;font-size:15.5px}.level-desc{color:var(--muted);font-size:13.5px}.level-card.on .level-desc{color:#1d4030;font-weight:700}.level-example{font-family:var(--font-read);color:#234233;padding-left:37px;font-size:15px;font-style:italic;line-height:1.5}.lvl-bars{align-items:flex-end;gap:3px;height:17px;display:inline-flex}.lvl-bars span{background:#dcd4c4;border-radius:1.5px;width:4px}.lvl-bars span.on{background:var(--accent)}.lvl-bars span:first-child{height:5px}.lvl-bars span:nth-child(2){height:8px}.lvl-bars span:nth-child(3){height:11px}.lvl-bars span:nth-child(4){height:14px}.lvl-bars span:nth-child(5){height:17px}.go-dock{z-index:5;padding:10px 24px calc(env(safe-area-inset-bottom,0px) + 14px);background:var(--paper-bot);margin:6px -24px 0;position:sticky;bottom:0}.page.no-tabs:has(.go-dock){padding-bottom:0}.go-dock:before{content:"";background:linear-gradient(to bottom, transparent, var(--paper-bot));pointer-events:none;height:24px;position:absolute;bottom:100%;left:0;right:0}button.back-link{font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0 0}.topic-chips{gap:9px}.interests-own{gap:8px}.interests-own-label{color:var(--ink);font-size:14.5px;font-weight:800}.interests-own input{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:18px;min-height:64px;padding:16px;font-size:15px}.interests-own input:focus{border-color:var(--ink)}.picked-count{text-align:center}.vt-top .link{color:var(--muted);font-weight:600}.vt-bar{background:#e5dec9;border-radius:99px;height:5px}.vt-bar i{background:var(--accent);border-radius:99px;min-width:8px}.vt-card{border-radius:22px;min-height:230px}.vt-word{font-weight:800}.vt-actions .btn{background:var(--card);border-radius:999px;min-height:64px}.vt-actions .btn.primary{background:var(--forest) var(--forest-btn)}.vt-actions .btn small{font-weight:500}.vt-num{font-weight:800}@media (width>=720px){.tabbar{padding-inline:max(0px,50vw - 340px)}}.page.welcome{padding-bottom:env(safe-area-inset-bottom,20px)}.welcome>.stack>:last-child{margin-bottom:24px}