@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-body: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace}[data-theme=dark]{--bg: #0c0c0c;--text: #e8e4df;--text-secondary: #807a72;--accent: #e8a838;--accent-hover: #f0c060;--border: #222;--code-bg: #141414;--subtle: #181818}[data-theme=light]{--bg: #f7f5f0;--text: #1a1816;--text-secondary: #8a847a;--accent: #c47a15;--accent-hover: #a86810;--border: #e0dcd4;--code-bg: #edebe6;--subtle: #f0ede6}html{font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}nav{max-width:740px;margin:0 auto;padding:36px 24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}nav .site-name{font-size:1rem;font-weight:500;color:var(--text);text-decoration:none;letter-spacing:-.02em}nav .site-name .trick{display:inline-block;color:var(--accent);transition:transform .3s ease}nav .site-name:hover .trick{transform:rotate(12deg) scale(1.2)}nav .nav-links{display:flex;gap:28px;align-items:center;font-size:.9rem}nav .nav-links a{color:var(--text-secondary);position:relative}nav .nav-links a.active{color:var(--text)}nav .nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .25s ease}nav .nav-links a:hover:after,nav .nav-links a.active:after{width:100%}nav .nav-links button{background:none;border:1px solid var(--border);color:var(--text-secondary);font-size:.78rem;cursor:pointer;font-family:var(--font-mono);padding:3px 10px;border-radius:99px;transition:border-color .2s,color .2s}nav .nav-links button:hover{border-color:var(--accent);color:var(--accent)}main{max-width:740px;margin:0 auto;padding:72px 24px 96px}.home-intro h1{font-size:2.4rem;font-weight:600;line-height:1.15;letter-spacing:-.03em;margin-bottom:20px}.home-intro h1 .wave{display:inline-block;cursor:default}.home-intro h1 .wave:hover{animation:wiggle .5s ease}.home-intro .tagline{color:var(--text-secondary);font-size:1.05rem;max-width:520px;line-height:1.6}.section{margin-top:72px}.section-header{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}.section-header h2{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.section-header .line{flex:1;height:1px;background:var(--border)}.post-list{list-style:none;display:flex;flex-direction:column;gap:0}.post-list li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid transparent;transition:border-color .2s}.post-list li:hover{border-bottom-color:var(--border)}.post-list li a{color:var(--text);font-size:.95rem}.post-list li a:hover{color:var(--accent)}.post-list li span{color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem;white-space:nowrap}.project-entry{margin-bottom:14px;font-size:.95rem}.project-entry a{color:var(--text);font-weight:500}.project-entry a:hover{color:var(--accent)}.project-entry .project-desc{color:var(--text-secondary);font-size:.88rem}footer{max-width:740px;margin:0 auto;padding:24px 24px 48px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;color:var(--text-secondary);font-size:.82rem}footer .footer-left .footnote{font-size:.75rem;opacity:.5;margin-top:2px}footer .footer-links{display:flex;gap:20px}footer a{color:var(--text-secondary)}footer a:hover{color:var(--accent)}.page-heading{font-size:2rem;font-weight:600;letter-spacing:-.03em;margin-bottom:48px}.blog-list-item{margin-bottom:32px;padding-left:16px;border-left:2px solid transparent;transition:border-color .2s}.blog-list-item:hover{border-left-color:var(--accent)}.blog-list-item a{color:var(--text);font-weight:500;font-size:1rem}.blog-list-item a:hover{color:var(--accent)}.blog-list-item .meta{color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem;margin-top:3px}.blog-list-item .desc{color:var(--text-secondary);font-size:.88rem;margin-top:4px}.back-link{display:inline-block;font-size:.88rem;margin-bottom:48px;color:var(--text-secondary)}.post-title{font-size:2rem;font-weight:600;line-height:1.2;letter-spacing:-.03em;margin-bottom:10px}.post-date{color:var(--text-secondary);font-family:var(--font-mono);font-size:.82rem;margin-bottom:48px}.post-body{max-width:680px}.post-body h2{font-size:1.2rem;font-weight:600;margin-top:48px;margin-bottom:16px;letter-spacing:-.02em}.post-body h3{font-size:1rem;font-weight:600;margin-top:32px;margin-bottom:12px}.post-body p{margin-bottom:20px}.post-body blockquote{border-left:3px solid var(--accent);padding-left:20px;margin:28px 0;font-style:italic;color:var(--text);opacity:.85}.post-body pre{background:var(--code-bg);padding:20px;overflow-x:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.6;margin:24px 0;border:1px solid var(--border);border-radius:6px}.post-body code{font-family:var(--font-mono);font-size:.86em;background:var(--code-bg);padding:2px 7px;border-radius:4px}.post-body pre code{background:none;padding:0}.post-body ul,.post-body ol{margin-bottom:20px;padding-left:20px}.post-body li{margin-bottom:8px}.post-body li::marker{color:var(--accent)}.post-body hr{border:none;border-top:1px solid var(--border);margin:48px 0}.post-body strong{font-weight:600}.dag-container{position:relative;width:100%;height:320px;margin:32px 0;border:1px solid var(--border);border-radius:6px;background:var(--code-bg);overflow:hidden}.dag-container canvas{width:100%;height:100%;display:block}.dag-container .dag-caption{position:absolute;bottom:10px;right:14px;font-family:var(--font-mono);font-size:.68rem;color:var(--text-secondary);opacity:.4}.project-full{margin-bottom:56px;padding-bottom:56px;border-bottom:1px solid var(--border)}.project-full:last-child{border-bottom:none}.project-full h3{font-size:1.15rem;font-weight:600;margin-bottom:10px;letter-spacing:-.01em}.project-full .project-full-desc{color:var(--text-secondary);margin-bottom:16px;font-size:.92rem}.project-full .project-stack{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.project-full .project-stack span{font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);background:var(--subtle);border:1px solid var(--border);padding:2px 10px;border-radius:99px}.project-full .project-links{display:flex;flex-direction:column;gap:6px}.project-full .project-link{font-size:.88rem;font-weight:500}.project-full img{max-width:100%;margin-top:24px;border:1px solid var(--border);border-radius:6px}.about-body{max-width:680px}.about-body p{margin-bottom:20px}.about-links{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);display:flex;gap:24px;font-size:.9rem}.four-oh-four{padding:48px 0}.four-oh-four h1{font-size:5rem;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--accent);opacity:.3;margin-bottom:16px}.four-oh-four p{color:var(--text-secondary);margin-bottom:28px;font-size:1.05rem}.four-oh-four a{font-size:.9rem}.egg{position:relative;cursor:help;border-bottom:1px dashed var(--text-secondary)}.egg .tip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:6px 12px;border-radius:6px;font-size:.78rem;white-space:nowrap;z-index:10;pointer-events:none}.egg:hover .tip{display:block}.struck{text-decoration:line-through;opacity:.35}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}