:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f6f5f2;--color-bg-sunken:#efece6;--color-surface:#fff;--color-surface-2:#fbfaf7;--color-surface-3:#f2efe9;--color-text:#14110f;--color-text-2:#4b4540;--color-text-3:#6b645c;--color-border:#e4e0d8;--color-border-strong:#d3cec3;--color-accent:#9e2b25;--color-accent-2:#b23a33;--color-accent-wash:#f4e9e7;--color-on-accent:#fffaf8;--tone-1:#1f5673;--tone-2:#2f6b4f;--tone-3:#6b3f7a;--tone-4:#9e2b25;--tone-5:#6b645c;--color-ok:#2f6b4f;--color-warn:#8a5a17;--color-danger:#9e2b25;--r-xs:.375rem;--r-sm:.625rem;--r-md:.875rem;--r-lg:1.25rem;--r-xl:1.75rem;--r-sheet:1.75rem;--r-pill:999px;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:2.5rem;--sp-8:3rem;--sp-9:4rem;--font-ui:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-text:"Petrona", ui-serif, Georgia, "Times New Roman", serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--fs-100:.75rem;--fs-200:.875rem;--fs-300:1rem;--fs-400:1.125rem;--fs-500:1.375rem;--fs-600:1.75rem;--fs-700:2.25rem;--lh-latin:1.6;--lh-tight:1.3;--font-han-tc:"Mo Han TC", "Noto Serif TC", "Songti TC", "PingFang TC", serif;--font-han-sc:"Mo Han SC", "Noto Serif SC", "Songti SC", "PingFang SC", serif;--hz-inline:1.12em;--hz-list:1.5rem;--hz-read:1.375rem;--hz-title:2.75rem;--hz-hero:clamp(5rem, 22vw, 9rem);--lh-han:2;--lh-han-tight:1.35;--ls-han:.02em;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-io:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--dur-1:.14s;--dur-2:.22s;--dur-3:.28s;--dur-4:.42s;--sh-1:0 1px 2px #14110f0d, 0 1px 1px #14110f0a;--sh-2:0 2px 8px #14110f12, 0 1px 2px #14110f0d;--sh-3:0 -8px 32px #14110f1f;--sh-pop:0 8px 28px #14110f21, 0 2px 6px #14110f0f;--focus-ring:0 0 0 3px #9e2b2552;--tap-min:2.75rem;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--rail-w:15rem;--rail-icon-w:4.5rem;--tabbar-h:3.5rem;--header-h:3.5rem;--content-max:46rem;--z-sheet:60;--z-header:40;--z-tabbar:50;--z-toast:80}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#17130f;--color-bg-sunken:#100d0a;--color-surface:#211c17;--color-surface-2:#272119;--color-surface-3:#2e2820;--color-text:#ece6dc;--color-text-2:#cbc3b6;--color-text-3:#a49a8c;--color-border:#35302a;--color-border-strong:#453e36;--color-accent:#e46a60;--color-accent-2:#d1483f;--color-accent-wash:#33201d;--color-on-accent:#1a0f0d;--tone-1:#7fb3d5;--tone-2:#6fc39a;--tone-3:#c49ad6;--tone-4:#e46a60;--tone-5:#a49a8c;--color-ok:#6fc39a;--color-warn:#d9ab5e;--color-danger:#e46a60;--sh-1:none;--sh-2:none;--sh-3:0 -8px 32px #00000073;--sh-pop:0 8px 28px #00000080;--focus-ring:0 0 0 3px #e46a6066}@media (prefers-reduced-motion:reduce){:root{--dur-1:.01ms;--dur-2:.01ms;--dur-3:.01ms;--dur-4:.01ms}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-ui);font-size:var(--fs-300);line-height:var(--lh-latin);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none}#root{isolation:isolate}img,svg,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}a{color:var(--color-accent);text-underline-offset:.18em;text-decoration-thickness:from-font}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:var(--focus-ring);border-radius:var(--r-xs)}:focus:not(:focus-visible){outline:none}::selection{background:var(--color-accent-wash);color:var(--color-text)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);background:var(--color-surface);box-shadow:var(--sh-pop);border:1px solid var(--color-border);position:absolute;inset-block-start:-100%;inset-inline-start:calc(var(--sp-3) + var(--safe-l))}.skip-link:focus-visible{inset-block-start:calc(var(--sp-3) + var(--safe-t))}.han,[lang=zh-Hant],[lang=zh]{font-family:var(--font-han-tc);letter-spacing:var(--ls-han);font-weight:400}[lang=zh-Hans]{font-family:var(--font-han-sc);letter-spacing:var(--ls-han);font-weight:400}.han-inline{font-size:var(--hz-inline)}.serif{font-family:var(--font-text)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}h1,h2,h3,h4{font-weight:600;line-height:var(--lh-tight);text-wrap:balance}p{text-wrap:pretty}.text-2{color:var(--color-text-2)}.text-3{color:var(--color-text-3)}.t1{color:var(--tone-1)}.t2{color:var(--tone-2)}.t3{color:var(--tone-3)}.t4{color:var(--tone-4)}.t5{color:var(--tone-5)}html[data-tone-colors=off] :is(.t1,.t2,.t3,.t4,.t5){color:var(--color-text-2)}.paper-grain{z-index:0;pointer-events:none;opacity:.025;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}html[data-theme=dark] .paper-grain{mix-blend-mode:screen;opacity:.035}@media (prefers-contrast:more){.paper-grain{display:none}}::view-transition-group(*){animation-duration:var(--dur-3);animation-timing-function:var(--ease-out)}::view-transition-old(page){animation:mo-fade-out var(--dur-2) var(--ease-in) both}::view-transition-new(page){animation:mo-fade-in var(--dur-3) var(--ease-out) both}@keyframes mo-fade-out{to{opacity:0;transform:translateY(-4px)}}@keyframes mo-fade-in{0%{opacity:0;transform:translateY(6px)}}@keyframes mo-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mo-rise{animation:mo-rise var(--dur-3) var(--ease-out) both}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.mo-rise{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{z-index:1;min-height:100dvh;position:relative}.shell--tabs{padding-block-end:calc(var(--tabbar-h) + var(--safe-b));padding-inline:var(--safe-l) var(--safe-r)}.shell--rail{grid-template-columns:var(--rail-w) minmax(0, 1fr);padding-inline-end:var(--safe-r);display:grid}.shell__main{min-width:0;min-height:100dvh}.tabbar{z-index:var(--z-tabbar);height:calc(var(--tabbar-h) + var(--safe-b));padding-block-end:var(--safe-b);padding-inline:var(--safe-l) var(--safe-r);background:color-mix(in oklab, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);border-block-start:1px solid var(--color-border);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;inset-block-end:0;inset-inline:0}.tabbar__item{min-height:var(--tap-min);color:var(--color-text-3);transition:color var(--dur-2) var(--ease-out);align-content:center;justify-items:center;gap:2px;display:grid;position:relative}.tabbar__item[aria-current=page]{color:var(--color-accent)}.tabbar__label{font-size:var(--fs-100);letter-spacing:.01em}.tabbar__dot{border-radius:var(--r-pill);background:var(--color-accent);view-transition-name:tab-dot;block-size:5px;inline-size:5px;position:absolute;inset-block-start:4px}.rail{height:100dvh;padding:calc(var(--sp-5) + var(--safe-t)) var(--sp-3) calc(var(--sp-5) + var(--safe-b));border-inline-end:1px solid var(--color-border);background:color-mix(in oklab, var(--color-surface) 55%, var(--color-bg));flex-direction:column;padding-inline-start:calc(var(--sp-3) + var(--safe-l));display:flex;position:sticky;inset-block-start:0;overflow-y:auto}.rail__mark{align-items:center;gap:var(--sp-3);padding-inline:var(--sp-3);margin-block-end:var(--sp-6);display:flex}.rail__seal{border-radius:var(--r-sm);background:var(--color-accent);block-size:2.25rem;inline-size:2.25rem;color:var(--color-on-accent);font-size:var(--fs-400);place-items:center;padding-block-start:2px;line-height:1;display:grid}.rail__wordmark{font-size:var(--fs-400);letter-spacing:.02em;font-weight:600}.rail__list{gap:2px;padding:0;list-style:none;display:grid}.rail__item{align-items:center;gap:var(--sp-3);min-height:var(--tap-min);padding-inline:var(--sp-3);border-radius:var(--r-md);color:var(--color-text-2);transition:background var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);text-decoration:none;display:flex;position:relative}.rail__item:hover{background:var(--color-surface-3);color:var(--color-text)}.rail__item--active{background:var(--color-accent-wash);color:var(--color-accent);font-weight:500}.rail__dot{border-radius:var(--r-pill);background:var(--color-accent);view-transition-name:tab-dot;block-size:5px;inline-size:5px;position:absolute;inset-inline-start:-.375rem}.rail__footer{gap:var(--sp-1);padding-inline:var(--sp-3);font-size:var(--fs-100);margin-block-start:auto;display:grid}.rail__quiet{color:inherit;text-decoration:none}.rail__quiet:hover{text-decoration:underline}.screen{max-width:var(--content-max);padding:var(--sp-5) var(--sp-4) var(--sp-8);margin-inline:auto}.screen--centered{align-content:center;justify-items:center;gap:var(--sp-4);text-align:center;min-height:70dvh;display:grid}.screen__title{font-size:var(--fs-600);margin-block-end:var(--sp-4)}.screen__subtitle{font-size:var(--fs-400);margin-block:var(--sp-7) var(--sp-3);border-block-start:1px solid var(--color-border);padding-block-start:var(--sp-5)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap-min);padding-inline:var(--sp-5);border-radius:var(--r-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);transition:transform var(--dur-1) var(--ease-out), background var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-surface-3)}.btn:active{transform:scale(.97)}.btn--accent{background:var(--color-accent);color:var(--color-on-accent);border-color:#0000}.btn--accent:hover{background:var(--color-accent-2)}.btn--quiet{color:var(--color-text-2);padding-inline:var(--sp-3);background:0 0;border-color:#0000}.btn--quiet:hover{background:var(--color-surface-3)}.btn--icon{inline-size:var(--tap-min);padding-inline:0}.loading{align-content:center;justify-items:center;gap:var(--sp-3);min-height:80dvh;padding:var(--sp-5);text-align:center;display:grid}.loading__seal{font-size:var(--fs-700);color:var(--color-accent);opacity:.9;line-height:1}.loading__title{font-size:var(--fs-400);color:var(--color-text-2);font-weight:500}.loading__brush{block-size:auto;inline-size:min(22rem,80vw);margin-block:var(--sp-2);overflow:visible}.loading__track,.loading__ink{fill:none;stroke-linecap:round;stroke-width:7px}.loading__track{stroke:var(--color-border)}.loading__ink{stroke:var(--color-accent);stroke-dasharray:1;transition:stroke-dashoffset var(--dur-4) var(--ease-out)}.loading__meta{font-size:var(--fs-200);font-variant-numeric:tabular-nums}.loading__note{font-size:var(--fs-200);text-wrap:pretty;max-inline-size:26rem}.addcard{font-size:var(--fs-200);color:var(--color-text-3)}.addcard:hover{color:var(--color-text)}.addcard--on{color:var(--color-accent);background:var(--color-accent-wash)}.addcard--on:hover{background:var(--color-accent-wash)}.addcard:disabled{opacity:.5;cursor:default}.toast{inset-inline:calc(var(--sp-4) + var(--safe-l)) calc(var(--sp-4) + var(--safe-r));z-index:var(--z-toast);align-items:center;gap:var(--sp-3);max-inline-size:32rem;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--sh-pop);font-size:var(--fs-200);flex-wrap:wrap;margin-inline:auto;display:flex;position:fixed;inset-block-end:calc(var(--tabbar-h) + var(--safe-b) + var(--sp-4))}@media (min-width:768px){.toast{inset-block-end:calc(var(--sp-5) + var(--safe-b))}}.toast__action,.toast__later{min-height:2.25rem;padding-inline:var(--sp-4);font-size:var(--fs-200)}.toast__later{margin-inline-start:auto}.settings__row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.segmented{border-radius:var(--r-lg);background:var(--color-surface-3);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented__item{min-height:2.5rem;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);color:var(--color-text-2);transition:background var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);justify-items:center;gap:1px;display:grid}.segmented__item:hover{color:var(--color-text)}.segmented__item--on{background:var(--color-surface);color:var(--color-text);box-shadow:var(--sh-1)}.segmented__label{font-size:var(--fs-300)}.segmented__sub{font-size:var(--fs-100);color:var(--color-text-3)}.importing__bar,.doc__progress{border-radius:var(--r-pill);background:var(--color-border);block-size:4px;inline-size:min(20rem,100%);display:block;overflow:hidden}.importing__bar>span,.doc__progress>span{border-radius:var(--r-pill);background:var(--color-accent);block-size:100%;transition:inline-size var(--dur-3) var(--ease-out);display:block}.dropzone{justify-items:center;gap:var(--sp-3);padding:var(--sp-7) var(--sp-5);border:1.5px dashed var(--color-border-strong);border-radius:var(--r-xl);background:var(--color-surface-2);text-align:center;transition:border-color var(--dur-2) var(--ease-out), background var(--dur-2) var(--ease-out);display:grid}.dropzone--over{border-color:var(--color-accent);background:var(--color-accent-wash)}.dropzone__mark{font-size:var(--fs-700);color:var(--color-border-strong);line-height:1}.dropzone__lead{color:var(--color-text-2);text-wrap:pretty;max-inline-size:24rem}.dropzone__note{font-size:var(--fs-100)}.library__error{padding:var(--sp-3) var(--sp-4);border:1px solid color-mix(in oklab, var(--color-danger) 32%, transparent);border-radius:var(--r-sm);background:color-mix(in oklab, var(--color-danger) 6%, var(--color-surface-2));color:color-mix(in oklab, var(--color-danger) 22%, var(--color-text));font-size:var(--fs-200);text-wrap:pretty;margin-block-start:var(--sp-4)}.library__error p{margin:0}.library__error-action{margin-block-start:var(--sp-3)}.toggle{align-items:center;gap:var(--sp-3);min-height:var(--tap-min);cursor:pointer;display:inline-flex}.toggle input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.toggle__track{border-radius:var(--r-pill);background:var(--color-border-strong);block-size:1.6rem;inline-size:2.75rem;transition:background var(--dur-2) var(--ease-out);flex:none;display:inline-block;position:relative}.toggle__knob{border-radius:var(--r-pill);background:var(--color-surface);block-size:1.1rem;inline-size:1.1rem;box-shadow:var(--sh-1);transition:transform var(--dur-2) var(--ease-out);position:absolute;inset-block-start:3px;inset-inline-start:3px}.toggle input:checked+.toggle__track{background:var(--color-accent)}.toggle input:checked+.toggle__track .toggle__knob{transform:translate(1.15rem)}.toggle input:focus-visible+.toggle__track{box-shadow:var(--focus-ring)}.search{max-width:var(--content-max);padding:0 var(--sp-4) var(--sp-8);margin-inline:auto}.search__bar{z-index:var(--z-header);padding-block:calc(var(--sp-4) + var(--safe-t)) var(--sp-2);margin-inline:calc(var(--sp-4) * -1);padding-inline:var(--sp-4);background:linear-gradient(to bottom, var(--color-bg) 72%, color-mix(in oklab, var(--color-bg) 0%, transparent));position:sticky;inset-block-start:0}.search__field{align-items:center;gap:var(--sp-2);min-height:var(--tap-min);padding-inline:var(--sp-4);border:1px solid var(--color-border);border-radius:var(--r-pill);background:var(--color-surface);box-shadow:var(--sh-1);transition:border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);display:flex}.search__field:focus-within{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.search__icon{color:var(--color-text-3);flex:none}.search__input{min-width:0;font-size:var(--fs-400);background:0 0;border:none;outline:none;flex:1;line-height:1.4}.search__input::-webkit-search-cancel-button{display:none}.search__clear{border-radius:var(--r-pill);block-size:1.75rem;inline-size:1.75rem;color:var(--color-text-3);flex:none;place-items:center;display:grid}.search__clear:hover{background:var(--color-surface-3);color:var(--color-text)}.chips{gap:var(--sp-2);flex-wrap:wrap;margin-block-start:var(--sp-3);display:flex}.chip{align-items:baseline;gap:var(--sp-2);min-height:2rem;padding-inline:var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--fs-100);color:var(--color-text-2);transition:background var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);display:inline-flex}.chip:hover{background:var(--color-surface-3)}.chip--on{background:var(--color-accent-wash);border-color:color-mix(in oklab, var(--color-accent) 35%, transparent);color:var(--color-accent)}.chip__kind{opacity:.75}.chip__value{font-weight:500}.results{margin-block-start:var(--sp-2);padding:0;list-style:none}.result{border-block-end:1px solid var(--color-border);content-visibility:auto;contain-intrinsic-size:auto 5.5rem;animation:mo-rise var(--dur-3) var(--ease-out) both}.result:last-child{border-block-end:none}.result__hit{gap:var(--sp-1) var(--sp-3);width:100%;padding-block:var(--sp-3);text-align:start;border-radius:var(--r-md);transition:background var(--dur-1) var(--ease-out);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main meta""senses meta";display:grid}.result__hit:hover{background:var(--color-surface-2);box-shadow:0 0 0 var(--sp-3) var(--color-surface-2)}.result__main{align-items:baseline;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;grid-area:main;min-width:0;display:flex}.result__hw{font-size:var(--hz-list);line-height:var(--lh-han-tight);letter-spacing:var(--ls-han)}.hanzi-other{color:var(--color-text-3);margin-inline-start:.4em;font-size:.68em}.result__py{font-size:var(--fs-200);font-weight:500}.result__senses{color:var(--color-text-2);font-size:var(--fs-200);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;grid-area:senses;display:-webkit-box;overflow:hidden}.result__meta{align-items:center;gap:var(--sp-2);grid-area:meta;align-self:center;display:flex}.badge{font-size:var(--fs-100);padding:2px var(--sp-2);border-radius:var(--r-pill);background:var(--color-surface-3);color:var(--color-text-3);white-space:nowrap}.freqbar{align-items:flex-end;gap:2px;block-size:.85rem;display:inline-flex}.freqbar__tick{background:var(--color-border-strong);border-radius:1px;inline-size:2px}.freqbar__tick:first-child{block-size:40%}.freqbar__tick:nth-child(2){block-size:70%}.freqbar__tick:nth-child(3){block-size:100%}.freqbar__tick--on{background:var(--color-accent)}.search__hint,.search__empty,.search__intro{font-size:var(--fs-200)}.search__hint{padding-block:var(--sp-2)}.search__empty{gap:var(--sp-2);padding-block:var(--sp-7);text-align:center;justify-items:center;display:grid}.search__empty-mark,.search__intro-mark{font-size:var(--fs-700);color:var(--color-border-strong);line-height:1}.search__intro{gap:var(--sp-4);padding-block:var(--sp-7) var(--sp-5);text-align:center;justify-items:center;display:grid}.search__intro-lead{max-inline-size:30rem;color:var(--color-text-2);text-wrap:pretty}.search__examples{gap:var(--sp-2);width:100%;justify-items:center;max-inline-size:22rem;padding:0;list-style:none;display:grid}.search__examples li{width:100%}.example{gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--color-surface-2);color:inherit;text-align:start;transition:background var(--dur-2) var(--ease-out), transform var(--dur-1) var(--ease-out);grid-template-columns:1fr auto;align-items:baseline;display:grid}.example:active{transform:scale(.98)}@media (hover:hover){.example:hover{background:var(--color-surface-3)}}.search__examples code{font-family:var(--font-mono);font-size:var(--fs-200)}.search__examples .han{font-size:var(--fs-400)}.doors{border-block-start:1px solid var(--color-border);padding-block-start:var(--sp-5)}.doors__title{font-size:var(--fs-300);color:var(--color-text-2);margin-block-end:var(--sp-2);font-weight:500}.doors__list{gap:2px;padding:0;list-style:none;display:grid}.door{align-items:start;gap:var(--sp-3);min-height:var(--tap-min);margin-inline:calc(var(--sp-3) * -1);padding:var(--sp-3);border-radius:var(--r-md);color:inherit;transition:background var(--dur-2) var(--ease-out), transform var(--dur-1) var(--ease-out);grid-template-columns:auto minmax(0,1fr);text-decoration:none;display:grid}.door:active{transform:scale(.995)}@media (hover:hover){.door:hover{background:var(--color-surface-2)}}.door__mark{border-radius:var(--r-sm);background:var(--color-surface-3);block-size:2.25rem;inline-size:2.25rem;color:var(--color-text-2);font-size:var(--fs-400);place-items:center;line-height:1;display:grid}.door__text{gap:2px;min-inline-size:0;display:grid}.door__name{font-weight:500}.door__hint{font-size:var(--fs-200);color:var(--color-text-3);text-wrap:pretty;max-inline-size:44ch}.doors__foot{font-size:var(--fs-200);text-wrap:pretty;margin-block-start:var(--sp-4)}code{font-family:var(--font-mono);border-radius:var(--r-xs);background:var(--color-surface-3);padding:1px 5px;font-size:.9em}.entry{max-width:var(--content-max);padding:var(--sp-4) var(--sp-4) var(--sp-9);margin-inline:auto}.entry--placeholder{min-height:60dvh}.entry__head{gap:var(--sp-2);border-block-end:1px solid var(--color-border);justify-items:start;padding-block-end:var(--sp-5);display:grid}.entry__back{font-size:var(--fs-200);color:var(--color-text-3);margin-block-end:var(--sp-2);margin-inline-start:calc(var(--sp-3) * -1)}.entry__hw{font-size:var(--hz-title);line-height:var(--lh-han-tight);letter-spacing:var(--ls-han);font-weight:400}.entry__other{font-size:var(--fs-200)}.entry__pron{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.entry__py{font-size:var(--fs-400);font-weight:500}.speak{align-items:center;gap:var(--sp-2);display:inline-flex}.speak__note{font-size:var(--fs-100);max-inline-size:14rem}.entry__badges{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.entry__taiwan{font-size:var(--fs-100)}.entry__senses{padding-block:var(--sp-5)}.entry__senses ol{gap:var(--sp-3);font-family:var(--font-text);font-size:var(--fs-400);padding-inline-start:1.4em;line-height:1.55;display:grid}.entry__senses li::marker{color:var(--color-text-3);font-size:.8em}.entry__senses li{text-wrap:pretty}.entry__block{padding-block:var(--sp-5);border-block-start:1px solid var(--color-border)}.entry__h2{font-size:var(--fs-100);text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-3);margin-block-end:var(--sp-3);font-weight:600}.entry__cl{gap:var(--sp-3);flex-wrap:wrap;display:flex}.entry__cl-item{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:var(--color-surface-3)}.charstrip{gap:var(--sp-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.charcard{border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface);block-size:4rem;inline-size:4rem;box-shadow:var(--sh-1);transition:transform var(--dur-1) var(--ease-out), border-color var(--dur-2) var(--ease-out), background var(--dur-2) var(--ease-out);place-items:center;display:grid}.charcard:hover{border-color:color-mix(in oklab, var(--color-accent) 45%, var(--color-border));background:var(--color-surface-2)}.charcard:active{transform:scale(.96)}.charcard__glyph{font-size:var(--fs-600);line-height:1}.related{gap:2px;padding:0;list-style:none;display:grid}.related__item{align-items:baseline;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);margin-inline:calc(var(--sp-3) * -1);border-radius:var(--r-md);color:inherit;transition:background var(--dur-1) var(--ease-out);grid-template-columns:auto auto minmax(0,1fr);text-decoration:none;display:grid}.related__item:hover{background:var(--color-surface-2)}.related__hw{font-size:var(--fs-400);letter-spacing:var(--ls-han)}.related__py{font-size:var(--fs-100);white-space:nowrap}.related__sense{font-size:var(--fs-200);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.examples{gap:var(--sp-4);padding:0;list-style:none;display:grid}.example{gap:var(--sp-1);border-inline-start:2px solid var(--color-border);padding-inline-start:var(--sp-3);display:grid}.example__zh{align-items:center;gap:var(--sp-1);font-size:var(--fs-400);letter-spacing:var(--ls-han);line-height:1.85;display:flex}.example__en{font-family:var(--font-text);font-size:var(--fs-200);text-wrap:pretty}.example__origin{font-size:var(--fs-200);opacity:.75}.examples__note{font-size:var(--fs-100);color:var(--color-text-3);margin-block-start:var(--sp-3);margin-inline-start:calc(var(--sp-3) * -1)}