@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}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.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: #F6F1E8;--surface: #FFFDF8;--surface-2: #EFE8DB;--line: #E7DFD1;--line-2: #DBD1BF;--ink: #26211B;--ink-soft: #6E655A;--ink-faint: #9C9385;--accent: #B4532E;--accent-strong: #8F3E20;--accent-tint: #F2E3D8;--on-accent: #FFF8F1;--ok: #5E7355;--ok-tint: #E7EBDF;--warn: #C0872E;--danger: #B23A2E;--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(38,33,27,.06);--shadow: 0 10px 34px rgba(38,33,27,.1);--ring: 0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent);--font-display: "Newsreader Variable", Georgia, "Songti SC", serif;--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)}:root[data-accent=terracotta]{--accent:#B4532E;--accent-strong:#8F3E20;--accent-tint:#F2E3D8;--on-accent:#FFF8F1}:root[data-accent=river]{--accent:#2C6E6A;--accent-strong:#1F5350;--accent-tint:#DDEBEA;--on-accent:#FFF8F1}:root[data-accent=forest]{--accent:#4F6B3E;--accent-strong:#3B5230;--accent-tint:#E4EBDC;--on-accent:#FFF8F1}:root[data-accent=plum]{--accent:#9B4A6B;--accent-strong:#7A3552;--accent-tint:#F0E1E8;--on-accent:#FFF8F1}[data-theme=dark]{--bg: #17140F;--surface: #201C15;--surface-2: #2A241B;--line: #2E2820;--line-2: #3A3327;--ink: #F1E9DA;--ink-soft: #A99E88;--ink-faint: #7C7361;--accent: #DB7B52;--accent-strong: #E7936C;--accent-tint: #33251C;--on-accent: #17140F;--ok: #8FA382;--ok-tint: #22281D;--warn: #D6A24E;--danger: #E5867A;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow: 0 12px 34px rgba(0,0,0,.55)}[data-theme=dark][data-accent=terracotta]{--accent:#DB7B52;--accent-strong:#E7936C;--accent-tint:#33251C;--on-accent:#17140F}[data-theme=dark][data-accent=river]{--accent:#4FB1AB;--accent-strong:#6FC4BF;--accent-tint:#153230;--on-accent:#17140F}[data-theme=dark][data-accent=forest]{--accent:#89A56E;--accent-strong:#A0BB86;--accent-tint:#212A19;--on-accent:#17140F}[data-theme=dark][data-accent=plum]{--accent:#C97D9C;--accent-strong:#D897B1;--accent-tint:#2E1B24;--on-accent:#17140F}*{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 13.5px/1 var(--font-ui);padding:8px 13px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line-2);cursor:pointer;min-height:34px;white-space:nowrap}.chip[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.chip:disabled{opacity:.5;cursor:default}.level-badge{font:800 12.5px/1 var(--font-ui);letter-spacing:.02em;color:var(--accent);background:var(--accent-tint);border-radius:6px;padding:4px 8px}.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 11px/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:600 22px/1 var(--font-display);letter-spacing:-.01em;color:var(--ink);text-decoration:none}.appbar-title{font:700 17.5px/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 14px/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}.appbar-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--ink);cursor:pointer;flex:none}.appbar-icon-btn:hover{background:var(--surface-2)}.appbar-icon-btn.active{background:var(--accent-tint);color:var(--accent-strong)}.appbar-icon-btn .dot{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:1.5px solid var(--surface)}.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 28px/1.1 var(--font-display);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:600 20px/1 var(--font-display);letter-spacing:-.01em}.search-input{width:100%;margin:6px 0 10px;padding:11px 13px;border-radius:var(--r);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:400 15.5px var(--font-ui)}.section-label{font:800 12.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:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.entry-row .meta{flex:1;min-width:0}.entry-row .title{font:600 17.5px/1.3 var(--font-display);letter-spacing:-.01em}.entry-row .row-subtitle{font:500 13.5px/1.3 var(--font-ui);color:var(--ink-faint);margin:1px 0 0}.entry-row .row-summary{font:400 14.5px/1.45 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 13px var(--font-ui);color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:none}.entry-row-side .flags{display:flex;align-items:center;gap:6px;min-height:16px}.premium-crown{display:inline-flex;color:var(--warn)}.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 13px/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:16px 16px 15px;margin-bottom:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.continue-card:after{content:"";position:absolute;right:-34px;top:-34px;width:130px;height:130px;border-radius:50%;background:#ffffff1a}.cc-kicker{display:flex;align-items:center;gap:6px;font:700 10.5px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;opacity:.92}.cc-title{font:600 20px/1.16 var(--font-display);margin:9px 0 5px}.cc-summary{font:400 13px/1.45 var(--font-ui);opacity:.9;margin:0 0 13px}.cc-bar{height:6px;border-radius:4px;background:#ffffff42;overflow:hidden}.cc-bar i{display:block;height:6px;border-radius:4px;background:var(--on-accent)}.cc-meta{display:flex;align-items:center;gap:8px;font:600 11.5px/1 var(--font-ui);opacity:.94;margin-top:9px}.cc-meta .cc-lv{background:#fff3;border-radius:5px;padding:3px 6px;font:800 10.5px/1 var(--font-ui)}.cc-meta .cc-dot{opacity:.6}.reader{font:400 18px/1.85 var(--font-display)}.reader .w{border-radius:5px;padding:0 2px;transition:background-color .18s var(--ease),color .18s var(--ease)}.reader .w.active{background:var(--accent);color:var(--on-accent)}.reader .zh{display:block;font-size:15px;color:var(--ink-faint);margin:2px 0 14px;font-family:var(--font-ui)}.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:6px;background:#ffffff40;border-radius:3px;position:relative;cursor:pointer;touch-action:none}.playerbar .track:before{content:"";position:absolute;top:-14px;right:0;bottom:-14px;left:0}.playerbar .track .fill{height:6px;background:var(--accent);border-radius:3px}.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)}.prog-tip{font:500 13px/1.5 var(--font-ui);color:var(--ink-soft);margin:14px 2px 0}.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 17px var(--font-ui)}.tile .l{font:600 10px 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 12px 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-pill{position:absolute;top:8px;height:32px;left:0;background:var(--accent-tint);border-radius:var(--r-pill);z-index:0;transition:transform .32s var(--ease),width .32s var(--ease)}.entry-tab{position:relative;z-index:1;flex:none;border:none;background:transparent;cursor:pointer;padding:8px 13px;border-radius:var(--r-pill);font:700 14.5px/1 var(--font-ui);color:var(--ink-soft)}.entry-tab.active{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 14px/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 15.5px/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)}.recall-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}}.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 14px/1 var(--font-ui)}.sync-hint{font:400 13px/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 17px/1 var(--font-ui);letter-spacing:.04em;color:var(--accent-strong)}.sync-ttl{font:600 12px var(--font-ui);color:var(--ink-soft);margin:6px 0 0}.sync-ok{font:600 13px var(--font-ui);color:var(--ok);margin-top:8px}.sync-fail{font:600 13px var(--font-ui);color:var(--danger);margin-top:8px}.sync-show{display:flex;flex-direction:column;gap:10px}.sync-code-row{display:flex;align-items:center;gap:8px}.qr-img{border-radius:var(--r);background:#fff;padding:8px;align-self:flex-start}.qr-scanner{position:relative;margin-top:10px;border:1px solid var(--line);border-radius:var(--r-lg);padding:12px;background:var(--surface-2)}.qr-scanner-video{width:100%;max-width:320px;border-radius:var(--r);background:#000;display:block}.qr-scanner-close{position:absolute;top:8px;right:8px;background:var(--surface);border:1px solid var(--line);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;cursor:pointer;color:var(--ink)}.pos-badge{flex:none;font:700 11px/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 16px/1.3 var(--font-ui)}.vocab-zh{color:var(--ink-soft);font:400 15.5px/1.3 var(--font-ui);text-align:right}.quiz-item{padding:11px 0;border-bottom:1px solid var(--line);font:400 16.5px/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 16.5px 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 13px var(--font-ui);color:var(--ink-faint)}.qa-result{margin-top:6px;font:700 14px/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 16.5px/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:9px 11px;background:var(--surface);color:var(--ink);font:400 16.5px var(--font-ui)}.qa-check{margin-top:14px;padding:10px 18px;border:none;border-radius:var(--r);background:var(--accent);color:var(--on-accent);font:700 15px 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 30px/1 var(--font-ui);color:var(--accent-strong)}.score-banner .label{font:700 12px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.entry-header{display:flex;align-items:flex-start;gap:12px;margin:2px 0 12px}.entry-header-main{flex:1;min-width:0}.entry-header .entry-title{font:800 23px/1.25 var(--font-display, var(--font-ui));margin:6px 0 0}.entry-header .entry-summary{font:400 14.5px/1.5 var(--font-ui);color:var(--ink-soft);margin:6px 0 0}.entry-header .entry-subtitle{font:500 15px/1.3 var(--font-ui);color:var(--ink-faint);margin:4px 0 0}.entry-header .entry-scenarios{font:500 13px/1.4 var(--font-ui);color:var(--ink-faint);margin:8px 0 0}.entry-header .level-badge{flex:none}.entry-load-error{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.reader .w{cursor:pointer}.reader .w:not(.active):hover{background:var(--surface-2)}.playerbar .fill{position:relative}.playerbar .thumb{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--ink)}.playerbar .speed-wrap{position:relative;flex:none}.playerbar .speed{border:none;background:#ffffff24;color:var(--surface);font:700 12.5px/1 var(--font-ui);padding:8px 9px;border-radius:var(--r-sm);cursor:pointer;min-width:42px}.playerbar .speed:hover{background:#ffffff3d}.playerbar .speed-menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:30;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:4px;min-width:96px}.playerbar .speed-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:none;background:transparent;color:var(--ink);cursor:pointer;padding:8px 10px;border-radius:var(--r-sm);font:600 14px/1 var(--font-ui)}.playerbar .speed-menu button:hover{background:var(--surface-2)}.playerbar .speed-menu button[aria-checked=true]{color:var(--accent-strong)}.step-progress{margin:2px 0 16px}.step-progress .bar{height:6px;background:var(--surface-2);border-radius:4px;overflow:hidden}.step-progress .bar .fill{height:6px;background:var(--accent);border-radius:4px;transition:width .2s var(--ease)}.step-progress .caption{margin-top:6px;font:700 12px/1 var(--font-ui);letter-spacing:.03em;color:var(--ink-soft)}.stepper-actions{margin-top:16px;display:flex;gap:8px;align-items:center}.stepper-actions .qa-check{margin-left:auto}.stepper-actions .qa-prev{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:10px 16px;font:700 14px/1 var(--font-ui);cursor:pointer}.stepper-actions .qa-prev:disabled{opacity:.4;cursor:default}.settings-section{margin-top:4px}.settings-section-label{font:800 12.5px/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin:22px 0 2px;padding-top:16px;border-top:1px solid var(--line)}.membership-detail{font:500 13px/1.4 var(--font-ui);color:var(--ink-soft);margin:10px 0 0}.membership-action{margin-top:12px}.membership-action.qa-check{width:100%}.badge-free{font:800 12px/1 var(--font-ui);color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-pill);padding:5px 11px}.badge-premium{font:800 12px/1 var(--font-ui);color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-radius:var(--r-pill);padding:5px 11px}.accent-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.premium-tag{display:inline-flex;align-items:center;gap:4px;font:800 11px/1 var(--font-ui);color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-radius:var(--r-pill);padding:4px 9px}.accent-row{display:flex;justify-content:space-between;gap:8px}.accent-swatch{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:transparent;cursor:pointer;position:relative;padding:2px}.accent-swatch .ring{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #0000000f;color:var(--sw, var(--accent))}.accent-swatch[data-accent=terracotta]{--sw: #B4532E}.accent-swatch[data-accent=river]{--sw: #2C6E6A}.accent-swatch[data-accent=forest]{--sw: #4F6B3E}.accent-swatch[data-accent=plum]{--sw: #9B4A6B}.accent-swatch .ring i{width:34px;height:34px;border-radius:50%;background:var(--sw);display:block}.accent-swatch.sel .ring{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--sw)}.accent-swatch .nm{font:600 11px/1 var(--font-ui);color:var(--ink-soft)}.accent-swatch.sel .nm{color:var(--ink)}.accent-row.locked .accent-swatch .ring{opacity:.5;filter:saturate(.7)}.accent-row.locked .accent-swatch .nm{color:var(--ink-faint)}.accent-swatch .lock{position:absolute;top:-2px;right:8px;width:19px;height:19px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm),0 0 0 1px var(--line-2);display:grid;place-items:center;color:var(--ink-soft);opacity:1;filter:none}.accent-synced{display:flex;align-items:center;gap:7px;font:500 12.5px/1 var(--font-ui);color:var(--ok);margin:14px 0 0}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#10172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{width:100%;max-width:380px;background:var(--surface);color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:16px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-head strong{font:800 16px/1 var(--font-ui)}.modal-close{border:none;background:transparent;color:var(--ink-soft);cursor:pointer;display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm)}.modal-close:hover{background:var(--surface-2)}.modal-hint{font:400 13px/1.5 var(--font-ui);color:var(--ink-soft);margin:0 0 10px}.skeleton{display:block;background:linear-gradient(90deg,var(--surface-2) 25%,var(--line) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:skeleton-sh 1.3s ease-in-out infinite}@keyframes skeleton-sh{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-row{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.skeleton-row-main{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-mt{margin-top:12px}@media (prefers-reduced-motion: reduce){.skeleton,.skeleton:after{animation:none!important}.entry-tab-pill,.reader .w,.step-progress .bar .fill,.level-seg button,.chip,.qa-check,.entry-tab,.play,.accent-swatch,.segmented-opt,.stepper-actions .qa-prev{transition:none!important}.chip:active,.qa-check:active,.play:active,.accent-swatch:active,.segmented-opt:active{transform:none!important}*{scroll-behavior:auto!important}}.chip,.qa-check,.entry-tab,.play,.accent-swatch,.segmented-opt,.stepper-actions .qa-prev{transition:transform .16s var(--ease),background-color .16s var(--ease),color .16s var(--ease)}.chip:active,.qa-check:active,.play:active,.accent-swatch:active,.segmented-opt:active{transform:scale(.97)}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#26211b6b}[data-theme=dark] .sheet-scrim{background:#0000008c}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--surface);color:var(--ink);border-radius:24px 24px 0 0;box-shadow:0 -16px 40px #26211b33;padding:8px 18px calc(18px + var(--safe-bottom));max-height:80vh;display:flex;flex-direction:column}.sheet-handle{width:38px;height:5px;border-radius:3px;background:var(--line-2);margin:6px auto 12px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-head strong{font:600 20px/1 var(--font-display)}.sheet-close{border:none;background:transparent;color:var(--ink-soft);cursor:pointer;display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm)}.sheet-close:hover{background:var(--surface-2)}.sheet-body{overflow-y:auto}.sheet-foot{padding-top:14px;margin-top:8px;border-top:1px solid var(--line)}.level-seg{display:flex;background:var(--surface-2);border-radius:var(--r-pill);padding:3px;gap:1px;margin-bottom:14px}.level-seg button{flex:1;border:none;background:transparent;cursor:pointer;padding:8px 0;border-radius:var(--r-pill);font:700 12.5px/1 var(--font-ui);color:var(--ink-soft);transition:color .16s var(--ease)}.level-seg button.on{background:var(--surface);color:var(--accent-strong);box-shadow:var(--shadow-sm)}.filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.fpill{display:inline-flex;align-items:center;gap:6px;padding:7px 8px 7px 12px;border:1px solid var(--accent);background:var(--accent-tint);color:var(--accent-strong);border-radius:var(--r-pill);font:700 12.5px/1 var(--font-ui)}.fpill button{border:none;cursor:pointer;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-strong)}.fpill-clear{border:none;background:none;color:var(--ink-faint);cursor:pointer;font:700 12.5px/1 var(--font-ui);text-decoration:underline;text-underline-offset:2px;padding:7px 4px}.topic-grid{display:flex;flex-wrap:wrap;gap:8px}.topic-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-soft);border-radius:var(--r-pill);font:600 13.5px/1 var(--font-ui);cursor:pointer}.topic-chip.sel{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.browse-count-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.browse-count-row .section-label{margin:0}