*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #050505;--text: #d0d0d0;--text-dim: #555;--text-bright: #f0f0f0;--accent: #c0392b;--accent-glow: rgba(192, 57, 43, .04);--rule: #1a1a1a;--font: "JetBrains Mono", monospace}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;min-height:100vh}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:-1}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}header{position:sticky;top:0;z-index:100;background:#050505e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:fadeDown .5s ease both}.header-inner{max-width:700px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:13px;font-weight:500;color:var(--text-bright);letter-spacing:-.01em}.logo .prompt{color:var(--accent);font-weight:400;margin-right:6px}nav{display:flex;gap:2rem}nav a{font-size:12px;color:var(--text-dim);letter-spacing:.03em}main{max-width:700px;margin:0 auto;padding:0 2rem}.hero{padding:3.5rem 0 6rem;animation:fadeUp .7s ease both;animation-delay:.1s}.hero-label{font-size:12px;color:var(--text-dim);font-weight:300;margin-bottom:1.5rem;letter-spacing:.02em}.hero h1{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:500;color:var(--text-bright);line-height:1.3;letter-spacing:-.02em;margin-bottom:1.25rem}.hero-sub{font-size:13px;color:var(--text-dim);font-weight:300;line-height:1.9;max-width:480px}.writing-label{font-size:11px;color:var(--text-dim);font-weight:300;letter-spacing:.05em;margin-bottom:3rem;animation:fadeUp .6s ease both;animation-delay:.2s}.article-link{display:block}.article-link:hover{color:inherit}.article{padding:2.5rem 0;border-top:1px solid var(--rule);position:relative;cursor:pointer;animation:fadeUp .6s ease both;transition:background .3s ease}.article-link:nth-of-type(1) .article{animation-delay:.3s}.article-link:nth-of-type(2) .article{animation-delay:.4s}.article-link:nth-of-type(3) .article{animation-delay:.5s}.article-link:last-of-type .article{border-bottom:1px solid var(--rule)}.article:before{content:"";position:absolute;inset:0 -2rem;background:transparent;transition:background .3s ease;z-index:-1;border-radius:2px}.article-link:hover .article:before{background:var(--accent-glow)}.article-date{font-size:11px;color:var(--text-dim);font-weight:300;margin-bottom:.75rem;letter-spacing:.02em}.article-title{font-size:16px;font-weight:500;color:var(--text-bright);letter-spacing:-.01em;line-height:1.4;margin-bottom:.75rem;transition:color .2s}.article-link:hover .article-title{color:var(--accent)}.article-link:hover .article-title:after{content:"_";color:var(--accent);animation:blink .8s step-end infinite;margin-left:1px}.article-excerpt{font-size:13px;color:var(--text-dim);font-weight:300;line-height:1.85;max-width:560px}.article-excerpt .c{color:#3a3a3a}.read-more{display:inline-flex;align-items:center;gap:6px;margin-top:1rem;font-size:11px;color:#444;letter-spacing:.03em;transition:color .2s}.read-more .arrow{transition:transform .2s}.article-link:hover .read-more{color:var(--accent)}.article-link:hover .read-more .arrow{transform:translate(3px)}.about{padding:6rem 0 8rem;animation:fadeUp .6s ease both;animation-delay:.6s}.about-label{font-size:11px;color:var(--accent);font-weight:400;opacity:.6;margin-bottom:2rem;letter-spacing:.02em}.about-text{font-size:14px;font-weight:300;line-height:1.9;margin-bottom:2.5rem;max-width:520px;color:var(--text)}.about-text strong{color:var(--text-bright);font-weight:500}.about-links{display:flex;gap:1.5rem;flex-wrap:wrap}.about-links a{font-size:12px;color:var(--text-dim);padding-bottom:2px;border-bottom:1px solid var(--rule);transition:all .2s}.about-links a:hover{color:var(--accent);border-color:var(--accent)}.post{padding:3.5rem 0 6rem;animation:fadeUp .6s ease both}.post-date{font-size:11px;color:var(--text-dim);font-weight:300;margin-bottom:1rem;letter-spacing:.02em}.post-title{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:500;color:var(--text-bright);line-height:1.3;letter-spacing:-.02em;margin-bottom:2.5rem}.post-cover{width:100%;height:auto;border-radius:4px;margin-bottom:2.5rem;border:1px solid var(--rule)}.post-content{font-size:14px;line-height:1.9;color:var(--text);font-weight:300}.post-content>*+*{margin-top:1.5rem}.post-content p{max-width:620px}.post-content h2{font-size:17px;font-weight:500;color:var(--text-bright);margin-top:3rem;letter-spacing:-.01em}.post-content h3{font-size:15px;font-weight:500;color:var(--text-bright);margin-top:2.5rem}.post-content a{color:var(--accent);border-bottom:1px solid var(--rule);transition:border-color .2s}.post-content a:hover{border-color:var(--accent)}.post-content strong{color:var(--text-bright);font-weight:500}.post-content em{color:var(--text-bright)}.post-content code{background:#111;padding:.15rem .4rem;border-radius:3px;font-size:.9em;color:var(--text-bright)}.post-content pre{background:#0a0a0a;border:1px solid var(--rule);padding:1.25rem;border-radius:4px;overflow-x:auto;font-size:12.5px;line-height:1.6}.post-content pre code{background:transparent;padding:0;color:inherit}.post-content ul,.post-content ol{padding-left:1.5rem;max-width:620px}.post-content li{margin-top:.5rem}.post-content li>*+*{margin-top:.75rem}.post-content blockquote{border-left:2px solid var(--accent);padding-left:1.25rem;color:var(--text-dim);font-style:italic;max-width:620px}.post-content img{max-width:100%;height:auto;border-radius:4px;margin:2rem 0;border:1px solid var(--rule)}.post-content hr{border:0;border-top:1px solid var(--rule);margin:3rem 0}.back-link{display:inline-flex;align-items:center;gap:6px;margin-top:4rem;font-size:12px;color:var(--text-dim);letter-spacing:.02em}.back-link:hover{color:var(--accent)}footer{max-width:700px;margin:0 auto;padding:2rem 2rem 3rem;border-top:1px solid var(--rule);font-size:11px;color:var(--text-dim);font-weight:300}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@media(max-width:600px){.header-inner{padding:1rem 1.25rem}main{padding:0 1.25rem}.hero{padding:4rem 0 3.5rem}nav{gap:1.25rem}.about{padding:4rem 0 5rem}.about-links{gap:1rem}footer{padding:2rem 1.25rem 3rem}.post{padding:3rem 0 4rem}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}