:root{--ink:#1b1f24;--muted:#5b6470;--line:#d9dee4;--accent:#1f5fbf;--bg:#fff}@media (prefers-color-scheme:dark){:root{--ink:#e8ebef;--muted:#a2abb6;--line:#333a42;--accent:#7fb0ff;--bg:#14171b}}body{background:var(--bg);color:var(--ink);margin:0;font:17px/1.5 system-ui,sans-serif}main{max-width:760px;margin:0 auto;padding:48px 16px}h1{margin:0 0 24px;font-size:28px}label{color:var(--muted);margin-bottom:8px;display:block}#q{box-sizing:border-box;width:100%;font:inherit;color:inherit;border:2px solid var(--line);background:0 0;border-radius:10px;padding:14px 16px}#q:focus{border-color:var(--accent);outline:none}.status{min-height:1.5em;color:var(--muted)}ol,ul{margin:0;padding:0;list-style:none}li{border-bottom:1px solid var(--line);padding:14px 0}li a{color:var(--accent);font-weight:600;text-decoration:none}li a:hover{text-decoration:underline}.code{margin-right:4px}.where{color:var(--muted);font-size:15px;display:block}.purpose{margin:4px 0 0;font-size:15px}h2{margin:40px 0 8px;font-size:18px}select.lang{font:inherit;z-index:5;padding:2px 4px;font-size:14px;position:absolute;top:8px;right:12px}