body { font-family: system-ui, sans-serif; max-width: 800px; margin: 40px auto; padding: 0 20px; color: #ccc; line-height: 1.6; background: #1a1a2e; }
nav { margin-bottom: 2em; }
nav a { color: #6ca0dc; text-decoration: none; }
h1 { color: #e0e0e0; border-bottom: 1px solid #2a2a3e; padding-bottom: 0.3em; }
a { color: #6ca0dc; }
code { background: #2a2a3e; padding: 2px 6px; border-radius: 3px; font-size: 0.9em; color: #e0e0e0; }
pre { background: #2a2a3e; padding: 1em; overflow-x: auto; border-radius: 4px; }
pre code { background: none; padding: 0; }
.project-list { list-style: none; padding: 0; }
.project-list li { margin: 0.5em 0; padding: 0.5em 0; border-bottom: 1px solid #2a2a3e; }
.project-list li:hover { background: #22223a; }
.project-list a { font-size: 1.1em; color: #e0e0e0; text-decoration: none; }
.project-list a:hover { color: #6ca0dc; }
.project-list .desc { color: #888; font-size: 0.9em; }
.project-list .meta { color: #666; font-size: 0.8em; }
.repo-link { font-size: 0.85em; color: #888; margin-left: 0.5em; }
.repo-link:hover { color: #6ca0dc; }
p.meta { color: #666; font-size: 0.85em; }