:root{--bg:#ffffff;--nav-bg:rgba(255,255,255,0.85);--text:#1d1d1f;--muted:#6e6e73;--accent:#0071e3;--border:#e8e8ed;--code-bg:#f5f5f7}[data-theme=dark]{--bg:#2e3440;--nav-bg:#2e3440;--text:#d8dee9;--muted:#9aafc2;--accent:#88c0d0;--border:#3b4252;--code-bg:#242933}.skip-link{position:absolute;top:-100%;left:0;background:var(--bg);color:var(--accent);padding:.5rem 1rem;z-index:1000;border:2px solid var(--accent);text-decoration:none;font-weight:600}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}body{font-family:system-ui,sans-serif;max-width:800px;margin:0 auto;padding:1rem 2rem;line-height:1.6;background:var(--bg);color:var(--text);transition:background .2s ease,color .2s ease}nav{display:flex;align-items:center;justify-content:space-between;margin:-1rem -1rem 2rem;padding:.75rem 1rem;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);border-radius:0 0 6px 6px;transition:background .2s ease,border-color .2s ease}a{color:var(--accent)}nav a{margin-right:1rem;text-decoration:none;color:var(--muted);padding-bottom:2px;border-bottom:2px solid transparent}nav a.nav-active{color:var(--text);border-bottom-color:var(--accent)}.nav-links{display:flex;align-items:center}#theme-toggle{background:0 0;border:1px solid var(--border);border-radius:6px;padding:.35rem;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}#theme-toggle:hover{border-color:var(--accent)}#theme-toggle svg{width:18px;height:18px}.sun-icon,[data-theme=dark] .moon-icon{display:block}.moon-icon,[data-theme=dark] .sun-icon{display:none}h1,h2,h3{line-height:1.3}pre{background:var(--code-bg);padding:1rem;overflow-x:auto;border-radius:4px;transition:background .2s ease}code{background:var(--code-bg);padding:.1em .3em;border-radius:3px;transition:background .2s ease}pre code{background:0 0;padding:0}img{max-width:100%}footer{margin-top:3rem;border-top:1px solid var(--border);padding-top:1rem;color:var(--muted);font-size:.9rem;transition:border-color .2s ease}.post-list{list-style:none;padding:0}.post-list li{margin-bottom:1.5rem}.post-list .date,article .date{color:var(--muted);font-size:.85rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem;margin-bottom:2rem}.gallery-item{display:flex;flex-direction:column}.gallery-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.tech-stack{margin:3rem 0}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem;margin-top:1.5rem}.tech-item{display:flex;flex-direction:column;gap:.5rem}.tech-item h3{display:flex;align-items:center;gap:.5rem;font-size:.9rem;margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.tech-item h3 svg{width:14px;height:14px;stroke-width:2.5px;color:var(--muted)}.tech-item ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.tech-item li{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text);background:var(--code-bg);padding:.2rem .6rem;border-radius:4px;transition:background .2s ease}.tech-item li svg{width:14px;height:14px;flex-shrink:0}.tech-ruby svg{color:#cc342d}.tech-go svg{color:#00add8}.tech-elixir svg{color:#a35bb3}.tech-postgres svg{color:#336791}.tech-redis svg{color:#d82c20}.tech-typescript svg{color:#3178c6}.tech-react svg{color:#61dafb}.tech-docker svg{color:#2496ed}.tech-aws svg{color:#f90}.tech-cicd svg{color:#4caf50}.tech-claude svg{color:#d97757}.gallery-caption{font-size:.85rem;color:var(--muted);margin:.25rem 0 0}@media(max-width:599px){.recent-shots .gallery-item:nth-child(n+2){display:none}}.about-page img{display:block;width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:1.25rem;border:2px solid var(--border)}.social-links{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.5rem}.social-links a{display:flex;align-items:center;gap:.4rem;color:var(--muted);text-decoration:none;font-size:.9rem;transition:color .15s ease}.social-links a:hover{color:var(--accent)}.social-links svg{width:18px;height:18px;flex-shrink:0}.project-content h2{margin-top:2.5rem}.project-content p:has(img){display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.project-content p img{max-width:600px;width:100%;height:auto;border-radius:6px;border:1px solid var(--border)}@media(max-width:599px){.project-content p img{max-width:100%}}