:root{--bg:#fff;--text:#16171a;--text-secondary:#62646a;--text-muted:#8a8c92;--border:#ececec;--border-strong:#dcdcdc;--surface:#f6f6f5;--accent:#16171a;--max:1120px;--prose:680px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.nav{border-bottom:1px solid var(--border);backdrop-filter:saturate(180%)blur(8px);z-index:10;background:#ffffffd9;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{letter-spacing:-.01em;font-size:16px;font-weight:600}.nav-links{color:var(--text-secondary);gap:24px;font-size:14px;display:flex}.nav-links a.active{color:var(--text)}.hero{padding:64px 0 28px}.hero h1{letter-spacing:-.03em;margin:0 0 10px;font-size:40px;font-weight:600;line-height:1.1}.hero p{color:var(--text-secondary);margin:0;font-size:17px}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-bottom:40px;padding:8px 0 36px;display:flex}.tab{appearance:none;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:5px 14px;font-size:14px}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--text)}.grid{grid-template-columns:repeat(3,1fr);gap:40px 32px;margin:0 0 80px;padding:0;list-style:none;display:grid}.card a{display:block}.card .cover{aspect-ratio:16/10;background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex;overflow:hidden}.card .cover img{object-fit:cover;width:100%;height:100%}.card .cover-fallback{color:var(--border-strong);font-size:40px;font-weight:600}.card h2{letter-spacing:-.01em;margin:0 0 8px;font-size:17px;font-weight:600;line-height:1.35}.card .excerpt{color:var(--text-secondary);margin:0 0 12px;font-size:14px;line-height:1.6}.card .date{color:var(--text-muted);margin:0;font-size:13px}.card.hidden{display:none}.empty{color:var(--text-secondary);padding:40px 0 80px}.post{max-width:var(--prose);margin:0 auto;padding:56px 0 96px}.crumbs{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:14px}.crumbs a:hover{color:var(--text)}.post>h1{letter-spacing:-.03em;text-align:center;margin:0 0 18px;font-size:40px;font-weight:600;line-height:1.12}.post-meta{text-align:center;color:var(--text-muted);margin:0 0 40px;font-size:14px}.hero-img{border:1px solid var(--border);border-radius:14px;width:100%;margin:0 0 48px}.prose{font-size:17px;line-height:1.75}.prose h2{letter-spacing:-.02em;margin:48px 0 16px;font-size:24px;font-weight:600}.prose h3{margin:36px 0 12px;font-size:20px;font-weight:600}.prose p{margin:0 0 22px}.prose ul,.prose ol{margin:0 0 22px;padding-left:24px}.prose li{margin:6px 0}.prose a{text-underline-offset:2px;text-decoration:underline}.prose code{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.prose pre{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:0 0 22px;padding:16px 18px;overflow-x:auto}.prose pre code{background:0 0;border:none;padding:0}.prose blockquote{border-left:3px solid var(--border-strong);color:var(--text-secondary);margin:0 0 22px;padding-left:18px}.prose hr{border:none;border-top:1px solid var(--border);margin:40px 0}.tags{flex-wrap:wrap;gap:8px;margin:48px 0 0;padding:0;list-style:none;display:flex}.tags li{color:var(--text-secondary);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:13px}.back{color:var(--text-secondary);margin-top:40px;font-size:14px;display:inline-block}.back:hover{color:var(--text)}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);padding:32px 0;font-size:13px}@media (width<=900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid{grid-template-columns:1fr;gap:32px}.hero h1,.post>h1{font-size:32px}}