:root{--font-body: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace;--font-size-base: 1.0625rem;--font-size-sm: .875rem;--font-size-lg: 1.25rem;--font-size-xl: 1.875rem;--line-height-body: 1.7;--line-height-heading: 1.2;--color-bg: #fafaf9;--color-text: #1a1a1a;--color-muted: #737373;--color-border: #e5e5e5;--color-link: #0066cc;--color-link-hover: #004499;--color-link-visited: #551a8b;--width-content: 680px;--width-site: 800px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--radius-sm: 4px;--radius-lg: 12px;--color-accent: #6366f1;--color-accent-2: #8b5cf6;--color-bg-alt: #f8fafc;--color-section-dark: #0f172a;--color-section-dark-2: #1e293b;--color-on-dark: #e2e8f0;--color-on-dark-2: #d0dae6;--width-landing: 1100px}@media(prefers-color-scheme:dark){:root{--color-bg: #0f0f0f;--color-text: #e5e5e5;--color-muted: #9ca3af;--color-border: #262626;--color-link: #60a5fa;--color-link-hover: #93c5fd;--color-link-visited: #a78bfa;--color-bg-alt: #1a1a1a}}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--font-size-base)}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:var(--line-height-body)}header{position:sticky;top:0;z-index:100;background:#0f172aeb;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:var(--spacing-xl)}header.landing-header{margin-bottom:0}.header-inner{max-width:var(--width-landing);margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;height:3.5rem;gap:var(--spacing-md)}.site-name{font-weight:700;font-size:1rem;text-decoration:none;color:var(--color-on-dark);flex-shrink:0;letter-spacing:-.01em}.site-name:visited{color:var(--color-on-dark)}.site-name:hover{color:#fff}header nav{margin-left:auto}header nav ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--spacing-md)}header nav ul a{text-decoration:none;color:#94a3b8;font-size:var(--font-size-sm);padding:var(--spacing-xs) 0;min-height:44px;display:flex;align-items:center;transition:color .15s}header nav ul a:visited{color:#94a3b8}header nav ul a:hover,header nav ul a[aria-current=page]{color:var(--color-on-dark)}.page-body{display:flex;align-items:flex-start;max-width:var(--width-site);margin:0 auto;padding:0 var(--spacing-md);min-height:calc(100vh - 14rem);gap:var(--spacing-lg)}.page-body.has-left,.page-body.has-right{max-width:calc(var(--width-site) + var(--width-sidebar, 220px) + var(--spacing-lg))}.page-body.has-left.has-right{max-width:calc(var(--width-site) + 2 * (var(--width-sidebar, 220px) + var(--spacing-lg)))}main{flex:1;min-width:0}.region-left,.region-right{width:var(--width-sidebar, 220px);flex-shrink:0;padding-top:var(--spacing-xs)}.sidebar-section{margin-bottom:var(--spacing-lg)}.sidebar-heading{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-weight:600;margin:0 0 var(--spacing-sm)}.sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-list li{display:flex;flex-direction:column;gap:2px}.sidebar-list a{font-size:var(--font-size-sm);text-decoration:none;color:var(--color-text)}.sidebar-list a:hover{color:var(--color-link)}footer{background:var(--color-section-dark);border-top:1px solid rgba(255,255,255,.08);margin-top:var(--spacing-xl)}.footer-inner{max-width:var(--width-site);margin:0 auto;padding:0 var(--spacing-md)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);padding:var(--spacing-xl) 0 var(--spacing-lg)}.footer-col{min-width:0}.footer-brand{font-weight:700;font-size:var(--font-size-sm);color:var(--color-on-dark);margin:0 0 var(--spacing-sm)}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-on-dark-2);margin:0;line-height:var(--line-height-body)}.footer-below{border-top:1px solid rgba(255,255,255,.08);padding:var(--spacing-md) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-on-dark-2)}.footer-attr{flex-shrink:0}footer a{color:var(--color-on-dark-2);text-decoration:none}footer a:visited{color:var(--color-on-dark-2)}footer a:hover{color:var(--color-on-dark)}.footer-col nav.karaoke-menu>ul>li>a{font-size:var(--font-size-sm);font-weight:600;color:var(--color-on-dark);display:block;padding-bottom:var(--spacing-xs)}.footer-col nav.karaoke-menu>ul>li>a:visited{color:var(--color-on-dark)}.footer-col nav.karaoke-menu>ul>li>ul a{font-size:var(--font-size-sm);color:#94a3b8;display:block;padding:2px 0}.footer-col nav.karaoke-menu>ul>li>ul a:visited{color:#94a3b8}.footer-col nav.karaoke-menu>ul>li>ul a:hover{color:var(--color-on-dark)}h1,h2,h3,h4{line-height:var(--line-height-heading);font-weight:700;margin-top:0}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}a{color:var(--color-link)}a:hover{color:var(--color-link-hover)}a:visited{color:var(--color-link-visited)}code{font-family:var(--font-mono);font-size:.875em;background:var(--color-border);padding:.15em .35em;border-radius:3px}pre{background:var(--color-border);padding:var(--spacing-md);overflow-x:auto;border-radius:6px}pre code{background:none;padding:0}.prose{max-width:var(--width-content)}.prose img{max-width:100%;height:auto;border-radius:4px}.prose p{margin-top:0;margin-bottom:var(--spacing-md)}.listing-header{margin-bottom:var(--spacing-lg)}.listing-header h1{font-size:var(--font-size-xl);margin-bottom:0}.post-list{list-style:none;margin:0;padding:0}.post-list li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-md);align-items:baseline}.post-list li:first-child{border-top:1px solid var(--color-border)}.post-date{color:var(--color-muted);font-size:var(--font-size-sm);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.empty-state{color:var(--color-muted);padding:var(--spacing-lg) 0}.empty-state p{margin:0 0 var(--spacing-sm)}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.home-section h2{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--color-muted);margin-bottom:var(--spacing-md)}.home-section .post-list li{flex-direction:column;gap:var(--spacing-xs)}.view-all{display:inline-block;margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-muted);text-decoration:none}.view-all:hover{color:var(--color-link)}@media(max-width:640px){.home-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.page-body{flex-direction:column}.region-left,.region-right{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-lg) 0 var(--spacing-md)}.footer-below{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.post-header{max-width:var(--width-content);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.post-header h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.post-meta{color:var(--color-muted);font-size:var(--font-size-sm)}.post-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);max-width:var(--width-content)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.tag{font-size:var(--font-size-sm);color:var(--color-muted);text-decoration:none;border:1px solid var(--color-border);border-radius:3px;padding:2px 8px;transition:color .1s,border-color .1s}.tag:hover{color:var(--color-text);border-color:var(--color-text)}.tag-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.tag-list li{display:flex;align-items:center;gap:var(--spacing-sm)}.tag-count,.post-collection{font-size:var(--font-size-sm);color:var(--color-muted)}.related-posts{margin-top:var(--spacing-lg)}.related-label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--color-muted);margin:0 0 var(--spacing-sm)}.related-posts ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}nav.karaoke-menu ul{list-style:none;padding:0;margin:0}nav.karaoke-menu[data-orientation=horizontal]>ul{display:flex;gap:var(--spacing-md, 1rem)}nav.karaoke-menu[data-orientation=horizontal] li{position:relative}nav.karaoke-menu[data-orientation=horizontal] li ul{display:none;position:absolute;top:100%;left:0;min-width:10rem;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);z-index:100}nav.karaoke-menu[data-orientation=horizontal] li:hover ul,nav.karaoke-menu[data-orientation=horizontal] li:focus-within ul{display:flex}nav.karaoke-menu[data-orientation=vertical]>ul{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}nav.karaoke-menu[data-orientation=vertical] li ul{padding-left:var(--spacing-md, 1rem)}.site-icon{font-size:1.1em;margin-right:.3em;vertical-align:-.05em}a.btn-cta{font-size:var(--font-size-sm);font-weight:600;color:#fff;background:var(--color-accent);padding:6px 20px;border-radius:999px;text-decoration:none;transition:opacity .15s;flex-shrink:0;white-space:nowrap}a.btn-cta:link,a.btn-cta:visited,a.btn-cta:hover{opacity:.85;color:#fff;text-decoration:none}main.landing-main{width:100%}.landing-container{max-width:var(--width-landing);margin:0 auto;padding:0 24px}.section-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:12px}.section-label.on-dark{color:#818cf8}