:root{--bg: #0b0f14;--ink: #e7f0ff;--muted: #9db0c9;--accent: #7dd3fc;--card: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .12);--bg-gradient: radial-gradient(circle at top, #1a2b44 0%, #0b0f14 55%), radial-gradient(circle at 10% 80%, #122034 0%, transparent 45%)}[data-theme=light]{--bg: #f4f2ee;--ink: #1b1f2a;--muted: #5d6778;--accent: #2563eb;--card: rgba(27, 31, 42, .05);--border: rgba(27, 31, 42, .12);--bg-gradient: radial-gradient(circle at top, #e8f0ff 0%, #f4f2ee 55%), radial-gradient(circle at 10% 80%, #f7efe6 0%, transparent 45%)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-gradient);color:var(--ink);font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.site-header{position:fixed;top:0;left:0;right:0;padding:1.25rem 2rem;background:#0b0f14b3;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-bar{display:flex;align-items:center;justify-content:center;position:relative}.nav{display:flex;gap:1.5rem;align-items:center;font-size:1.05rem;color:var(--ink)}.nav a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:.2rem;transition:color .2s ease,border-color .2s ease}.nav a:hover{color:var(--ink);border-color:var(--accent)}[data-theme=light] .site-header{background:#f4f2eed9;border-bottom:1px solid rgba(27,31,42,.15)}[data-theme=light] .nav a{color:#1b1f2a}[data-theme=light] .nav a:hover{color:#111827;border-color:#1b1f2a}.nav-home{font-weight:600;color:var(--ink);margin-right:.5rem;border-bottom:1px solid transparent}.theme-toggle{position:absolute;right:0;width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease;display:inline-flex;align-items:center;justify-content:center}.theme-toggle:hover{transform:translateY(-1px);border-color:#ffffff4d}[data-theme=light] .theme-toggle:hover{border-color:#1b1f2a4d}.theme-toggle svg{width:18px;height:18px;fill:currentColor}.wrap{padding:7rem 1.5rem 3.5rem;width:min(980px,100%);margin:0 auto}.center{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;min-height:100vh;padding:0 1.5rem}.wrap.center{padding-top:0;padding-bottom:0}.list{list-style:none;padding:0;margin:1rem 0 1.5rem;color:var(--muted)}.list li{margin:.6rem 0}.list a{color:var(--ink)}.post-list{display:grid;gap:0;margin-top:1.5rem;list-style:none;padding:0}.medium-list li+li{border-top:1px solid var(--border)}.post-row{display:block;padding:1.25rem 0;color:var(--ink);text-decoration:none}.post-row:hover .post-row-title{color:var(--accent)}.post-row-title{font-size:1.2rem;font-weight:600;margin-bottom:.35rem}.post-row-summary{color:var(--muted);line-height:1.5;margin-bottom:.5rem}.post-row-meta{font-size:.9rem;color:var(--muted)}.page-header{margin-bottom:1.5rem}.title{font-size:clamp(2.6rem,6vw,4.4rem);margin:0;letter-spacing:-.02em}.page-title{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 .8rem;letter-spacing:-.01em}.subtitle{font-size:clamp(1.15rem,2.6vw,1.7rem);color:var(--muted);margin:0}.body-text{font-size:1.05rem;line-height:1.7;color:var(--muted);margin:0 0 1.2rem}.hero{display:flex;flex-direction:column;gap:1rem}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:999px;background:var(--card);border:1px solid var(--border);color:var(--muted);font-size:.9rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.4rem;border-radius:999px;border:1px solid transparent;background:var(--accent);color:#0b0f14;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.btn.secondary{background:transparent;border-color:var(--border);color:var(--ink)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000040}.meta-line{color:var(--muted);font-size:.95rem}.social{display:flex;gap:.9rem;justify-content:center;margin-top:1rem}.social a{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border);color:var(--ink);background:var(--card);transition:transform .2s ease,border-color .2s ease}.social a:hover{transform:translateY(-2px);border-color:#ffffff4d}.social svg{width:18px;height:18px;fill:currentColor}@media (max-width: 720px){.site-header{padding:1rem}.nav{flex-wrap:wrap;gap:.9rem;font-size:.95rem}.nav-bar{gap:.8rem}.nav-home{margin-right:0}.wrap{padding:6rem 1.1rem 2.5rem}.center{min-height:90vh;gap:.5rem}.hero-actions{width:100%;justify-content:center}.btn{width:100%;max-width:320px}.post{padding:0}}.post{max-width:760px;margin:0 auto;text-align:left}.post-body{color:var(--muted);line-height:1.7}.post-body p{margin:0 0 1.2rem}.post-body img{display:block;width:min(100%,760px);margin:1.4rem auto;border-radius:12px}.post-body ul{padding-left:1.2rem}.post-body li{margin:.4rem 0}.post-body h2,.post-body h3,.post-body a{color:var(--ink)}.post-body code{background:#ffffff14;padding:.1rem .3rem;border-radius:4px}.body-text a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(125,211,252,.4)}.body-text a:hover{border-color:var(--accent)}