:root{--radius: 12px;--radius-lg: 18px;--ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--han: "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;--han-serif: "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", serif;color-scheme:light}:root[data-mode=dark]{color-scheme:dark}:root,[data-palette=jade]{--paper: #f6f8f7;--surface: #ffffff;--surface-2: #edf2f0;--ink: #1c2321;--muted: #5f6d69;--faint: #86938f;--line: #dde5e2;--accent: #0f7a68;--accent-ink: #ffffff;--accent-soft: #e0f2ee;--new: #8f5a00;--new-bg: #fdf1d9;--learning: #2b64b0;--learning-bg: #e3edfa;--good: #2f7d4a;--tone5: #7b8783;--backdrop: rgba(12, 24, 21, .36);--tone1: #c0392b;--tone2: #cc7a1a;--tone3: #3f8d45;--tone4: #2c6aa8;--shadow: 0 1px 2px rgba(16, 40, 34, .06), 0 6px 20px rgba(16, 40, 34, .07);--shadow-lg: 0 2px 6px rgba(16, 40, 34, .08), 0 18px 48px rgba(16, 40, 34, .16)}:root[data-mode=dark],[data-mode=dark] [data-palette=jade]{--paper: #0f1413;--surface: #161d1b;--surface-2: #1d2624;--ink: #e4ece9;--muted: #98a8a3;--faint: #74837e;--line: #26302d;--accent: #3cc3a5;--accent-ink: #07120f;--accent-soft: #143029;--new: #e3a64a;--new-bg: #33280f;--learning: #72a9f0;--learning-bg: #17263a;--good: #6cc08a;--tone5: #93a09c;--tone1: #e8695c;--tone2: #e0a049;--tone3: #6dbb73;--tone4: #6aa6de;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 2px 8px rgba(0, 0, 0, .4), 0 20px 50px rgba(0, 0, 0, .5);--backdrop: rgba(0, 0, 0, .5)}[data-palette=paper]{--paper: #faf7f2;--surface: #fffdfa;--surface-2: #f3ede4;--ink: #241f1b;--muted: #766a62;--faint: #958980;--line: #e4dbd0;--accent: #b3441f;--accent-ink: #ffffff;--accent-soft: #f7e7e0;--new: #8f5e0c;--new-bg: #fdf0d8;--learning: #276b96;--learning-bg: #e2eff8;--good: #3f7d46;--tone5: #8d837a;--backdrop: rgba(30, 20, 12, .34);--tone1: #c0392b;--tone2: #cc7a1a;--tone3: #3f8d45;--tone4: #2c6aa8;--shadow: 0 1px 2px rgba(60, 40, 25, .06), 0 6px 20px rgba(60, 40, 25, .07);--shadow-lg: 0 2px 6px rgba(60, 40, 25, .08), 0 18px 48px rgba(60, 40, 25, .16)}[data-mode=dark][data-palette=paper],[data-mode=dark] [data-palette=paper]{--paper: #17150f;--surface: #211e18;--surface-2: #2b2720;--ink: #ece5da;--muted: #a2978a;--faint: #7b7167;--line: #37322a;--accent: #e0733f;--accent-ink: #1b1710;--accent-soft: #38251b;--new: #e0a344;--new-bg: #3a2d16;--learning: #67aede;--learning-bg: #1b2f3d;--good: #7ab583;--tone5: #9d9288;--tone1: #e8695c;--tone2: #e0a049;--tone3: #6dbb73;--tone4: #6aa6de;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 2px 8px rgba(0, 0, 0, .4), 0 20px 50px rgba(0, 0, 0, .5);--backdrop: rgba(0, 0, 0, .5)}[data-palette=slate]{--paper: #f7f8fa;--surface: #ffffff;--surface-2: #eef0f4;--ink: #1b1f27;--muted: #5f6878;--faint: #8a92a0;--line: #e3e6ec;--accent: #4f46e5;--accent-ink: #ffffff;--accent-soft: #eceafe;--new: #b45309;--new-bg: #fef3e2;--learning: #0e7490;--learning-bg: #e0f4f8;--good: #15803d;--tone5: #7c8494;--backdrop: rgba(10, 14, 22, .36);--tone1: #c0392b;--tone2: #cc7a1a;--tone3: #3f8d45;--tone4: #2c6aa8;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 6px 20px rgba(16, 24, 40, .07);--shadow-lg: 0 2px 6px rgba(16, 24, 40, .08), 0 18px 48px rgba(16, 24, 40, .16)}[data-mode=dark][data-palette=slate],[data-mode=dark] [data-palette=slate]{--paper: #0e1116;--surface: #161a21;--surface-2: #1d222b;--ink: #e6e9ef;--muted: #9aa3b4;--faint: #6f7788;--line: #262c36;--accent: #8b85ff;--accent-ink: #0e1116;--accent-soft: #232245;--new: #f0a54a;--new-bg: #3a2a12;--learning: #4cc3d9;--learning-bg: #12303a;--good: #4ade80;--tone5: #97a0b0;--tone1: #e8695c;--tone2: #e0a049;--tone3: #6dbb73;--tone4: #6aa6de;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 2px 8px rgba(0, 0, 0, .4), 0 20px 50px rgba(0, 0, 0, .5);--backdrop: rgba(0, 0, 0, .5)}[data-palette=seal]{--paper: #fbfbfa;--surface: #ffffff;--surface-2: #f4f4f3;--ink: #111111;--muted: #5f5f5f;--faint: #8a8a8a;--line: #e7e5e4;--accent: #c62828;--accent-ink: #ffffff;--accent-soft: #fdecec;--new: #a16207;--new-bg: #fef6d8;--learning: #1d4ed8;--learning-bg: #e6edfd;--good: #15803d;--tone5: #7a7a7a;--backdrop: rgba(0, 0, 0, .36);--tone1: #c0392b;--tone2: #cc7a1a;--tone3: #3f8d45;--tone4: #2c6aa8;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 6px 20px rgba(0, 0, 0, .07);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .08), 0 18px 48px rgba(0, 0, 0, .16)}[data-mode=dark][data-palette=seal],[data-mode=dark] [data-palette=seal]{--paper: #0b0b0b;--surface: #151515;--surface-2: #1d1d1d;--ink: #f2f2f2;--muted: #a3a3a3;--faint: #767676;--line: #2a2a2a;--accent: #ef5350;--accent-ink: #0b0b0b;--accent-soft: #3a1414;--new: #eab308;--new-bg: #332a08;--learning: #60a5fa;--learning-bg: #152238;--good: #4ade80;--tone5: #9a9a9a;--tone1: #e8695c;--tone2: #e0a049;--tone3: #6dbb73;--tone4: #6aa6de;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 2px 8px rgba(0, 0, 0, .4), 0 20px 50px rgba(0, 0, 0, .5);--backdrop: rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not([data-mode]){--paper: #0f1413;--surface: #161d1b;--surface-2: #1d2624;--ink: #e4ece9;--muted: #98a8a3;--faint: #74837e;--line: #26302d;--accent: #3cc3a5;--accent-ink: #07120f;--accent-soft: #143029;--new: #e3a64a;--new-bg: #33280f;--learning: #72a9f0;--learning-bg: #17263a;--good: #6cc08a;--tone5: #93a09c;--tone1: #e8695c;--tone2: #e0a049;--tone3: #6dbb73;--tone4: #6aa6de;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 2px 8px rgba(0, 0, 0, .4), 0 20px 50px rgba(0, 0, 0, .5);--backdrop: rgba(0, 0, 0, .5);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3{line-height:1.25;margin:0 0 .4em;font-weight:650;letter-spacing:-.01em}h1{font-size:1.45rem}h2{font-size:1.15rem}h3{font-size:.95rem}a{color:var(--accent)}#root{min-height:100%}.shell{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line);min-height:52px}.topbar h1{margin:0;font-size:1.05rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page{flex:1;width:100%;max-width:760px;margin:0 auto;padding:16px}.page--wide{max-width:1040px}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;border:0;background:none;padding:8px 2px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;color:var(--muted);position:relative;transition:color .15s}.tab[aria-current=page]{color:var(--accent)}.tab-glyph{font-family:var(--han);font-size:1.2rem;line-height:1}.tab-label{font-size:.66rem;letter-spacing:.02em}.tab-badge{position:absolute;top:4px;right:50%;transform:translate(22px);background:var(--accent);color:var(--accent-ink);border-radius:9px;font-size:.62rem;font-weight:700;min-width:17px;padding:1px 5px;line-height:1.4}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:12px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:9px 14px;cursor:pointer;font-weight:550;font-size:.9rem;transition:background .14s,border-color .14s,transform .08s}.btn:hover{border-color:var(--faint)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover{filter:brightness(1.06)}.btn--ghost{background:none;border-color:transparent;color:var(--muted)}.btn--ghost:hover{background:var(--surface-2);color:var(--ink)}.btn--sm{padding:5px 10px;font-size:.8rem;border-radius:8px}.row{display:flex;align-items:center;gap:8px}.row--wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:.83rem}.tiny{font-size:.74rem}.center{text-align:center}textarea,input[type=text],input[type=search]{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:11px 13px;outline:none;transition:border-color .15s}textarea:focus,input:focus{border-color:var(--accent)}textarea{min-height:160px;resize:vertical;font-family:var(--han);font-size:1.05rem;line-height:1.8}.chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:620;letter-spacing:.02em;background:var(--surface-2);color:var(--muted);border:1px solid transparent;white-space:nowrap}.chip--hsk{background:var(--accent-soft);color:var(--accent)}.chip--new{background:var(--new-bg);color:var(--new)}.chip--learning{background:var(--learning-bg);color:var(--learning)}.empty{text-align:center;padding:44px 20px;color:var(--muted)}.empty-glyph{font-family:var(--han);font-size:3rem;color:var(--line);display:block;margin-bottom:10px}.py{font-variant:none;white-space:nowrap}.t1{color:var(--tone1)}.t2{color:var(--tone2)}.t3{color:var(--tone3)}.t4{color:var(--tone4)}.t5{color:var(--tone5)}.reader{font-family:var(--han-serif);font-size:clamp(1.32rem,1.1rem + 1vw,1.55rem);line-height:2.1;letter-spacing:.01em;word-break:break-word;padding-bottom:40px;white-space:pre-wrap}.reader--ruby{line-height:2.8}.tok{border-radius:4px;padding:1px 0;cursor:pointer;transition:background .12s;-webkit-tap-highlight-color:transparent}.tok--new{background:var(--new-bg);box-shadow:inset 0 -2px 0 var(--new)}.tok--learning{box-shadow:inset 0 -2px 0 var(--learning)}.tok--known{cursor:pointer}.tok--active{background:var(--accent);color:var(--accent-ink);box-shadow:none}.tok--plain{cursor:default}.reader ruby,.sentence ruby{ruby-position:over;ruby-align:center}.reader rt,.sentence rt{font-family:var(--ui);font-size:max(.56em,12px);font-weight:400;line-height:1.5;color:var(--muted);letter-spacing:0;box-shadow:none;-webkit-user-select:none;user-select:none}.reader rt:before,.sentence rt:before{content:attr(data-py)}.coverage{display:flex;height:7px;border-radius:999px;overflow:hidden;background:var(--surface-2);margin:8px 0 6px}.coverage i{display:block;height:100%}.coverage .c-known{background:var(--good)}.coverage .c-learning{background:var(--learning)}.coverage .c-new{background:var(--new)}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:var(--backdrop);animation:fade .16s ease}.sheet{position:fixed;z-index:61;left:0;right:0;bottom:0;max-height:82dvh;overflow-y:auto;background:var(--surface);border-radius:20px 20px 0 0;border-top:1px solid var(--line);box-shadow:var(--shadow-lg);padding:8px 18px calc(22px + env(safe-area-inset-bottom));animation:rise .22s cubic-bezier(.22,1,.36,1)}@media(min-width:720px){.sheet{left:50%;right:auto;bottom:28px;width:640px;transform:translate(-50%);border-radius:20px;border:1px solid var(--line);max-height:76dvh;animation-name:rise-centred}}@keyframes rise-centred{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.sheet-grab{width:38px;height:4px;border-radius:2px;background:var(--line);margin:6px auto 12px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.headword{font-family:var(--han);font-size:2.6rem;line-height:1.15;letter-spacing:.02em}.headword-char{cursor:pointer;border-radius:6px;transition:background .12s}.headword-char:hover{background:var(--accent-soft)}.senses{margin:10px 0 0;padding-left:1.1em}.senses li{margin-bottom:3px}.reading+.reading{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.charhero{display:flex;gap:16px;align-items:flex-start}.glyphbox{width:132px;height:132px;flex:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);position:relative;overflow:hidden}.glyphbox:before,.glyphbox:after{content:"";position:absolute;background:var(--line);opacity:.55}.glyphbox:before{left:50%;top:0;bottom:0;width:1px}.glyphbox:after{top:50%;left:0;right:0;height:1px}.glyphbox>*{position:relative;z-index:1}.glyphbox svg{display:block;width:100%;height:100%}.stroke-outline{fill:var(--ink)}.stroke-pending{fill:var(--line);opacity:.4}.stroke-draw{stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;fill:none}.stroke-draw--done{stroke-dashoffset:0}.stroke-draw--pending{stroke-dashoffset:var(--hidden)}.stroke-draw--active{animation:draw-stroke var(--dur, .5s) linear forwards}@keyframes draw-stroke{0%{stroke-dashoffset:var(--hidden)}to{stroke-dashoffset:0}}.tree{overflow-x:auto;padding:10px 2px 4px}.tree>.node{width:fit-content;margin-inline:auto}.tree ul{display:flex;justify-content:safe center;gap:6px;list-style:none;margin:0;padding:18px 0 0;position:relative}.tree ul:before{content:"";position:absolute;top:0;left:50%;width:1px;height:18px;background:var(--line)}.tree li{position:relative;padding:18px 6px 0;display:flex;flex-direction:column;align-items:center}.tree li:before,.tree li:after{content:"";position:absolute;top:0;width:50%;height:1px;background:var(--line)}.tree li:before{right:50%}.tree li:after{left:50%}.tree li:first-child:before,.tree li:last-child:after{background:none}.tree li>.node:before{content:"";position:absolute;top:-18px;left:50%;width:1px;height:18px;background:var(--line)}.tree>.node:before{display:none}.node{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;transition:border-color .14s,background .14s}.node:hover{border-color:var(--accent)}.node--root{border-width:2px;border-color:var(--accent);background:var(--accent-soft)}.node--semantic{border-color:var(--good);background:color-mix(in srgb,var(--good) 8%,var(--surface))}.node--phonetic{border-color:var(--tone4);background:color-mix(in srgb,var(--tone4) 8%,var(--surface))}.node--op{border-style:dashed;background:none;cursor:default;min-width:34px;padding:4px 6px}.node-char{font-family:var(--han);font-size:1.7rem;line-height:1.1}.node--root .node-char{font-size:2.3rem}.node-py{font-size:.66rem;color:var(--muted);white-space:nowrap}.node-gloss{font-size:.64rem;color:var(--faint);max-width:82px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-role{position:absolute;top:-7px;right:-6px;font-size:.56rem;font-weight:700;letter-spacing:.04em;padding:0 5px;border-radius:999px;text-transform:uppercase;background:var(--surface);border:1px solid currentColor}.node--semantic .node-role{color:var(--good)}.node--phonetic .node-role{color:var(--tone4)}.review-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:46dvh;text-align:center;gap:10px}.review-word{font-family:var(--han);font-size:clamp(3rem,16vw,5.2rem);line-height:1.1;letter-spacing:.03em;cursor:pointer}.grade-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.grade{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:10px 4px 8px;cursor:pointer;display:flex;flex-direction:column;gap:1px;transition:transform .08s,border-color .14s}.grade:active{transform:scale(.97)}.grade b{font-size:.86rem;font-weight:650}.grade span{font-size:.7rem;color:var(--muted)}.grade--1{border-bottom:3px solid var(--tone1)}.grade--2{border-bottom:3px solid var(--tone2)}.grade--3{border-bottom:3px solid var(--good)}.grade--4{border-bottom:3px solid var(--tone4)}.progress-track{height:3px;background:var(--surface-2);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .3s}.sentence{font-family:var(--han-serif);font-size:1.35rem;line-height:1.95}.sentence .target{color:var(--accent);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent)}.sentence--ruby{line-height:2.5}.example{margin-top:16px}.example-en{margin-top:-.3rem}.sentence--ruby+.example-en{margin-top:-.65rem}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:0}.list-han{font-family:var(--han);font-size:1.3rem;min-width:0}.splash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;text-align:center}.splash-glyph{font-family:var(--han-serif);font-size:4.4rem;color:var(--accent);line-height:1}.splash-bar{width:min(280px,70vw);height:4px;border-radius:2px;background:var(--surface-2);overflow:hidden}.splash-bar i{display:block;height:100%;background:var(--accent);transition:width .25s}.splash-bar--pulse i{width:40%;animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;text-align:center}.stat b{display:block;font-size:1.5rem;font-weight:650;letter-spacing:-.02em}.stat span{font-size:.72rem;color:var(--muted)}.stat .stat-sub{display:block;font-size:.66rem;color:var(--faint)}.bars{display:flex;align-items:flex-end;gap:3px;height:90px;padding-top:8px}.bars>div{flex:1;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px;opacity:.85}.field{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.field:last-child{border-bottom:0}.field label{flex:1;font-size:.92rem}.field select{max-width:100%;min-width:0}.field--stack select{width:100%}.field .hint{display:block;font-size:.76rem;color:var(--muted);margin-top:1px}input[type=range]{accent-color:var(--accent);width:130px}.switch{appearance:none;width:44px;height:26px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);position:relative;cursor:pointer;transition:background .18s;flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .18s}.switch:checked{background:var(--accent);border-color:var(--accent)}.switch:checked:after{transform:translate(18px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.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}.sounds{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid var(--line)}.sound{padding:8px 0;border-bottom:1px solid var(--line)}.sound-head{display:flex;align-items:baseline;gap:10px;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer}.sound-py{flex:none;min-width:3.4em;font-weight:600}.sound-gloss{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.85rem}.sound-chevron{flex:none;color:var(--faint);transition:transform .15s}.sound--open .sound-chevron{transform:rotate(180deg)}.sound-words,.sound-senses{margin-left:calc(3.4em + 10px)}.sound-words{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:3px}.sound-word{padding:0;border:0;background:none;font-family:var(--han);font-size:1rem;cursor:pointer}.sound-word:hover{color:var(--accent);text-decoration:underline}.sound-senses{margin-top:6px}.filters{display:grid;gap:6px;margin-top:10px}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.filter-label{width:4.1rem;flex:none;font-size:.74rem;color:var(--muted)}.filter-scale{padding:0;border:0;background:none;font:inherit;font-size:.74rem;text-align:left;color:var(--muted);text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}.filter-scale:hover{color:var(--accent)}.fchip{padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.78rem;line-height:1.4;cursor:pointer}.fchip:hover{border-color:var(--faint)}.fchip--clear{margin-left:auto;color:var(--accent);border-color:var(--accent)}.fchip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.fseg{display:inline-flex;margin-right:6px}.fseg .fchip:first-child{border-radius:999px 0 0 999px}.fseg .fchip:last-child{border-radius:0 999px 999px 0;margin-left:-1px}.filter-check{display:flex;align-items:flex-start;gap:8px;margin-left:calc(4.1rem + 5px);font-size:.78rem;color:var(--muted);cursor:pointer}.filter-check input{margin-top:2px}.stat--link{width:100%;font:inherit;color:inherit;cursor:pointer;transition:border-color .12s}.stat--link:hover{border-color:var(--accent)}.mywords-meta{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.mywords-actions{flex:none;display:flex;gap:4px}@media(max-width:560px){.mywords-row{flex-wrap:wrap}.mywords-actions{width:100%;justify-content:flex-end}}.field--stack{flex-direction:column;align-items:stretch}.field-label{font-size:.92rem}.palette-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px}.palette-swatch{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.palette-swatch[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.palette-sample{display:flex;align-items:center;gap:2px;padding:6px 8px;border-radius:8px;background:var(--surface);font-family:var(--han);font-size:1.3rem;line-height:1.3}.palette-new{background:var(--new-bg);box-shadow:inset 0 -2px 0 var(--new);border-radius:3px}.palette-dot{margin-left:auto;width:14px;height:14px;border-radius:50%;background:var(--accent)}.palette-name{font-size:.78rem;color:var(--muted)}.baseline-explainer{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--surface-2)}.baseline-explainer p{margin:0 0 6px}.baseline-explainer p:last-child{margin-bottom:0}.baseline-explainer ul{margin:0 0 8px;padding-left:1.1em}.baseline-explainer li+li{margin-top:4px}.baseline-explainer .han{font-family:var(--han)}.baseline-total{padding-top:6px;border-top:1px dashed var(--line)}.linkish{padding:0;border:0;background:none;font:inherit;color:var(--accent);cursor:pointer}.linkish:hover{text-decoration:underline}.toast{position:fixed;z-index:55;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);display:flex;align-items:center;gap:12px;padding:8px 8px 8px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--shadow-lg);font-size:.88rem;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.toast-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-sub{margin-left:6px;font-size:.8rem;font-weight:400;color:var(--muted)}.subtabs{flex:none}.today-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.today-grid>.card,.today-recent-grid>.card{margin-top:0}.today-card{display:flex;flex-direction:column;gap:6px;min-width:0}.today-label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.today-big{font-size:1.2rem;font-weight:600}.today-doc-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.today-word{display:flex;align-items:baseline;gap:8px;min-width:0;cursor:pointer}.today-word .han{font-family:var(--han);font-size:1.2rem}.today-gloss{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-more{align-self:flex-start;margin-top:4px}.today-recent{margin-top:22px}.today-recent-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:6px}.today-doc{display:flex;flex-direction:column;gap:4px;font:inherit;color:inherit;text-align:left;cursor:pointer}.sheet-close{display:none;position:absolute;top:10px;right:10px;z-index:1}.you-groups li{padding:11px 12px;cursor:pointer}.tabs-brand,.wide-only{display:none}@media(max-width:899px){.narrow-hidden,.you-layout .you-detail,.you-detail-title,.you-layout--open .you-groups{display:none}.you-layout--open .you-detail{display:block}.today-recent{display:none}}@media(min-width:900px){.narrow-only{display:none}.wide-only{display:inline}.shell{padding-bottom:0;padding-left:200px}.tabs{top:0;right:auto;bottom:0;width:200px;flex-direction:column;align-items:stretch;gap:2px;padding:16px 10px;border-top:0;border-right:1px solid var(--line);background:var(--surface);backdrop-filter:none}.tabs-brand{display:block;padding:4px 12px 18px;font-family:var(--han);font-size:1.35rem;color:var(--ink)}.tab{flex:none;flex-direction:row;justify-content:flex-start;gap:12px;padding:9px 12px;border-radius:10px}.tab[aria-current=page]{background:var(--accent-soft)}.tab-glyph{font-size:1.15rem}.tab-label{font-size:.92rem;letter-spacing:0}.tab-badge{position:static;margin-left:auto;transform:none}.toast{bottom:24px;left:calc(50% + 100px)}.sheet-backdrop,.sheet-grab{display:none}.sheet{inset:0 0 0 auto;width:400px;max-height:none;padding-top:18px;border:0;border-left:1px solid var(--line);border-radius:0;transform:none;animation:panel-in .2s ease}.sheet-close{display:inline-flex}:root[data-panel=open] .shell{padding-right:400px}.today-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.today-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.you-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start;margin-top:18px}.you-groups li{border-bottom:0;border-radius:10px}.you-groups li:not([aria-current]):hover{background:var(--surface-2)}.you-groups li[aria-current=page]{background:var(--accent-soft)}.you-detail-title{margin-top:0}}@keyframes panel-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.parts-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:8px}@media(min-width:900px){.parts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.part-glyph{padding:4px 12px;font-family:var(--han);font-size:1.7rem;line-height:1.2}.part-char{display:inline-flex;align-items:baseline;gap:4px;padding:2px 8px}.part-char .han{font-family:var(--han);font-size:1.1rem}.practice-start{display:grid;gap:8px;justify-items:center}.btn--big{width:100%;padding:14px;font-size:1rem}