:root{--bg-page: #0a0a0a;--bg-surface: #141414;--bg-code: #1e1e2e;--bg-hover: #1a1a1a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-heading: #ffffff;--text-muted: #808080;--accent-cyan: #4dc9f6;--accent-blue: #5b8def;--gradient: linear-gradient(135deg, #4dc9f6, #5b8def);--border-subtle: #2a2a2a;--border-accent: #4dc9f633;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;--text-xs: .8rem;--text-sm: .889rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.563rem;--text-3xl: 1.953rem;--text-4xl: 2.441rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--max-width: 720px;--header-height: 64px;--radius: 8px;--radius-sm: 4px;--transition: .15s ease}:root[data-theme=light]{--bg-page: #f8f9fa;--bg-surface: #ffffff;--bg-code: #f5f5f7;--bg-hover: #f0f0f2;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-heading: #0a0a0a;--text-muted: #6a6a6a;--accent-cyan: #0c679f;--accent-blue: #2d52b8;--gradient: linear-gradient(135deg, #0c679f, #2d52b8);--border-subtle: #e0e0e0;--border-accent: #0c679f33}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;color:var(--text-primary);background-color:var(--bg-page);min-height:100vh;display:flex;flex-direction:column}img,video,iframe,embed{max-width:100%;height:auto}img{display:block}pre,code{max-width:100%;overflow-x:auto}a{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-blue)}main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-xl) var(--space-lg)}.site-header{position:sticky;top:0;z-index:100;width:100%;height:var(--header-height);background-color:color-mix(in srgb,var(--bg-page) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.header-inner{max-width:var(--max-width);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg)}.site-logo{display:flex;align-items:center;gap:var(--space-sm)}.site-logo img{height:36px;width:auto}.site-logo span{font-size:var(--text-lg);font-weight:700;color:var(--text-heading)}.site-nav{display:flex;align-items:center;gap:var(--space-lg)}.site-nav a{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:color var(--transition)}.site-nav a:hover,.site-nav a.active{color:var(--accent-cyan)}.site-footer{border-top:1px solid var(--border-subtle);padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.hero{padding:var(--space-3xl) 0 var(--space-2xl);text-align:center}.hero h1{font-size:var(--text-4xl);font-weight:800;color:var(--text-heading);margin-bottom:var(--space-md);background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:var(--text-lg);color:var(--text-secondary);max-width:540px;margin:0 auto}.post-list{display:flex;flex-direction:column;gap:var(--space-lg)}.post-card{display:block;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-xl);transition:border-color var(--transition),transform var(--transition)}.post-card:hover{border-color:var(--accent-cyan);transform:translateY(-2px)}.post-card-image{width:100%;border-radius:var(--radius-sm);margin-bottom:var(--space-md);aspect-ratio:16 / 9;object-fit:cover}.post-card h2{font-size:var(--text-xl);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-xs)}.post-card .post-date{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.post-card p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.tag{display:inline-block;font-size:var(--text-xs);font-weight:600;color:var(--accent-cyan);background:#4dc9f61a;border:1px solid rgba(77,201,246,.2);padding:.15em .6em;border-radius:9999px;text-transform:lowercase}.post-header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-subtle)}.post-header h1{font-size:var(--text-3xl);font-weight:800;color:var(--text-heading);line-height:1.2;margin-bottom:var(--space-md)}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:var(--text-sm)}.post-hero-image{width:100%;border-radius:var(--radius);margin-bottom:var(--space-xl);aspect-ratio:16 / 9;object-fit:cover}.prose{color:var(--text-primary);line-height:1.8}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--text-heading);font-weight:700;line-height:1.3;margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.prose h1{font-size:var(--text-3xl)}.prose h2{font-size:var(--text-2xl)}.prose h3{font-size:var(--text-xl)}.prose h4{font-size:var(--text-lg)}.prose p{margin-bottom:var(--space-lg)}.prose strong{color:var(--text-heading);font-weight:600}.prose a{color:var(--accent-cyan);text-decoration:underline;text-decoration-color:#4dc9f64d;text-underline-offset:2px;transition:text-decoration-color var(--transition)}.prose a:hover{text-decoration-color:var(--accent-cyan)}.prose ul,.prose ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.prose li{margin-bottom:var(--space-xs)}.prose li::marker{color:var(--accent-cyan)}.prose ul:has(input[type=checkbox]){list-style:none;padding-left:0}.prose li:has(>input[type=checkbox]){display:flex;align-items:baseline;gap:var(--space-sm)}.prose input[type=checkbox]{accent-color:var(--accent-cyan)}.prose blockquote{border-left:3px solid var(--accent-cyan);background:var(--bg-surface);margin:0 0 var(--space-lg) 0;padding:var(--space-md) var(--space-xl);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary)}.prose blockquote p:last-child{margin-bottom:0}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--bg-code);padding:.15em .4em;border-radius:var(--radius-sm);color:var(--accent-cyan)}.prose pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-lg);margin-bottom:var(--space-lg);overflow-x:auto;line-height:1.6}.prose pre code{background:none;padding:0;border-radius:0;color:inherit}.prose table{width:100%;border-collapse:collapse;margin-bottom:var(--space-lg);font-size:var(--text-sm)}.prose th,.prose td{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle);text-align:left}.prose th{background:var(--bg-surface);color:var(--text-heading);font-weight:600}.prose td{color:var(--text-secondary)}.prose img{border-radius:var(--radius);margin:var(--space-lg) 0}.prose hr{border:none;height:1px;background:var(--border-subtle);margin:var(--space-2xl) 0}.prose del{color:var(--text-muted)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:all var(--transition);padding:0}.theme-toggle:hover{border-color:var(--accent-cyan);background:var(--bg-hover)}.theme-toggle svg{width:20px;height:20px}@media(max-width:768px){:root{--text-4xl: 2rem;--text-3xl: 1.6rem;--text-2xl: 1.35rem}main{padding:var(--space-lg) var(--space-md)}.post-card{padding:var(--space-lg)}}@media(max-width:480px){:root{--text-4xl: 1.75rem;--text-3xl: 1.4rem}.header-inner{padding:0 var(--space-md)}.site-nav{gap:var(--space-md)}.hero{padding:var(--space-2xl) 0 var(--space-xl)}.post-header h1{font-size:var(--text-2xl)}}.syndication-links{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-muted);display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.syndication-links a{color:var(--accent-cyan);text-decoration:none}.syndication-links a:hover{text-decoration:underline}.site-footer a{color:var(--text-muted);text-decoration:none}.site-footer a:hover{color:var(--accent-cyan)}