@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";
:root{--bg-color:#0a0a0a;--text-color:#ededed;--text-muted:#a1a1aa;--border-color:#27272a}.light-mode{--bg-color:#fff;--text-color:#18181b;--text-muted:#71717a;--border-color:#e4e4e7}*{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;max-width:700px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.7;transition:background-color .3s,color .3s;display:flex}main{flex:1}h1,h2,h3,h4,h5,h6{color:var(--text-color);margin-bottom:1rem;font-weight:700}h1{letter-spacing:-.02em;margin-top:2.5rem;font-size:1.5rem}h1:first-child{margin-top:0}h2{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:3rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:500}p{color:var(--text-muted);margin-bottom:1.5rem}strong{color:var(--text-color);font-weight:500}a{color:var(--text-color);text-decoration:none;transition:color .2s}a:hover{color:var(--text-muted)}ul{margin-bottom:2rem;list-style:none}li{color:var(--text-muted);border-left:1px solid var(--border-color);margin-bottom:1rem;padding-left:1rem}em{color:var(--text-muted);font-family:Geist Mono,monospace;font-size:.85rem;font-style:normal}nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}nav .links{gap:1.5rem;display:flex}nav .links a{color:var(--text-muted);font-size:.9rem;font-weight:500}nav .links a:hover,nav .links a.active{color:var(--text-color)}.theme-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;transition:color .2s}.theme-toggle:hover{color:var(--text-color)}footer{border-top:1px solid var(--border-color);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-top:1.5rem;font-size:.85rem;display:flex}footer a{color:var(--text-muted);margin-right:1.5rem}footer a:hover{color:var(--text-color)}.project-card{margin-bottom:3rem}.project-card h3{margin-bottom:.5rem;font-size:1.1rem}.project-card p{margin-bottom:1rem}.project-card a{text-underline-offset:4px;color:var(--text-muted);font-size:.9rem;text-decoration:underline}.project-card a:hover{color:var(--text-color)}
