:root{--bg:#fff;--fg:#0a0a0a;--mut:#666;--brd:#e5e5e5;--card:#fafafa;--accent:#0d9488;--code:#f5f5f5}
@media (prefers-color-scheme:dark){:root{--bg:#0a0a0a;--fg:#fafafa;--mut:#999;--brd:#262626;--card:#141414;--accent:#2dd4bf;--code:#171717}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans SC','Noto Sans JP','Noto Sans KR',Arial,sans-serif}
main{max-width:52rem;margin:0 auto;padding:2.5rem 1rem 4rem}
nav.bc{font-size:.75rem;color:var(--mut);margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
nav.bc a{color:var(--mut);text-decoration:none}nav.bc a:hover{color:var(--fg)}
h1{font-size:1.75rem;margin:0 0 .5rem;letter-spacing:-.02em}
.badge{display:inline-block;font-size:.7rem;padding:.15rem .5rem;border-radius:.375rem;background:var(--code);border:1px solid var(--brd);vertical-align:middle}
.desc{color:var(--mut);margin:.75rem 0 1.25rem;max-width:48rem}
.fbox{border:1px solid var(--brd);background:var(--card);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}
.fbox h2{font-size:.8rem;font-weight:600;color:var(--mut);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}
code.expr{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;word-break:break-all;direction:ltr;text-align:left}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.75rem;margin-bottom:1.5rem}
.stat{border:1px solid var(--brd);border-radius:.5rem;padding:.75rem}
.stat .k{font-size:.7rem;color:var(--mut)}
.stat .v{font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums;margin-top:.15rem}
.btns{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
button.x,a.x{font:inherit;font-size:.75rem;padding:.45rem .85rem;border:1px solid var(--brd);border-radius:.375rem;background:var(--bg);color:var(--fg);cursor:pointer;text-decoration:none;display:inline-block}
button.x:hover,a.x:hover{background:var(--code)}
h2.sec{font-size:1.05rem;margin:1.75rem 0 .75rem}
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.5rem}
.rel a{display:block;border:1px solid var(--brd);border-radius:.5rem;padding:.6rem .75rem;text-decoration:none;color:inherit}
.rel a:hover{background:var(--card)}
.rel .nm{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;color:var(--mut)}
.rel .ex{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.68rem;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:left;margin-top:.2rem}
footer{border-top:1px solid(--brd);margin-top:2.5rem;padding-top:1rem;font-size:.75rem;color:var(--mut)}
footer a{color:var(--mut)}
.navlinks{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}