:root{--canvas: #e7e4dd;--paper: #f7f5f0;--paper-hover: #f1eee7;--ink: #1b1a17;--muted: #3a362f;--faint: #4a463f;--line: #d3cdc0;--body: #26231e;--radius-sm: 4px;--radius: 6px;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display: Newsreader, Georgia, "Times New Roman", serif}:root[data-theme=dark]{--canvas: #131210;--paper: #1c1a16;--paper-hover: #252219;--ink: #f0ebe1;--muted: #ded7c9;--faint: #c4bcac;--line: #332f26;--body: #e8e2d6}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-mono);font-size:14px;line-height:1.55;font-weight:400;text-rendering:optimizeLegibility}.page{max-width:980px;margin:0 auto;padding:2rem 1.25rem 4rem}.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line);margin-bottom:1.75rem}.masthead-title{font-family:var(--font-display);font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--ink)}.masthead-nav{display:flex;align-items:center;gap:1.1rem;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--faint)}.masthead-nav a,.masthead-nav button{color:inherit;text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer;transition:color .12s ease}.masthead-nav a:hover,.masthead-nav button:hover{color:var(--ink)}.hero{margin-bottom:2rem}.hero-top{display:flex;align-items:baseline;gap:.9rem;margin-bottom:.6rem}.seal{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--ink);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:16px;line-height:1;color:var(--ink);flex:none}.hero h1{font-family:var(--font-display);font-size:clamp(2.25rem,6vw,3.25rem);font-weight:400;line-height:1.05;letter-spacing:-.025em;margin:0}.hero-hanzi{font-size:.5em;color:var(--faint);letter-spacing:.2em;margin-left:.4rem}.hero-sub{font-size:13.5px;color:var(--body);max-width:64ch;margin:0 0 .85rem;line-height:1.65}.hero-note{font-size:12.5px;color:var(--muted);max-width:68ch;border-left:2px solid var(--line);padding-left:.75rem;margin:0;line-height:1.65}.potd{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.25rem;margin-bottom:1.5rem}.potd-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--faint);margin-bottom:.5rem}.potd-hanzi{font-family:var(--font-display);font-size:1.5rem;line-height:1.35;letter-spacing:.01em;margin:0 0 .25rem}.potd-pinyin{color:var(--muted);font-size:12px;font-weight:500;margin:0 0 .6rem}.potd-meaning{color:var(--body);margin:0;max-width:72ch;font-size:13.5px;line-height:1.65}.filters{position:sticky;top:0;z-index:5;background:var(--canvas);padding:.75rem 0;margin-bottom:1.25rem;border-bottom:1px solid var(--line)}.search-row{display:flex;gap:.6rem;align-items:center;margin-bottom:.7rem}.search{flex:1;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .7rem;font-family:var(--font-mono);font-size:12px;color:var(--ink)}.search::placeholder{color:var(--faint)}.search:focus{outline:none;border-color:var(--ink)}.count{font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.28rem .55rem;font-family:var(--font-mono);font-size:11px;color:var(--muted);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.chip:hover{background:var(--paper-hover);color:var(--ink)}.chip-active{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.chip-active .chip-hanzi,.chip-active .chip-count{color:var(--canvas);opacity:.75}.chip-hanzi{font-family:var(--font-display);color:var(--faint)}.chip-count{font-size:10px;color:var(--faint);font-variant-numeric:tabular-nums}.entries{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}.entry{border-bottom:1px solid var(--line);padding:.9rem 0;transition:background .12s ease}.entry:hover{background:var(--paper-hover)}.entry-hit{display:block;width:100%;text-align:left;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.entry-head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.3rem}.entry-kind{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);flex:none}.hanzi{font-family:var(--font-display);font-size:1.3rem;line-height:1.5;margin:0;letter-spacing:.02em}.pinyin{display:block;color:var(--muted);font-size:12.5px;font-weight:500;margin:.15rem 0 0}.meaning{color:var(--body);font-size:14px;margin:.45rem 0 0;line-height:1.65;max-width:80ch}.entry-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:.55rem}.tags-row{display:flex;flex-wrap:wrap;gap:.3rem}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.1rem .35rem}.more{background:none;border:0;padding:0;font-family:var(--font-mono);font-size:11px;color:var(--muted);cursor:pointer;white-space:nowrap}.more:hover{color:var(--ink)}.detail{margin:.75rem 0 0;padding-top:.7rem;border-top:1px dashed var(--line);display:grid;gap:.6rem}.detail dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin-bottom:.15rem}.detail dd{margin:0;font-size:13px;color:var(--body);line-height:1.65}.empty{text-align:center;color:var(--faint);padding:3rem 0;font-size:12px}.link-btn{background:none;border:0;color:var(--ink);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px;margin-left:.4rem}.footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted);max-width:72ch;line-height:1.65}.footer p{margin:0 0 .4rem}@media(max-width:560px){.filters{position:static}.hero h1{font-size:1.75rem}.masthead-nav{gap:.7rem}}