:root{--bg:#f5f7fb;--panel:#fff;--text:#1d2430;--muted:#667085;--line:#e6eaf0;--accent:#246bfe;--accent2:#eef4ff;--shadow:0 10px 26px rgba(19,35,68,.08)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;-webkit-text-size-adjust:100%}a{color:inherit}.hero{padding:18px 14px 14px;background:linear-gradient(180deg,#fff,#f8fbff);border-bottom:1px solid var(--line)}.hero h1{max-width:760px;margin:8px auto 6px;font-size:clamp(1.45rem,6vw,2.1rem);line-height:1.25}.hero p{max-width:760px;margin:0 auto;color:var(--muted);font-size:1rem}.home{display:block;max-width:760px;margin:0 auto;color:var(--accent);font-weight:700;text-decoration:none}.wrap{max-width:760px;margin:0 auto;padding:14px}.toolbar{position:sticky;top:0;z-index:5;background:rgba(245,247,251,.94);backdrop-filter:blur(8px);padding:10px 0 12px}.toolbar label{display:block;font-weight:700;margin:0 0 6px}.toolbar input{width:100%;font-size:1.06rem;min-height:46px;border:1px solid #cfd7e6;border-radius:14px;padding:10px 12px;background:#fff}.hint{margin:6px 2px 0;color:var(--muted);font-size:.92rem}.cards{display:grid;gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:13px;box-shadow:var(--shadow)}.card-top{display:flex;gap:12px;align-items:center}.symbol-btn{flex:0 0 68px;min-width:68px;height:68px;border:1px solid #dae3f2;border-radius:18px;background:var(--accent2);font-size:2.15rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.code-block{min-width:0}.codepoint{font-size:1.06rem;font-weight:800;letter-spacing:.02em}.category{color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}.meta{margin:10px 0 0;display:grid;gap:8px}.meta div{border-top:1px dashed var(--line);padding-top:8px}.meta dt{font-size:.82rem;font-weight:800;color:var(--muted);margin:0}.meta dd{margin:2px 0 0;font-size:1.02rem;overflow-wrap:anywhere}.pager{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:12px 0}.navbtn,.page-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:999px;border:1px solid #d8e1f0;background:#fff;text-decoration:none;font-weight:700;padding:7px 12px}.navbtn.disabled{opacity:.45}.page-numbers{display:flex;gap:6px;overflow-x:auto;padding:2px;scrollbar-width:thin}.page-link{min-width:40px;padding:6px 10px}.page-link.current{background:var(--accent);color:#fff;border-color:var(--accent)}.index-grid{display:grid;gap:12px;margin-top:12px}.index-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;text-decoration:none;box-shadow:var(--shadow)}.index-card strong{display:block;font-size:1.12rem}.index-card span{display:block;color:var(--muted);margin-top:4px}.page-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.page-list a{background:var(--accent2);border:1px solid #d8e6ff;border-radius:999px;padding:7px 11px;text-decoration:none;font-weight:700}#toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#1d2430;color:#fff;border-radius:999px;padding:10px 16px;opacity:0;pointer-events:none;transition:.18s;box-shadow:0 8px 20px rgba(0,0,0,.22)}#toast.show{opacity:1}@media (min-width:680px){.cards{grid-template-columns:1fr 1fr}.symbol-btn{flex-basis:74px;height:74px;font-size:2.35rem}.wrap{padding:18px}}