:root { --bg:#f6f7f9; --card:#fff; --text:#1c2430; --muted:#5b6675; --accent:#0b5cad; --line:#dde2e8; }
@media (prefers-color-scheme: dark) { :root { --bg:#12161c; --card:#1b212a; --text:#e6ebf1; --muted:#9aa6b4; --accent:#6db3ff; --line:#2a323d; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; }
main { max-width:760px; margin:0 auto; padding:40px 16px; }
h1 { font-size:1.6rem; margin:0 0 4px; }
.sub { color:var(--muted); margin:0 0 28px; }
ul.tools { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
ul.tools a { display:block; padding:16px 18px; background:var(--card); border:1px solid var(--line); border-radius:10px; text-decoration:none; color:var(--text); }
ul.tools a:hover { border-color:var(--accent); }
ul.tools strong { color:var(--accent); display:block; }
ul.tools span { color:var(--muted); font-size:.93rem; }
footer { margin-top:36px; color:var(--muted); font-size:.85rem; }