@font-face{font-family:"EB Garamond";src:url("/fonts/EBGaramond-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"EB Garamond";src:url("/fonts/EBGaramond-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"EB Garamond";src:url("/fonts/EBGaramond-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"EB Garamond";src:url("/fonts/EBGaramond-MediumItalic.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}:root{--bg: #f8f5f0;--bg-code: #eeeae3;--bg-subtle: #f0ede7;--text: #1c1b18;--text-muted: #5a5750;--accent: #3d6b4f;--accent-hover: #2e5440;--border: #ddd9d0;--font-serif: "EB Garamond", "Lora", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "Fira Code", Menlo, "Courier New", monospace;--font-size: 1.125rem;--line-height: 1.75;--measure: 68ch;--measure-wide: 84ch;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--transition-theme: background-color 200ms ease, color 200ms ease, border-color 200ms ease}[data-theme=dark]{--bg: #141412;--bg-code: #1e1d1a;--bg-subtle: #1a1916;--text: #e4e1da;--text-muted: #9a9690;--accent: #68a882;--accent-hover: #7dbf99;--border: #2c2b28}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:120%;-webkit-text-size-adjust:100%;scroll-behavior:smooth;transition:var(--transition-theme)}body{background-color:var(--bg);color:var(--text);font-family:var(--font-serif);font-size:var(--font-size);line-height:var(--line-height);transition:var(--transition-theme)}img,video{max-width:100%;height:auto;display:block}hr{border:none;border-top:1px solid var(--border);margin:var(--space-lg) 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{width:100%;max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-lg)}.site-header{border-bottom:1px solid var(--border);padding-block:var(--space-md);transition:var(--transition-theme)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.site-title{font-family:var(--font-serif);font-size:1rem;font-weight:500;letter-spacing:.01em;color:var(--text);text-decoration:none}.site-title:hover{color:var(--accent)}.site-nav{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.site-nav a{font-size:.9rem;color:var(--text-muted);text-decoration:none;letter-spacing:.02em}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.theme-toggle{background:none;border:1px solid var(--border);border-radius:50%;width:1.75rem;height:1.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8rem;padding:0;line-height:1;flex-shrink:0;transition:border-color 150ms ease,color 150ms ease}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle-icon::before{content:"◑"}.main-content{padding-block:var(--space-xl);min-height:calc(100vh - 12rem)}.site-footer{border-top:1px solid var(--border);padding-block:var(--space-lg);transition:var(--transition-theme)}.site-footer p{font-size:.85rem;color:var(--text-muted);margin:0}.site-footer a{color:var(--text-muted);text-decoration:underline;text-underline-offset:.2em}.site-footer a:hover{color:var(--accent)}@media (max-width: 600px){.container{padding-inline:var(--space-md)}.site-header .container{flex-wrap:wrap}.site-nav{gap:var(--space-md)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;line-height:1.3;color:var(--text)}h1{font-size:2rem;font-weight:500;margin-bottom:.4em}h2{font-size:1.45rem;font-weight:500;padding-bottom:.3em;border-bottom:1px solid var(--border);margin-bottom:.6em}h3{font-size:1.15rem;font-weight:500;margin-bottom:.4em}h4{font-size:1rem;font-weight:400;font-style:italic;color:var(--text-muted);margin-bottom:.3em}.anchor-link{margin-right:.35em;font-size:.75em;font-style:normal;color:var(--border);text-decoration:none;opacity:0;transition:opacity 150ms ease,color 150ms ease;vertical-align:baseline;user-select:none}h2:hover .anchor-link,h3:hover .anchor-link,h4:hover .anchor-link{opacity:1}.anchor-link:hover{color:var(--accent)}.prose>*+*{margin-top:var(--space-md)}.prose h2,.prose h3,.prose h4{margin-top:2em}.prose p{hanging-punctuation:first last}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}.prose a:hover{color:var(--accent-hover)}.prose strong{font-weight:600}.prose em{font-style:italic}.prose blockquote{border-left:3px solid var(--border);padding-left:var(--space-lg);color:var(--text-muted);font-style:italic;margin-inline:0}.prose ul,.prose ol{padding-left:1.5em}.prose ul li+li,.prose ol li+li{margin-top:.4em}.prose code{font-family:var(--font-mono);font-size:.85em;background:var(--bg-code);border:1px solid var(--border);border-radius:3px;padding:.1em .35em}.prose pre{border-radius:6px;padding:var(--space-lg);overflow-x:auto;line-height:1.6;border:1px solid var(--border)}.prose pre code{background:none;border:none;padding:0;font-size:.875rem}a{color:var(--accent);text-decoration-color:rgba(0,0,0,0);transition:color 120ms ease,text-decoration-color 120ms ease}a:hover{color:var(--accent-hover);text-decoration-color:currentColor}.page-header{margin-bottom:var(--space-xl)}.page-header h1{margin-bottom:.25em}.page-header .page-desc{color:var(--text-muted);font-size:1rem;max-width:var(--measure);margin-top:.5em}.post-list{list-style:none;padding:0}.post-list li+li{margin-top:var(--space-md)}.post-list li+li::before{content:"❧";display:block;text-align:center;color:var(--text-muted);font-size:1.4rem;margin-bottom:var(--space-md)}.post-item .post-title{font-size:1.3rem;font-weight:500;margin-bottom:.2em}.post-item .post-title a{color:var(--text);text-decoration:none}.post-item .post-title a:hover{color:var(--accent)}.post-item .post-meta{font-size:.875rem;color:var(--text-muted);margin-bottom:.6em}.post-item .post-meta time{font-variant-numeric:tabular-nums}.post-item .post-desc{font-size:1rem;color:var(--text-muted);max-width:var(--measure);line-height:1.6}.article-header{margin-bottom:var(--space-xl)}.article-header h1{font-size:2rem;line-height:1.2;max-width:var(--measure)}.article-header .article-meta{margin-top:var(--space-md);font-size:.875rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);list-style:none;padding:0}.tag{display:inline-block;font-size:.8rem;padding:.2em .65em;border:1px solid var(--border);border-radius:3px;color:var(--text-muted);text-decoration:none;transition:border-color 120ms ease,color 120ms ease}.tag:hover{border-color:var(--accent);color:var(--accent)}.abc-notation{background:#f8f5f0;border-radius:4px;padding:var(--space-md) var(--space-lg);box-shadow:0 0 0 10px #f8f5f0;color:#1c1b18}.abc-notation svg{max-width:100%;height:auto}.abc-notation svg path,.abc-notation svg rect,.abc-notation svg text,.abc-notation svg tspan,.abc-notation svg line,.abc-notation svg circle,.abc-notation svg ellipse,.abc-notation svg polygon,.abc-notation svg polyline{fill:#1c1b18;stroke:none}.abc-notation svg line,.abc-notation svg polyline{fill:none;stroke:#1c1b18}.tune-block{margin-block:var(--space-xl);padding:var(--space-lg);background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px}.home-intro{max-width:var(--measure);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl)}.home-intro h1{font-size:1.6rem;margin-bottom:var(--space-md)}.home-intro p{color:var(--text-muted);font-size:1.05rem;line-height:1.75}.home-section{margin-bottom:var(--space-xl)}.home-section h2{font-size:.9rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-lg)}.home-section .view-all{display:inline-block;margin-top:var(--space-lg);font-size:.9rem;color:var(--accent);text-decoration:none}.home-section .view-all:hover{color:var(--accent-hover);text-decoration:underline}.tag-index .tag-item{display:flex;justify-content:space-between;align-items:baseline;padding-block:.6em;border-bottom:1px solid var(--border)}.tag-index .tag-item a{font-size:1rem;color:var(--text);text-decoration:none}.tag-index .tag-item a:hover{color:var(--accent)}.tag-index .tag-item .tag-count{font-size:.85rem;color:var(--text-muted)}.about-layout{max-width:var(--measure)}.pagination{display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border);font-size:.9rem}.pagination a{color:var(--accent);text-decoration:none}.pagination a:hover{text-decoration:underline}