@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-ext-wght-normal.D4X5GqEv.woff2) 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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-wght-normal.CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-vietnamese-wght-normal.U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal.CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal.BzFMHfZw.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{--ink: #16161a;--paper: #fbfbf9;--card: #ffffff;--line: #16161a;--muted: #6e6e78;--accent: #728bed;--accent-ink: #ffffff;--good: #1a7f4b;--bad: #c0332b;--warn: #e0a21c;--warn-ink: #16161a;--soft: #ececeb;--shadow: var(--line);--r: 10px;--r-btn: 1em;--ledge: 3px;--ledge-sm: 3px;--edge: #e5e5e5;--fw-btn: 800;--fw-example: 300;--bar-h: 10px;--btn-case: none;--btn-tracking: .01em;--gap: 12px;--page-pad: 14px;--page-max: 560px;--card-pad: 16px;--border-w: 2px;--pop: 3px;--tab-h: 64px;--nav-w: 180px;--nav-fs: 16px;--avatar-bg: #AD4D49;--avatar-ink: #f7eef1;--font: "Nunito Variable", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fw-body: 600;--font-zh: "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--fs-body: 16px;--fs-small: 13px;--fs-label: 13px;--h1: 20px;--header-h: 52px;--header-gap: .5rem;--after-header: 4px;--rail-pad: 8px;--rail-gap: 2px;--brand-h: 31px;--brand-gap: 1rem;--flash-min-h: 190px;--flash-zh: 46px;--flash-zh-weight: 300;--flash-py: 17px;--flash-en: 20px;--flash-prompt: 24px;--hero-zh: 54px;--hero-zh-weight: 300;--sentence-zh: 28px;--sentence-py: 14px;--sentence-lg: 26px;--btn-pad: 15px 16px;--btn-sm-pad: 9px 12px;--btn-ghost-pad: 10px;--chip-pad: 9px 13px;--chip-tight-pad: 7px 11px;--speak-size: 46px;--origin-h: 18px;--page-max-md: 680px;--page-max-lg: 880px;--page-max-xl: 980px;--page-pad-md: 20px;--card-pad-md: 20px;--tab-h-md: 68px;--h1-md: 23px;--header-h-md: 60px;--flash-min-h-md: 230px;--flash-min-h-lg: 260px;--flash-zh-md: 56px;--flash-zh-lg: 64px;--flash-py-md: 19px;--flash-en-md: 22px;--flash-prompt-md: 27px;--hero-zh-md: 68px;--hero-zh-lg: 78px;--sentence-zh-md: 28px;--sentence-lg-md: 30px;--clip-cols: 1fr 1fr;--choice-fs: 16px;--choice-fs-md: 14.5px;--choice-fs-sm: 13.5px;--choice-fs-xs: 12.5px;--choice-lh: 1.3;--choice-pad: 12px 14px;--key-color: var(--accent);--cell-pad: 11px 14px;--cell-pad-tight: 11px 8px;--badge-pad: 3px 9px;--icon-btn: 34px;--wash: .02;--wash-blend: multiply;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--grain-opacity: .04;--avatar-sm: 28px;--avatar-md: 38px;--avatar-lg: 64px;--play-size: 64px;--play-bg: rgba(0, 0, 0, .45);--play-bg-hover: rgba(0, 0, 0, .62);--play-fill: rgba(255, 255, 255, .82);--play-fill-hover: #ffffff;--mask-h: 100%;--mask-blur: 15px;--stat-num: 28px;--stat-num-sm: 26px;box-sizing:border-box;-webkit-text-size-adjust:100%;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ink: #ecece8;--paper: #121215;--card: #1c1c21;--line: #43434e;--muted: #9a9aa6;--accent: #728bed;--accent-ink: #11111a;--good: #3fae74;--bad: #e2695f;--warn: #d9a441;--warn-ink: #16161a;--soft: #26262e;--shadow: #000000;--edge: #34343d;--wash: .015;--wash-blend: screen;--grain-opacity: .02;color-scheme:dark}}:root[data-theme=dark]{--edge: #34343d;--ink: #ecece8;--paper: #121215;--card: #1c1c21;--line: #43434e;--muted: #9a9aa6;--accent: #728bed;--accent-ink: #11111a;--good: #3fae74;--bad: #e2695f;--warn: #d9a441;--warn-ink: #16161a;--soft: #26262e;--shadow: #000000;--wash: .015;--wash-blend: screen;--grain-opacity: .02;color-scheme:dark}*,*:before,*:after{box-sizing:inherit}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:var(--fw-body) var(--fs-body)/1.45 var(--font);overscroll-behavior-y:contain}.zh{font-family:var(--font-zh);line-height:1.5}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.01em}h1{font-size:var(--h1);letter-spacing:-.02em}h2{font-size:19px}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px))}.page{flex:1 0 auto;width:100%;max-width:var(--page-max);margin:0 auto;padding:18px var(--page-pad) 28px;display:flex;flex-direction:column;gap:16px}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--card);border-top:var(--border-w) solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.tabs a{height:var(--tab-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10.5px;font-weight:600;text-decoration:none;color:var(--muted)}.tabs a.on{color:var(--accent)}.tabs .ico{font-size:21px;line-height:1}.tabs .ico svg{display:block;margin:0 auto}.profile{width:38px;height:38px;flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;line-height:1;position:relative;overflow:hidden;isolation:isolate;background-color:var(--avatar-bg);background-image:radial-gradient(circle at 22% 20%,#ff8a5c 0,transparent 48%),radial-gradient(circle at 84% 30%,#ff3d6e 0,transparent 46%),radial-gradient(circle at 30% 86%,#7a1030 0,transparent 52%),radial-gradient(circle at 80% 84%,#c8325a 0,transparent 50%),radial-gradient(circle at 50% 50%,#ad4d49 0,transparent 70%);color:var(--avatar-ink);border-radius:50%;font-size:16px;font-weight:700;text-decoration:none;transition:filter .12s}.profile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--grain);background-size:90px;mix-blend-mode:overlay;opacity:.55;pointer-events:none}.profile>span{position:relative;z-index:1;display:block;line-height:1;text-shadow:0 1px 1.5px rgba(0,0,0,.35)}@media (hover: hover){.profile:hover{filter:brightness(1.08) saturate(1.1)}}.nav-brand{display:none}.card{background:var(--card);border:0;border-radius:var(--r);padding:var(--card-pad)}.card.pop{box-shadow:none}.card.tint{background:var(--soft)}.card.flush{padding:0;overflow:hidden}.btn{display:block;width:100%;padding:var(--btn-pad);background:var(--card);color:var(--accent);border:var(--border-w) solid var(--edge);border-radius:var(--r-btn);font-weight:var(--fw-btn);letter-spacing:var(--btn-tracking);text-transform:var(--btn-case);text-align:center;text-decoration:none;box-shadow:0 var(--ledge) 0 var(--btn-ledge, var(--edge));transition:transform .06s,box-shadow .06s,background .12s,filter .12s}.btn:active{transform:translateY(var(--ledge));box-shadow:0 0 0 var(--btn-ledge, var(--edge))}.btn:disabled{opacity:.45;box-shadow:none;transform:none;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);--btn-ledge: color-mix(in srgb, var(--accent) 70%, #000)}.btn.good{background:var(--good);border-color:var(--good);color:#fff;--btn-ledge: color-mix(in srgb, var(--good) 70%, #000)}.btn.bad{background:var(--bad);border-color:var(--bad);color:#fff;--btn-ledge: color-mix(in srgb, var(--bad) 70%, #000)}.btn.warn{background:var(--warn);border-color:var(--warn);color:var(--warn-ink);--btn-ledge: color-mix(in srgb, var(--warn) 72%, #000)}.btn.choice{color:var(--ink)}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--ink);padding:var(--btn-ghost-pad)}.btn.ghost:active{transform:none}.btn.sm{--ledge: var(--ledge-sm);padding:var(--btn-sm-pad);font-size:14px}.btn.auto{width:auto}.btn.with-icon{display:inline-flex;align-items:center;justify-content:center;gap:2px}.btn.exit{padding-left:4px;padding-right:10px}@media (hover: hover){.btn:not(:disabled):not(.ghost):hover{filter:brightness(1.04)}.btn:not(.primary):not(.good):not(.bad):not(.warn):not(.ghost):not(:disabled):hover{background:color-mix(in srgb,var(--soft) 55%,var(--card))}.btn.ghost:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;justify-content:center;padding:var(--chip-pad);background:var(--card);color:var(--ink);border:var(--border-w) solid var(--edge);border-radius:1em;font-size:14px;font-weight:700;box-shadow:0 var(--ledge-sm) 0 var(--chip-ledge, var(--edge));transition:transform .06s,box-shadow .06s,background .12s}.chip:active{transform:translateY(var(--ledge-sm));box-shadow:0 0 0 var(--edge)}.chip.on{background:color-mix(in srgb,var(--accent) 13%,var(--card));border-color:var(--accent);color:var(--accent);--chip-ledge: var(--accent)}.chip.tight{padding:var(--chip-tight-pad);font-size:var(--fs-small)}.chip.badge{padding:4px 10px;font-size:12px;box-shadow:none}.chip:disabled{opacity:.3;cursor:not-allowed;box-shadow:none;transform:none}.chip .emoji{margin-right:5px}.row{display:flex;gap:var(--gap)}.row>*{flex:1}.stack{display:flex;flex-direction:column;gap:var(--gap)}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.inline{display:flex;align-items:center;gap:8px}.label{font-size:var(--fs-label);font-weight:700;color:var(--muted);margin:0}.muted{color:var(--muted);font-size:14px}.note{color:var(--muted);font-size:14px;margin:10px 0 0}.note.top{margin:0 0 10px}.note.tight{margin:6px 0 0}.spaced{margin-top:14px}.field{width:100%;padding:13px 14px;font:inherit;background:var(--card);color:var(--ink);border:var(--border-w) solid var(--edge);border-radius:var(--r)}.field::placeholder{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.bar{height:var(--bar-h);background:var(--soft);border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);transition:width .2s}.bar.grow{flex:1}.bar-row{display:flex;align-items:center;gap:12px}.bar-count{font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.speak{width:var(--speak-size);height:var(--speak-size);flex:0 0 var(--speak-size);display:grid;place-items:center;background:var(--card);color:var(--accent);border:var(--border-w) solid var(--edge);border-radius:50%;box-shadow:0 var(--ledge-sm) 0 var(--edge);transition:transform .06s,box-shadow .06s,background .12s}.speak:active{transform:translateY(var(--ledge-sm));box-shadow:0 0 0 var(--edge)}@media (hover: hover){.speak:hover{background:color-mix(in srgb,var(--soft) 55%,var(--card))}}.speak.center{margin:14px auto 0}.topbar{width:100%;padding-top:var(--header-gap);padding-bottom:var(--header-gap)}.topbar-inner{max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad);min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}.topbar h1{margin:0}.topbar-end{display:flex;align-items:center;gap:10px}.topbar+.page{padding-top:var(--after-header)}.rank{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px;min-width:78px;border:var(--border-w) solid var(--rank, var(--line));border-radius:var(--r);background:color-mix(in srgb,var(--rank, var(--accent)) 13%,transparent);box-shadow:0 var(--ledge-sm) 0 var(--rank, var(--line))}.rank-pct{font-size:17px;font-weight:700;line-height:1.1;color:var(--rank)}.rank-name{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stats{display:flex;gap:var(--gap);text-align:center}.stats>div{flex:1}.stat-num{font-size:var(--stat-num);font-weight:700}.stat-num.sm{font-size:var(--stat-num-sm)}.stat-num.good{color:var(--good)}.stat-num.warn{color:var(--warn)}.stat-num.bad{color:var(--bad)}.score{font-size:38px;font-weight:700}.center{text-align:center}.session-head{display:flex;align-items:center;gap:var(--gap)}.flash{position:relative;min-height:var(--flash-min-h);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}.flash-zh{font-size:var(--flash-zh);font-weight:var(--flash-zh-weight)}.flash-en{font-size:var(--flash-en);font-weight:600}.flash-prompt{font-size:var(--flash-prompt);font-weight:600}.flash-anchor{display:inline-block}.flash:not(.revealed)>.flash-main.with-py{padding-top:calc(clamp(12px,.5em,20px)*1.2 + 1px + .15em)}.flash>.flash-more{animation:flash-in .2s ease-out}@keyframes flash-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.flash>.flash-more{animation:none}}.flash>.speak{position:absolute;top:1em;right:1em}.flash-link{position:absolute;right:12px;bottom:10px;padding:5px 10px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--muted);background:var(--soft);text-decoration:none;transition:background .13s ease,color .13s ease}@media (hover: hover){.flash-link:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}}.origin{height:var(--origin-h);line-height:var(--origin-h);margin:-6px 0 -4px;font-size:11.5px;color:var(--muted);opacity:.65;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.example-tools{float:right;display:flex;gap:8px;margin:0 0 6px 12px}.example{display:flow-root}.example-zh{font-size:var(--sentence-zh);font-weight:var(--fw-example);margin:0}.example-py{font-size:var(--sentence-py);font-weight:var(--fw-example);color:var(--muted);margin:3px 0 0}.example-en{font-size:18px;font-weight:var(--fw-example);color:var(--muted);margin:6px 0 0}.example+.example{padding-top:var(--gap);border-top:1px solid var(--soft)}.prompt-zh{font-size:var(--sentence-lg);font-weight:var(--fw-example);margin:0;flex:1}.prompt-en{font-size:var(--flash-en);font-weight:var(--fw-example);margin:0}.choice{text-align:left}.choice.faded{opacity:.5}.choice-zh{font-size:19px;font-weight:var(--fw-example)}.hero-zh{font-size:var(--hero-zh);font-weight:var(--hero-zh-weight);line-height:1.2}.hero-py{font-size:18px;color:var(--muted);margin-top:4px}.hero-en{font-size:21px;font-weight:600;margin-top:8px}.word-top{display:flex;flex-direction:column;gap:var(--gap)}.word-card{text-align:center;display:flex;flex-direction:column;justify-content:center}.word-progress{display:flex;flex-direction:column;gap:10px}.status{font-size:20px;font-weight:700;margin:0}.status.known{color:var(--good)}.status.learning{color:var(--warn)}.status.new{color:var(--muted)}.facts{margin:0;display:grid;gap:6px}.facts>div{display:flex;justify-content:space-between;gap:10px}.facts dt{font-size:var(--fs-small);color:var(--muted);margin:0}.facts dd{font-size:var(--fs-small);font-weight:600;margin:0}.word-actions{display:flex;gap:8px;margin-top:auto}.word-actions>.btn{flex:1;border-color:var(--soft)}@media (hover: hover){.word-actions>.btn:hover{border-color:var(--line);background:var(--soft)}}.meta-row{display:flex;flex-direction:column;gap:14px}.drawer{width:100%;display:flex;align-items:center;gap:10px;padding:13px 14px;background:var(--card);border:0;border-radius:var(--r);text-align:left}.drawer .chev{font-size:19px;line-height:1;color:var(--muted);transition:transform .15s}.drawer .chev.open{transform:rotate(90deg)}.drawer .name{font-weight:700;flex:0 0 auto}.drawer .bar{height:6px;flex:1;min-width:40px;max-width:140px}.drawer .tally{font-size:12px;margin-left:auto;white-space:nowrap;color:var(--muted)}.list{margin-top:8px;content-visibility:auto;contain-intrinsic-size:auto 600px}.row-item{display:flex;align-items:center;gap:11px;padding:11px 14px;text-decoration:none;border-bottom:1px solid var(--soft)}.row-item:last-child{border-bottom:none}.row-item:active{background:var(--soft)}.dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--soft);border:1px solid var(--line)}.dot.learning{background:var(--warn)}.dot.known{background:var(--good)}.dot.due{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}.row-item .word{font-size:21px;font-weight:600;flex:0 0 auto;min-width:58px}.row-item .meta{display:flex;flex-direction:column;min-width:0}.row-item .py{font-size:var(--fs-small)}.row-item .en{font-size:var(--fs-small);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-row{display:flex;flex-direction:column;gap:var(--gap)}.clip-media{position:relative;aspect-ratio:16 / 9;border:0;border-radius:var(--r);overflow:hidden;background:#000;min-width:0}.clip-media iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.clip-mask{position:absolute;left:0;right:0;bottom:0;height:var(--mask-h);pointer-events:none;z-index:1;backdrop-filter:blur(var(--mask-blur));-webkit-backdrop-filter:blur(var(--mask-blur));background:#00000047;transition:opacity .2s ease}.clip-mask.lifted{opacity:0}.clip-answers{display:flex;flex-direction:column;gap:var(--gap);min-width:0}.clip-row.controls{flex-direction:row}.clip-row.controls>.btn{flex:1}.clip-row.controls>.btn.ghost{background:var(--soft)}@media (hover: hover){.clip-row.controls>.btn.ghost:hover{background:color-mix(in srgb,var(--soft) 80%,var(--ink))}}.uses{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.reveal-row{display:flex;flex-direction:column;gap:var(--gap)}.clip-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:2;padding:0;border:0;background:transparent;cursor:pointer}.clip-play svg{width:var(--play-size);height:var(--play-size);filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));opacity:0;transform:scale(.9);transition:opacity .18s ease,transform .18s ease}.clip-play.idle svg{opacity:1;transform:scale(1)}.clip-play.passthrough{pointer-events:none}.clip-play circle{fill:var(--play-bg);transition:fill .15s ease}.clip-play .glyph{fill:var(--play-fill);transition:fill .15s ease}.clip-play .ring{fill:none;stroke:var(--play-fill);stroke-width:3.5;stroke-linecap:round;transition:stroke .15s ease}@media (hover: hover){.clip-play.idle:hover circle{fill:var(--play-bg-hover)}.clip-play.idle:hover .glyph{fill:var(--play-fill-hover)}.clip-play.idle:hover .ring{stroke:var(--play-fill-hover)}.clip-play.idle:hover svg{transform:scale(1.06)}}.uses-word{font-size:26px;font-weight:400;margin:0}.uses-go{font-size:11.5px;color:var(--muted);margin:2px 0 0}a.uses{text-decoration:none;transition:background .13s ease}@media (hover: hover){a.uses:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}}.choice{font-size:var(--choice-fs);line-height:var(--choice-lh);padding:var(--choice-pad);white-space:normal;overflow-wrap:break-word;text-wrap:pretty}.choice.fit-md{font-size:var(--choice-fs-md);line-height:1.25}.choice.fit-sm{font-size:var(--choice-fs-sm);line-height:1.25}.choice.fit-xs{font-size:var(--choice-fs-xs);line-height:1.2}.key{color:var(--key-color);background:none}.prose p{margin:10px 0 0;line-height:1.6}.prose h2+p{margin-top:8px}.prose a{color:var(--accent)}.about-list{margin:10px 0 0;display:grid;gap:12px}.about-list dt{font-weight:700}.about-list dd{margin:2px 0 0;color:var(--muted);line-height:1.5}.hz-line{display:inline}.hz{display:inline-flex;flex-direction:column;align-items:center;vertical-align:top;padding:0 .04em;margin-bottom:.15em}.hz-c{line-height:1.2}.hz-p{margin-top:1px;font-family:var(--font);font-size:clamp(12px,.5em,20px);font-weight:var(--fw-example);line-height:1.2;color:var(--muted);white-space:nowrap}.hz-hidden .hz-p{visibility:hidden}.hz.key .hz-c,.hz.key .hz-p{color:var(--key-color)}.hz-fallback{display:block;margin-top:3px;font-family:var(--font);font-size:var(--sentence-py);font-weight:var(--fw-example);color:var(--muted)}.search-field{position:relative;display:block}.search-field svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-field .field{padding-left:42px}dialog.confirm{width:min(360px,calc(100vw - 32px));padding:0;border:0;border-radius:1.25em;background:var(--card);color:var(--ink);box-shadow:0 18px 48px #00000047}dialog.confirm::backdrop{background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog.confirm[open]{animation:confirm-in .16s ease-out}@keyframes confirm-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.confirm-body{padding:22px 20px 20px}.confirm-body h2{font-size:19px}.confirm-actions{display:flex;gap:var(--gap);margin-top:20px}.confirm-actions>.btn{flex:1}.site-footer{margin-top:auto;padding:18px 0 4px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);opacity:.7;font-size:12px}.footer-icons{display:flex;align-items:center;gap:12px}.footer-icon{display:inline-flex;color:inherit;transition:color .13s ease}button.footer-icon{padding:0;border:0;background:none;cursor:pointer}.footer-credit{margin:0}dialog.blank-screen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#fff}dialog.blank-screen::backdrop{background:#fff}.blank-close{position:absolute;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:inline-flex;padding:4px;border:0;border-radius:50%;background:none;color:#b4b4bc;cursor:pointer;transition:color .13s ease}@media (hover: hover){.blank-close:hover{color:#6e6e78}}.footer-credit a{color:inherit;font-weight:600;text-decoration:none}@media (hover: hover){.footer-icon[href]:hover,.footer-credit a:hover{color:var(--accent)}}.callout{border:var(--border-w) dashed var(--edge);background:var(--soft)}.callout.good{border-color:var(--good);border-style:solid}.callout.bad{border-color:var(--bad);color:var(--bad)}.hidden-input{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.spaced-sm{margin-top:8px}.good-text{color:var(--good)}.bad-text{color:var(--bad)}.field-label{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-label);font-weight:700;color:var(--muted)}.field-label .field{color:var(--ink);font-weight:var(--fw-body)}.field-label .muted{font-size:var(--fs-label);font-weight:600}.account-name{font-size:20px;font-weight:800;word-break:break-all}.role-badge{display:inline-block;padding:var(--badge-pad);border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;background:var(--soft);color:var(--muted)}.role-badge.admin{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.role-badge.student{background:color-mix(in srgb,var(--good) 15%,transparent);color:var(--good)}.table-wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{width:100%;border-collapse:collapse;font-size:15px}table.data th{padding:var(--cell-pad);text-align:left;font-size:var(--fs-label);font-weight:700;color:var(--muted);border-bottom:1px solid var(--soft);white-space:nowrap}table.data td{padding:var(--cell-pad);border-bottom:1px solid var(--soft);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data .num{text-align:right;font-variant-numeric:tabular-nums;width:1%;white-space:nowrap}table.data .strong{font-weight:800;white-space:nowrap}table.data .nowrap{white-space:nowrap;color:var(--muted);font-size:14px}table.data .actions{width:1%;white-space:nowrap;text-align:right;padding:var(--cell-pad-tight)}table.data .empty{text-align:center;color:var(--muted);padding:22px 14px}table.data tr.me td{background:color-mix(in srgb,var(--accent) 10%,transparent)}.place{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;border-radius:999px;font-weight:800;color:var(--muted)}.place.top{background:var(--accent);color:var(--accent-ink)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-btn);height:var(--icon-btn);border:0;border-radius:.7em;background:none;color:var(--muted);transition:background .13s ease,color .13s ease}.icon-btn:disabled{opacity:.3;cursor:not-allowed}@media (hover: hover){.icon-btn:not(:disabled):hover{background:var(--soft);color:var(--ink)}.icon-btn.bad:not(:disabled):hover{color:var(--bad)}}.load-more{display:flex;justify-content:center;padding:14px;border-top:1px solid var(--soft)}.me-line{display:flex;align-items:baseline;gap:12px;margin-top:8px;flex-wrap:wrap}.me-rank{font-size:30px;font-weight:800;color:var(--accent);line-height:1}.me-name{font-size:18px;font-weight:800;word-break:break-all}.me-known{margin-left:auto;color:var(--muted);font-weight:700}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--avatar-md);height:var(--avatar-md);border-radius:50%;overflow:hidden;isolation:isolate;color:#fff;background-color:#0d0d14}.avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--grain);background-size:90px;mix-blend-mode:overlay;opacity:.55;pointer-events:none}.avatar svg{position:relative;z-index:1;width:58%;height:58%;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45))}.avatar.sm{width:var(--avatar-sm);height:var(--avatar-sm)}.avatar.lg{width:var(--avatar-lg);height:var(--avatar-lg)}.avatar.g0{background-image:radial-gradient(circle at 18% 22%,#ffb347 0,transparent 52%),radial-gradient(circle at 84% 26%,#fff4a3 0,transparent 44%),radial-gradient(circle at 26% 84%,#ff3d6e 0,transparent 52%),radial-gradient(circle at 82% 80%,#12b5a5 0,transparent 50%),radial-gradient(circle at 50% 50%,#8b5cf6 0,transparent 72%)}.avatar.g1{background-image:radial-gradient(circle at 14% 78%,#ff6a3d 0,transparent 52%),radial-gradient(circle at 80% 18%,#4dd2ff 0,transparent 50%),radial-gradient(circle at 50% 50%,#ff4fd8 0,transparent 60%),radial-gradient(circle at 88% 86%,#fff36b 0,transparent 44%)}.avatar.g2{background-image:radial-gradient(circle at 20% 20%,#36f1cd 0,transparent 52%),radial-gradient(circle at 80% 66%,#7b5cff 0,transparent 56%),radial-gradient(circle at 26% 88%,#ff5c8a 0,transparent 48%),radial-gradient(circle at 86% 12%,#ffe066 0,transparent 36%)}.avatar.g3{background-image:radial-gradient(circle at 76% 16%,#ffd23f 0,transparent 46%),radial-gradient(circle at 18% 58%,#ee4266 0,transparent 54%),radial-gradient(circle at 86% 86%,#3bceac 0,transparent 50%),radial-gradient(circle at 38% 14%,#a23cff 0,transparent 46%)}.avatar.g4{background-image:radial-gradient(circle at 20% 26%,#00c2ff 0,transparent 52%),radial-gradient(circle at 72% 72%,#ff2e63 0,transparent 56%),radial-gradient(circle at 86% 14%,#f9f871 0,transparent 42%),radial-gradient(circle at 16% 90%,#7cffcb 0,transparent 40%)}.avatar.g5{background-image:radial-gradient(circle at 28% 72%,#ff9a3c 0,transparent 54%),radial-gradient(circle at 72% 28%,#b14aed 0,transparent 54%),radial-gradient(circle at 84% 88%,#2ee6a6 0,transparent 46%),radial-gradient(circle at 12% 10%,#ff4f9a 0,transparent 40%)}.avatar.g6{background-image:radial-gradient(circle at 50% 12%,#f72585 0,transparent 52%),radial-gradient(circle at 14% 76%,#4cc9f0 0,transparent 52%),radial-gradient(circle at 86% 70%,#ffbe0b 0,transparent 50%),radial-gradient(circle at 50% 60%,#7209b7 0,transparent 62%)}.avatar.g7{background-image:radial-gradient(circle at 24% 24%,#a0ff6b 0,transparent 48%),radial-gradient(circle at 76% 40%,#3a86ff 0,transparent 54%),radial-gradient(circle at 40% 86%,#ff006e 0,transparent 52%),radial-gradient(circle at 90% 90%,#ffd166 0,transparent 40%)}.profile-avatar{display:inline-flex;border-radius:50%;transition:filter .12s}.who{display:inline-flex;align-items:center;gap:10px}.account-head{display:flex;align-items:center;gap:14px}.account-who{min-width:0}.avatar-pick{position:relative;flex:0 0 auto}.avatar-btn,.avatar-choice{display:inline-flex;padding:0;border:0;background:none;border-radius:50%;transition:transform .12s ease,box-shadow .12s ease,filter .12s}.avatar-pop{position:absolute;top:calc(100% + 12px);left:0;z-index:30;display:grid;grid-template-columns:repeat(auto-fill,var(--avatar-md));gap:10px;width:min(352px,calc(100vw - 48px));padding:14px;background:var(--card);border-radius:1.25em;box-shadow:0 18px 48px #00000047,0 0 0 1px var(--edge);animation:confirm-in .16s ease-out}.avatar-choice.on{box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--accent)}@media (hover: hover){.profile-avatar:hover,.avatar-btn:hover{filter:brightness(1.08) saturate(1.1)}.avatar-choice:hover{transform:scale(1.1)}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--grain);background-size:180px;mix-blend-mode:overlay;opacity:var(--grain-opacity)}.blob{position:absolute;left:0;top:0;width:90vmax;height:90vmax;margin:-45vmax 0 0 -45vmax;background:radial-gradient(closest-side,var(--c),transparent);opacity:var(--wash);mix-blend-mode:var(--wash-blend);translate:var(--x) var(--y)}.blob.b1{--c: #728bed;--x: 88vw;--y: 4vh;transform:rotate(0) scale(1.25,.8)}.blob.b2{--c: #e2695f;--x: 4vw;--y: 88vh;transform:rotate(-35deg) scale(.85,1.2)}.blob.b3{--c: #d9a441;--x: -6vw;--y: 22vh;transform:rotate(40deg) scale(1.15,.9)}.blob.b4{--c: #2fb3a0;--x: 96vw;--y: 96vh;transform:rotate(25deg) scale(.9,1.2)}@media (min-width: 720px){.word-top{flex-direction:row;align-items:stretch}.word-top>.word-card{flex:1.1}.word-top>.word-progress{flex:1}.meta-row{flex-direction:row}.meta-row>div{flex:1}:root{--page-max: var(--page-max-md);--page-pad: var(--page-pad-md);--card-pad: var(--card-pad-md);--flash-min-h: var(--flash-min-h-md);--flash-zh: var(--flash-zh-md);--flash-py: var(--flash-py-md);--flash-en: var(--flash-en-md);--flash-prompt: var(--flash-prompt-md);--hero-zh: var(--hero-zh-md);--sentence-zh: var(--sentence-zh-md);--sentence-lg: var(--sentence-lg-md);--tab-h: var(--tab-h-md);--h1: var(--h1-md);--header-h: var(--header-h-md)}.tabs{padding-left:max(0px,calc((100% - var(--page-max)) / 2));padding-right:max(0px,calc((100% - var(--page-max)) / 2))}.tabs a{font-size:12px}.tabs .ico{font-size:23px}.profile{width:42px;height:42px;flex-basis:42px;font-size:18px}}@media (min-width: 1024px){:root{--page-max: var(--page-max-lg);--flash-min-h: var(--flash-min-h-lg);--flash-zh: var(--flash-zh-lg);--hero-zh: var(--hero-zh-lg)}.stack.grade{flex-direction:row}.stack.grade>.row{flex:2}.stack.grade>.btn{flex:1}.clip-row.main{display:grid;grid-template-columns:var(--clip-cols);align-items:stretch}.clip-row.controls{display:grid;grid-template-columns:var(--clip-cols)}.clip-row.main>.clip-media{height:100%}.clip-answers>.btn{flex:1 1 0;min-height:0;display:flex;align-items:center}.reveal-row{flex-direction:row;align-items:stretch}.reveal-row>.card:not(.uses){flex:4}.reveal-row>.uses{flex:1}.word-top{flex-direction:row;align-items:stretch}.word-top>.word-card{flex:1.1}.word-top>.word-progress{flex:1}.meta-row{flex-direction:row}.meta-row>div{flex:1}}@media (min-width: 1024px) and (orientation: landscape),(min-width: 1300px){.app{padding-bottom:28px;padding-left:calc(var(--nav-w) + 24px)}.tabs{top:calc(env(safe-area-inset-top,0px) + var(--header-gap) * 2 + var(--header-h) + var(--after-header) - var(--rail-pad) - var(--brand-h) - var(--brand-gap) - var(--rail-gap));bottom:auto;right:auto;left:12px;width:var(--nav-w);height:auto;grid-template-columns:1fr;grid-auto-flow:row;grid-auto-rows:max-content;gap:var(--rail-gap);background:none;border:none;border-radius:1em;padding:var(--rail-pad)}.tabs a{height:auto;flex-direction:row;justify-content:flex-start;gap:12px;padding:11px 1rem;border-radius:.7em;font-size:var(--nav-fs);transition:background .13s ease,color .13s ease}.tabs .ico{font-size:calc(var(--nav-fs) + 3px);width:24px;text-align:center;transition:transform .13s ease}@media (hover: hover){.tabs a:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)}.tabs a.on:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}}.tabs a.on{background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent)}.nav-brand{display:block;padding:0 1rem var(--brand-gap)}.nav-brand img{display:block;height:var(--brand-h);width:auto;opacity:.78;filter:saturate(.85)}}@media (min-width: 1300px){.app{padding-left:0}.tabs{left:max(12px,calc((100vw - var(--page-max)) / 2 - var(--nav-w) - 16px))}}@media (min-width: 1500px){:root{--page-max: var(--page-max-xl)}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}