*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #fafafa;--color-text: #2d2d2d;--color-text-muted: #717171;--color-accent: #3d5a80;--color-accent-hover: #2c4260;--color-border: #e0e0e0;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}html{font-size:18px;line-height:1.6}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);display:flex;flex-direction:column;min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}h1,h2,h3{line-height:1.3;margin-bottom:0.5em}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.1rem}p,ul,ol{margin-bottom:1em}img{max-width:100%;height:auto}code{font-family:var(--font-mono);font-size:0.85em;background:var(--color-border);padding:0.15em 0.35em;border-radius:3px}pre{background:var(--color-text);color:var(--color-bg);padding:1em;border-radius:4px;overflow-x:auto;margin-bottom:1em}pre code{background:none;padding:0;color:inherit}.container{max-width:680px;margin:0 auto;padding:0 1.5rem}.site-header{padding:1.5rem 0;border-bottom:1px solid var(--color-border)}.site-header .container{display:flex;justify-content:space-between;align-items:center}.site-title{font-size:1.2rem;font-weight:700;color:var(--color-text)}.site-title:hover{text-decoration:none;color:var(--color-accent)}.site-nav{display:flex;gap:1.5rem}.site-nav a{font-size:0.9rem;color:var(--color-text-muted)}.site-nav a:hover{color:var(--color-accent);text-decoration:none}main{flex:1;padding:2.5rem 0}.post-list{list-style:none}.post-list-item{padding:1.5rem 0;border-bottom:1px solid var(--color-border)}.post-list-item:first-child{padding-top:0}.post-list-item h2{margin-bottom:0.2em}.post-list-item h2 a{color:var(--color-text)}.post-list-item h2 a:hover{color:var(--color-accent);text-decoration:none}.post-list-item time{font-size:0.85rem;color:var(--color-text-muted)}.post-list-item p{margin-top:0.4em;margin-bottom:0;color:var(--color-text-muted)}.post-header{margin-bottom:2rem}.post-header h1{margin-bottom:0.2em}.post-header time{font-size:0.9rem;color:var(--color-text-muted)}.post-content{margin-bottom:2rem}.play-link{margin-bottom:2rem}.play-link a{display:inline-block;padding:0.6em 1.2em;background:var(--color-accent);color:#fff;border-radius:4px;font-weight:600}.play-link a:hover{background:var(--color-accent-hover);text-decoration:none}.back-link{font-size:0.9rem;color:var(--color-text-muted)}.page h1{margin-bottom:1.5rem}.site-footer{padding:1.5rem 0;border-top:1px solid var(--color-border);text-align:center}.site-footer p{font-size:0.8rem;color:var(--color-text-muted);margin:0}