@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f7f8fa;--surface: #ffffff;--surface-2: #f3f4f6;--line: #eef0f2;--line-2: #e5e7eb;--ink: #15171a;--ink-soft: #6b7280;--ink-faint: #9aa0a6;--accent: #4f46e5;--accent-strong: #4338ca;--accent-tint: #eef0ff;--on-accent: #ffffff;--ok: #22c55e;--ok-tint: #ecfdf3;--warn: #f59e0b;--danger: #ef4444;--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(16,23,42,.06);--shadow: 0 8px 30px rgba(16,23,42,.08);--ring: 0 0 0 3px rgba(79,70,229,.28);--font-ui: "Hanken Grotesk Variable", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--ease: cubic-bezier(.2,.7,.2,1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--bg: #0f1115;--surface: #181b21;--surface-2: #20242b;--line: #20242b;--line-2: #262a31;--ink: #f3f4f6;--ink-soft: #9aa0a6;--ink-faint: #7d828c;--accent: #818cf8;--accent-strong: #a5b4fc;--accent-tint: #23253a;--on-accent: #0f1115;--ok: #4ade80;--ok-tint: #10241a;--warn: #fbbf24;--danger: #f87171;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 8px 30px rgba(0,0,0,.5);--ring: 0 0 0 3px rgba(129,140,248,.35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.chip{font:600 12px/1 var(--font-ui);padding:7px 12px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line-2);cursor:pointer;min-height:32px}.chip[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.chip:disabled{opacity:.5;cursor:default}.level-badge{font:800 11px/1 var(--font-ui);letter-spacing:.02em;color:var(--accent);background:var(--accent-tint);border-radius:6px;padding:3px 7px}.check{color:var(--ok);display:inline-flex}.check.is-unread{color:var(--ink-faint)}.app{display:flex;flex-direction:column;min-height:100%}.app-main{flex:1;padding-bottom:calc(64px + var(--safe-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;background:var(--surface);border-top:1px solid var(--line);padding-bottom:var(--safe-bottom)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 0 11px;font:600 10px/1.2 var(--font-ui);color:var(--ink-faint);text-decoration:none}.tabbar a.active{color:var(--accent)}.appbar{position:sticky;top:0;z-index:25;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);padding-top:var(--safe-top)}.appbar-inner{display:flex;align-items:center;gap:10px;max-width:1040px;margin:0 auto;padding:0 14px;min-height:52px}.appbar-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.appbar-back{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:-6px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--ink);cursor:pointer;flex:none}.appbar-back:hover{background:var(--surface-2)}.appbar-brand{display:none;font:800 18px/1 var(--font-ui);letter-spacing:-.01em;color:var(--ink);text-decoration:none}.appbar-title{font:700 16px/1.2 var(--font-ui);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.appbar-nav{display:none;gap:4px}.appbar-nav a{padding:7px 12px;border-radius:var(--r-pill);text-decoration:none;font:600 13px/1 var(--font-ui);color:var(--ink-soft)}.appbar-nav a:hover{background:var(--surface-2);color:var(--ink)}.appbar-nav a.active{background:var(--accent-tint);color:var(--accent-strong)}.appbar-right{display:flex;align-items:center;gap:8px;flex:none}.page{padding:14px 16px 16px;max-width:720px;margin:0 auto}.page--entry{padding-bottom:calc(64px + 60px + var(--safe-bottom))}.page-title{display:none;font:800 26px/1.1 var(--font-ui);letter-spacing:-.02em;margin:4px 0 12px}.browse-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.brand{display:flex;align-items:center;gap:8px;font:800 18px/1 var(--font-ui);letter-spacing:-.01em}.search-input{width:100%;margin:6px 0 10px;padding:10px 12px;border-radius:var(--r);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:400 14px var(--font-ui)}.filter-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px}.section-label{font:800 11.5px/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin:12px 0 6px}.entry-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.entry-row .meta{flex:1;min-width:0}.entry-row .title{font:700 15px/1.25 var(--font-ui);letter-spacing:-.01em}.entry-row .row-summary{font:400 13px/1.4 var(--font-ui);color:var(--ink-soft);margin:2px 0;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.entry-row .sub{font:400 12px var(--font-ui);color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-card{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;margin-bottom:10px;background:var(--surface)}.entry-card .summary{font:400 12px/1.5 var(--font-ui);color:var(--ink-soft);margin:4px 0 8px}.continue-card{display:block;text-decoration:none;color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-radius:var(--r-lg);padding:14px;margin-bottom:10px}.reader{font:400 15.5px/1.85 var(--font-ui)}.reader .w{border-radius:5px;padding:0 2px;transition:background .1s var(--ease)}.reader .w.active{background:var(--accent);color:var(--on-accent)}.reader .zh{display:block;font-size:13.5px;color:var(--ink-faint);margin:2px 0 14px}.playerbar{position:fixed;left:0;right:0;bottom:calc(64px + var(--safe-bottom));z-index:15;display:flex;align-items:center;gap:10px;margin:0 12px;background:var(--ink);color:var(--surface);border-radius:var(--r);padding:10px 12px}.playerbar .play{width:32px;height:32px;border:none;border-radius:50%;background:var(--accent);color:var(--on-accent)}.playerbar .track{flex:1;height:4px;background:#ffffff40;border-radius:2px}.playerbar .track .fill{height:4px;background:var(--accent);border-radius:2px}.prog-hero{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--on-accent);border-radius:var(--r-lg);padding:16px;margin:8px 0}.prog-hero .big{font:800 34px/1 var(--font-ui)}.tiles{display:flex;gap:8px}.tile{flex:1;border:1px solid var(--line);border-radius:var(--r);padding:10px;text-align:center;background:var(--surface)}.tile .n{font:800 16px var(--font-ui)}.tile .l{font:600 9px var(--font-ui);color:var(--ink-faint)}.lvl-row{display:flex;align-items:center;gap:9px;margin-bottom:9px}.lvl-row .track{flex:1;height:7px;background:var(--surface-2);border-radius:4px;overflow:hidden}.lvl-row .fill{height:7px;background:var(--accent);border-radius:4px}.streak{display:inline-flex;align-items:center;gap:5px;font:700 11px var(--font-ui);color:var(--warn)}.entry-tabs{position:sticky;top:calc(52px + var(--safe-top));z-index:10;display:flex;gap:4px;margin:0 -16px 12px;padding:8px 16px;background:var(--bg);border-bottom:1px solid var(--line);overflow-x:auto}.entry-tab{flex:none;border:none;background:transparent;cursor:pointer;padding:7px 12px;border-radius:var(--r-pill);font:700 13px/1 var(--font-ui);color:var(--ink-soft)}.entry-tab.active{background:var(--accent-tint);color:var(--accent-strong)}.reader-toggles{display:flex;gap:6px;margin:0 0 12px}.segmented{display:inline-flex;gap:2px;padding:2px;background:var(--surface-2);border-radius:var(--r-pill)}.segmented-opt{border:none;background:transparent;cursor:pointer;padding:7px 14px;border-radius:var(--r-pill);font:600 13px/1 var(--font-ui);color:var(--ink-soft)}.segmented-opt.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.setting-label{font:700 14px/1 var(--font-ui)}@media (min-width: 860px){.tabbar{display:none}.app-main{padding-bottom:0}.appbar-brand{display:block}.appbar-title{display:none}.appbar-nav{display:flex}.page{max-width:1040px;padding-top:22px}.page-title{display:block}.page--entry{padding-bottom:24px;max-width:760px}.page--entry .playerbar{position:static;margin:18px 0 0;border-radius:var(--r-lg)}}.sync-section{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.sync-head{display:flex;align-items:center;gap:7px;font:800 13px/1 var(--font-ui)}.sync-hint{font:400 12px/1.5 var(--font-ui);color:var(--ink-soft);margin:6px 0 10px}.sync-row{display:flex;align-items:center;gap:8px;margin-top:8px}.sync-row .search-input{flex:1;min-width:0;width:auto;margin:0}.sync-row .chip{flex:none;white-space:nowrap}.sync-code{font:800 16px/1 var(--font-ui);letter-spacing:.04em;color:var(--accent-strong)}.sync-ttl{font:600 11px var(--font-ui);color:var(--ink-soft);margin:6px 0 0}.sync-ok{font:600 12px var(--font-ui);color:var(--ok);margin-top:8px}.sync-fail{font:600 12px var(--font-ui);color:var(--danger);margin-top:8px}.pos-badge{flex:none;font:700 10px/1 var(--font-ui);letter-spacing:.02em;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line-2);border-radius:6px;padding:3px 6px}.vocab-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.vocab-left{display:flex;align-items:center;gap:8px;min-width:0}.vocab-term{font:700 14.5px/1.3 var(--font-ui)}.vocab-zh{color:var(--ink-soft);font:400 14px/1.3 var(--font-ui);text-align:right}.quiz-item{padding:11px 0;border-bottom:1px solid var(--line);font:400 15px/2 var(--font-ui)}.quiz-blank{border:none;border-bottom:2px solid var(--line-2);background:transparent;color:var(--ink);width:112px;text-align:center;font:600 15px var(--font-ui);padding:0 4px;margin:0 2px}.quiz-blank:focus{outline:none;border-bottom-color:var(--accent)}.quiz-hint{display:inline-block;margin-left:6px;font:600 12px var(--font-ui);color:var(--ink-faint)}.qa-result{margin-top:6px;font:700 13px/1.4 var(--font-ui)}.qa-result.ok{color:var(--ok)}.qa-result.bad{color:var(--danger)}.qa-result .note{color:var(--ink-faint);font-weight:400;margin-left:8px}.recall-item{padding:11px 0;border-bottom:1px solid var(--line)}.recall-cue{display:flex;align-items:center;gap:8px;color:var(--ink);font:600 15px/1.3 var(--font-ui)}.recall-input{margin-top:8px;width:100%;max-width:280px;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:8px 10px;background:var(--surface);color:var(--ink);font:400 15px var(--font-ui)}.qa-check{margin-top:14px;padding:9px 18px;border:none;border-radius:var(--r);background:var(--accent);color:var(--on-accent);font:700 14px var(--font-ui);cursor:pointer}.score-banner{display:flex;align-items:baseline;gap:10px;margin-top:16px;padding:12px 16px;border-radius:var(--r-lg);background:var(--accent-tint)}.score-banner .num{font:800 28px/1 var(--font-ui);color:var(--accent-strong)}.score-banner .label{font:700 11px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}