*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "Fira Code", Menlo, Consolas, monospace;--color-bg: #edeef0;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #555;--color-border: #e0e0e0;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-code-bg: #f3f4f6;--max-width: 50%;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem}[data-theme=dark]{--color-bg: #1e1e1e;--color-surface: #121212;--color-text: #e5e5e5;--color-text-muted: #999;--color-border: #333;--color-accent: #60a5fa;--color-accent-hover: #93c5fd;--color-code-bg: #222}html{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}h1,h2,h3,h4{line-height:1.3;font-weight:700}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);background:var(--color-surface);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);min-height:100vh;display:flex;flex-direction:column}@media(max-width:720px){.container{--max-width: 100%;border-left:none;border-right:none}}.site-header{padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.site-title{font-size:1.25rem;font-weight:700;color:var(--color-text);text-decoration:none}.site-title:hover{color:var(--color-accent);text-decoration:none}.header-right,.header-links{display:flex;align-items:center;gap:var(--space-md)}.header-link{font-size:.875rem;color:var(--color-text-muted);text-decoration:none}.header-link:hover{color:var(--color-accent);text-decoration:none}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:6px;padding:var(--space-xs) var(--space-sm);cursor:pointer;font-size:1.1rem;line-height:1;color:var(--color-text);transition:border-color .2s}.theme-toggle:hover{border-color:var(--color-accent)}.site-main{flex:1;padding:var(--space-xl) 0}.site-footer{padding:var(--space-lg) 0;border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);font-size:.875rem}.post-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);max-width:540px}.post-card{min-width:0;border-radius:8px;overflow:hidden;border:1px solid var(--color-border);transition:border-color .2s}.post-card:hover{border-color:var(--color-accent)}.post-card-link{display:block;text-decoration:none;color:inherit}.post-card-link:hover{text-decoration:none;color:inherit}.post-card-image{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.post-card-placeholder{width:100%;aspect-ratio:16 / 10;background:var(--color-code-bg)}.post-card-title{padding:var(--space-sm) var(--space-md);font-size:.95rem;line-height:1.4}@media(max-width:600px){.post-grid{grid-template-columns:1fr}}.post-header{margin-bottom:var(--space-xl)}.post-title{margin-bottom:var(--space-sm)}.post-date{color:var(--color-text-muted);font-size:.875rem}.post-content{font-size:1.0625rem}.post-content h2{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.post-content h3{margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.post-content p{margin-bottom:var(--space-md)}.post-content ul,.post-content ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.post-content li{margin-bottom:var(--space-xs)}.post-content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-md);margin:var(--space-lg) 0;color:var(--color-text-muted);font-style:italic}.post-content pre{background:var(--color-code-bg);padding:var(--space-md);border-radius:8px;overflow-x:auto;margin-bottom:var(--space-md);font-family:var(--font-mono);font-size:.9rem;line-height:1.5}.post-content code{font-family:var(--font-mono);font-size:.9em;background:var(--color-code-bg);padding:.15em .35em;border-radius:4px}.post-content pre code{background:none;padding:0;border-radius:0}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:var(--space-md) 0}.post-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:var(--space-lg) 0;border-radius:8px}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.about{margin-bottom:var(--space-2xl)}.about h1{font-size:2rem;margin-bottom:var(--space-lg)}.about-compact{margin-bottom:var(--space-xl)}.about-compact h1{margin-bottom:var(--space-sm)}.about-photo{width:100%;max-width:600px;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block;margin-bottom:var(--space-lg)}.about h2{margin-bottom:var(--space-md)}.about p{color:var(--color-text-muted);margin-bottom:var(--space-md);line-height:1.8}.about p:last-child{margin-bottom:0}.section-heading{font-size:1.5rem;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border)}.back-link{display:inline-block;margin-bottom:var(--space-lg);font-size:.9rem}@media(max-width:600px){:root{--space-lg: 1.25rem;--space-xl: 2rem;--space-2xl: 2.5rem}h1{font-size:1.65rem}.post-content{font-size:1rem}}