@font-face{font-family:UKai Deck;src:url(/fonts/ukai-cn-subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#fff;--fg:#1a1a1a;--muted:#6b7280;--card-bg:#fff;--border:#e5e7eb;--accent:#c1272d;--link:#c1272d;--tone-1:#c62828;--tone-2:#2e7d32;--tone-3:#1565c0;--tone-4:#7b1fa2;--tone-5:#5f6368;--radius-lg:16px;--radius:12px;--radius-sm:10px;--ui-font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans SC", sans-serif;--panel-max:168px;--panel-border:1px;--hanzi-font:"UKai Deck", "Kaiti SC", STKaiti, KaiTi, "AR PL UKai CN", "Noto Serif CJK SC", "Noto Serif SC", "Songti SC", SimSun, serif;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--fg:#f3f4f6;--muted:#9ca3af;--card-bg:#171a21;--border:#262b36;--link:#ff6b6b;--tone-1:#ff8a80;--tone-2:#81c784;--tone-3:#7cb7f0;--tone-4:#ce93d8;--tone-5:#bdc1c6}}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--ui-font);background:var(--bg);color:var(--fg);margin:0}.app{max-width:640px;padding:1rem;padding-bottom:env(safe-area-inset-bottom);margin:0 auto}.app-header{justify-content:space-between;align-items:baseline;display:flex}.app-header h1{color:var(--link);margin:.5rem 0;font-size:1.25rem}.progress{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;display:inline-flex}.header-right{align-items:center;gap:.6rem;display:flex}.chip.install{border-color:var(--link);color:var(--link)}.kbd-hint,.verdict,.grade-hint{text-align:center;color:var(--muted);margin-top:.75rem;font-size:.8rem}.full-page{text-align:center;margin-top:.75rem;font-size:.9rem;display:block}@media (pointer:coarse){.kbd-hint{display:none}}.update-toast,.card,:is(.study,.review)>.app-header,.goal-card,.stat,.badge,.search,.level-select{border:1px solid var(--border);background:var(--card-bg)}:is(.study,.review)>.app-header{padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}.update-toast{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:50;border-radius:var(--radius);align-items:center;gap:1rem;max-width:calc(100% - 2rem);padding:.75rem 1rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}.update-actions{flex-shrink:0;gap:.5rem;display:flex}.card{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:0;padding:0 1.5rem 1.5rem}.listen-btn{border:1px solid var(--link);background:var(--bg);min-height:2.75rem;color:var(--link);cursor:pointer;border-radius:999px;align-items:center;gap:.25rem;padding:.4rem .8rem;font-size:.95rem;display:inline-flex}.listen-btn.sm,.listen-btn.slow{justify-content:center;min-width:2.75rem;padding:.25rem;font-size:1.2rem}.listen-btn.slow{font-variant-numeric:tabular-nums;font-size:.8rem}.chip,.rate,.choice,.check-option,.audio-play,.related-word,.nav-arrow{border:1px solid var(--border);background:var(--card-bg);color:var(--fg);cursor:pointer}.rate:hover,.check-option:hover,.audio-play:hover,.listen-btn:hover,.related-word:hover,.word-row:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.reveal-btn{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;width:100%;margin-top:1.5rem;padding:.75rem;font-size:1rem;display:block}.card-back{margin-top:1.25rem}.pinyin-row{justify-content:center;gap:.4rem;font-size:1.4em;font-weight:600;display:flex}.tone-1{color:var(--tone-1)}.tone-2{color:var(--tone-2)}.tone-3{color:var(--tone-3)}.tone-4{color:var(--tone-4)}.tone-5{color:var(--tone-5)}.english{gap:var(--sp-1);margin:var(--sp-2) auto var(--sp-4);text-align:center;flex-direction:column;max-width:40ch;display:flex}.english-primary{color:var(--fg);font-size:1.05em}.english-more{color:var(--muted);font-size:.9em}.stroke-order{text-align:center}.stroke-canvases{gap:var(--sp-2);flex-wrap:wrap;place-content:center;align-items:center;display:flex}.stroke-char{box-sizing:content-box;border:var(--panel-border) solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--fg) 4%, transparent);touch-action:none;position:relative}.stroke-char svg{display:block}.type-glyph{font-family:var(--hanzi-font);position:absolute;inset:0}.icon{flex:none;width:1em;height:1em}.stroke-controls{margin-top:var(--sp-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.stroke-actions{align-items:center;gap:.75rem;display:flex}.stroke-status{color:var(--link);margin:.4rem 0 0;font-size:.9rem}.search{border-radius:var(--radius-sm);width:100%;color:var(--fg);padding:.7rem .9rem;font-size:1rem}.filters{flex-wrap:wrap;gap:.4rem;margin:.75rem 0;display:flex}.chip{border-radius:999px;align-items:center;gap:.4em;padding:.35rem .8rem;font-size:.85rem;display:inline-flex}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.chip.go{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.result-bar{justify-content:space-between;align-items:center;gap:.75rem;margin:.25rem 0 .5rem;display:flex}.result-count{color:var(--muted);margin:0;font-size:.85rem}.word-list{margin:0;padding:0;list-style:none}.word-row{text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--fg);cursor:pointer;background:0 0;align-items:center;gap:.85rem;padding:.6rem .5rem;display:flex}.row-hanzi{min-width:2.4em;font-size:1.6rem}.row-body{flex-direction:column;flex:1;min-width:0;display:flex}.row-pinyin{font-weight:600}.row-english{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.row-meta{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.hsk-badge{color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:.1rem .35rem;font-size:.72rem}.has-ex{color:var(--tone-2);font-size:.9rem;display:inline-flex}.empty{text-align:center;color:var(--muted);margin-top:2rem}.link-btn.back{font-size:.95rem}.link-btn{color:var(--link);cursor:pointer;background:0 0;border:none;margin-top:.4rem;font-size:.85rem}.examples,.pattern,.related{text-align:center;max-width:46ch;margin-inline:auto}.pattern{text-align:left}.pattern p{color:var(--fg);margin:0;font-size:.95rem;line-height:1.6}.examples h3,.related h3,.pattern h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:var(--sp-5) 0 var(--sp-2);font-size:.8rem}:is(.report:has(.report-kinds),.report-done){flex-basis:100%}.report-ask{color:var(--muted);margin-bottom:var(--sp-2);font-size:.8rem;display:block}.report-kinds{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.report-kinds .chip{font-size:.8rem}.report-done{color:var(--accent);font-size:.85rem}.card-list{margin:.4rem 0 .6rem;padding:0;list-style:none}.card-list li{justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);display:flex}.recap{margin-bottom:var(--sp-4);padding:var(--sp-4);border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 5%, transparent);border-radius:14px}.recap h2{margin:0 0 var(--sp-2);color:var(--accent);font-size:1rem}.recap-line{margin:0 0 var(--sp-2);line-height:1.5}.recap .link-btn{padding:0}.badges{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));margin:.4rem 0 .6rem;display:grid}.badge{padding:var(--sp-3) var(--sp-2);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.15rem;display:flex}.badge:not(.on) .badge-icon{filter:grayscale();opacity:.45}.badge.on{border-color:var(--accent)}.badge-icon{font-size:1.4rem;line-height:1}.badge-label{font-size:.85rem;font-weight:600}.badge-detail{color:var(--muted);font-size:.75rem}.badge.on .badge-detail{color:var(--accent)}.badge-bar{background:var(--border);border-radius:2px;width:100%;height:3px;margin-top:.2rem;overflow:hidden}.badge-bar>span{background:var(--accent);height:100%;display:block}.milestone-hit{margin:var(--sp-2) 0 0;color:var(--accent);font-weight:600}.related-row{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.related-word{padding:var(--sp-2) .6rem;border-radius:10px;flex-direction:column;align-items:center;gap:.1rem;line-height:1.3;display:flex}.related-hanzi{font-size:1.15rem}.related-hanzi .shared{color:var(--accent)}.related-pinyin{color:var(--muted);font-size:.75rem}.example{padding:var(--sp-3) 0;border-top:1px solid var(--border)}.example-hanzi{justify-content:center;align-items:center;gap:var(--sp-2);flex-wrap:wrap;font-size:1.6em;line-height:1.5;display:flex}.example-pinyin{color:var(--muted);margin:var(--sp-1) 0}.example-english{color:var(--fg);font-size:1.05em}.loading{text-align:center;color:var(--muted);margin-top:3rem}.site-footer{gap:var(--sp-4);margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;align-items:center;font-size:.85rem;display:flex}.site-footer a{color:var(--muted)}.footer-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.type-answer{justify-content:center;gap:var(--sp-2);flex:1;display:flex}.type-answer input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:0;max-width:18rem;color:var(--fg);font:inherit;flex:1;padding:.55rem .8rem}.reveal-btn.compact{white-space:nowrap;width:auto;margin:0;padding:.55rem 1.1rem}.reveal-btn.grow{flex:1}.goal-card{padding:var(--sp-5) var(--sp-4);margin:var(--sp-4) 0;text-align:center;border-radius:16px}.goal-status{margin:0;font-size:1.3rem;font-weight:700}.goal-sub{color:var(--muted);margin:var(--sp-2) 0 0;font-size:.9rem}.goal-card .reveal-btn{margin-top:var(--sp-4)}.goal-bar{gap:var(--sp-1);margin-top:var(--sp-3);justify-content:center;display:flex}.goal-seg{background:color-mix(in srgb, var(--fg) 12%, transparent);border-radius:999px;width:3rem;height:.4rem}.goal-seg.on{background:var(--accent)}.home-stats{justify-content:space-between;gap:var(--sp-2) var(--sp-4);margin:0 0 var(--sp-4);color:var(--muted);flex-wrap:wrap;font-size:.85rem;display:flex}.home-stats strong{color:var(--fg)}.onboard-step h2{margin:var(--sp-5) 0 var(--sp-2);font-size:1.4rem;line-height:1.3}.onboard-sub{color:var(--muted);margin:0 0 var(--sp-4);font-size:.9rem}.onboard-points{margin:var(--sp-4) 0;color:var(--muted);padding-left:1.1rem;line-height:1.6}.onboard-points li+li{margin-top:var(--sp-3)}.onboard-points strong{color:var(--fg)}.choice-list{gap:var(--sp-2);flex-direction:column;display:flex}.choice{padding:var(--sp-3) var(--sp-4);text-align:left;border-radius:var(--radius);flex-direction:column;gap:.15rem;display:flex}.choice.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--card-bg))}.choice-title{font-weight:600}.placement-offer{margin:var(--sp-3) auto 0;display:block}.placement-word{margin:var(--sp-3) 0;font-family:var(--hanzi-font);text-align:center;font-size:3.5rem;line-height:1.1}.choice-blurb{color:var(--muted);font-size:.85rem}.choice-group{margin-bottom:var(--sp-5)}.choice-group h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 var(--sp-2);font-size:.8rem}.chip-row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.goal-summary{padding:var(--sp-3);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--fg) 4%, transparent);text-align:center;font-size:.95rem}.onboard-actions{gap:var(--sp-2);margin-top:var(--sp-5);display:flex}.onboard-actions .chip{padding-inline:1rem}.onboard-dots{gap:var(--sp-2);margin-top:var(--sp-4);justify-content:center;display:flex}.onboard-dots .dot{background:color-mix(in srgb, var(--fg) 18%, transparent);border-radius:999px;width:.5rem;height:.5rem}.onboard-dots .dot.on{background:var(--accent)}.level-select{max-width:60%;color:var(--fg);border-radius:8px;padding:.4rem .5rem;font-size:.85rem}.card-footer{border-top:1px solid var(--border);background:var(--card-bg);margin-top:1.5rem;padding-top:1rem;padding-bottom:.5rem;position:sticky;bottom:0}.rating{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.rate{border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .3rem;font-size:.95rem;font-weight:600;display:flex}.rate small{color:var(--muted);font-size:.72rem;font-weight:400}.rate.again{border-color:color-mix(in srgb, var(--tone-1) 55%, var(--border))}.rate.hard{border-color:color-mix(in srgb, var(--tone-4) 45%, var(--border))}.rate.good{border-color:color-mix(in srgb, var(--tone-2) 55%, var(--border))}.rate.easy{border-color:color-mix(in srgb, var(--tone-3) 55%, var(--border))}.rate.suggested{box-shadow:0 0 0 2px color-mix(in srgb, var(--tone-1) 55%, transparent)}.check-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.check-option{border-radius:var(--radius-sm);text-align:left;overflow-wrap:anywhere;align-items:center;gap:.45rem;min-height:2.9rem;padding:.55rem .6rem;font-size:.9rem;font-weight:500;line-height:1.25;display:flex}.check-option.big{justify-content:center;gap:.6rem;font-size:1.5em;font-weight:400}.check-option.big.long{font-size:1.2em}.check-option.hanzi{font-family:var(--hanzi-font)}.tones{font-variant-numeric:tabular-nums}.tone-sep{color:var(--muted);margin:0 .05em}.check-key{background:var(--border);width:1.2rem;height:1.2rem;color:var(--muted);border-radius:5px;flex:none;place-items:center;font-size:.7rem;font-weight:600;display:grid}.verdict.right{color:var(--tone-2)}.verdict.wrong{color:var(--tone-1)}.audio-prompt{justify-content:center;align-items:center;gap:var(--sp-3);min-height:calc(var(--panel-max) + var(--panel-border) * 2);flex-direction:column;display:flex}.audio-play{width:5rem;height:5rem;color:var(--accent);border-radius:50%;place-items:center;display:grid}.audio-play .icon{width:2.25rem;height:2.25rem}.audio-prompt-hint{color:var(--muted);margin:0;font-size:.9rem}.cloze{justify-content:center;align-items:center;gap:var(--sp-2);min-height:calc(var(--panel-max) + var(--panel-border) * 2);padding:0 var(--sp-2);flex-direction:column;display:flex}.cloze-hanzi{text-align:center;margin:0;font-size:1.6em;line-height:1.6}.cloze-gap{vertical-align:.12em;background:var(--accent);border-radius:2px;width:2.2em;height:.15em;margin:0 .15em;display:inline-block}.cloze-english{color:var(--muted);text-align:center;margin:0;font-size:1em}.calendar{grid-template-rows:repeat(7,1fr);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;max-width:22rem;margin:.4rem 0 .6rem;display:grid}.cal-day{aspect-ratio:1;background:color-mix(in srgb, var(--border) 55%, transparent);border-radius:3px}.cal-day.pad{background:0 0}.cal-day.lv1{background:color-mix(in srgb, var(--accent) 28%, transparent)}.cal-day.lv2{background:color-mix(in srgb, var(--accent) 50%, transparent)}.cal-day.lv3{background:color-mix(in srgb, var(--accent) 72%, transparent)}.cal-day.lv4{background:var(--accent)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0 1.5rem;display:grid}.stat{border-radius:var(--radius);text-align:center;padding:.85rem .5rem}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{color:var(--muted);margin-top:.15rem;font-size:.78rem}.stat-sub{color:var(--muted);opacity:.8;font-size:.7rem}.settings{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.settings h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .6rem;font-size:.8rem}.setting-row{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.backup-actions{flex-wrap:wrap;gap:.5rem;display:flex}.chip.danger{border-color:var(--tone-1);color:var(--tone-1)}.muted{color:var(--muted)}.small{font-size:.85rem}.msg{color:var(--tone-2);margin-top:.6rem;font-size:.9rem}.msg.error{color:var(--link)}.auth-form{flex-direction:column;gap:.5rem;margin:.5rem 0;display:flex}.auth-form .reveal-btn.compact{width:100%}.account .setting-row{flex-wrap:wrap;gap:.5rem}.auth-links{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;display:flex}.review.done{text-align:center;margin-top:3rem}.done-emoji{margin:0;font-size:3rem}.done-sub{color:var(--muted);margin-bottom:1.5rem}.examples-pending{color:var(--muted);font-style:italic}.card-nav{margin-top:var(--sp-3);padding-block:var(--sp-2) max(var(--sp-2), env(safe-area-inset-bottom));background:var(--bg);gap:.75rem;display:flex;position:sticky;bottom:0}.card-nav>*{flex:1 1 0}.nav-arrow{border-radius:var(--radius);justify-content:center;align-items:center;min-height:3.25rem;display:flex}.nav-arrow .icon{stroke-width:2.5px;width:2rem;height:2rem}.nav-arrow:disabled{color:var(--muted);cursor:default;background:0 0;border-style:dashed}.nav-reveal{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;min-height:3.25rem;font-size:1.05rem;font-weight:600}.review-controls{gap:var(--sp-2);display:flex}.review-controls .rating,.review-controls .check-grid,.review-controls>.reveal-btn{flex:1;margin:0}.nav-arrow.sm{border-radius:var(--radius-sm);width:2.5rem;min-height:0}.nav-arrow.sm .icon{width:1.25rem;height:1.25rem}.done-actions{gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}@media (width>=700px){:root{--panel-max:240px}.app{max-width:760px}.card{font-size:1.1rem}.report{order:1}}@media (width>=1024px){:root{--panel-max:280px}.app{max-width:920px}.card-back{column-gap:var(--sp-6);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;display:grid}.card-back>.examples{grid-area:1/2/span 2}.card-back>.examples h3{margin-top:0}.card-back>.related{grid-column:1/-1;max-width:none}.card-back.tracing{display:block}}@media (width>=700px) and (height<=860px){:root{--panel-max:200px}}@media (width>=1024px) and (height>=861px){.card{font-size:1.2rem}}