:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#2b37e0;--ui:#e6e8ff;--ui-dim:#e6e8ffb8;--line:#e6e8ff52;--paper:#fbf7ee;--print-red:#b8262b;--print-blue:#23407f;--nope:#e5484d;--font:"Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--zh:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--serif:"Instrument Serif", "Iowan Old Style", Georgia, "Times New Roman", serif;--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--pad:clamp(16px,2.6vw,30px)}body.look-dark{--paper:#1e2030;--print-blue:#dce3ff;--print-red:#ff8c7c}body.look-dark .strokebox{background:color-mix(in srgb, var(--paper) 80%, #000)}*,:before,:after{box-sizing:inherit}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);height:100%;color:var(--ui);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#stage{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#stage:focus-visible{box-shadow:inset 0 0 0 3px var(--ui)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[lang|=zh]{font-family:var(--zh)}button{font-family:inherit}:focus-visible{outline:2px solid var(--ui);outline-offset:3px}:root{--bar:56px}.topbar{z-index:6;height:calc(var(--st) + var(--bar));padding:var(--st) calc(var(--sr) + 10px) 0 calc(var(--sl) + 10px);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.icon-btn{width:44px;height:44px;color:var(--ui);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-self:start;place-items:center;display:grid}.icon-btn:hover{background:color-mix(in srgb, var(--ui) 10%, transparent)}.burger,.burger:before,.burger:after{content:"";background:currentColor;border-radius:2px;width:20px;height:2px;display:block;position:relative}.burger:before{position:absolute;top:-6px}.burger:after{position:absolute;top:6px}.brand{color:var(--ui);cursor:pointer;font:760 clamp(20px,2vw,24px)/1 var(--font);letter-spacing:-.02em;font-variation-settings:"opsz" 96;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:6px 10px;display:flex}.brand .zh{font-family:var(--zh);opacity:.85;margin-left:2px;font-size:.9em;font-weight:600}.brand-back{opacity:.7;border-bottom:2.5px solid;border-left:2.5px solid;width:9px;height:9px;margin:0 4px 0 2px;display:none;transform:rotate(45deg)}body:not(.at-home) .brand-back{display:inline-block}.bar-right{justify-self:end;align-items:center;gap:14px;padding-right:6px;font-size:14px;display:flex}.bar-stat{font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.bar-stat b{font-size:17px;font-weight:700}.bar-lbl{color:var(--ui-dim);font-size:13px}.flame-ico{opacity:.55;width:13px;height:16px;clip-path:path("M6.5 0C7 4 12 6 12 10.5 12 14 9.5 16 6.5 16S1 14 1 10.5C1 8 2.5 6.5 3.5 5.5 3.5 7.5 4.5 8.5 5.5 8.5 5 5.5 5 3 6.5 0Z");background:currentColor}.flame.lit .flame-ico{opacity:1;background:#ff8a3d}body.at-home .play-only,body:not(.at-home) .home-only{display:none}.corner{z-index:2;font-variation-settings:"opsz" 14;position:fixed}.tl{top:calc(var(--st) + var(--bar) + 6px);left:calc(var(--sl) + var(--pad));max-width:min(34vw,300px)}.q{margin:0}.pips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pips span{border:1.5px solid var(--ui);border-radius:50%;width:12px;height:12px;transition:background-color .3s,transform .3s}.pips span.on{background:var(--ui)}.pips small{color:var(--ui-dim);margin-left:6px;font-size:13px}.ask{margin:8px 0 0;font-size:17px;font-weight:560;line-height:1.35}.forgot{font:500 14px/1 var(--font);color:var(--ui);border:1px dashed var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;margin-top:10px;padding:8px 13px;display:inline-flex}.forgot:hover:not(:disabled){border-style:solid;border-color:var(--ui)}.forgot:disabled{opacity:.4;cursor:default}.forgot small{color:var(--ui-dim);font-size:12px}.ans.reveal{border-color:var(--ui);border-style:dashed}.tip{color:var(--ui-dim);margin:6px 0 0;font-size:14px;line-height:1.45}.pill{font:500 14px/1 var(--font);color:var(--ui);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:9px 14px}.pill:hover{border-color:var(--ui)}.pill.solid{background:var(--ui);color:var(--bg);border-color:var(--ui);font-weight:600}.slider{align-items:center;gap:9px;display:flex}.slider output{color:var(--ui-dim);font-variant-numeric:tabular-nums;min-width:5ch}.slider input{appearance:none;cursor:pointer;background:0 0;width:96px;height:26px}.slider input::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:2px}.slider input::-moz-range-track{background:var(--line);border-radius:2px;height:2px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ui);border:0;border-radius:50%;width:16px;height:16px;margin-top:-7px}.slider input::-moz-range-thumb{background:var(--ui);border:0;border-radius:50%;width:16px;height:16px}.ans{--tx:-50%;--ty:0px;--dx:0px;--hot:0;--in:1;z-index:3;font:560 17px/1.2 var(--font);color:var(--ui);border:1.5px solid var(--line);cursor:pointer;isolation:isolate;text-align:center;text-wrap:balance;max-width:min(40vw,320px);transform:translate(var(--tx), var(--ty)) translateX(var(--dx)) scale(calc((1 + var(--hot) * .16) * var(--in)));background:0 0;border-radius:999px;padding:12px 20px;transition:border-color .2s,color .15s;position:fixed;overflow:hidden}.ans:before{content:"";z-index:-1;background:var(--ui);opacity:calc(var(--hot) * .95);position:absolute;inset:0}.ans:hover{border-color:var(--ui)}.ans.lit{color:var(--bg);border-color:var(--ui)}.ans.zh{font-family:var(--zh);padding:8px 22px 10px;font-size:28px;font-weight:560}.ans.nope{color:#fff;border-color:var(--nope)}.ans.nope:before{background:var(--nope);opacity:1}.ans.yes{color:var(--bg);border-color:var(--ui)}.ans.yes:before{opacity:1}.ans.hint{animation:1s ease-in-out infinite hint}@keyframes hint{50%{box-shadow:0 0 0 7px var(--line);border-color:var(--ui)}}.ans.off{pointer-events:none}.ans[data-edge=top]{top:calc(var(--st) + var(--bar) + 8px);left:50%}.ans[data-edge=bottom]{bottom:calc(var(--sb) + var(--pad));left:50%}.ans[data-edge=left]{left:calc(var(--sl) + var(--pad));--tx:0px;--ty:-50%;max-width:min(24vw,240px);top:52%}.ans[data-edge=right]{right:calc(var(--sr) + var(--pad));--tx:0px;--ty:-50%;max-width:min(24vw,240px);top:52%}.note{z-index:5;pointer-events:none;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.note[hidden]{display:none}.note-inner{pointer-events:auto;flex-direction:column;align-items:center;gap:26px;display:flex}.slip{background:var(--paper);background-image:linear-gradient(90deg,#0000 49.7%,#3c280a0f 50%,#0000 50.3%),repeating-linear-gradient(0deg,#3c280a05 0 2px,#0000 2px 5px);width:min(640px,92vw);padding:18px clamp(20px,5vw,40px) 16px;position:relative;box-shadow:0 1px #0000000d,0 26px 50px -24px #0000008c,0 6px 14px -8px #0000004d}.result{text-align:center;color:var(--print-blue);font-variation-settings:"opsz" 12;margin:0 0 10px;font-size:13px}.fortune{font-family:var(--serif);color:var(--print-red);text-align:center;text-wrap:balance;margin:0;font-size:clamp(24px,3.2vw,34px);font-weight:400;line-height:1.22}.perf{border:0;border-top:1px dashed color-mix(in srgb, var(--print-blue) 35%, transparent);margin:18px 0 14px}.learnrow{color:var(--print-blue);align-items:center;gap:18px;display:flex}.zhbig{font-family:var(--zh);color:var(--print-red);font-size:clamp(40px,6vw,56px);font-weight:600;line-height:1}.zhinfo{flex:1;min-width:0}.zhinfo p{margin:0}.zhinfo .lbl{opacity:.8;font-size:12px}.zhinfo .py{font-size:20px;font-weight:600}.zhinfo .en{font-size:15px}.hear{font:560 14px/1 var(--font);color:var(--print-blue);border:1.5px solid color-mix(in srgb, var(--print-blue) 40%, transparent);cursor:pointer;background:0 0;border-radius:999px;padding:9px 14px}.hearbtns{flex-wrap:wrap;gap:8px;display:flex}.novoice{color:var(--print-blue);opacity:.85;margin:10px 0 0;font-size:12px}.novoice[hidden]{display:none}.hear:hover{border-color:var(--print-blue)}.hear:focus-visible{outline-color:var(--print-blue)}.lucky{color:var(--print-blue);margin:14px 0 0;font-size:13px}.lucky span{font-variant-numeric:tabular-nums;letter-spacing:.05em}.next{font:600 16px/1 var(--font);color:var(--bg);background:var(--ui);cursor:pointer;border:0;border-radius:999px;padding:14px 22px;box-shadow:0 10px 24px -12px #00000080}.drawer{z-index:9;background:var(--paper);width:min(400px,94vw);color:var(--print-blue);padding:calc(var(--st) + 24px) 22px calc(var(--sb) + 20px);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 50px -20px #00000080}.drawer[hidden]{display:none}.drawer-head{align-items:flex-start;gap:12px;display:flex}.drawer-head div{flex:1}.drawer h2{font-family:var(--serif);color:var(--print-red);margin:0;font-size:32px;font-weight:400;line-height:1.1}.drawer-head p{margin:4px 0 0;font-size:14px}.drawer .close[aria-pressed=true]{background:var(--print-blue);color:var(--paper);border-color:var(--print-blue)}.drawer .close{font:560 14px/1 var(--font);color:var(--print-blue);border:1.5px solid color-mix(in srgb, var(--print-blue) 40%, transparent);cursor:pointer;background:0 0;border-radius:999px;padding:9px 14px}.words{flex:1;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));align-content:start;gap:8px;margin:18px -6px 0;padding:0;list-style:none;display:grid;overflow:auto}.words button{text-align:left;background:color-mix(in srgb, var(--print-blue) 5%, transparent);border:1px solid color-mix(in srgb, var(--print-blue) 14%, transparent);cursor:pointer;width:100%;color:inherit;font:inherit;border-radius:10px;padding:10px 10px 9px}.words button:hover{border-color:color-mix(in srgb, var(--print-blue) 45%, transparent)}.words .h{font-family:var(--zh);color:var(--print-red);font-size:26px;font-weight:600;line-height:1.1;display:block}.words .p{margin-top:4px;font-size:14px;font-weight:600;display:block}.words .e{opacity:.85;font-size:12px;line-height:1.3;display:block}.words .lv{gap:3px;margin-top:6px;display:flex}.words .lv i{border:1px solid var(--print-blue);border-radius:50%;width:7px;height:7px}.words .lv i.on{background:var(--print-blue)}.empty{margin-top:18px;font-size:15px;line-height:1.5}@media (max-width:720px){.home{gap:18px}:root{--bar:50px}.bar-right{gap:10px}.tl{left:calc(var(--sl) + 12px);right:calc(var(--sr) + 12px);max-width:none;top:calc(var(--st) + var(--bar))}.q{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.pips small{display:none}.ask{flex:auto;min-width:0;margin:0}.forgot{margin:0;padding:6px 10px}.tip{display:none}.ask{font-size:15px}.ans{padding:10px 14px;font-size:14px}.ans.zh{padding:6px 14px 8px;font-size:22px}.ans[data-edge=top]{top:calc(var(--st) + var(--bar) + 48px)}.ans[data-edge=bottom]{bottom:calc(var(--sb) + 22px)}.ans[data-edge=left],.ans[data-edge=right]{max-width:30vw}.learnrow{flex-wrap:wrap;gap:12px}.learnrow .hearbtns{flex-basis:100%}}.dictation{z-index:3;left:50%;bottom:calc(var(--sb) + var(--pad));align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.dictation[hidden]{display:none}.dictation input{width:min(62vw,300px);font:560 20px/1.2 var(--font);color:var(--ui);border:1.5px solid var(--line);background:0 0;border-radius:999px;outline:none;padding:11px 18px}.dictation input::placeholder{color:var(--ui-dim)}.dictation input:focus{border-color:var(--ui)}@media (max-width:720px){.dictation{bottom:calc(var(--sb) + 22px)}.dictation input{font-size:17px}}.home{z-index:4;padding:calc(var(--st) + var(--bar) + 8px) 0 calc(var(--sb) + 28px);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:22px;display:flex;position:fixed;inset:0;overflow:hidden auto}.home[hidden]{display:none}.home>:first-child{margin-top:auto}.home>:last-child{margin-bottom:auto}.home-title{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(34px,5vw,60px);font-weight:400;line-height:1.05}.home-stats{max-width:46ch;color:var(--ui-dim);margin:0;font-size:16px;line-height:1.45}.modes{flex-wrap:wrap;justify-content:center;gap:clamp(12px,2.4vw,28px);margin:10px 0 6px;display:flex}.mode{--size:clamp(128px,15vw,184px);width:var(--size);height:var(--size);cursor:pointer;color:#fff;background:radial-gradient(circle at 30% 26%, #ffffffbf 0 6%, #fff0 18%), radial-gradient(circle at 70% 78%, #ffffff2e, #fff0 40%), radial-gradient(circle at 50% 55%, var(--c1), var(--c2));border:0;border-radius:48% 52% 50% 50%/52% 48%;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px;transition:transform .25s;animation:5.5s ease-in-out infinite wobble;display:flex;position:relative;box-shadow:inset -10px -14px 24px #00000038,inset 8px 10px 18px #ffffff47,0 18px 34px -18px #0000008c}.mode:nth-child(2){animation-delay:-1.3s}.mode:nth-child(3){animation-delay:-2.6s}.mode:nth-child(4){animation-delay:-3.9s}.mode:hover:not(:disabled){transform:scale(1.06)}.mode:focus-visible{outline:3px solid var(--ui);outline-offset:6px}.m-words{--c1:#ff9ccb;--c2:#e0357f}.m-plug{--c1:#8fa2ff;--c2:#3446e0}.m-listen{--c1:#ffd27a;--c2:#e08a12}.m-learn{--c1:#9be3b0;--c2:#23935a}.mode:disabled{cursor:default;filter:saturate(.35)brightness(.95);opacity:.75}.mode-name{letter-spacing:-.01em;text-shadow:0 1px 2px #00000040;font-size:clamp(20px,2vw,26px);font-weight:720}.mode-desc{opacity:.92;text-shadow:0 1px 2px #00000040;max-width:14ch;font-size:13px;line-height:1.3}.soon{background:#00000047;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;bottom:14%}@keyframes wobble{0%,to{border-radius:48% 52% 50% 50%/52% 48%}33%{border-radius:53% 47% 46% 54%/47% 54% 46% 53%}66%{border-radius:46% 54% 53% 47%/53% 46% 54% 47%}}@media (prefers-reduced-motion:reduce){.mode{animation:none}}.levels{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.levels-label{color:var(--ui-dim);margin-right:4px}.levels button{font:500 14px/1 var(--font);color:var(--ui);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:9px 14px}.levels button[aria-checked=true],.levels button[aria-pressed=true]{background:var(--ui);color:var(--bg);border-color:var(--ui);font-weight:600}.levels button[hidden]{display:none}.home-note{color:var(--ui-dim);margin:0;font-size:12px}body.at-home .q,body.at-home .ans{display:none}.home-title{font-size:clamp(28px,3.6vw,40px)}.fortune-day{max-width:40ch;font-family:var(--serif);color:var(--ui-dim);text-wrap:balance;margin:6px 24px 0;font-size:clamp(18px,2.1vw,22px);font-style:italic;line-height:1.3}.today{flex-direction:column;align-items:center;gap:6px;padding:0 20px;display:flex}.hero{cursor:pointer;color:inherit;background:0 0;border:0;border-radius:50%;margin-top:10px;padding:0}.hero:focus-visible{outline:none}.hero:focus-visible .hero-orb{outline:3px solid var(--ui);outline-offset:6px}.hero:disabled{cursor:default}.hero:disabled .hero-orb{filter:saturate(.3);opacity:.7}.hero-orb{--size:clamp(148px,19vw,196px)}.hero-orb .mode-name{font-size:clamp(22px,2.4vw,28px)}.m-today{--c1:#8fe3ff;--c2:#2e7be0}.shelf{flex-direction:column;gap:8px;width:100%;max-width:880px;display:flex}.shelf-title{text-align:left;letter-spacing:.09em;text-transform:uppercase;color:var(--ui-dim);margin:0;padding:0 20px;font-size:12px;font-weight:650}.strip,.cards{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:12px;margin:0;padding:6px 20px 10px;scroll-padding:0 20px;list-style:none;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.cards::-webkit-scrollbar{display:none}.strip>li,.cards>li{scroll-snap-align:start;flex:none}.strip>li:first-child,.cards>li:first-child{margin-left:auto}.strip>li:last-child,.cards>li:last-child{margin-right:auto}.wcard{border:1px solid var(--line);background:color-mix(in srgb, var(--ui) 7%, transparent);min-width:120px;max-width:172px;height:100%;color:var(--ui);cursor:pointer;text-align:left;font-family:var(--font);border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px 12px;display:flex}.wcard:hover{border-color:var(--ui)}.wcard .tag{color:var(--ui-dim);font-size:11px;font-weight:650}.wcard .h{font-family:var(--zh);margin-top:2px;font-size:30px;font-weight:600;line-height:1.15}.wcard .p{font-size:14px;font-weight:560}.wcard .e{color:var(--ui-dim);font-size:13px;line-height:1.3}.wcard.wotd{background:var(--ui);color:var(--bg);border-color:var(--ui)}.wcard.wotd .tag,.wcard.wotd .e{color:color-mix(in srgb, var(--bg) 72%, transparent)}.wcard.due .tag{color:var(--ui)}.strip-hint{max-width:230px;color:var(--ui-dim);text-align:left;align-self:center;font-size:14px;line-height:1.4}.card{border:1px solid var(--line);background:color-mix(in srgb, var(--ui) 7%, transparent);width:clamp(160px,19vw,184px);height:100%;color:var(--ui);cursor:pointer;font-family:var(--font);border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:16px 14px;display:flex}.card:hover:not(:disabled){border-color:var(--ui)}.card:disabled{cursor:default;opacity:.72}.card:disabled .mode{filter:saturate(.35)brightness(.95)}.mode.mini{--size:84px;padding:0}.card-name{letter-spacing:-.01em;margin-top:4px;font-size:20px;font-weight:720}.card-desc{color:var(--ui-dim);max-width:20ch;min-height:2.6em;font-size:13px;line-height:1.3}.card-meta{background:color-mix(in srgb, var(--ui) 13%, transparent);border-radius:999px;margin-top:auto;padding:4px 10px;font-size:12px;font-weight:650}.dots{justify-content:center;gap:7px;display:flex}.dots[hidden]{display:none}.dots i{background:var(--line);border-radius:50%;width:6px;height:6px;transition:background-color .2s,transform .2s}.dots i.on{background:var(--ui);transform:scale(1.3)}.scrim{z-index:7;background:#00000059;position:fixed;inset:0}.scrim[hidden]{display:none}.menu{z-index:8;width:min(360px,88vw);padding:calc(var(--st) + 14px) 18px calc(var(--sb) + 20px) calc(var(--sl) + 18px);background:var(--bg);color:var(--ui);flex-direction:column;gap:18px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:0 0 44px #00000059}.menu[hidden]{display:none}.menu-head{justify-content:space-between;align-items:center;display:flex}.menu-head h2{font-family:var(--serif);margin:0;font-size:30px;font-weight:400}.menu .close{font:560 14px/1 var(--font);color:var(--ui);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:9px 14px}.menu-words{background:var(--ui);color:var(--bg);font:700 17px/1.1 var(--font);cursor:pointer;text-align:left;border:0;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;display:flex}.menu-words small{opacity:.8;font-size:13px;font-weight:500}.menu-sec{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:14px;display:flex}.menu-sec h3{letter-spacing:.09em;text-transform:uppercase;color:var(--ui-dim);margin:0;font-size:12px;font-weight:650}.menu .levels{justify-content:flex-start}.menu .levels-label{text-align:left;width:100%;margin:0}.menu .slider input{flex:1;width:auto}.menu .home-note{text-align:left;line-height:1.45}.words .due{opacity:.7;margin-top:3px;font-size:11px;display:block}.example{border-top:1px dashed color-mix(in srgb, var(--print-blue) 25%, transparent);color:var(--print-blue);margin-top:16px;padding-top:12px}.example .lbl{opacity:.8;margin:0 0 6px;font-size:12px}.ex-hint{opacity:.7;margin-left:6px}.ex-zh{font-family:var(--zh);flex-wrap:wrap;align-items:flex-end;gap:2px 4px;margin:0;display:flex}.ex-zh .tok{font:inherit;color:var(--print-red);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:4px 4px 0 0;flex-direction:column;align-items:center;padding:2px 3px 1px;line-height:1.1;transition:background-color .15s;display:inline-flex}.ex-zh .tok .py{font-family:var(--font);color:var(--print-blue);opacity:.85;font-size:11px}.ex-zh .tok .hz{font-size:26px;font-weight:560}.ex-zh .tok:hover,.ex-zh .tok.on{background:color-mix(in srgb, var(--print-red) 10%, transparent)}.ex-zh .tok.me .hz{text-underline-offset:4px;font-weight:760;text-decoration:underline;text-decoration-thickness:2px}.ex-zh .tok:focus-visible{outline:2px solid var(--print-blue);outline-offset:1px}.ex-zh .pu{color:var(--print-red);padding-bottom:1px;font-size:26px}.ex-zh .r-S{border-bottom-color:#3b6fe0}.ex-zh .r-T{border-bottom-color:#e0a012}.ex-zh .r-P{border-bottom-color:#16a39a}.ex-zh .r-V{border-bottom-color:#e0413b}.ex-zh .r-O{border-bottom-color:#2f9e4f}.ex-zh .r-A{border-bottom-color:#8e4ec6}.ex-zh .r-X{border-bottom-color:#9a9a9a}.ex-en{margin:6px 0 10px;font-size:14px}.ex-src{opacity:.7;margin:-6px 0 10px;font-size:11px}.ex-src a{color:inherit}.pathview{z-index:4;background:var(--bg);padding:calc(var(--st) + var(--bar) + 6px) 20px calc(var(--sb) + 40px);position:fixed;inset:0;overflow-y:auto}.pathview[hidden]{display:none}.path-intro{text-align:center;max-width:560px;color:var(--ui-dim);margin:4px auto 18px;font-size:14px;line-height:1.45}.path-units{flex-direction:column;gap:26px;max-width:560px;margin:0 auto;display:flex}.punit-head{border:1px solid var(--line);background:color-mix(in srgb, var(--ui) 7%, transparent);border-radius:18px;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;padding:14px 16px;display:grid}.punit-no{letter-spacing:.09em;text-transform:uppercase;color:var(--ui-dim);grid-column:1/-1;margin:0;font-size:11px;font-weight:650}.punit-title{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:720}.punit-zh{font-family:var(--zh);justify-self:end;font-size:22px;font-weight:600}.punit-topic{color:var(--ui-dim);grid-column:1/-1;margin:2px 0 0;font-size:13px}.punit-note{font:600 13px/1 var(--font);color:var(--ui);border:1px dashed var(--line);cursor:pointer;background:0 0;border-radius:999px;grid-column:1/-1;justify-self:start;margin-top:8px;padding:7px 12px}.punit-later .punit-head{opacity:.55}.punit-soon{text-align:center;color:var(--ui-dim);margin:8px 0 0;font-size:13px}.trail{flex-direction:column;align-items:center;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.stop:nth-child(4n+2){transform:translate(64px)}.stop:nth-child(4n+4){transform:translate(-64px)}.stop-btn{color:var(--ui);cursor:pointer;font-family:var(--font);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.stop-btn:disabled{cursor:default}.stop .mode.mini{--size:74px}.stop-no{color:#fff;text-shadow:0 1px 2px #0000004d;font-size:22px;font-weight:760}.stop-title{text-align:center;max-width:16ch;font-size:14px;font-weight:600}.m-path{--c1:#8fe3ff;--c2:#2e7be0}.m-done{--c1:#9be3b0;--c2:#23935a}.stop.locked .mode{filter:saturate(0)brightness(.9);opacity:.55}.stop.locked .stop-title{opacity:.55}.stop.open .mode{box-shadow:0 0 0 5px color-mix(in srgb, var(--ui) 35%, transparent), inset -10px -14px 24px #00000038, inset 8px 10px 18px #ffffff47}.lesson{z-index:4;background:var(--bg);padding:calc(var(--st) + var(--bar) + 8px) 14px calc(var(--sb) + 14px);place-items:center;display:grid;position:fixed;inset:0}.lesson[hidden]{display:none}.lcard{background:var(--paper);width:min(620px,100%);max-height:100%;color:var(--print-blue);border-radius:6px;flex-direction:column;gap:14px;padding:18px 20px 20px;display:flex;overflow-y:auto;box-shadow:0 30px 60px -30px #0000008c}.lhead{justify-content:space-between;align-items:center;gap:10px;display:flex}.lstep{letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin:0;font-size:12px;font-weight:650}.lquit{font:600 13px/1 var(--font);color:var(--print-blue);border:1px solid color-mix(in srgb, var(--print-blue) 30%, transparent);cursor:pointer;background:0 0;border-radius:999px;padding:7px 12px}.lbar{background:color-mix(in srgb, var(--print-blue) 14%, transparent);border-radius:4px;height:4px;overflow:hidden}.lbar i{background:var(--print-red);width:0;height:100%;transition:width .35s;display:block}.lbody{flex-direction:column;gap:12px;display:flex}.lfoot{justify-content:flex-end;display:flex}.lfoot .next{background:var(--print-red);color:#fff}.lfoot .next:disabled{opacity:.35;cursor:default}.lh{font-family:var(--serif);color:var(--print-red);margin:0;font-size:30px;font-weight:400;line-height:1.1}.lh .lzh{font-family:var(--zh);font-size:.9em}.lkicker{letter-spacing:.09em;text-transform:uppercase;opacity:.7;margin:0;font-size:11px;font-weight:650}.lp{margin:0;font-size:16px;line-height:1.5}.lp.small{opacity:.8;font-size:13px}.meet{text-align:center;padding:6px 0 0}.meet-h{font-family:var(--zh);color:var(--print-red);font-size:clamp(64px,14vw,96px);font-weight:600;line-height:1.05}.meet-p{margin:6px 0 0;font-size:22px;font-weight:600}.meet-e{margin:2px 0 0;font-size:18px}.lbody .hearbtns{justify-content:center}.meet-ex{border-top:1px dashed color-mix(in srgb, var(--print-blue) 25%, transparent);padding-top:10px}.meet-exzh{font-family:var(--zh);color:var(--print-red);margin:4px 0 0;font-size:22px}.meet-exen{margin:2px 0 0;font-size:14px}.dlg{flex-direction:column;gap:10px;display:flex}.dline{align-items:flex-end;gap:8px;display:flex}.dline.side-r{flex-direction:row-reverse}.dwho{color:#fff;background:var(--print-blue);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.side-r .dwho{background:var(--print-red)}.dbubble{background:color-mix(in srgb, var(--print-blue) 7%, transparent);border-radius:14px;max-width:78%;padding:8px 12px 10px}.side-r .dbubble{background:color-mix(in srgb, var(--print-red) 8%, transparent)}.dbubble .dzh{margin:0}.dbubble .ex-zh .tok .hz{font-size:22px}.den{opacity:.8;margin:4px 0 0;font-size:13px}.dplay{border:1px solid color-mix(in srgb, var(--print-blue) 30%, transparent);width:30px;height:30px;color:var(--print-blue);cursor:pointer;background:0 0;border-radius:50%;flex:none;font-size:11px}.lopts{gap:8px;display:grid}.lopt{text-align:left;font:560 16px/1.3 var(--font);color:var(--print-blue);border:1.5px solid color-mix(in srgb, var(--print-blue) 30%, transparent);cursor:pointer;background:0 0;border-radius:12px;padding:11px 14px}.lopt:hover{border-color:var(--print-blue)}.lopt.yes{color:#fff;background:#2f9e4f;border-color:#2f9e4f}.lopt.nope{background:var(--nope);border-color:var(--nope);color:#fff}.bprompt{margin:0;font-size:18px;font-weight:600}.banswer,.bpool{border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:8px;min-height:66px;padding:10px;display:flex}.banswer{border:1.5px dashed color-mix(in srgb, var(--print-blue) 35%, transparent)}.banswer.right{background:#2f9e4f14;border-style:solid;border-color:#2f9e4f}.banswer.shown{border-style:solid;border-color:var(--print-red)}.btile{font-family:var(--zh);color:var(--print-red);border:1.5px solid color-mix(in srgb, var(--print-blue) 25%, transparent);cursor:pointer;box-shadow:0 2px 0 color-mix(in srgb, var(--print-blue) 15%, transparent);background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:5px 10px 7px;display:inline-flex}.btile .py{font-family:var(--font);color:var(--print-blue);font-size:11px}.btile .hz{font-size:24px;font-weight:600}.btile:disabled{cursor:default}.bend{font-family:var(--zh);color:var(--print-red);font-size:24px}.ldone{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 12px;margin:0;padding:0;list-style:none;display:grid}.ldone li{align-items:baseline;gap:6px;display:flex}.ldone .h{font-family:var(--zh);color:var(--print-red);font-size:20px}.ldone .p{font-size:13px}.ldone .e{opacity:.75;font-size:12px}.strokebox{background:color-mix(in srgb, var(--paper) 88%, #fff 12%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--print-red) 35%, transparent);touch-action:none;border-radius:8px;align-self:center;position:relative}.strokebox .grid{fill:none;width:100%;height:100%;stroke:color-mix(in srgb, var(--print-red) 28%, transparent);stroke-width:.6px;stroke-dasharray:2 2;position:absolute;inset:0}.strokebox .grid rect{stroke-dasharray:none;stroke-width:.8px}.strokebox .strokes{position:relative}.wword{justify-content:center;align-items:baseline;gap:8px;margin:0;display:flex}.wword .h{font-family:var(--zh);color:var(--print-red);font-size:24px}.wword .p{font-size:15px;font-weight:600}.wword .e{opacity:.75;font-size:14px}.wstatus{text-align:center;min-height:1.4em;margin:0;font-size:15px;font-weight:600}.stop-write{font:600 12px/1 var(--font);color:var(--ui);border:1px dashed var(--line);cursor:pointer;background:0 0;border-radius:999px;margin-top:2px;padding:5px 10px}.pill-ink{font:600 14px/1 var(--font);color:var(--print-blue);border:1.5px solid color-mix(in srgb, var(--print-blue) 35%, transparent);cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;padding:10px 14px}:root{--tabbar:74px}.shell{z-index:4;padding:calc(var(--st) + var(--bar) + 4px) 0 calc(var(--sb) + var(--tabbar) + 30px);scroll-padding:calc(var(--st) + var(--bar) + 8px) 0 calc(var(--sb) + var(--tabbar) + 24px);position:fixed;inset:0;overflow:hidden auto}.shell[hidden]{display:none}.tab{flex-direction:column;gap:18px;max-width:760px;margin:0 auto;padding:0 20px;display:flex}.tab[hidden]{display:none}#tab-path{text-align:center;align-items:stretch}.tab-title{font-family:var(--serif);letter-spacing:-.01em;text-align:left;margin:10px 0 0;font-size:clamp(30px,4vw,42px);font-weight:400;line-height:1.05}#tab-path .tab-title{margin-top:18px}.tab-sub{color:var(--ui-dim);text-align:left;margin:0;font-size:15px;line-height:1.5}.shell .today{align-items:center}.shell .path-units,.shell .path-intro{max-width:none}.shell .strip{padding-left:0;padding-right:0}.shell .strip>li:first-child{margin-left:0}.tabbar{z-index:6;left:50%;bottom:calc(var(--sb) + 12px);background:color-mix(in srgb, var(--bg) 58%, transparent);-webkit-backdrop-filter:blur(22px)saturate(170%);backdrop-filter:blur(22px)saturate(170%);box-shadow:inset 0 1px 0 #ffffff73, inset 0 0 0 1px color-mix(in srgb, var(--ui) 16%, transparent), 0 18px 40px -18px #0000008c;border-radius:26px;gap:2px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}.tabbar[hidden]{display:none}.tab-drop{background:color-mix(in srgb, var(--ui) 16%, transparent);pointer-events:none;border-radius:20px;width:0;position:absolute;top:6px;bottom:6px;left:0;box-shadow:inset 0 1px #ffffff8c,0 6px 16px -8px #0006}.tabbtn{min-width:74px;color:var(--ui-dim);cursor:pointer;font-family:var(--font);background:0 0;border:0;border-radius:20px;flex-direction:column;align-items:center;gap:2px;padding:7px 10px 6px;transition:color .2s;display:flex;position:relative}.tabbtn[aria-current=page]{color:var(--ui)}.tabbtn:active{transform:scale(.94)}.tab-zh{font-family:var(--zh);font-size:20px;font-weight:600;line-height:1}.tab-en{letter-spacing:.02em;font-size:11px;font-weight:650}body:not(.at-home) .home-only{display:none}.topbar{grid-template-columns:1fr auto 1fr}.back{width:44px;height:44px;color:var(--ui);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-self:start;place-items:center;display:grid}body.at-home .back{visibility:hidden}.back .brand-back{display:inline-block}.brand{cursor:default;margin:0}.tiles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.tiles .card{width:100%}.orb-glyph{font-family:var(--zh);color:#fff;text-shadow:0 1px 3px #0000004d;font-size:34px;font-weight:600}.m-write{--c1:#f6a6a0;--c2:#c73e3a}.you-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.you-stat{border:1px solid var(--line);background:color-mix(in srgb, var(--ui) 7%, transparent);border-radius:18px;flex-direction:column;gap:2px;padding:14px;display:flex}.you-stat b{font-variant-numeric:tabular-nums;font-size:28px;font-weight:760;line-height:1}.you-stat span{color:var(--ui-dim);font-size:12px}.you-sub{color:var(--ui-dim);margin:0;font-size:13px;line-height:1.5}#tab-you .words{color:var(--ui);flex:none;margin:0;overflow:visible}#tab-you .words button{color:var(--ui);background:color-mix(in srgb, var(--ui) 7%, transparent);border-color:var(--line)}#tab-you .words .h{color:var(--ui)}#tab-you .words .lv i{border-color:var(--ui)}#tab-you .words .lv i.on{background:var(--ui)}.ygroup{border:1px solid var(--line);background:color-mix(in srgb, var(--ui) 6%, transparent);border-radius:20px}.ygroup>summary{cursor:pointer;border-radius:20px;align-items:center;gap:12px;padding:16px 18px;list-style:none;display:flex}.ygroup>summary::-webkit-details-marker{display:none}.ygroup>summary:focus-visible{outline:2px solid var(--ui);outline-offset:2px}.yg-t{font-size:17px;font-weight:700}.yg-v{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ui-dim);text-align:right;margin-left:auto;font-size:14px;overflow:hidden}.yg-c{border-right:2px solid var(--ui-dim);border-bottom:2px solid var(--ui-dim);flex:none;width:8px;height:8px;margin:0 4px 4px 0;transition:transform .25s;transform:rotate(45deg)}.ygroup:not(:has(.yg-v)) .yg-c{margin-left:auto}.ygroup[open] .yg-c{margin-bottom:-4px;transform:rotate(225deg)}.yg-body{flex-direction:column;gap:12px;padding:2px 18px 18px;display:flex}@media (prefers-reduced-motion:reduce){.yg-c{transition:none}}#tab-you .levels{justify-content:flex-start}#tab-you .levels-label{text-align:left;width:100%;margin:0}#tab-you .slider input{flex:1;width:auto}#tab-you .home-note{text-align:left;line-height:1.45}.shell .shelf-title{padding:0}#tab-you .words .empty{color:var(--ui-dim);grid-column:1/-1;margin:0}.shell .strip[hidden]{display:none}.zoomfill{z-index:7;pointer-events:none;position:fixed;inset:0}@media (max-width:720px){.tabbtn{min-width:64px}.tab{padding:0 16px}.you-stat b{font-size:22px}}.card,.hero,.stop-btn,.wcard,.pill,.levels button,.tabbtn,.lopt,.btile,.next,.forgot,.hear,.punit-note,.stop-write,.menu-words{transition:transform .45s cubic-bezier(.34,1.56,.64,1),border-color .2s,background-color .2s,color .2s}.card:active:not(:disabled),.hero:active:not(:disabled),.stop-btn:active:not(:disabled),.wcard:active,.pill:active,.levels button:active,.tabbtn:active,.lopt:active,.btile:active,.next:active,.forgot:active:not(:disabled),.hear:active,.punit-note:active,.stop-write:active{transition-duration:80ms;transform:scale(.95)}.popchip{z-index:6;pointer-events:none;font:700 15px/1 var(--font);color:var(--ui);white-space:nowrap;background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);box-shadow:inset 0 1px 0 #ffffff73, inset 0 0 0 1px color-mix(in srgb, var(--ui) 18%, transparent), 0 10px 24px -12px #00000080;border-radius:999px;padding:8px 14px;position:fixed}.slip{touch-action:pan-x;cursor:grab}.slip button,.slip a{cursor:pointer}@media (prefers-reduced-motion:reduce){.card,.hero,.stop-btn,.wcard,.pill,.levels button,.tabbtn,.lopt,.btile,.next,.forgot,.hear{transition:none}}.m-read{--c1:#c9b8ff;--c2:#6a4fe0}.tab-h{letter-spacing:.09em;text-transform:uppercase;color:var(--ui-dim);text-align:left;margin:6px 0 -8px;font-size:12px;font-weight:650}.stories{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.scard{text-align:left;cursor:pointer;border:1px solid var(--line);width:100%;color:var(--ui);font-family:var(--font);background:color-mix(in srgb, var(--ui) 7%, transparent);-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);border-radius:22px;align-items:center;gap:14px;padding:12px 16px 12px 12px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),background-color .2s;display:flex;box-shadow:inset 0 1px #ffffff47}.scard:hover:not(:disabled){background:color-mix(in srgb, var(--ui) 12%, transparent)}.scard:active:not(:disabled){transition-duration:80ms;transform:scale(.97)}.scard .mode.mini{--size:64px;flex:none}.scard .orb-glyph{font-size:28px}.scard-text{flex-direction:column;gap:3px;min-width:0;display:flex}.scard-zh{font-size:21px;font-weight:600;line-height:1.2}.scard-en{font-size:15px;font-weight:650;line-height:1.25}.scard-meta{color:var(--ui-dim);font-size:12.5px;line-height:1.35}.story.locked .scard{cursor:default;opacity:.62}.story.locked .mode{filter:saturate(0)brightness(.9);opacity:.6}.reader{--py-o:1;z-index:4;background:var(--bg);padding:calc(var(--st) + var(--bar) + 6px) 14px calc(var(--sb) + 28px);scroll-padding:calc(var(--st) + var(--bar) + 70px) 0 40px;position:fixed;inset:0;overflow-y:auto}.reader[hidden]{display:none}.reader-bar{z-index:2;width:min(680px,100%);color:var(--ui);background:color-mix(in srgb, var(--bg) 60%, transparent);-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%);box-shadow:inset 0 1px 0 #ffffff73, inset 0 0 0 1px color-mix(in srgb, var(--ui) 16%, transparent), 0 14px 30px -18px #0000008c;border-radius:999px;justify-content:space-between;align-items:center;gap:14px;margin:0 auto 12px;padding:8px 8px 8px 16px;display:flex;position:sticky;top:0}.pyslider{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.pyslider-l{font-size:15px;font-weight:600}.pyslider input{min-width:60px;max-width:220px;accent-color:var(--ui);flex:1}.rplay{font:650 14px/1 var(--font);color:var(--bg);background:var(--ui);cursor:pointer;border:0;border-radius:999px;flex:none;padding:11px 16px}.reader-page{background:var(--paper);width:min(680px,100%);color:var(--print-blue);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:8px;margin:0 auto;padding:24px clamp(18px,4vw,40px) 26px;box-shadow:0 30px 60px -30px #0000008c}.r-head{text-align:center;margin-bottom:14px}.r-title{color:var(--print-red);margin:0;font-size:clamp(30px,6vw,40px);font-weight:600;line-height:1.15}.r-en{font-family:var(--serif);margin:4px 0 0;font-size:22px}.r-meta{letter-spacing:.04em;opacity:.7;margin:6px 0 0;font-size:12px}.r-para{text-align:left;margin:0 0 14px;font-size:clamp(23px,5.2vw,28px);line-height:2.15}.r-sent{cursor:pointer;border-radius:6px;transition:background-color .25s}.r-sent.pressing{background:color-mix(in srgb, var(--print-blue) 8%, transparent)}.r-sent.shown,.r-sent.playing{background:color-mix(in srgb, var(--print-red) 8%, transparent)}.r-w{ruby-position:over;border-radius:4px;padding:0 1px;transition:color .15s,background-color .15s}.r-w rt{font-family:var(--font);letter-spacing:.01em;color:var(--print-blue);opacity:var(--py-o);font-size:.42em;font-weight:500;transition:opacity .15s}.r-w.shown{background:color-mix(in srgb, var(--print-red) 14%, transparent);color:var(--print-red)}.r-w.lit{color:var(--print-red)}.r-pu{opacity:.8}.r-foot{border-top:1px dashed color-mix(in srgb, var(--print-blue) 25%, transparent);flex-direction:column;align-items:center;gap:12px;margin-top:22px;padding-top:18px;display:flex}.r-done{background:var(--print-red);color:#fff}.r-credit{opacity:.7;text-align:center;margin:0;font-size:12px}.r-credit a{color:inherit}.rpop{--ax:50%;z-index:8;max-width:min(360px,100vw - 24px);color:var(--print-blue);background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);box-shadow:inset 0 1px 0 #ffffffb3, 0 0 0 1px color-mix(in srgb, var(--print-blue) 14%, transparent), 0 18px 36px -16px #00000080;border-radius:16px;padding:10px 14px;position:fixed}.rpop:after{content:"";left:var(--ax);background:inherit;width:12px;height:12px;box-shadow:1px 1px 0 color-mix(in srgb, var(--print-blue) 14%, transparent);margin-left:-6px;position:absolute;bottom:-6px;transform:rotate(45deg)}.rpop.below:after{box-shadow:-1px -1px 0 color-mix(in srgb, var(--print-blue) 14%, transparent);top:-6px;bottom:auto}.rpop[hidden]{display:none}.rpop-word{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.rpop-h{color:var(--print-red);font-size:26px;font-weight:600}.rpop-p{font-size:16px;font-weight:650}.rpop-e{flex-basis:100%;font-size:15px;line-height:1.35}.rpop-en{margin:0 0 8px;font-size:16px;line-height:1.4}.rpop .hear{padding:7px 12px;font-size:13px}.setchip{border:1px solid var(--line);cursor:pointer;max-width:100%;color:var(--ui);font:500 14px/1.2 var(--font);background:color-mix(in srgb, var(--ui) 9%, transparent);border-radius:999px;align-self:flex-start;align-items:baseline;gap:8px;margin-top:-6px;padding:10px 16px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),background-color .2s;display:inline-flex}.setchip:hover{background:color-mix(in srgb, var(--ui) 14%, transparent)}.setchip:active{transition-duration:80ms;transform:scale(.96)}.setchip-k{color:var(--ui-dim)}.setchip-v{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.setchip-c{color:var(--ui-dim);font-size:11px}.sheet{z-index:9;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet[hidden]{display:none}.sheet-panel{width:min(720px,100%);height:calc(100% - var(--st) - 28px);color:var(--ui);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(26px)saturate(170%);backdrop-filter:blur(26px)saturate(170%);border-radius:26px 26px 0 0;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff73,0 -20px 50px -20px #0009}.sheet-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 12px 22px;display:flex}.sheet-title{font-family:var(--serif);margin:0;font-size:32px;font-weight:400;line-height:1.05}.sheet-sum{color:var(--ui-dim);min-height:1.3em;margin:4px 0 0;font-size:14px}.sheet-x{cursor:pointer;width:40px;height:40px;color:var(--ui);background:color-mix(in srgb, var(--ui) 12%, transparent);border:0;border-radius:50%;flex:none;font-size:16px}.sheet-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;padding:6px 16px 20px;display:flex;overflow-y:auto}.sheet-h{letter-spacing:.09em;text-transform:uppercase;color:var(--ui-dim);margin:14px 6px 0;font-size:12px;font-weight:650}.sheet-sub{color:var(--ui-dim);margin:0 6px 4px;font-size:13px;line-height:1.45}.sheet-foot{padding:12px 18px calc(var(--sb) + 14px);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-clear{font:600 14px/1 var(--font);color:var(--ui);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:11px 16px}.sheet-apply{background:var(--ui);color:var(--bg)}.sheet-apply:disabled{opacity:.45;cursor:default}.wgroup{border:1px solid var(--line);background:color-mix(in srgb, var(--ui) 6%, transparent);border-radius:18px}.wgroup.some{border-color:color-mix(in srgb, var(--ui) 45%, transparent)}.wgroup-sum{cursor:pointer;align-items:center;gap:12px;padding:10px 14px 10px 10px;list-style:none;display:flex}.wgroup-sum::-webkit-details-marker{display:none}.wgroup-all{aspect-ratio:1;cursor:pointer;border:2px solid color-mix(in srgb, var(--ui) 55%, transparent);background:0 0;border-radius:50%;flex:none;width:30px;min-width:0;height:30px;padding:0;position:relative}.wgroup-all[aria-pressed=true]{background:var(--ui);border-color:var(--ui)}.wgroup-all[aria-pressed=true]:after{content:"✓";color:var(--bg);place-items:center;font-size:15px;font-weight:800;display:grid;position:absolute;inset:0}.wgroup-all[aria-pressed=mixed]:after{content:"";background:var(--ui);border-radius:2px;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:6px;right:6px}.wgroup-title{font-size:16px;font-weight:700}.wgroup-zh{color:var(--ui-dim);font-size:15px}.wgroup-count{font-variant-numeric:tabular-nums;color:var(--ui-dim);margin-left:auto;font-size:13px}.wgroup-caret{border-right:2px solid var(--ui-dim);border-bottom:2px solid var(--ui-dim);width:8px;height:8px;margin:0 2px 3px 4px;transition:transform .25s;transform:rotate(45deg)}.wgroup[open] .wgroup-caret{margin-bottom:-3px;transform:rotate(225deg)}.wgroup-words{flex-wrap:wrap;gap:8px;padding:4px 14px 14px;display:flex}.wpick{cursor:pointer;border:1px solid var(--line);min-width:58px;color:var(--ui);font-family:var(--font);background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:7px 10px;display:flex}.wpick-h{font-size:20px;font-weight:600;line-height:1.2}.wpick-p{color:var(--ui-dim);font-size:11.5px}.wpick[aria-pressed=true]{background:var(--ui);border-color:var(--ui);color:var(--bg)}.wpick[aria-pressed=true] .wpick-p{color:color-mix(in srgb, var(--bg) 75%, transparent)}@media (prefers-reduced-motion:reduce){.setchip,.wgroup-caret{transition:none}}.duechip{cursor:pointer;border:1px solid var(--line);color:var(--ui);font:650 14px/1 var(--font);background:color-mix(in srgb, var(--ui) 9%, transparent);border-radius:999px;align-items:center;gap:10px;margin-top:12px;padding:5px 16px 5px 5px;transition:transform .45s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.duechip:active{transition-duration:80ms;transform:scale(.95)}.duechip .mode.mini{--size:34px}.duechip .orb-glyph{font-size:17px}.duechip[hidden]{display:none}.wdone{flex-wrap:wrap;justify-content:center;gap:10px;margin:4px 0 0;font-size:34px;display:flex}.wd-clean{color:var(--print-red)}.wd-slip{opacity:.45}.wword .wme{color:var(--print-red)}.wword .wgap{border-bottom:2px solid var(--print-red);color:#0000;min-width:1em;display:inline-block}.plug{z-index:4;background:var(--bg);padding:calc(var(--st) + var(--bar) + 8px) 14px calc(var(--sb) + 20px);place-items:start center;display:grid;position:fixed;inset:0;overflow-y:auto}.plug[hidden]{display:none}.plug-card{flex-direction:column;gap:14px;width:min(720px,100%);display:flex}.plug-stage{letter-spacing:.02em;color:var(--ui-dim);background:color-mix(in srgb, var(--ui) 9%, transparent);text-align:center;border-radius:999px;align-self:center;margin:0;padding:6px 14px;font-size:12.5px;font-weight:650}.plug-en{text-align:center;font-family:var(--serif);color:var(--ui);text-wrap:balance;margin:4px 0 0;font-size:clamp(26px,5.4vw,36px);line-height:1.15}.plug-tools{justify-content:center;gap:8px;display:flex}.plug-tools .hear{color:var(--ui);border-color:var(--line)}.plug-tools .hear:disabled{opacity:.4}.plug-result{text-align:center;min-height:1.4em;color:var(--ui-dim);margin:0;font-size:15px}.plug.solved .plug-result{color:var(--ui);font-size:clamp(24px,5vw,30px)}.plug-sockets,.plug-tray{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.plug-sockets{background:color-mix(in srgb, var(--ui) 6%, transparent);border:1px solid var(--line);border-radius:22px;min-height:88px;padding:14px 8px}.plug-tray{min-height:80px;padding:6px 0}.plug-foot{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.plug-foot .next{background:var(--ui);color:var(--bg);margin-left:auto}.plug-legend{color:var(--ui-dim);flex-wrap:wrap;gap:6px 12px;margin:0;font-size:12.5px;display:flex}.legend{align-items:center;gap:6px;display:inline-flex}.legend .shape{width:22px;height:14px;display:inline-block;position:relative}.shape{background:var(--rc);position:absolute;inset:0}[data-role=S]{--rc:#3d7bff}[data-role=S] .shape{border-radius:50%}[data-role=T]{--rc:#f0a020}[data-role=T] .shape{clip-path:polygon(0 50%,14% 0,86% 0,100% 50%,86% 100%,14% 100%)}[data-role=P]{--rc:#16b3a3}[data-role=P] .shape{border-radius:999px}[data-role=V]{--rc:#ee4449}[data-role=V] .shape{clip-path:polygon(0 0,84% 0,100% 50%,84% 100%,0 100%)}[data-role=O]{--rc:#2fae72}[data-role=O] .shape{border-radius:6px}[data-role=A]{--rc:#9357f5}[data-role=A] .shape{clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}[data-role=X]{--rc:#7f8a9e}[data-role=X] .shape{border-radius:50% 50% 50% 12%}.piece{cursor:grab;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;min-width:72px;min-height:64px;font-family:var(--font);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:10px 22px;display:flex;position:relative}.piece .shape{animation:3.2s ease-in-out infinite jelly;animation-delay:inherit;box-shadow:inset 0 -6px 12px #0000002e,inset 0 6px 10px #ffffff4d}.piece[data-role=V]{padding-right:30px}.piece-zh{text-shadow:0 1px 2px #00000047;font-size:24px;font-weight:650;line-height:1.15;position:relative}.piece-py{opacity:.92;font-size:12px;font-weight:600;position:relative}.piece.dragging{z-index:5;cursor:grabbing;filter:drop-shadow(0 12px 16px #00000059)}.piece.lit .shape{filter:brightness(1.25)saturate(1.2)}.piece:focus-visible{outline:2px solid var(--ui);outline-offset:4px}@keyframes jelly{0%,to{transform:scale(1)}30%{transform:scale(1.025,.975)}60%{transform:scale(.985,1.015)}}.socket{justify-content:center;align-items:center;min-width:72px;min-height:64px;display:flex;position:relative}.socket>.shape{opacity:.22}.socket>.shape:after{content:"";background:var(--bg);border-radius:inherit;clip-path:inherit;opacity:.75;position:absolute;inset:3px}.socket:has(.piece)>.shape{opacity:0}.plug[data-scaffold=shape] [data-role]{--rc:color-mix(in srgb, var(--ui) 55%, var(--bg))}.plug[data-scaffold=shape] .piece{color:var(--bg)}.plug[data-scaffold=shape] .piece-zh{text-shadow:none}.plug[data-scaffold=none] [data-role]{--rc:color-mix(in srgb, var(--ui) 55%, var(--bg))}.plug[data-scaffold=none] .shape{clip-path:none!important;border-radius:16px!important}.plug[data-scaffold=none] .piece{color:var(--bg);padding-right:22px}.plug[data-scaffold=none] .piece-zh{text-shadow:none}.plug[data-scaffold=none]:not(.solved) .piece-py{visibility:hidden}@media (prefers-reduced-motion:reduce){.piece .shape{animation:none}}@media (max-width:720px){.piece-zh{font-size:21px}.piece{min-height:58px;padding:8px 18px}.socket{min-width:64px;min-height:58px}}:root{--glass-fill:linear-gradient(160deg, #fff3, #ffffff0f 48%, #ffffff1a);--glass-edge:#ffffff42;--glass-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 0 #ffffff1a, inset 0 0 28px #ffffff12, 0 22px 44px -26px #060846bf}body:not(.style-ink) :is(.card,.scard,.punit-head,.you-stat,#tab-you .words button,.wcard:not(.wotd)){background:var(--glass-fill);border-color:var(--glass-edge);-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);box-shadow:var(--glass-shadow)}body:not(.style-ink) :is(.card,.scard):hover:not(:disabled){background:linear-gradient(160deg,#ffffff42,#ffffff1a 48%,#ffffff24)}body:not(.style-ink) .card:disabled{background:#ffffff0d;box-shadow:inset 0 1px #fff3}body:not(.style-ink) :is(.tabbar,.reader-bar){background:linear-gradient(160deg,#ffffff38,#ffffff14);box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #ffffff2e,0 18px 40px -18px #060846b3}body.look-light:not(.style-ink) :is(.card,.scard,.punit-head,.you-stat,#tab-you .words button,.wcard:not(.wotd)){border-color:color-mix(in srgb, var(--ui) 14%, transparent);box-shadow:inset 0 1px 0 #ffffffe6, 0 18px 36px -24px color-mix(in srgb, var(--ui) 45%, transparent);background:linear-gradient(160deg,#ffffffb8,#ffffff6b 48%,#ffffff8f)}body.look-light:not(.style-ink) :is(.card,.scard):hover:not(:disabled){background:linear-gradient(160deg,#ffffffd9,#ffffff8c)}body.look-light:not(.style-ink) .card:disabled{box-shadow:none;background:#ffffff4d}body.look-light:not(.style-ink) :is(.tabbar,.reader-bar){box-shadow:inset 0 1px 0 #fffffff2, inset 0 0 0 1px color-mix(in srgb, var(--ui) 12%, transparent), 0 16px 34px -18px color-mix(in srgb, var(--ui) 45%, transparent);background:linear-gradient(160deg,#ffffffb3,#ffffff73)}body.look-light:not(.style-ink) .topbar{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 70%, #ffffff4d), color-mix(in srgb, var(--bg) 45%, transparent));box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--ui) 12%, transparent), 0 10px 24px -18px color-mix(in srgb, var(--ui) 35%, transparent)}.tab{position:relative}.tab:before{z-index:-1;pointer-events:none;font-family:var(--zh);color:var(--ui);opacity:.06;font-size:clamp(170px,40vw,300px);font-weight:700;line-height:1;position:absolute;top:-18px;right:-6px}#tab-path:before{content:"路"}#tab-practice:before{content:"练"}#tab-read:before{content:"读"}#tab-you:before{content:"我"}body.style-ink .tab:before{font-family:var(--brush);color:var(--ui);opacity:.06;font-weight:400}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){body:not(.style-ink) :is(.card,.scard,.punit-head,.you-stat,#tab-you .words button,.wcard:not(.wotd),.tabbar,.reader-bar){background:color-mix(in srgb, var(--bg) 82%, #fff)}}.topbar{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 62%, transparent), color-mix(in srgb, var(--bg) 42%, transparent));-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--ui) 14%, transparent), 0 10px 24px -18px #00000073}body:not(.style-ink) .topbar{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 55%, #ffffff1a), color-mix(in srgb, var(--bg) 35%, #ffffff0f));box-shadow:inset 0 -1px #ffffff2e,0 10px 24px -18px #06084699}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topbar{background:color-mix(in srgb, var(--bg) 94%, transparent)}}body:not(.style-ink) .ygroup{background:var(--glass-fill);border-color:var(--glass-edge);-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);box-shadow:var(--glass-shadow)}body.look-light:not(.style-ink) .ygroup{border-color:color-mix(in srgb, var(--ui) 14%, transparent);box-shadow:inset 0 1px 0 #ffffffe6, 0 18px 36px -24px color-mix(in srgb, var(--ui) 45%, transparent);background:linear-gradient(160deg,#ffffffb8,#ffffff6b 48%,#ffffff8f)}body.style-ink .ygroup,body.style-ink .ygroup>summary{border-radius:6px}body.style-ink .yg-t{font-family:var(--brush);font-size:21px;font-weight:400}body.style-ink{--font:"Source Serif 4", "Iowan Old Style", Georgia, serif;--zh:"Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--brush:"Ma Shan Zheng", "STKaiti", "KaiTi", serif;--seal:#b8262b;font-variation-settings:normal}body.style-ink .brand{font-family:var(--brush);letter-spacing:0;font-size:clamp(24px,2.3vw,30px);font-weight:400}body.style-ink .brand .zh{font-family:var(--brush);font-weight:400}body.style-ink .fortune-day{font-family:var(--brush);font-style:normal}body.style-ink .wcard,body.style-ink .card,body.style-ink .menu-words{font-family:var(--font);border-radius:6px}body.style-ink .wcard .h{font-family:var(--brush);font-weight:400}body.style-ink .card-name{font-family:var(--brush);font-size:24px;font-weight:400}body.style-ink .m-today{--c1:#e0472f;--c2:#8e1510}body.style-ink .menu-head h2{font-family:var(--brush)}body.style-ink .ask{font-size:19px;font-weight:600}body.style-ink .stats dd{font-family:var(--font);font-weight:700}body.style-ink .ans{font:600 19px/1.15 var(--font);border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 82%, #fff 18%);border-radius:4px;box-shadow:0 1px #00000014,0 6px 14px -10px #00000073}body.style-ink .ans.zh{font-family:var(--zh);font-weight:600}body.style-ink .ans.yes:before,body.style-ink .ans.nope:before{opacity:1}body.style-ink .ans.yes{color:#fff;border-color:var(--seal)}body.style-ink .ans.yes:before{background:var(--seal)}body.style-ink .mode-label .zh{font-family:var(--brush);font-size:1.5em;font-weight:400}body.style-ink .dictation input{font-family:var(--font);border-radius:4px}body.style-ink .pill,body.style-ink .forgot,body.style-ink .levels button{font-family:var(--font);border-radius:4px;font-size:15px;font-weight:600}body.style-ink .home-title{font-family:var(--brush);letter-spacing:0;font-weight:400}body.style-ink .mode{width:calc(var(--size) * 1.05);height:calc(var(--size) * .9);background:repeating-linear-gradient(90deg, #0000 0 16%, #3c0a0047 16% 17.2%), radial-gradient(ellipse at 50% 55%, color-mix(in srgb, #ffd27a 55%, var(--c1)) 0 10%, var(--c1) 42%, var(--c2) 100%);box-shadow:0 0 34px -4px color-mix(in srgb, var(--c1) 70%, transparent), inset 0 -10px 18px #00000040;transform-origin:50% -30px;border-radius:50%/46%;margin:10px 4px 16px;animation:6s ease-in-out infinite sway}body.style-ink .mode:before,body.style-ink .mode:after{content:"";background:linear-gradient(#f1cb6a,#a87a22);border-radius:3px;width:42%;height:9%;position:absolute;left:50%;transform:translate(-50%)}body.style-ink .mode:before{top:-5%}body.style-ink .mode:after{bottom:-5%;box-shadow:0 12px 0 -3px #b3201a,0 22px 0 -4px #b3201a}body.style-ink .m-words{--c1:#e0472f;--c2:#8e1510}body.style-ink .m-listen{--c1:#e8b04a;--c2:#9a5b0c}body.style-ink .m-plug{--c1:#b85a45;--c2:#5a231a}body.style-ink .m-learn{--c1:#7fa37a;--c2:#2f4f2c}body.style-ink .mode-name{font-family:var(--brush);text-shadow:0 1px 3px #320800bf;font-size:clamp(24px,2.4vw,30px);font-weight:400}body.style-ink .mode-desc{font-family:var(--font);text-shadow:0 1px 3px #320800d9,0 0 8px #32080080;font-size:14px;font-weight:700}body.style-ink .soon{border-radius:3px;bottom:10%}@keyframes sway{0%,to{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}@media (prefers-reduced-motion:reduce){body.style-ink .mode{animation:none}}body.style-ink .fortune{font-family:var(--brush);font-size:clamp(24px,3vw,32px)}body.style-ink .zhbig{font-family:var(--brush);font-weight:400}body.style-ink .next{font-family:var(--font);border-radius:4px;font-size:17px}@media (max-width:720px){body.style-ink .ans{padding:8px 11px;font-size:15px}body.style-ink .ans.zh{padding:5px 11px 7px;font-size:21px}body.style-ink .ans[data-edge=left],body.style-ink .ans[data-edge=right]{max-width:25vw}body.style-ink .ask{font-size:16px}body.style-ink .mode-desc{font-size:12.5px}}body.style-ink .punit-head,body.style-ink .punit-note{border-radius:6px}body.style-ink .punit-title{font-family:var(--brush);font-size:26px;font-weight:400}body.style-ink .punit-zh,body.style-ink .stop-no{font-family:var(--brush);font-weight:400}body.style-ink .m-path{--c1:#e0472f;--c2:#8e1510}body.style-ink .m-done{--c1:#e8b04a;--c2:#9a5b0c}body.style-ink .lh{font-family:var(--brush)}body.style-ink .meet-h,body.style-ink .meet-exzh{font-family:var(--brush);font-weight:400}body.style-ink .lcard{font-family:var(--font)}body.style-ink .tab-title{font-family:var(--brush);font-weight:400}body.style-ink .tab-zh{font-family:var(--brush);font-size:22px;font-weight:400}body.style-ink .tabbar,body.style-ink .tab-drop,body.style-ink .you-stat,body.style-ink #tab-you .words button{border-radius:8px}body.style-ink .tab-drop{border-radius:6px}body.style-ink .m-read{--c1:#7fa37a;--c2:#2f4f2c}body.style-ink .scard,body.style-ink .reader-page{border-radius:6px}body.style-ink .scard-zh,body.style-ink .r-title,body.style-ink .rpop-h{font-family:var(--brush);font-weight:400}body.style-ink .r-en{font-family:var(--font);font-style:italic}body.style-ink .reader-bar,body.style-ink .rpop{border-radius:8px}body.style-ink .sheet-panel{background:color-mix(in srgb, var(--bg) 92%, transparent);border-radius:10px 10px 0 0}body.style-ink .sheet-title{font-family:var(--brush)}body.style-ink .wgroup,body.style-ink .wpick,body.style-ink .setchip{border-radius:6px}body.style-ink .wpick-h{font-family:var(--brush);font-weight:400}body.style-ink.look-dark{--paper:#29211a;--print-blue:#f0e2c4;--print-red:#ff8a6a}body.style-ink .duechip{border-radius:6px}body.style-ink .wdone,body.style-ink .plug-en{font-family:var(--brush)}body.style-ink .piece-zh{font-family:var(--brush);font-size:26px;font-weight:400}body.style-ink [data-role=S]{--rc:#2f5e9e}body.style-ink [data-role=T]{--rc:#c08a2a}body.style-ink [data-role=P]{--rc:#2e7d6e}body.style-ink [data-role=V]{--rc:#b8262b}body.style-ink [data-role=O]{--rc:#4e7d3a}body.style-ink [data-role=A]{--rc:#6e4a8e}body.style-ink [data-role=X]{--rc:#6b6259}body.style-ink .plug-sockets,body.style-ink .plug-stage{border-radius:6px}body.style-ink{font-variant-numeric:lining-nums;letter-spacing:.005em}body.style-ink :is(.tab-sub,.card-desc,.punit-topic,.home-note,.you-sub,.lp,.sheet-sub,.scard-meta,.r-meta,.path-intro,#pathIntro){line-height:1.5}body.style-ink :is(.card-desc,.scard-meta,.punit-topic,.you-stat span,.levels-label,.wgroup-count){font-size:max(1em,13.5px)}body.style-ink :is(.brand,.home-title,.tab-title,.card-name,.yg-t,.punit-title,.lh,.sheet-title,.mode-name,.r-title,.plug-en,.fortune,.fortune-day){letter-spacing:.03em}body.style-ink :is(.scard-zh,.punit-zh,.r-title,.rpop-h,.wcard .h,.piece-zh,.wpick-h,.meet-h,.zhbig){letter-spacing:.06em}