:root{--black:#100F0F;--base-950:#1C1B1A;--base-900:#282726;--base-850:#343331;--base-800:#403E3C;--base-700:#575653;--base-600:#6F6E69;--base-500:#878580;--base-300:#B7B5AC;--base-200:#CECDC3;--base-150:#DAD8CE;--base-100:#E6E4D9;--base-50:#F2F0E5;--paper:#FFFCF0;--font-body:"Lexend Deca", system-ui, sans-serif;--font-heading:"Lexend Deca", system-ui, sans-serif;--width-content:680px;--bg-main:var(--paper);--bg-secondary:var(--base-50);--tx-main:var(--black);--tx-secondary:var(--base-600);--tx-tertiary:var(--base-300);--ui-border:var(--base-100);--ui-hover:var(--base-150);--link:var(--base-800);--link-hover:var(--black)}@media(prefers-color-scheme:dark){:root{--bg-main:var(--black);--bg-secondary:var(--base-950);--tx-main:var(--base-200);--tx-secondary:var(--base-500);--tx-tertiary:var(--base-700);--ui-border:var(--base-900);--ui-hover:var(--base-850);--link:var(--base-300);--link-hover:var(--base-200)}}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--tx-main);line-height:1.6;font-size:1.125rem;max-width:var(--width-content);margin:0 auto;padding:0 20px;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--tx-main)}a{color:var(--link);text-decoration:underline;text-decoration-color:var(--ui-border);text-underline-offset:3px;transition:all .2s ease}a:hover{color:var(--link-hover);text-decoration-color:var(--link-hover)}header{padding:2rem 0;border-bottom:2px solid var(--ui-border);margin-bottom:3rem;display:flex;justify-content:space-between;align-items:center}header a{text-decoration:none;font-weight:700;color:var(--tx-main)}nav ul{list-style:none;display:flex;gap:20px;padding:0;margin:0}nav a{font-family:var(--font-heading);font-weight:500;color:var(--tx-secondary);font-size:.95rem;text-decoration:none}nav a:hover,nav a.active{color:var(--tx-main)}article{margin-bottom:4rem}article h1{font-size:2.5rem;margin-bottom:.5rem;line-height:1.2}.post-meta{color:var(--tx-secondary);font-size:.9rem;margin-bottom:2rem;font-family:var(--font-heading);display:flex;gap:15px}.byline{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--ui-border);font-style:italic;color:var(--tx-secondary)}.site-footer{margin-top:4rem;padding:2.5rem 0;border-top:1px solid var(--ui-border)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--tx-secondary);text-decoration:none;font-size:.95rem;font-family:var(--font-heading);transition:color .2s ease}.footer-link:hover{color:var(--tx-main);text-decoration:none}.footer-link .icon{flex-shrink:0}.footer-copy{color:var(--tx-tertiary);font-size:.85rem;margin:0}.page-header{margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--ui-border)}.page-header h1{font-size:2rem;margin-bottom:.75rem;line-height:1.2;font-weight:600}.page-tagline{color:var(--tx-secondary);font-size:1.125rem;margin:0 0 .5rem;font-style:italic}.page-description{color:var(--tx-secondary);font-size:1rem;line-height:1.6;margin:0}.page-description p{margin:0}.project-list{list-style:none;padding:0;margin:0}.project-item{padding:1.25rem 0;border-bottom:1px solid var(--ui-border)}.project-item:last-child{border-bottom:none}.project-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--tx-main);font-weight:500;font-size:1.1rem;transition:color .2s ease}.project-link:hover{color:var(--link);text-decoration:none}.project-title{letter-spacing:-.01em}.project-arrow{color:var(--tx-tertiary);font-size:1rem;transition:transform .2s ease,color .2s ease}.project-link:hover .project-arrow{transform:translateX(4px);color:var(--tx-secondary)}.project-description{color:var(--tx-secondary);font-size:.95rem;margin:.5rem 0 0;line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tech-tag{font-size:.75rem;color:var(--tx-secondary);font-family:var(--font-heading)}.tech-tag::before{content:"#";color:var(--tx-tertiary)}body.home{height:100vh;overflow:hidden;display:flex;flex-direction:column}body.home main{flex:1;overflow:hidden;display:flex;flex-direction:column}body.home .home-content{flex-shrink:0}body.home .post-list{flex:1;overflow-y:auto}@media(max-width:600px){body{padding:0 16px;font-size:1rem}header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem 0;margin-bottom:2rem}header>a{font-size:1.1rem}nav{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}nav::-webkit-scrollbar{display:none}nav ul{gap:0;flex-wrap:nowrap;width:max-content}nav ul li{margin-right:1.25rem}nav ul li:last-child{margin-right:0}nav a{font-size:.9rem;padding:.25rem 0;display:inline-block;white-space:nowrap}article h1,.page-header h1{font-size:1.75rem}.post-meta{flex-wrap:wrap;gap:10px;font-size:.85rem}.page-header{margin-bottom:2rem;padding-bottom:1rem}.project-item{padding:1rem 0}.project-link{font-size:1rem}.site-footer{margin-top:3rem;padding:1.75rem 0}.footer-links{gap:1.25rem}.footer-link{font-size:.9rem}body.home{height:auto;overflow:visible}body.home main{overflow:visible}body.home .post-list{overflow-y:visible}}