:root{--bg: #fafafa;--text: #222222;--muted: #888888;--border: #e0e0e0;--link: #222222;--tag-bg: #f0f0f0;--tag-text: #999999;--code-bg: #f0f0f0}[data-theme=dark]{--bg: #050505;--text: #fafafa;--muted: #737373;--border: #1a1a1a;--link: #fafafa;--tag-bg: #1a1a1a;--tag-text: #888888;--code-bg: #161616}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #050505;--text: #fafafa;--muted: #737373;--border: #1a1a1a;--link: #fafafa;--tag-bg: #1a1a1a;--tag-text: #888888;--code-bg: #161616}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:DM Sans,system-ui,-apple-system,sans-serif;color:var(--text);background-color:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{line-height:1.3;letter-spacing:-.5px}h1{font-size:2.5rem;font-weight:700;letter-spacing:-1.5px}h2{font-size:1.75rem;font-weight:700}h3{font-size:1.25rem;font-weight:600}p{margin-bottom:1rem}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.bio a,.post-body a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border)}.bio a:hover,.post-body a:hover{text-decoration-color:var(--text)}.content{max-width:640px;margin:0 auto;padding:0 24px;width:100%}nav{display:flex;justify-content:space-between;align-items:center;padding:24px 48px;border-bottom:1px solid var(--border)}nav .logo{font-weight:700;font-size:18px;letter-spacing:-.5px;color:var(--text);text-decoration:none}nav .nav-links{display:flex;align-items:center;gap:28px}nav .nav-links a{color:var(--muted);font-size:15px;text-decoration:none;padding:8px 0}nav .nav-links a:hover{color:var(--text)}nav .nav-links a.active{color:var(--text);font-weight:500}.theme-toggle-icon{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;transition:color .2s}.theme-toggle-icon:hover{color:var(--text)}.icon-sun{display:none}.icon-moon,[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .icon-sun{display:block}:root:not([data-theme=light]) .icon-moon{display:none}}footer{text-align:center;padding:24px;color:var(--muted);font-size:13px;border-top:1px solid var(--border);margin-top:auto}.hero{margin:80px auto 60px;max-width:640px;padding:0 24px}.hero .subtitle{color:var(--muted);font-size:16px;margin-bottom:24px}.hero .bio{color:var(--text);font-size:15px;line-height:1.7}.hero .social{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.hero .social a{color:var(--muted);font-size:14px;border:1px solid var(--border);padding:8px 14px;border-radius:4px;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.hero .social a svg{flex-shrink:0}.hero .social a:hover{color:var(--text)}.section-header{margin-top:60px;margin-bottom:32px}.section-title{font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.section-desc{color:var(--muted);font-size:14px}.post-list{list-style:none}.post-item{padding:16px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:baseline;gap:16px}.post-item:last-child{border-bottom:none}.post-title{font-size:16px;font-weight:500;color:var(--text);text-decoration:none}.post-title:hover{color:var(--muted)}.post-date{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.note-item{padding:12px 0;border-bottom:1px solid var(--border)}.note-item:last-child{border-bottom:none}.note-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.note-left{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.note-title{font-size:15px;color:var(--text);text-decoration:none}.note-title:hover{color:var(--muted)}.tag{font-size:11px;color:var(--tag-text);background:var(--tag-bg);padding:2px 8px;border-radius:3px}.note-date{font-size:12px;color:var(--muted);white-space:nowrap}.back-link{display:inline-block;max-width:640px;margin:24px auto 0;padding:0 24px;font-size:14px;color:var(--muted);text-decoration:none}.back-link:hover{color:var(--text)}.post-content{max-width:640px;margin:40px auto 80px;padding:0 24px}.post-content .post-header{margin-bottom:32px}.post-content .post-header h1{font-size:2rem;margin-bottom:8px}.post-content .post-header .post-meta{color:var(--muted);font-size:14px}.post-content .post-body{font-size:16px;line-height:1.8}.post-content .post-body h2{margin-top:2rem;margin-bottom:1rem}.post-content .post-body h3{margin-top:1.5rem;margin-bottom:.75rem}.post-content .post-body ul,.post-content .post-body ol{margin-bottom:1rem;padding-left:1.5rem}.post-content .post-body li{margin-bottom:.25rem}.post-content .post-body blockquote{border-left:3px solid var(--border);padding-left:1rem;color:var(--muted);margin-bottom:1rem}code,pre{font-family:Geist Mono,monospace}.post-content .post-body pre{background:var(--code-bg);padding:1rem;border-radius:4px;overflow-x:auto;margin-bottom:1rem;font-size:14px}.post-content .post-body code{background:var(--code-bg);padding:2px 6px;border-radius:3px;font-size:14px}.post-content .post-body pre code{background:none;padding:0}.post-content .post-body img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0}.not-found{text-align:center;margin:120px auto;max-width:640px;padding:0 24px}.not-found h1{font-size:4rem;margin-bottom:8px}.not-found p{color:var(--muted);margin-bottom:24px}.project-card{border:1px solid var(--border);border-radius:8px;padding:24px;margin-bottom:16px;transition:border-color .2s ease}.project-card:hover{border-color:var(--muted)}.project-card-image{margin-bottom:16px}.project-card-image img{width:100%;height:auto;border-radius:4px}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px}.project-card-title{font-size:18px;font-weight:700;letter-spacing:-.5px;color:var(--text);text-decoration:none}.project-card-title:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border)}.project-card-status{font-size:11px;padding:3px 10px;border-radius:12px;font-weight:500;white-space:nowrap;flex-shrink:0}.status-active,.status-shipped,.status-archived{background:var(--tag-bg);color:var(--muted)}.project-card-desc{font-size:15px;color:var(--text);line-height:1.6;margin-bottom:12px}.project-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.project-card-links{display:flex;gap:16px}.project-card-links a{font-size:13px;color:var(--muted);text-decoration:none}.project-card-links a:hover{color:var(--text)}.project-card-links a:last-child{font-weight:500;color:var(--text)}.timeline-group{margin-bottom:32px}.timeline-year{font-size:14px;font-weight:500;color:var(--muted);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.project-meta{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.post-meta-date{font-size:13px;color:var(--muted)}.project-meta-links{display:flex;gap:12px}.project-meta-links a{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border)}.project-meta-links a:hover{text-decoration-color:var(--text)}.project-tech-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.project-hero-image{margin-bottom:24px}.project-hero-image img{width:100%;height:auto;border-radius:4px}.uses-section{margin-bottom:32px}.uses-section h3{font-size:1.1rem;font-weight:600;margin-bottom:12px;letter-spacing:-.3px}.uses-section ul{list-style:none;padding:0}.uses-section li{padding:8px 0;border-bottom:1px solid var(--border);font-size:15px;line-height:1.6}.uses-section li:last-child{border-bottom:none}.uses-section li strong{font-weight:500}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px}.hamburger-line{display:block;width:20px;height:2px;background:var(--text);transition:transform .2s ease,opacity .2s ease}.hamburger.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-mobile{display:none;flex-direction:column;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg);gap:12px}.nav-mobile.open{display:flex}.nav-mobile a{color:var(--muted);text-decoration:none;font-size:16px;padding:8px 0}.nav-mobile a.active{color:var(--text);font-weight:500}.nav-mobile a:hover{color:var(--text)}.skip-link{position:absolute;top:-100%;left:16px;background:var(--text);color:var(--bg);padding:8px 16px;border-radius:4px;font-size:14px;z-index:100;text-decoration:none}.skip-link:focus{top:8px}.nav-short{display:none}a:focus-visible,button:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:2px}@media(max-width:600px){nav{padding:16px 20px}.nav-desktop{display:none!important}.hamburger{display:flex}.hero{margin:40px auto}h1{font-size:2rem}.post-item,.note-row{flex-direction:column;gap:4px}}