:root { --bg:#fff; --fg:#1a1a1a; --muted:#666; --accent:#0a66c2; --border:#e5e5e5; }
@media (prefers-color-scheme: dark) { :root { --bg:#111; --fg:#eee; --muted:#aaa; --accent:#6cb4ff; --border:#333; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }
main { max-width:720px; margin:0 auto; padding:48px 20px; }
h1 { font-size:2rem; margin:0 0 .25em; }
h2 { font-size:1.25rem; margin:2em 0 .5em; }
p, li { color:var(--fg); }
.muted { color:var(--muted); font-size:.9rem; }
a { color:var(--accent); }
nav { border-bottom:1px solid var(--border); }
nav div { max-width:720px; margin:0 auto; padding:12px 20px; display:flex; gap:20px; }
footer { max-width:720px; margin:0 auto; padding:24px 20px; border-top:1px solid var(--border); color:var(--muted); font-size:.85rem; }
ul.apps { list-style:none; padding:0; }
ul.apps li { padding:16px 0; border-bottom:1px solid var(--border); }
ul.apps li a.links { margin-right:12px; font-size:.9rem; }