:root,.theme-dark,[data-theme=dark]{--fg:#ededef;--muted:#8a8f98;--bg:#08080a;--accent:#9db8ff;--line:#ffffff14;--card-bg:#0f0f13;--card-border:#ffffff1a;--card-shadow:0 40px 80px -30px #000c;--modal-backdrop:#0009;--dim-opacity:.28;--done-opacity:.5;--typed-color:#6fcf97;--active-token-color:#ededef;--context-bg:#2f6fde24;--zh-color:#8a8f98;--ink:#fff;--ink-2:#c9cbd1;--ink-3:#6b6f78;--surface:#0e0e12cc;--surface-2:#ffffff0a;--surface-solid:#0f0f13;--hairline:#ffffff14;--hairline-strong:#fff3;--ring:linear-gradient(180deg, #ffffff21, #ffffff08);--heading-grad:linear-gradient(180deg, #fff 30%, #ffffff94);--pill-bg:#0f172a99;--pill-fg:#b4c2ff;--accent-strong:#2f6fde;--ok:#4ade80;--err:#ff8a8a;--warn:#f5b86b;--untyped:#4a4d55;--aurora:1;--font-ui:"Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-family:Georgia, "Noto Serif", "Songti SC", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--fg);font:18px/1.7 var(--font-family);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .2s,color .2s}body:before{content:"";z-index:-1;pointer-events:none;opacity:var(--aurora);background:radial-gradient(900px 620px at 22% -12%, color-mix(in srgb, var(--accent-strong) 34%, transparent), transparent 70%), radial-gradient(720px 560px at 104% -6%, #7c3aed38, transparent 70%);position:fixed;inset:0}::selection{background:color-mix(in srgb, var(--accent-strong) 45%, transparent)}button,select{font:500 14px var(--font-ui);color:inherit;background:var(--surface-2);border:1px solid var(--hairline);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;padding:.4em .85em;transition:border-color .25s,background-color .25s,color .25s,transform .25s cubic-bezier(.16,1,.3,1)}button:hover:not(:disabled),select:hover{border-color:var(--hairline-strong)}button:active:not(:disabled){transform:scale(.98)}button:focus-visible,select:focus-visible,[tabindex]:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a:focus-visible{border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hairline-strong) padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--ink-3)}button:disabled{opacity:.4;cursor:default}kbd{font:500 10.5px var(--font-mono);border:1px solid var(--hairline-strong);color:var(--ink-2);border-radius:5px;margin-right:4px;padding:2px 6px}main{max-width:40rem;margin:0 auto;padding:1.5rem clamp(1rem,5vw,2rem) 4rem}main:has(>.library){max-width:1240px}@keyframes pr-flow{0%{background-position:0%}to{background-position:100%}}@keyframes pr-sheen{0%{transform:translate(-170%)skew(-12deg)}to{transform:translate(270%)skew(-12deg)}}@keyframes pr-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-2.5px)}}@keyframes pr-caret{50%{box-shadow:inset 2px 0 #0000}}@keyframes pr-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pr-pop{0%{opacity:0;transform:translateY(var(--pop-from,4px)) scale(.98)}to{opacity:1;transform:none}}@keyframes pr-fade{0%{opacity:0}to{opacity:1}}@keyframes pr-sheet{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes pr-nudge{0%{box-shadow:0 0 0 5px color-mix(in srgb, var(--err) 65%, transparent)}}.glass-card{background:linear-gradient(var(--surface-solid), var(--surface-solid)) padding-box, var(--ring) border-box;border:1px solid #0000;border-radius:18px;padding:20px;position:relative}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-card{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--ring) border-box;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.glass-card.glow{box-shadow:0 40px 80px -40px #0009}.cta,.topup-open{isolation:isolate;color:#fff;background:linear-gradient(115deg,#2563eb,#4f46e5,#7c3aed,#2563eb) 0%/200% 200%;border:0;font-weight:600;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff38,0 1px 2px #0006}.cta:before,.topup-open:before{content:"";z-index:-1;background:linear-gradient(105deg,#0000 20%,#fff6 50%,#0000 80%);width:60%;position:absolute;top:0;bottom:0;left:0;transform:translate(-170%)skew(-12deg)}.cta:hover:not(:disabled),.topup-open:hover:not(:disabled){animation:3s ease-in-out infinite alternate pr-flow;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff38,0 4px 20px -2px #6366f173}.cta:hover:not(:disabled):before,.topup-open:hover:not(:disabled):before{animation:1.1s cubic-bezier(.4,0,.2,1) both pr-sheen}.cta{border-radius:10px;height:44px;padding:0 20px;font-size:14.5px}.ghost.large{border-radius:10px;height:44px;padding:0 18px;font-size:14.5px}button.link{color:var(--accent);background:0 0;border:0;padding:0}.kicker{font:500 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0}.display{font:600 clamp(32px, 4.4vw, 54px)/1.16 var(--font-ui);letter-spacing:-.045em;text-wrap:balance;background:var(--heading-grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:12px 0 0;padding-bottom:.15em}.display em{font-family:"Newsreader", var(--font-family);letter-spacing:-.02em;padding-bottom:.15em;font-weight:400}.lead{max-width:560px;font:16px/1.6 var(--font-ui);color:var(--muted);text-wrap:pretty;margin:16px 0 0}.note{font:13px/1.5 var(--font-ui);color:var(--ink-3);margin:0}.card-head{font:15px var(--font-ui);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.card-head .count,.speed-avg{font:500 12px var(--font-mono);color:var(--ink-3)}.segmented{background:var(--surface-2);border:1px solid var(--hairline);border-radius:9px;padding:3px;display:flex}.segmented button{height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:13px}.segmented button[aria-pressed=true]{background:var(--hairline);color:var(--ink);box-shadow:inset 0 1px 0 var(--hairline)}.level-meter{gap:3px;display:inline-flex}.level-meter span{background:var(--hairline);border-radius:2px;width:14px;height:4px}.level-meter span.on{background:var(--accent)}.level-meter[data-level=mastered] span.on{background:var(--ok)}.empty-state{text-align:center;font:14.5px/1.55 var(--font-ui);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 24px;display:flex}.empty-state.tall{min-height:380px}.empty-state strong{letter-spacing:-.03em;font-size:24px}.empty-state p{max-width:380px;color:var(--muted);margin:0 0 12px}.app-notice{z-index:60;padding:.7rem max(1rem, env(safe-area-inset-right)) calc(.7rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:color-mix(in srgb, var(--err) 14%, var(--surface-solid));border-top:1px solid color-mix(in srgb, var(--err) 45%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);color:var(--fg);font:500 14px/1.45 var(--font-ui);text-align:center;position:fixed;bottom:0;left:0;right:0}.library{font-family:var(--font-ui)}.library-top{border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:12px 28px;padding-bottom:14px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{border-radius:8px}.library h1{font:600 15px var(--font-ui);letter-spacing:-.02em;margin:0}.library-top .theme-toggle{margin-left:auto}.nav-tabs{gap:2px;display:flex;position:relative}.nav-indicator{background:var(--hairline);width:0;height:32px;box-shadow:inset 0 1px 0 var(--hairline);pointer-events:none;border-radius:7px;transition:left .45s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.nav-indicator:after{content:"";background:var(--accent);height:1.5px;box-shadow:0 0 10px var(--accent);border-radius:2px;position:absolute;bottom:-15px;left:10px;right:10px}.nav-tab{z-index:1;height:32px;color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;display:flex;position:relative}.nav-tab:hover,.nav-tab[aria-selected=true]{color:var(--ink)}.nav-badge{font:500 10.5px/1 var(--font-mono);background:color-mix(in srgb, var(--accent-strong) 30%, transparent);color:var(--ink);border-radius:5px;padding:3px 5px}.tab-panel:not([hidden]){animation:.55s cubic-bezier(.16,1,.3,1) both pr-in}.page-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.page-head,.hero{max-width:680px;padding-top:clamp(32px,5vw,64px)}.hero-title{font-size:clamp(38px,5.6vw,68px);line-height:1}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.pills{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.pill{border:1px solid var(--hairline);background:var(--surface-2);height:30px;color:var(--muted);border-radius:7px;align-items:center;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.import-card{margin-top:18px}.import-card.is-secondary{padding:0}.drop-zone.compact{border-style:solid;border-color:var(--hairline);background:0 0;flex-direction:row;padding:12px 16px}.drop-zone.compact .drop-text strong{color:var(--ink-2);font-size:14px;font-weight:500}.drop-zone.compact .drop-text span{font-size:13px}.drop-zone.compact u{color:var(--accent)}.hero+.import-card{margin-top:clamp(36px,5vw,56px)}.drop-zone{cursor:pointer;border:1px dashed #0000;border-radius:14px;align-items:center;gap:16px;padding:14px;transition:background-color .25s,border-color .25s;display:flex}.drop-zone:hover{background:var(--surface-2)}.drop-zone.dragging,.drop-zone:focus-within{border-color:var(--accent);background:color-mix(in srgb, var(--accent-strong) 10%, transparent)}.drop-icon{border:1px dashed color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent-strong) 10%, transparent);width:52px;height:52px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;font-size:22px;display:grid}.drop-text{flex-direction:column;gap:4px;display:flex}.drop-text strong{letter-spacing:-.01em;font-size:16px}.drop-text span{color:var(--muted);font-size:13.5px;line-height:1.5}.file-input{opacity:0;width:1px;height:1px;position:absolute}progress{accent-color:#4f46e5;width:100%;height:3px;margin-top:1rem}.status{color:var(--muted);margin:.6rem 0 0;font-size:13.5px}.status:empty{display:none}.status.error{color:var(--err)}.shelf-section{margin-top:clamp(48px,7vw,88px)}.shelf-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.shelf-head h2{letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(28px,3.4vw,38px);font-weight:600;line-height:1.1}.shelf{padding:0;list-style:none}.book-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin:28px 0 0;display:grid}.book-grid>li{flex-direction:column;min-width:0;display:flex}.book-card{text-align:left;background:radial-gradient(420px circle at var(--mx,-500px) var(--my,-500px), color-mix(in srgb, var(--accent-strong) 11%, transparent), transparent 60%) padding-box, linear-gradient(var(--surface-solid), var(--surface-solid)) padding-box, radial-gradient(280px circle at var(--mx,-500px) var(--my,-500px), color-mix(in srgb, var(--accent-strong) 75%, transparent), transparent 70%) border-box, linear-gradient(var(--hairline), var(--hairline)) border-box;border:1px solid #0000;border-radius:16px;flex-direction:column;flex:1;width:100%;padding:12px;transition:transform .35s cubic-bezier(.16,1,.3,1);animation:.6s cubic-bezier(.16,1,.3,1) both pr-in;display:flex}.book-card:hover:not(:disabled){border-color:#0000;transform:translateY(-3px)}.book-card:not(:hover){--mx:-500px;--my:-500px}.book-cover{aspect-ratio:5/6;border-radius:10px;flex-direction:column;justify-content:space-between;padding:22px 20px 20px 26px;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 18px 30px -18px #000000e6}.book-card:hover .book-cover{transform:scale(1.025)}.book-cover:before{content:"";pointer-events:none;background:linear-gradient(90deg,#00000059,#ffffff0f 7px,#0000 10px),linear-gradient(125deg,#ffffff24,#0000 35%);position:absolute;inset:0}[data-cover="0"]{color:#dde7ff;background:linear-gradient(160deg,#1f3f94,#0c1a45)}[data-cover="1"]{color:#ead39a;background:linear-gradient(160deg,#143534,#061414)}[data-cover="2"]{color:#f7d9df;background:linear-gradient(160deg,#5a1f30,#260b14)}[data-cover="3"]{color:#e4dcff;background:linear-gradient(160deg,#3b2a6b,#1a1233)}[data-cover="4"]{color:#f6e2b8;background:linear-gradient(160deg,#6b4a1f,#2e1f0b)}[data-cover="5"]{color:#cdeedd;background:linear-gradient(160deg,#1f4d3a,#0b2018)}.cover-kicker{font:500 10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.7;justify-content:space-between;gap:8px;display:flex;position:relative}.cover-text{flex-direction:column;display:flex;position:relative}.cover-text:before{content:"";opacity:.55;background:currentColor;width:24px;height:1.5px;margin-bottom:14px}.cover-title{font:500 25px/1.08 "Newsreader", var(--font-family);letter-spacing:-.015em;text-wrap:balance;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cover-author{font:italic 14px "Newsreader", var(--font-family);opacity:.75;margin-top:8px}.book-info{flex-direction:column;flex:1;padding:16px 4px 2px;display:flex}.book-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.book-card .book-title{min-width:0;font:500 19px/1.2 "Newsreader", var(--font-family);letter-spacing:-.01em;color:var(--fg);overflow-wrap:anywhere;margin:0}.book-pair{font:500 10.5px var(--font-mono);background:color-mix(in srgb, var(--accent-strong) 14%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent-strong) 26%, transparent);border-radius:5px;flex-shrink:0;padding:4px 7px}.book-card .book-meta{color:var(--muted);opacity:1;margin-top:3px;font-size:13px}.book-state{color:var(--ink-2);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:14px;font-size:12px;display:flex}.book-status{align-items:center;gap:6px;display:flex}.book-status:before{content:"";background:var(--ink-3);border-radius:50%;width:6px;height:6px}[data-status=reading] .book-status:before{background:var(--accent);box-shadow:0 0 8px var(--accent)}.book-pct{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.book-progress{background:var(--hairline);border-radius:3px;height:3px;margin-top:9px;display:block;overflow:hidden}.book-progress-fill{background:linear-gradient(90deg, var(--accent-strong), var(--accent));width:0;height:100%;box-shadow:0 0 10px var(--accent-strong);border-radius:3px;transition:width .5s cubic-bezier(.16,1,.3,1);display:block}.book-cta{border:1px solid var(--hairline);background:var(--surface-2);height:38px;color:var(--ink-2);font:600 13.5px var(--font-ui);border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:16px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.book-cta .arrow{transition:transform .3s cubic-bezier(.16,1,.3,1)}.book-card:hover .book-cta{color:#fff;background:linear-gradient(115deg,#2563eb,#4f46e5);border-color:#ffffff24;box-shadow:0 6px 20px -4px #4f46e58c,inset 0 1px #fff3}.book-card:hover .book-cta .arrow{transform:translate(3px)}.add-book{border-style:dashed;border-color:var(--hairline-strong);background:var(--surface-2);min-height:320px;color:var(--muted);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.add-book:hover{color:var(--ink)}.add-book .plus{border:1px solid var(--hairline-strong);border-radius:12px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:300;display:grid}.add-book small{color:var(--ink-3);font-size:12.5px;font-weight:400}.uploads{border-color:#9db8ff47;margin-top:clamp(36px,5vw,56px)}.uploads .kicker{margin:0 0 4px}.uploads-how{max-width:620px;font:14px/1.6 var(--font-ui);color:var(--muted);margin:0 0 14px}.translate-promo h2{margin:0 0 12px}.promo-steps{max-width:620px;font:14px/1.7 var(--font-ui);color:var(--muted);margin:0 0 18px;padding-left:1.2em}.promo-steps strong{color:var(--fg);font-weight:600}.uploads-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:8px;display:flex}.uploads h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.uploads-note{color:var(--muted);font-size:13px;font-weight:400}.uploads-pair{color:var(--muted);margin:0;font-size:13px}.user-book-row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.pair-picker{min-width:0;color:var(--ink-3);align-items:center;gap:6px;display:flex}.pair-picker select{min-width:0;max-width:7.5rem;padding:.3em .5em;font-size:12.5px}.user-book [data-action=delete]{color:var(--muted);flex-shrink:0;font-size:12.5px}.user-book [data-action=delete]:hover{color:var(--err);border-color:var(--err)}.practice-books{flex-wrap:wrap;gap:6px;display:flex}.book-chip{height:40px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;align-items:center;gap:9px;max-width:16rem;padding:0 13px 0 7px;font-size:13px;display:flex;overflow:hidden}.book-chip[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent-strong) 60%, transparent);background:color-mix(in srgb, var(--accent-strong) 14%, transparent);color:var(--ink);box-shadow:0 0 24px -8px var(--accent-strong)}.chip-cover{border-radius:2px 4px 4px 2px;flex-shrink:0;width:20px;height:27px;box-shadow:inset 2px 0 #00000059,0 2px 6px #00000080}.practice-grid,.vocab-grid{flex-wrap:wrap;align-items:flex-start;gap:18px;margin-top:32px;display:flex}.practice-grid[hidden]{display:none}.arena-card{border-radius:20px;flex:2 560px;min-width:0;padding:0}.arena{cursor:text;border-radius:19px;padding:clamp(20px,3vw,32px)}.arena:focus-visible{outline-offset:-2px}.arena-top,.arena-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.arena-progress{align-items:center;gap:14px;display:flex}.arena-segs{gap:4px;display:flex}.arena-segs span{background:var(--hairline);border-radius:2px;width:28px;height:3px;transition:all .4s cubic-bezier(.16,1,.3,1)}.arena-segs .past{background:var(--accent-strong)}.arena-segs .now{background:var(--accent);box-shadow:0 0 8px var(--accent)}.switch{height:30px;color:var(--muted);align-items:center;gap:9px;padding:0 11px 0 8px;font-size:12.5px;display:flex}.switch-track{background:var(--hairline-strong);border-radius:99px;width:26px;height:16px;transition:background-color .25s;position:relative}.switch-knob{background:#fff;border-radius:50%;width:12px;height:12px;transition:left .3s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.switch[aria-pressed=true] .switch-track{background:var(--accent-strong)}.switch[aria-pressed=true] .switch-knob{left:12px}.arena-zh{color:var(--muted);-webkit-user-select:none;user-select:none;margin:30px 0 0;font:16px/1.7 PingFang SC,Noto Sans SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.arena-zh[hidden]{display:none}.arena-zh.missing{font:14px/1.6 var(--font-ui);color:var(--ink-3)}.arena-line{min-height:3.3em;font:400 clamp(20px, 2.4vw, 27px)/1.65 var(--font-mono);white-space:pre-wrap;word-break:break-word;margin:18px 0 0}.pc{color:var(--untyped);border-radius:3px;transition:color .1s}.pc.ok{color:var(--fg)}.pc.bad{color:var(--err);background:color-mix(in srgb, var(--err) 16%, transparent)}.pc.cursor{box-shadow:inset 2px 0 0 var(--accent)}.arena:focus .pc.cursor{animation:1s step-end infinite pr-caret}.arena-source{font:italic 14.5px "Newsreader", var(--font-family);color:var(--ink-3);margin:10px 0 0}.arena-done{text-align:center;padding:36px 0 8px}.arena-done p{margin:0}.done-wpm{font:600 clamp(56px, 8vw, 88px)/1 var(--font-ui);letter-spacing:-.05em;color:var(--ink);margin-top:10px!important}.done-wpm small{letter-spacing:0;color:var(--muted);font-size:20px}.done-sub{color:var(--muted);font-size:15px;margin:12px 0 20px!important}.stat-grid{background:var(--hairline);border:1px solid var(--hairline);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;margin-top:28px;display:grid;overflow:hidden}.stat{background:var(--surface-solid);flex-direction:column;gap:7px;padding:14px 16px;display:flex}.stat-key{font:500 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.stat-value{font:600 28px/1 var(--font-ui);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat-value[data-stat=wpm],.stat-value.accent{color:var(--accent)}.stat-value.ok{color:var(--ok)}.stat-value.bad{color:var(--err)}.arena-foot{color:var(--ink-3);margin-top:16px;font-size:12.5px}.arena-keys{align-items:center;gap:14px;display:flex}.arena-keys button{padding:.25em .7em;font-size:12.5px}.practice-side{flex-direction:column;flex:300px;gap:18px;min-width:0;display:flex}.speed-bars{border-bottom:1px solid var(--hairline);align-items:flex-end;gap:6px;height:120px;margin-top:18px;display:flex}.speed-bars.empty{border:1px dashed var(--hairline-strong);text-align:center;color:var(--ink-3);border-radius:10px;justify-content:center;align-items:center;padding:0 20px;font-size:13px}.speed-bar{background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent-strong) 60%, transparent));max-width:26px;box-shadow:0 0 14px -3px var(--accent-strong);border-radius:4px 4px 1px 1px;flex:1;animation:.5s cubic-bezier(.16,1,.3,1) both pr-in}.practice-words{flex-direction:column;margin-top:12px;display:flex}.word-row{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:14px;font-weight:500;display:flex}.vocab-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:32px;display:grid}.stat-tile{border-radius:14px;flex-direction:column;gap:7px;padding:16px 18px;display:flex}.stat-tile .stat-value{font-size:32px}.stat-sub{color:var(--ink-3);font-size:12.5px}.vocab-grid{margin-top:18px}.level-card{isolation:isolate;font:13.5px/1.5 var(--font-ui);border-radius:20px;margin-top:18px;padding:24px 26px 22px;overflow:hidden;box-shadow:0 40px 80px -48px #000000b3,inset 0 1px #ffffff0a}.level-card:before{content:"";z-index:-1;pointer-events:none;opacity:var(--aurora);background:radial-gradient(520px 260px at 0% 0%, color-mix(in srgb, var(--accent-strong) 22%, transparent), transparent 70%), radial-gradient(420px 240px at 100% 0%, #7c3aed29, transparent 70%);position:absolute;inset:0}.level-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.level-lang{color:var(--ink-3);align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.level-lang select{border-radius:999px;height:34px;padding:0 12px;font-size:13px}.level-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-top:18px;display:flex}.level-figure{align-items:baseline;gap:12px;min-width:0;display:flex}.level-number{font:600 clamp(48px, 8vw, 76px)/.95 var(--font-ui);letter-spacing:-.05em;font-variant-numeric:tabular-nums;display:block}.level-number span{background:var(--heading-grad);color:#0000;filter:drop-shadow(0 0 22px color-mix(in srgb, var(--accent-strong) 45%, transparent));--pop-from:6px;-webkit-background-clip:text;background-clip:text;padding-right:.06em;animation:.32s cubic-bezier(.16,1,.3,1) pr-pop;display:inline-block}.level-card[data-state=preview] .level-number span{animation:none}.level-card[data-state=unset] .level-number span{color:var(--ink-3);filter:none;background:0 0}.level-unit{font:500 13px var(--font-ui);color:var(--ink-3);white-space:nowrap}.level-tags{flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:8px;display:flex}.level-cefr{height:26px;font:600 11.5px var(--font-mono);letter-spacing:.04em;white-space:nowrap;color:var(--pill-fg);background:color-mix(in srgb, var(--accent-strong) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-strong) 45%, transparent);border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.level-band{color:var(--ink-2);font-size:13px}.level-current{color:var(--muted);margin:10px 0 0;font-size:13px}.level-slider{--thumb:22px;--p:0;margin-top:22px;padding-bottom:32px;position:relative}.level-slider input{appearance:none;width:100%;height:var(--thumb);cursor:pointer;touch-action:pan-y;background:0 0;border:0;border-radius:999px;margin:0;padding:0;display:block}.level-slider input:focus-visible{outline-offset:6px}.level-slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg, #3b82f6, #6366f1 55%, #a855f7) 0 0 / calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--p)) 100% no-repeat, var(--hairline);filter:drop-shadow(0 0 7px #6366f199);border-radius:999px;height:6px}.level-slider input::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((6px - var(--thumb)) / 2);background:radial-gradient(circle at 35% 30%,#dbe4ff,#6366f1 60%,#4338ca);border:2px solid #fff;border-radius:50%;transition:box-shadow .2s,transform .2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 5px #6366f138,0 0 20px 2px #6366f1bf,0 2px 6px #00000080}.level-slider input:hover::-webkit-slider-thumb{transform:scale(1.08)}.level-slider input:active::-webkit-slider-thumb{transform:scale(1.14);box-shadow:0 0 0 8px #6366f142,0 0 28px 4px #6366f1d9,0 2px 6px #00000080}.level-slider input::-moz-range-track{background:var(--hairline);border-radius:999px;height:6px}.level-slider input::-moz-range-progress{background:linear-gradient(90deg,#3b82f6,#6366f1 55%,#a855f7);border-radius:999px;height:6px;box-shadow:0 0 12px #6366f199}.level-slider input::-moz-range-thumb{box-sizing:border-box;width:var(--thumb);height:var(--thumb);background:radial-gradient(circle at 35% 30%,#dbe4ff,#6366f1 60%,#4338ca);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 5px #6366f138,0 0 20px 2px #6366f1bf,0 2px 6px #00000080}.level-ticks{left:0;right:0;top:calc(var(--thumb) + 3px);pointer-events:none;position:absolute}.level-tick{left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--at));font:500 10.5px var(--font-mono);white-space:nowrap;color:var(--ink-3);flex-direction:column;align-items:center;gap:5px;transition:color .25s;display:flex;position:absolute;transform:translate(-50%)}.level-tick:before{content:"";background:var(--hairline-strong);width:1px;height:6px;transition:background-color .25s}.level-tick.is-on{color:var(--ink-2)}.level-tick.is-on:before{background:var(--accent)}.level-presets{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:8px;margin-top:14px;display:grid}.level-badge{text-align:left;min-width:0;min-height:46px;color:var(--ink-2);border-radius:12px;align-items:center;gap:10px;padding:6px 12px 6px 8px;transition:border-color .25s,background-color .25s,color .25s,box-shadow .25s,transform .25s cubic-bezier(.16,1,.3,1);display:flex}.level-badge b{width:32px;height:28px;font:600 11px var(--font-mono);color:var(--pill-fg);background:color-mix(in srgb, var(--accent-strong) 16%, transparent);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.level-badge span{flex:1;min-width:0;font-size:12.5px;line-height:1.25}.level-badge small{font:500 10.5px var(--font-mono);color:var(--ink-3);flex-shrink:0}.level-badge:hover{color:var(--ink);transform:translateY(-1px)}.level-badge[aria-pressed=true]{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-strong) 22%, transparent), #7c3aed24);color:var(--ink);border-color:#6366f1b3;box-shadow:0 10px 28px -14px #6366f1cc}.level-badge[aria-pressed=true] b{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.level-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:18px;display:flex}.level-actions .cta{height:42px}.level-quiz-meta{font:500 12px var(--font-mono);color:var(--ink-3)}.level-quiz-meta:empty{display:none}.level-actions .link{margin-left:auto;font-size:13px}.level-note{border-top:1px solid var(--hairline);color:var(--ink-3);margin:16px 0 0;padding-top:14px;font-size:12.5px}.level-card .status{margin:8px 0 0}.level-card .status:empty{display:none}@keyframes quiz-in{0%{opacity:0;transform:translate(22px)scale(.985)}to{opacity:1;transform:none}}@keyframes quiz-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.vocab-modal.quiz-modal{max-width:33rem}.quiz{flex-direction:column;gap:22px;padding:1.2rem 1.5rem 1.6rem;display:flex}.quiz-progress{align-items:center;gap:12px;display:flex}.quiz-bar{background:var(--hairline);border-radius:999px;flex:1;height:6px;overflow:hidden}.quiz-bar i{width:calc(var(--done,0) * 100%);border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#6366f1 55%,#a855f7);height:100%;transition:width .5s cubic-bezier(.16,1,.3,1);display:block}.quiz-count{text-align:right;min-width:4.2em;font:500 12px var(--font-mono);color:var(--ink-3);font-variant-numeric:tabular-nums}.quiz-stage{display:grid}.quiz-card,.quiz-result{animation:.42s cubic-bezier(.16,1,.3,1) both quiz-in}.quiz-card:focus-visible,.quiz-result:focus-visible{outline:none}.quiz-card{flex-direction:column;gap:10px;display:flex}.quiz-prompt{text-align:center;font:500 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0}.quiz-term{text-align:center;font:500 clamp(34px, 8vw, 46px)/1.12 var(--font-family);letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere;margin-top:6px}.quiz-meta{min-height:24px;font:13.5px var(--font-ui);color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.quiz-pos{border:1px solid var(--hairline);font:500 11px var(--font-mono);color:var(--ink-2);border-radius:999px;padding:2px 9px}.quiz-choices{gap:8px;margin-top:12px;display:grid}.quiz-choice{text-align:left;width:100%;min-height:50px;font:15px/1.4 var(--font-ui);color:var(--ink-2);border-radius:12px;align-items:center;gap:12px;padding:9px 14px 9px 10px;transition:border-color .25s,background-color .25s,color .25s,opacity .25s,transform .25s cubic-bezier(.16,1,.3,1);display:flex}.quiz-choice kbd,.quiz-skip kbd{margin:0}.quiz-choice kbd{background:var(--surface-2);border-radius:7px;flex-shrink:0;place-items:center;min-width:26px;height:26px;padding:0 6px;font-size:11px;transition:border-color .25s,color .25s;display:grid}.quiz-choice:hover{color:var(--ink);background:#ffffff12;transform:translateY(-1px)}.quiz-card[data-outcome] .quiz-choice,.quiz-card[data-outcome] .quiz-skip{pointer-events:none}.quiz-card[data-outcome] .quiz-choice:not(.is-correct,.is-wrong){opacity:.4}.quiz-choice.is-correct{border-color:color-mix(in srgb, var(--ok) 60%, transparent);background:color-mix(in srgb, var(--ok) 13%, transparent);color:var(--ink)}.quiz-choice.is-correct kbd{border-color:color-mix(in srgb, var(--ok) 60%, transparent);color:var(--ok)}.quiz-choice.is-wrong{border-color:color-mix(in srgb, var(--err) 60%, transparent);background:color-mix(in srgb, var(--err) 11%, transparent);color:var(--ink);animation:.32s ease-in-out quiz-shake}.quiz-choice.is-wrong kbd{border-color:color-mix(in srgb, var(--err) 60%, transparent);color:var(--err)}.quiz-skip{height:40px;color:var(--muted);background:0 0;border-color:#0000;align-self:center;align-items:center;gap:10px;margin-top:4px;padding:0 14px;font-size:13.5px;display:inline-flex}.quiz-skip:hover,.quiz-skip.is-picked{background:var(--surface-2);color:var(--ink)}.quiz-feedback{text-align:center;min-height:1.5em;color:var(--muted);margin:0;font-size:13px}.quiz-card[data-outcome=correct] .quiz-feedback{color:var(--ok)}.quiz-result{isolation:isolate;text-align:center;flex-direction:column;align-items:center;padding-top:6px;display:flex;position:relative}.quiz-result:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#6366f157,#0000);width:min(440px,100%);height:230px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.quiz-result-kicker{font:500 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0}.quiz-result-number{font:600 clamp(64px, 17vw, 96px)/1 var(--font-ui);letter-spacing:-.055em;font-variant-numeric:tabular-nums;background:linear-gradient(#fff 25%,#b4c2ff);color:#0000;filter:drop-shadow(0 0 28px #6366f18c);-webkit-background-clip:text;background-clip:text;margin-top:10px;padding:0 .06em}.quiz-result-unit{font:500 13px var(--font-ui);letter-spacing:.02em;color:var(--ink-3);margin:2px 0 0}.quiz-result-headline{font:400 21px/1.3 "Newsreader", var(--font-family);color:var(--ink);text-wrap:balance;margin:16px 0 0}.quiz-result-bench{color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin-top:12px;font-size:13px;display:flex}.quiz-result-exams{color:var(--muted)}.quiz-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:20px 0 0;display:grid}.quiz-stat{border:1px solid var(--hairline);background:var(--surface-2);border-radius:12px;flex-direction:column;gap:2px;padding:12px 8px;animation:.5s cubic-bezier(.16,1,.3,1) both pr-in;display:flex}.quiz-stat:nth-child(2){animation-delay:80ms}.quiz-stat:nth-child(3){animation-delay:.16s}.quiz-stat dd{font:600 20px var(--font-ui);color:var(--ink);font-variant-numeric:tabular-nums;margin:0}.quiz-stat dt{font:500 10.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.quiz-result-note{max-width:28rem;color:var(--ink-3);margin:16px 0 0;font-size:12.5px;line-height:1.55}.quiz-result .cta{width:100%;height:48px;margin-top:18px;font-size:15px}.quiz-result .link{margin-top:14px;font-size:13px}@media (width<=640px){.level-card{padding:20px 18px 18px}.level-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.level-badge{grid-template-columns:auto minmax(0,1fr);gap:1px 10px;min-height:54px;padding-right:8px;display:grid}.level-badge b{grid-row:1/3}.level-badge span{align-self:end}.level-badge small{align-self:start}.level-actions .link{margin-left:0}.quiz{gap:18px;padding:1rem 1.1rem 1.3rem}}@media (pointer:coarse){.level-slider{--thumb:28px}.level-badge{min-height:54px}.quiz-skip{height:44px}}@media (hover:none) and (pointer:coarse){.quiz-skip kbd{display:none}}.vocab-main{flex:500px;min-width:0}.vocab-review{perspective:1600px}.flashcard{cursor:pointer;height:380px;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.16,1,.3,1);position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flash-face{backface-visibility:hidden;background:radial-gradient(500px circle at 50% 0%, color-mix(in srgb, var(--accent-strong) 12%, transparent), transparent 60%) padding-box, linear-gradient(var(--surface-solid), var(--surface-solid)) padding-box, linear-gradient(170deg, var(--hairline-strong), var(--hairline) 45%, color-mix(in srgb, var(--accent-strong) 38%, transparent)) border-box;border:1px solid #0000;border-radius:20px;flex-direction:column;padding:24px 28px;display:flex;position:absolute;inset:0;box-shadow:0 40px 80px -40px #0009}.flash-face.back{background:radial-gradient(500px circle at 50% 100%, #7c3aed24, transparent 60%) padding-box, linear-gradient(var(--surface-solid), var(--surface-solid)) padding-box, linear-gradient(170deg, color-mix(in srgb, var(--accent-strong) 50%, transparent), var(--hairline) 50%, #7c3aed66) border-box;transform:rotateY(180deg)}.flash-top{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.flash-top strong{color:var(--fg)}.chip{font:500 10.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--surface-2);color:var(--ink-2);border-radius:6px;padding:4px 8px}.flash-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex;overflow:hidden}.flash-word{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(40px,5vw,56px);font-weight:600}.flash-phonetic{font:500 15px var(--font-mono);color:var(--accent)}.flash-def{max-width:440px;color:var(--ink-2);font-size:17px;line-height:1.5}.flash-def.primary{color:var(--ink);font-size:24px}.flash-foot{text-align:center;color:var(--ink-3);margin:0;font-size:12.5px}.rates{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.rates button{--tone:var(--accent);border-color:color-mix(in srgb, var(--tone) 30%, transparent);background:color-mix(in srgb, var(--tone) 7%, transparent);height:56px;color:var(--tone);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-weight:600;display:flex}.rates button:hover:not(:disabled){transform:translateY(-2px)}.rates [data-rate=unfamiliar]{--tone:var(--err)}.rates [data-rate=mastered]{--tone:var(--ok)}.rates small{font:500 11px var(--font-mono);color:var(--ink-3)}.vocab-list{border-radius:20px;flex:380px;min-width:0;padding:18px}.vocab-rows{flex-direction:column;gap:2px;max-height:420px;margin-top:12px;display:flex;overflow:auto}.vocab-row{text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;display:grid}.vocab-row:hover{background:var(--surface-2)}.vocab-row.current{background:color-mix(in srgb, var(--accent-strong) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-strong) 35%, transparent)}.row-main{align-items:baseline;gap:8px;min-width:0;font-size:15px;display:flex}.row-def{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:400;overflow:hidden}.row-level{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.row-level small{font:500 10.5px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.preview-banner{border:1px solid var(--hairline);background:var(--surface-2);font:14px/1.55 var(--font-ui);color:var(--muted);border-radius:14px;margin:.5rem 0 1.5rem;padding:.9rem 1.1rem;box-shadow:inset 0 1px #ffffff0a}.preview-banner p{margin:.25rem 0}.preview-banner strong{color:var(--fg);font-weight:600}.preview-banner button{margin-top:.5rem;font-size:.9rem}.preview-status:empty{display:none}.reader-notice{border:1px solid var(--hairline);background:var(--surface-2);font:13px/1.5 var(--font-ui);color:var(--muted);border-radius:12px;align-items:center;gap:10px;margin:.25rem 0 1.25rem;padding:.45rem .5rem .45rem .85rem;animation:.3s ease-out pr-fade;display:flex}.reader-notice .nav-icon{color:var(--ink-3);flex:none}.reader-notice p{flex:1;min-width:0;margin:0}.reader-notice strong{color:var(--ink-2);font-weight:500}.reader-notice-cta{color:#b4c2ff;height:30px;font:500 12.5px var(--font-ui);white-space:nowrap;cursor:pointer;background:#2f6fde29;border:1px solid #9db8ff4d;border-radius:8px;flex:none;padding:0 12px;transition:background-color .2s,border-color .2s}.reader-notice-cta:hover{background:#2f6fde47;border-color:#9db8ff80}.reader-notice-cta[hidden]{display:none}@media (width<=560px){.reader-notice{flex-wrap:wrap}.reader-notice p{flex-basis:calc(100% - 80px)}}.reader-notice-close{width:28px;height:28px;color:var(--ink-3);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.reader-notice-close:hover{background:var(--surface-2);color:var(--ink)}.reader-notice-close .nav-icon{width:14px;height:14px}main:has(>.reader){--reader-pad:clamp(1rem, 5vw, 2rem);max-width:none;padding:0 var(--reader-pad) 4rem}.reader>:not(.reader-nav){max-width:calc(40rem - 2 * var(--reader-pad,0px));margin-inline:auto}.reader-nav{z-index:50;margin-inline:calc(-1 * var(--reader-pad,0px));padding:10px max(var(--reader-pad,0px), calc((100% - 1240px) / 2));-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);font-family:var(--font-ui);background:#08080ac7;border-bottom:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid;position:sticky;top:0}.nav-section{align-items:center;gap:8px;min-width:0;display:flex}.nav-center{justify-content:center}.nav-right{justify-content:flex-end}.nav-icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.nav-pill{height:36px;font:500 13.5px var(--font-ui);letter-spacing:-.005em;white-space:nowrap;color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 14px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .25s,transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.nav-pill .nav-icon{color:var(--ink-3);transition:color .2s,transform .25s cubic-bezier(.16,1,.3,1)}.nav-pill:hover:not(:disabled){background:#ffffff14;border-color:#ffffff29}.nav-pill:hover:not(:disabled) .nav-icon{color:var(--ink-2)}.nav-pill.active,.nav-pill[aria-pressed=true],.reader-tools-menu[open]>.tools-btn{color:#b4c2ff;background:#2f6fde24;border-color:#9db8ff4d;box-shadow:0 0 12px -3px #2f6fde66}.mode-switch{height:36px;font:500 13px var(--font-ui);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;flex:none;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.mode-switch:hover{border-color:#ffffff29}.mode-seg{color:var(--ink-3);border-radius:999px;align-items:center;padding:0 12px;transition:background-color .2s,color .2s,box-shadow .25s;display:inline-flex}.mode-seg.is-active{color:#b4c2ff;background:#2f6fde38;box-shadow:0 0 12px -3px #2f6fde66,inset 0 0 0 1px #9db8ff4d}@media (width<=720px){.mode-switch{height:44px}.mode-seg{padding:0 14px}}.nav-pill.active .nav-icon,.nav-pill[aria-pressed=true] .nav-icon,.reader-tools-menu[open]>.tools-btn .nav-icon{color:currentColor}.nav-pill.is-unavailable,.nav-pill.is-unavailable:hover:not(:disabled){box-shadow:none;color:var(--ink-3);cursor:not-allowed;background:0 0;border-color:#ffffff0f}.nav-pill.is-unavailable .nav-label{text-decoration:line-through;-webkit-text-decoration-color:var(--hairline-strong);text-decoration-color:var(--hairline-strong)}.nav-pill.is-unavailable:active:not(:disabled){transform:none}.nav-back{padding-left:10px}.nav-back:hover .nav-icon{transform:translate(-2px)}.chapter-nav{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:2px;min-width:0;height:40px;padding:3px;transition:border-color .2s;display:flex;box-shadow:inset 0 1px #ffffff0a}.chapter-nav:hover,.chapter-nav:focus-within{border-color:#ffffff24}.nav-step{width:32px;height:32px;color:var(--ink-2);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.nav-step:hover:not(:disabled){color:var(--ink);background:#ffffff1a}.nav-step:disabled{opacity:.28}.chapter-select{appearance:none;width:clamp(9rem,18vw,20rem);min-width:0;height:32px;font:500 13.5px var(--font-ui);color:var(--fg);text-overflow:ellipsis;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8f98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") right 8px center/14px no-repeat;border:0;border-radius:999px;flex:auto;padding:0 28px 0 12px}.chapter-select:hover{background-color:#ffffff0f}.chapter-select option{background:var(--surface-solid);color:var(--fg)}.chapter-position{color:var(--muted);font:500 12px var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;border-left:1px solid #ffffff14;flex:none;padding:0 10px}.reader-tools-menu{flex:none;position:relative}.tools-btn{width:36px;padding:0;list-style:none}.tools-btn::-webkit-details-marker{display:none}.tools-btn .nav-icon{stroke-width:2.6px;width:18px;height:18px;color:var(--ink-2)}.tools-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tools-dropdown{transform-origin:100% 0;background:#0f0f13f7;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:2px;min-width:264px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) tools-in;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:inset 0 1px #ffffff0d,0 24px 48px -16px #000c,0 0 0 1px #0006}@keyframes tools-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.tools-heading{font:500 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0;padding:6px 10px 4px}.tools-dropdown button{width:100%;height:34px;font:500 13px var(--font-ui);color:var(--ink-2);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:0 10px}.tools-dropdown button:hover{color:var(--ink);background:#ffffff12}.reader-nav .typing-status{top:calc(100% + 10px);right:max(var(--reader-pad,0px), calc((100% - 1240px) / 2));font:500 12px var(--font-ui);pointer-events:none;background:#0f0f13e6;border:1px solid #ffffff14;border-radius:999px;padding:5px 12px;position:absolute}.reader-nav .typing-status:empty{display:none}@media (width<=1280px){.reader-nav{grid-template-columns:auto minmax(0,1fr) auto}.chapter-nav{width:100%;max-width:26rem}.chapter-select{width:auto}}@media (width<=960px){.nav-compact{width:36px;padding:0}.nav-compact .nav-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=720px){.reader-nav{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"left right""center center";gap:8px;padding-block:8px}.nav-left{grid-area:left}.nav-right{grid-area:right;gap:6px}.nav-center{grid-area:center}.chapter-nav{max-width:none}.tools-dropdown{max-width:calc(100vw - 2 * var(--reader-pad,1rem))}}.book-title{color:var(--muted);margin:1.5rem 0 0;font-size:.9rem}.chapter-title{margin-top:.2rem;font-size:1.5rem;line-height:1.3}.chapter-body img{max-width:100%;height:auto;margin:0 auto;display:block}.chapter-body figure{text-align:center;margin:1.5rem 0}.chapter-body figcaption{color:var(--muted);font-size:.9rem}.chapter-body blockquote{border-left:3px solid var(--line);color:var(--muted);margin:1rem 0;padding-left:1rem}.chapter-body a{color:var(--accent)}.vocab-word{-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent);text-underline-offset:.25em;cursor:pointer;text-decoration-thickness:2px}.known-word{cursor:pointer;text-decoration:none}.chapter-body [data-lemma]{border-radius:4px;scroll-margin-block:96px}.chapter-body [data-lemma]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:color-mix(in srgb, var(--accent-strong) 22%, transparent)}.learning-word{text-underline-offset:.25em;cursor:pointer;-webkit-text-decoration:underline wavy #e67e22;text-decoration:underline wavy #e67e22;text-decoration-thickness:2px}.learning-word:after{content:" ★";color:#e67e22;vertical-align:super;font-size:.75em}.paragraph-zh{color:var(--zh-color,#5a7a96);text-align:justify;margin-top:.35rem;margin-bottom:.5rem;font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:.9em;font-weight:400;line-height:1.65;display:block}.typing-zh{opacity:.95;border-top:1px dashed var(--line);margin-top:.6rem;padding-top:.4rem}body.hide-zh .paragraph-zh,main.hide-zh .paragraph-zh,.hide-zh .paragraph-zh{display:none!important}.word-popover-card{z-index:100;background:linear-gradient(var(--surface-solid), var(--surface-solid)) padding-box, var(--ring) border-box;color:var(--fg);box-shadow:var(--card-shadow), 0 0 0 1px #0006;overscroll-behavior:contain;width:max-content;max-width:min(22rem,100vw - 16px);max-height:min(70vh,28rem);font:14px/1.5 var(--font-ui);transform-origin:0 0;border:1px solid #0000;border-radius:14px;padding:.85rem 1rem .9rem;animation:.18s cubic-bezier(.16,1,.3,1) pr-pop;position:fixed;overflow-y:auto}.word-popover-card[data-placement=top]{--pop-from:-4px;transform-origin:0 100%}.word-popover-card:focus{outline:none}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.word-popover-card{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--ring) border-box;-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4)}}.popover-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.4rem;display:flex}.popover-title-row{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.popover-word{margin:0;font-size:1.1rem;font-weight:600}.popover-lemma{color:var(--muted);font-size:.85rem}.popover-close{width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;margin:-4px -6px 0 0;padding:0;font-size:.85rem;display:grid}.popover-close:hover{background:var(--surface-2);color:var(--ink)}.popover-phonetic{color:var(--muted);font-size:.85rem;font-family:var(--font-mono);margin-bottom:.5rem}.popover-defs{margin-bottom:.8rem}.popover-def-list{margin:0;padding-left:1.2rem}.popover-empty{color:var(--muted);margin:0;font-style:italic}.popover-actions{flex-wrap:wrap;gap:.5rem;display:flex}.popover-btn{white-space:nowrap;border-radius:8px;flex:auto;padding:.45em .8em;font-size:13px}.popover-btn.active{background:var(--accent);color:#0b1020;border-color:var(--accent);font-weight:600}.popover-btn.active:hover:not(:disabled){border-color:var(--ink)}.has-context-gloss{border-bottom:2px solid var(--accent)}.context-badge{background:var(--context-bg);color:var(--accent);border:1px solid var(--accent);letter-spacing:.02em;border-radius:9999px;padding:.15em .5em;font-size:11px;font-weight:600}.popover-context-section{background:var(--context-bg);border-left:3px solid var(--accent);border-radius:4px;margin-bottom:.6rem;padding:.4rem .6rem}.popover-context-def{color:var(--fg);margin-bottom:.2rem;font-size:.95rem;font-weight:500}.popover-context-def .popover-pos{color:var(--muted);margin-right:.3em;font-style:italic}.popover-context-note{color:var(--muted);font-size:.82rem;font-style:italic;line-height:1.4}.popover-fallback-title{color:var(--muted);text-transform:uppercase;margin-top:.4rem;margin-bottom:.2rem;font-size:.75rem;font-weight:600}.popover-fallback-list{color:var(--muted);font-size:.88rem}.vocab-modal-backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);z-index:200;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));justify-content:center;align-items:center;animation:.18s ease-out pr-fade;display:flex;position:fixed;inset:0}.vocab-modal{background:linear-gradient(var(--surface-solid), var(--surface-solid)) padding-box, var(--ring) border-box;color:var(--fg);width:100%;max-width:48rem;max-height:min(85vh,100%);box-shadow:var(--card-shadow);font-family:var(--font-ui);--pop-from:10px;border:1px solid #0000;border-radius:18px;flex-direction:column;animation:.24s cubic-bezier(.16,1,.3,1) pr-pop;display:flex;overflow:hidden}.vocab-modal.shortcuts-modal{max-width:40rem}.vocab-modal-header{border-bottom:1px solid var(--hairline);flex-shrink:0;align-items:center;gap:.75rem;padding:1rem 1rem 1rem 1.5rem;display:flex}.vocab-modal-header h3{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:1.05rem;font-weight:600;overflow:hidden}.vocab-modal-count{color:var(--muted);font:500 12px var(--font-mono);flex-shrink:0}.vocab-modal-close{width:32px;height:32px;color:var(--muted);background:0 0;border:none;border-radius:9px;flex-shrink:0;place-items:center;padding:0;font-size:.95rem;display:grid}.vocab-modal-close:hover{background:var(--surface-2);color:var(--ink)}.vocab-modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:auto}.vocab-modal-body:focus-visible{outline-offset:-2px}.vocab-modal-empty{text-align:center;color:var(--muted);margin:0;padding:2.5rem 1.5rem;font-size:14px}.vocab-summary-table{border-collapse:collapse;width:100%;font-size:14px}.vocab-summary-table th{z-index:1;text-align:left;font:500 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:var(--surface-solid);box-shadow:inset 0 -1px 0 var(--hairline);padding:.6rem 1rem;position:sticky;top:0}.vocab-summary-table td{border-bottom:1px solid var(--hairline);vertical-align:top;padding:.6rem 1rem}.vocab-summary-table tbody tr:last-child td{border-bottom:0}.vocab-summary-table tbody tr:hover td{background:var(--surface-2)}.vocab-summary-table th:first-child,.vocab-summary-table td:first-child{padding-left:1.5rem}.vocab-cell-count,.vocab-cell-rank{font-family:var(--font-mono);color:var(--ink-2);white-space:nowrap;font-size:12.5px}.vocab-cell-def{color:var(--ink-2)}.vocab-chip{text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:.3em .75em;font-size:12px}.chip-mastered{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok);border-color:color-mix(in srgb, var(--ok) 40%, transparent)}.chip-learning{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent)}.chip-unfamiliar{color:var(--muted);border-color:var(--hairline);background:0 0}.shortcut-groups{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.5rem 2rem;padding:1.1rem 1.5rem 1.4rem;display:grid}.shortcut-group h4{font:500 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .5rem}.shortcut-list{grid-template-columns:auto 1fr;align-items:baseline;gap:.55rem 1rem;margin:0 0 .75rem;font-size:13.5px;display:grid}.shortcut-list dt{white-space:nowrap}.shortcut-list dd{color:var(--ink-2);margin:0}.shortcut-list kbd{background:var(--surface-2);padding:3px 7px;font-size:11px}.vocab-actions{border-top:1px solid var(--hairline);flex-wrap:wrap;gap:.5rem;margin-top:14px;padding-top:14px;display:flex}.vocab-actions:empty{display:none}.vocab-actions button{color:var(--muted);font-size:12.5px}.site-footer{border-top:1px solid var(--line);flex-wrap:wrap;gap:1.2rem;margin-top:2.5rem;padding-top:1rem;display:flex}.site-footer a{color:var(--muted);font-size:.9em;text-decoration:none}.site-footer a:hover{color:var(--accent);text-decoration:underline}.legal h1{font-size:1.7rem}.legal h2{margin-top:1.6em;font-size:1.15rem}.legal p,.legal li{line-height:1.65}.legal-note{color:var(--muted);font-size:.9em}.legal-draft-notice{background:#e67e221a;border:1px solid #e67e22;border-radius:8px;padding:.6em .9em;font-size:.9em}.typing-status{color:var(--muted);font:13px system-ui,sans-serif}.typing-mode>[data-paragraph-id]{opacity:var(--dim-opacity,.35);transition:opacity .2s}.typing-mode>.typing-done{opacity:var(--done-opacity,.55)}.typing-mode>.typing-done:not(.typing-active){filter:blur(5px);transition:opacity .2s,filter .3s}.typing-mode>.typing-done:hover{filter:none;opacity:1}.typing-mode>.typing-active{filter:none}@media (prefers-reduced-motion:reduce){.typing-mode>.typing-done{transition:none}}.typing-mode>.typing-active{opacity:1}.typing-active .char{color:var(--muted)}.typing-active .char.typed{color:var(--typed-color,#2e8b57)}.typing-active .char.cursor{box-shadow:inset 2px 0 0 var(--accent);animation:1.1s step-end infinite pr-caret}.typing-active .char.error{color:#fff;box-shadow:0 0 0 2px color-mix(in srgb, var(--err) 35%, transparent);background:#c0392b;border-radius:3px;animation:none}.typing-active .char.error-bump{animation:.22s ease-out pr-nudge}.roman-active .rtok{flex-direction:column;align-items:baseline;display:inline-flex}.roman-active .src{color:var(--muted);font-size:.62em;line-height:1.1}.roman-active .syl{white-space:nowrap}.roman-active .rtok+.rtok{margin-left:.35em}.roman-active .rpunct{color:var(--muted)}.roman-badge{color:var(--accent,#4a6fa5);letter-spacing:.02em;margin-top:.5rem;font:12px system-ui,sans-serif}@media (width<=640px){main{padding:1rem 1rem 3rem}main:has(>.reader){--reader-pad:1rem;padding-bottom:3rem}.word-popover-card{right:8px;bottom:calc(8px + env(safe-area-inset-bottom));border-radius:18px;width:auto;max-width:none;max-height:55vh;padding:1rem 1.1rem 1.1rem;animation:.24s cubic-bezier(.16,1,.3,1) pr-sheet;top:auto!important;left:8px!important}.popover-btn{min-height:42px}.popover-close{width:36px;height:36px}.vocab-modal-backdrop{align-items:flex-end;padding:0}.vocab-modal{width:100%;max-height:88vh;padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0;animation-name:pr-sheet}.vocab-modal-header,.vocab-summary-table th:first-child,.vocab-summary-table td:first-child{padding-left:1.1rem}.vocab-summary-table th,.vocab-summary-table td{padding-inline:.6rem}.vocab-summary-table th:nth-child(3),.vocab-cell-rank{display:none}.vocab-chip{min-height:32px}.shortcut-groups{padding:1rem 1.1rem 1.2rem}.vocab-actions{flex-direction:column}.vocab-actions button{width:100%;min-height:42px}.library-top .theme-toggle{margin-left:0}.book-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.flashcard{height:320px}}.account-bar{max-width:1240px;font:13px var(--font-ui);color:var(--muted);margin:0 auto;padding:12px clamp(1rem,5vw,2rem) 0}.account-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.account-actions button{white-space:nowrap;height:36px;padding:0 14px;font-size:13px}.account-actions .ledger-toggle,.account-actions .sign-out,.account-actions .sign-in-open{background:var(--surface-2);color:var(--ink);border-radius:999px;padding:0 16px;font-weight:500}.vocab-modal.sign-in-modal{max-width:24rem}.sign-in{flex-direction:column;gap:14px;padding:1.25rem 1.5rem 1.5rem;display:flex}.sign-in-lead{color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.sign-in-providers{order:1;gap:8px;display:grid}.sign-in-provider{width:100%;height:44px;color:var(--ink);border-radius:10px;font-size:14px;font-weight:500}.sign-in .turnstile{border-radius:8px;order:2;min-height:65px;overflow:hidden}.sign-in-status{min-height:1.4em;color:var(--muted);text-align:center;order:3;margin:0;font-size:12.5px;line-height:1.4}.sign-in-status:empty{display:none}.sign-in-status.error{color:var(--err)}.credit-badge,.account-name{isolation:isolate;white-space:nowrap;border:1px solid var(--hairline);background:var(--pill-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:default;border-radius:8px;height:36px;padding:0 14px;line-height:34px;transition:border-color .25s,transform .25s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative;overflow:hidden}.credit-badge:before,.account-name:before{content:"";z-index:-1;opacity:0;background:radial-gradient(circle,#6366f152,#6366f114 45%,#0000 75%);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:-1px;transform:scale(.4)}.credit-badge:hover,.account-name:hover{border-color:#6366f166;transform:translateY(-1px)}.credit-badge:hover:before,.account-name:hover:before{opacity:1;transform:scale(1)}.credit-badge{color:var(--pill-fg);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-weight:600}.credit-badge.frozen{color:var(--err)}.account-name{max-width:min(22rem,100%);color:var(--ink-2);font-weight:500}.account-name .ch{white-space:pre;transition:text-shadow .3s,color .3s;display:inline-block}.account-name:hover .ch{color:var(--ink);text-shadow:0 0 10px #a5b4fca6;animation:.42s cubic-bezier(.34,1.56,.64,1) both pr-hop;animation-delay:calc(var(--i,0) * 40ms)}.topup-open{border-radius:8px}.topup{align-items:center;gap:.35rem;display:inline-flex}[data-pack]{font-variant-numeric:tabular-nums}.account-status:empty{display:none}.account-status{text-align:right;margin:8px 0 0}.account-status.error,.compile-status.error{color:var(--err)}.compile-extras:empty{display:none}.topup-packs{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.35rem;display:flex}.topup-packs .topup-label,.topup-packs .topup-note{color:var(--muted)}.ledger{border-top:1px solid var(--hairline);font:13.5px/1.5 var(--font-ui);margin-top:.6rem;padding-top:.6rem}.ledger-list{gap:2px;max-height:min(50vh,22rem);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.ledger-entry{border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:5px 8px;display:flex}.ledger-entry:hover{background:var(--surface-2)}.ledger-entry .ledger-kind{min-width:4.5em;color:var(--fg);font-weight:600}.ledger-entry .ledger-amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ledger-entry .ledger-ctx{color:var(--muted)}.ledger-entry time{color:var(--ink-3);font:12px var(--font-mono);margin-left:auto}.ledger-note{color:var(--muted);margin:0}@media (pointer:coarse){.nav-pill{height:44px;padding:0 16px}.nav-compact{min-width:44px}.nav-step{width:44px;height:44px}.chapter-nav{height:44px}.tools-dropdown button{height:44px;font-size:14px}.popover-close,.vocab-modal-close{min-width:44px;min-height:44px}.reader-notice-close{width:44px;height:44px}.popover-btn{min-height:44px}.vocab-chip{min-height:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}