@import "https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700&display=swap";:root{color:#ccc;background-color:#111;font-family:Figtree,system-ui,sans-serif;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}#root{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:15px}:root{--color-bg:#111;--color-bg-secondary:#1a1a1a;--color-text:#ccc;--color-heading:#ddd;--color-link:#eee;--color-white:#fff;--color-muted:#888;--color-border:#333;--color-accent:#c084fc;--font-sans:"Figtree", system-ui, sans-serif;--font-serif:"Figtree", system-ui, sans-serif;--font-mono:ui-monospace, Consolas, monospace}html{color:var(--color-text);font-family:var(--font-sans);background-color:var(--color-bg);font-size:18px;line-height:1.45}body{margin:0;padding:3rem 1.5rem}@media (width>=768px){body{padding:3rem 5rem}}#root{max-width:42rem;margin:0 auto}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5{color:var(--color-heading);font-weight:500}.layout header{margin-bottom:3rem}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.site-title{letter-spacing:-.02em;font-size:1.5rem;font-weight:500;font-family:var(--font-sans);color:var(--color-heading)}nav{font-size:.875rem}nav a{color:var(--color-muted);margin:0 5px}nav a:hover{color:var(--color-heading);text-decoration:none}nav a.active{color:var(--color-heading)}main{flex:1}footer{border-top:1px solid var(--color-border);color:var(--color-muted);margin-top:5rem;padding-top:2.5rem;font-size:.75rem}footer nav a{color:var(--color-muted);margin:0 5px}.post-content{max-width:42rem}.post-content h1{letter-spacing:-.04em;margin:2rem 0 1rem;font-size:2rem}.post-content h2{margin:2rem 0 1rem;font-size:1.5rem}.post-content p{margin:1rem 0;line-height:1.7}.post-content ul{padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content strong{color:var(--color-white)}.post-content code{background:var(--color-bg-secondary);font-family:var(--font-mono);border-radius:3px;padding:2px 6px;font-size:.875rem}.meta{color:var(--color-muted);margin-bottom:1rem;font-size:.875rem}.archive h1{margin-bottom:3rem;font-size:1.5rem;font-weight:500}.archive-year h2{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin-bottom:1.25rem;font-size:.875rem;font-weight:500}.archive-year ul{flex-direction:column;gap:1rem;padding:0;list-style:none;display:flex}.archive-year li{flex-direction:column;gap:.125rem;display:flex}.archive-year.pinned{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:1.5rem}.pinned-item{flex-direction:column;gap:.125rem;display:flex}@media (width>=640px){.archive-year li{flex-direction:row;gap:1.5rem}}.archive-year li time{color:var(--color-muted);font-variant-numeric:tabular-nums;min-width:5rem;font-size:.875rem}.archive-year li a{font-size:1.05rem;line-height:1.4;text-decoration:none}.archive-year li a:hover{text-decoration:underline}.about-timeline{max-width:42rem}.about-timeline h1{margin-bottom:2rem;font-size:1.65rem;font-weight:400}.separator{justify-content:center;align-items:center;gap:1.25rem;padding:3rem 0;display:flex}.separator hr{background:linear-gradient(to right, transparent, var(--color-border));border:none;flex:1;height:1px}.separator .diamond{color:var(--color-muted);font-size:15px}.timeline-item{flex-direction:column;gap:2rem;margin-bottom:3rem;display:flex}@media (width>=1024px){.timeline-item{flex-direction:row;gap:3rem}}.timeline-item header{flex-shrink:0;width:9rem}.timeline-date{text-transform:uppercase;letter-spacing:.22em;color:var(--color-muted);margin-bottom:.5rem;font-size:11px;font-weight:600}.timeline-item h2{margin:.5rem 0;font-size:1.65rem;font-weight:400}.timeline-item p{color:#ffffffe6;margin-top:1rem;font-size:1.05rem;line-height:1.8}@media (prefers-color-scheme:light){.timeline-item p{color:#000000e6}}.timeline-item ul{margin:1rem 0;padding:0;list-style:none}.timeline-item ul li{margin-bottom:.75rem;padding-left:1.5rem;font-size:1.05rem;line-height:1.6;position:relative}.timeline-item ul li:before{content:"";background:var(--color-muted);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.contact-content h1{margin-bottom:2rem;font-size:1.65rem}.home section{margin-bottom:2rem}.intro{flex-direction:column;gap:1.25rem;display:flex}.intro-text{font-size:1.05rem;line-height:1.6}.social-links{flex-wrap:wrap;gap:1.25rem;display:flex}.social-link{color:var(--color-muted);transition:color .2s}.social-link:hover{color:var(--color-heading)}.recent-writing h2{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin-top:3.5rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.post-list{flex-direction:column;gap:1rem;padding:0;list-style:none;display:flex}.post-item{flex-direction:column;gap:.125rem;display:flex}@media (width>=640px){.post-item{flex-direction:row;gap:1.5rem}}.post-date{color:var(--color-muted);font-variant-numeric:tabular-nums;min-width:5rem;font-size:.875rem}.post-link{font-size:1.05rem;line-height:1.4;text-decoration:none}.post-link:hover{text-decoration:underline}.all-writing-link{color:var(--color-muted);margin-top:2.5rem;font-size:.875rem}.all-writing-link a{text-decoration:none}.all-writing-link a:hover{text-decoration:underline}.timeline-entry{margin:2.5rem 0 1rem;font-size:1.65rem;font-weight:400}.timeline-title{color:var(--color-muted);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.timeline-desc{color:var(--color-text);font-size:1rem;line-height:1.7}.timeline-list{margin:1rem 0;padding:0;list-style:none}.timeline-list-item{margin-bottom:.75rem;padding-left:1.5rem;font-size:1rem;line-height:1.6;position:relative}.timeline-list-item:before{content:"";background:var(--color-muted);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.timeline-strong{color:var(--color-heading)}