:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#f2f5f1;--face:#fff;--ink:#14211b;--muted:#536359;--border:#7a8a81;--line:#d3ddd6;--jade:#1d6a4e;--jade-ink:#fff;--jade-tint:#dcebe3;--danger:#b3261e;--sans:-apple-system, "PingFang TC", "Noto Sans TC", sans-serif;--serif-han:"Songti TC", "Noto Serif TC", "Source Han Serif TC", "PMingLiU", serif;font-family:var(--sans)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#0e1412;--face:#1a2420;--ink:#e6eee9;--muted:#9cada4;--border:#5e7067;--line:#26312c;--jade:#74cfa2;--jade-ink:#0e1412;--jade-tint:#18382a;--danger:#ff8f86}}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;line-height:1.45}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button{font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--jade);outline-offset:2px}h2{margin:0;font-size:1.0625rem;font-weight:600}.app{max-width:34rem;padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;gap:20px;margin:0 auto;display:flex;position:relative}.app-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.wordmark{align-items:baseline;gap:8px;min-width:0;margin:0;font-weight:400;display:flex}.wordmark-han{font-family:var(--serif-han);font-size:1.75rem;font-weight:600;line-height:1}.wordmark-han,.wordmark-name{white-space:nowrap}.wordmark-name{color:var(--muted);font-size:.9375rem}@media (width<=359px){.wordmark-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.search{padding:0 12px;font-size:1rem}}.header-actions{flex:none;display:flex}.text-control{min-width:44px;min-height:44px;color:var(--jade);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:8px 10px;font-weight:600;text-decoration:none;display:inline-flex}.text-control:active{background:var(--jade-tint)}.search-form{z-index:2;padding:max(8px, env(safe-area-inset-top)) 4px 8px;background:var(--paper);margin:-8px -4px;position:sticky;top:0}.search{border:1.5px solid var(--border);background:var(--face);width:100%;min-height:52px;color:var(--ink);font:inherit;border-radius:14px;padding:0 16px;font-size:1.0625rem;display:block}.search::placeholder{color:var(--muted)}.search:focus{border-color:var(--jade);box-shadow:0 0 0 3px var(--jade-tint);outline:none}.note{color:var(--muted);text-align:center;overflow-wrap:anywhere;margin:0;padding:24px 16px}.note-error{color:var(--danger);font-weight:600}.kbd-key,.chip{border:1px solid var(--border);background:var(--face);color:var(--ink);border-bottom-width:3px;border-radius:9px;justify-content:center;align-items:center;display:flex;position:relative}.kbd-letter,.chip-key{color:var(--jade);font-size:.6875rem;font-weight:700;line-height:1;position:absolute;top:3px;left:5px}.kbd-base,.chip-base{padding-top:6px;line-height:1}.kbd h2{margin-bottom:12px}.kbd-rows{flex-direction:column;gap:6px;display:flex}.kbd-row{justify-content:center;gap:4px;display:flex}.kbd-key{cursor:pointer;flex:0 0 calc(10% - 3.6px);height:58px;padding:0}.kbd-base{font-size:clamp(1.125rem,5.4vw,1.375rem)}.kbd-key:active{border-bottom-width:2px;transform:translateY(1px)}.kbd-key[aria-pressed=true]{border-color:var(--jade);background:var(--jade);color:var(--jade-ink)}.kbd-key[aria-pressed=true] .kbd-letter{color:var(--jade-ink)}.kbd-key-blank{cursor:default;background:0 0;border-style:dashed;border-bottom-width:1px}.kbd-key-blank .kbd-letter{color:var(--muted)}.kbd-note{min-height:3.5rem;color:var(--muted);flex-direction:column;gap:4px;margin:14px 0 0;display:flex}.kbd-note-lead{color:var(--ink)}.kbd-note-base{font-family:var(--serif-han);vertical-align:-.1em;font-size:1.5rem}.kbd-note-detail{overflow-wrap:anywhere;font-size:1.125rem}.sheet{scroll-margin-top:80px}.sheet:focus{outline:none}.card-head{align-items:center;gap:18px;display:flex}.card-char{font-family:var(--serif-han);flex:none;font-size:6rem;line-height:1}.card-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.card-marks{color:var(--muted);overflow-wrap:anywhere;font-size:1.0625rem}.card-code{letter-spacing:.16em;overflow-wrap:anywhere;font-size:1.75rem;font-weight:700;line-height:1.1}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip{width:3.25rem;height:3.5rem}.chip-base{font-size:1.5rem}.card-head+.chips{margin-top:18px}.also-works{color:var(--muted);margin:12px 0 0;font-size:.9375rem}.why{margin-top:24px}.why h2{margin-bottom:4px}.why-rows{margin:0;padding:0;list-style:none}.why-row{border-top:1px solid var(--line);align-items:flex-start;gap:14px;padding:12px 0;display:flex}.why-row:first-child{border-top:0}.why-glyph{min-width:3rem;font-family:var(--serif-han);text-align:center;flex:none;font-size:2.5rem;line-height:1.1}.why-body{flex-direction:column;gap:6px;min-width:0;display:flex}.why-body .chip{width:2.75rem;height:3rem}.why-body .chip-base{font-size:1.25rem}.why-label{color:var(--muted);font-size:.9375rem}.why-note{color:var(--muted);margin:8px 0 0}.why-link{min-height:44px;color:var(--jade);text-underline-offset:4px;align-items:center;font-weight:600;display:inline-flex}.why-link:after{content:" ↗" / ""}.tiles,.recent{border-top:1px solid var(--line);padding-top:20px}.tiles h2{margin-bottom:12px}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:8px;display:grid}.tile{border:1px solid var(--border);background:var(--face);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:4rem;padding:6px 2px;display:flex}.tile:active{border-color:var(--jade);background:var(--jade-tint)}@media (hover:hover){.tile:hover{border-color:var(--jade)}}.tile-char{font-family:var(--serif-han);font-size:1.875rem;line-height:1.1}.tile-mark{max-width:100%;color:var(--muted);overflow-wrap:anywhere;font-size:.8125rem}.show-all{border:1px solid var(--border);background:var(--face);width:100%;min-height:48px;color:var(--jade);cursor:pointer;border-radius:12px;margin-top:12px;font-weight:600;display:block}.show-all:active{background:var(--jade-tint)}.recent{border-top:0;padding-top:0}.recent-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.recent .tile-grid{grid-template-columns:repeat(auto-fill,minmax(3.25rem,1fr))}.recent-char{min-height:3.25rem;font-family:var(--serif-han);font-size:1.625rem}.info-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.info-header h2{font-size:1.25rem}.info-sheet{z-index:10;overscroll-behavior:contain;background:var(--paper);position:fixed;inset:0;overflow:auto}.info-content{max-width:34rem;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));margin:0 auto}.info-header{background:var(--paper);padding:8px 0;position:sticky;top:0}.key-chart{table-layout:fixed;border-collapse:collapse;width:100%;margin-top:16px}.key-chart th,.key-chart td{border-bottom:1px solid var(--line);text-align:left;padding:10px 4px}.key-chart th{width:2.5rem;color:var(--jade)}.key-chart .key-base{width:3rem;font-family:var(--serif-han);font-size:1.75rem;font-weight:600}.key-shapes{color:var(--muted);overflow-wrap:anywhere;font-size:1.25rem}.data-sources{overflow-wrap:anywhere}.data-sources ul{padding-left:20px}.data-sources li{margin:12px 0}.data-sources a{min-height:44px;color:var(--jade);text-underline-offset:3px;padding:10px 0;display:inline-block}@media (prefers-reduced-motion:reduce){.kbd-key:active{transform:none}}