*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.5rem;--text-5xl: 3.25rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.7;--leading-loose: 1.85;--tracking-tight: -.025em;--tracking-snug: -.015em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--font-serif: "EB Garamond", "Times New Roman", serif;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif-georgia: "Georgia", "Times New Roman", serif;--font-serif-charter: "Charter", "Bitstream Charter", "Sitka Text", serif;--font-serif-times: "Times New Roman", "Liberation Serif", serif;--font-sans-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-sans-inter: "Inter", system-ui, -apple-system, sans-serif;--font-sans-source: "Source Sans Pro", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Consolas", monospace;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--space-6xl: 12rem;--content-width: 38rem;--line-length: 65ch;--transition: .2s ease-out}:root{--color-bg: #f0ece6;--color-paper: #f7f5f0;--color-text: #2a2724;--color-text-muted: #5c5650;--color-text-quiet: #948d84;--color-accent: #5a524a;--color-border: #ddd8d0;--color-shadow: rgba(42, 39, 36, .06);--color-pop: #b86f4a;--color-pop-soft: #b86f4a12;--color-pop-glow: #b86f4a1a}[data-theme=dark]{--color-bg: #171412;--color-paper: #201d19;--color-text: #ddd6cc;--color-text-muted: #a49b8f;--color-text-quiet: #756c60;--color-accent: #a49b8f;--color-border: #352f29;--color-shadow: rgba(0, 0, 0, .3);--color-pop: #cf8a5e;--color-pop-soft: #cf8a5e10;--color-pop-glow: #cf8a5e18}html{font-size:18px;scroll-behavior:smooth;visibility:hidden}html.loaded{visibility:visible}body.loading{opacity:0;transform:translateY(6px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}body.loaded{opacity:1;transform:none}@media (max-width: 768px){html{font-size:17px}}@media (max-width: 480px){html{font-size:16px}}body{font-family:var(--font-serif);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition),color var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"onum" 1;font-variant-numeric:oldstyle-nums proportional-nums;hanging-punctuation:first last;word-spacing:.02em;overflow-x:hidden}.theme-toggle{position:fixed;top:2rem;right:2rem;width:2.75rem;height:2.75rem;border:none;border-radius:50%;background:var(--color-paper);box-shadow:0 2px 8px var(--color-shadow);cursor:pointer;z-index:100;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{transform:scale(1.05);box-shadow:0 4px 12px var(--color-shadow)}.focus-nav-arrows{position:fixed;top:11rem;right:2rem;width:2.75rem;z-index:100;display:flex;flex-direction:column;align-items:center;gap:.5rem}.focus-nav-btn{width:2rem;height:2rem;border:none;border-radius:50%;background:var(--color-paper);box-shadow:0 2px 8px var(--color-shadow);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.focus-nav-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px var(--color-shadow);color:var(--color-accent)}.focus-nav-btn:active{transform:scale(.95)}.focus-nav-btn svg{width:14px;height:14px}.article-nav-arrows{position:fixed;top:5.5rem;right:2rem;width:2.75rem;z-index:100;display:flex;flex-direction:column;align-items:center;gap:.5rem}.article-nav-btn{width:2rem;height:2rem;border:none;border-radius:50%;background:var(--color-paper);box-shadow:0 2px 8px var(--color-shadow);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;color:var(--color-text)}.article-nav-btn:hover{background:var(--color-elevated);transform:scale(1.05);box-shadow:0 4px 12px var(--color-shadow)}.article-nav-btn:active{transform:scale(.95)}.article-nav-btn svg{width:14px;height:14px}.theme-icon{width:1rem;height:1rem;border-radius:50%;background:var(--color-text-muted);transition:all var(--transition)}[data-theme=dark] .theme-icon{background:var(--color-text);transform:scale(.6);box-shadow:.2rem -.2rem 0 .1rem var(--color-text)}@media (max-width: 768px){.theme-toggle{top:1.5rem;right:1.5rem;width:2.25rem;height:2.25rem}.focus-nav-arrows{top:9.5rem;right:1.5rem}.focus-nav-btn{width:1.75rem;height:1.75rem}.focus-nav-btn svg{width:12px;height:12px}.article-nav-arrows{top:4.75rem;right:1.5rem}.article-nav-btn{width:1.75rem;height:1.75rem}.article-nav-btn svg{width:12px;height:12px}}.main{max-width:var(--content-width);margin:0 auto;padding:var(--space-4xl) var(--space-xl) var(--space-3xl)}@media (max-width: 768px){.main{padding:var(--space-3xl) var(--space-lg) var(--space-3xl)}}section{margin-bottom:var(--space-3xl)}section:last-child{margin-bottom:0}.page-view section{margin-bottom:var(--space-6xl)}.page-view section:last-child{margin-bottom:var(--space-4xl)}.section-heading{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;color:var(--color-text-quiet);margin-bottom:var(--space-2xl);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-variant-numeric:lining-nums}.site-header{margin-bottom:var(--space-xl)}.name{font-family:var(--font-sans);font-size:var(--text-5xl);font-weight:300;line-height:1.1;color:var(--color-text);margin-bottom:var(--space-sm);letter-spacing:-.03em;position:relative;font-variant-numeric:lining-nums}@media (max-width: 768px){.name{font-size:var(--text-4xl)}}.name-dot{display:inline-block;width:.5rem;height:.5rem;background:var(--color-pop);border-radius:50%;margin-left:.3rem;vertical-align:baseline;position:relative;top:-.08em;opacity:.85;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.name:hover .name-dot{transform:scale(1.6);opacity:1}.prose{max-width:var(--line-length)}.prose p{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--color-text-muted);margin-bottom:var(--space-lg);letter-spacing:var(--tracking-normal);text-wrap:pretty}.prose p:last-child{margin-bottom:0}.home-layout{max-width:44rem}.blocks{margin-bottom:var(--space-3xl)}.blocks-grid{display:flex;flex-direction:column;gap:0}.block{display:block;text-decoration:none;color:inherit;background:transparent;border:none;border-radius:0;overflow:hidden;position:relative;padding:var(--space-xl) 0 var(--space-2xl);border-bottom:1px solid var(--color-border);transition:border-color .6s ease}.block-inner{display:flex;flex-direction:column;height:100%;padding:0}.block-label{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:300;color:var(--color-text);letter-spacing:var(--tracking-snug);transition:color .6s ease,letter-spacing .6s ease;font-variant-numeric:lining-nums}.block-role{font-family:var(--font-serif);font-size:var(--text-sm);font-style:italic;color:var(--color-text-quiet);margin-top:.15rem;letter-spacing:var(--tracking-normal)}.block-text{font-family:var(--font-serif);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted);margin-top:var(--space-sm);max-width:44ch;text-wrap:pretty}.block-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.block-tag{font-family:var(--font-sans);font-size:.65rem;font-weight:400;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-quiet);background:var(--color-bg);padding:.15rem .5rem;border-radius:1px;opacity:.6;transition:opacity .6s ease,color .6s ease}.block:hover .block-tag{opacity:.9;color:var(--color-text-muted)}.block-arrow{position:absolute;right:0;top:var(--space-xl);transform:translate(-4px);font-family:var(--font-serif);font-size:var(--text-sm);font-style:italic;color:var(--color-text-quiet);opacity:0;transition:opacity .6s ease,transform .6s ease,color .6s ease}.block{--block-color: var(--color-accent)}.block-zivrio{--block-color: #5f99b3}.block-heyweek{--block-color: #c46b7e}.block-trixdb{--block-color: #6b9e8f}.block-github{--block-color: #8b7bb5}[data-theme=dark] .block-zivrio{--block-color: #7cb8d0}[data-theme=dark] .block-heyweek{--block-color: #d48a9a}[data-theme=dark] .block-trixdb{--block-color: #8abfad}[data-theme=dark] .block-github{--block-color: #a99ad4}.block:hover{border-color:color-mix(in srgb,var(--block-color) 40%,var(--color-border))}.block:hover .block-label{color:var(--block-color);letter-spacing:var(--tracking-normal)}.block:hover .block-arrow{opacity:.5;transform:translate(0);color:var(--block-color)}.blocks-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--color-border)}.blocks-pair .block{border-bottom:none;padding:var(--space-2xl) 0}.blocks-pair .block:first-child{padding-right:var(--space-2xl);border-right:1px solid var(--color-border);align-self:stretch}.blocks-pair .block:last-child{padding-left:var(--space-2xl)}.blocks-trio{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--color-border)}.blocks-trio-main{border-bottom:none;border-right:1px solid var(--color-border);padding:var(--space-2xl) var(--space-2xl) var(--space-2xl) 0;display:flex;flex-direction:column}.blocks-trio-main .block-inner{flex:1;display:flex;flex-direction:column;justify-content:center}.blocks-trio-side{display:flex;flex-direction:column}.blocks-trio-side .block{border-bottom:1px solid var(--color-border);padding:var(--space-2xl) 0 var(--space-2xl) var(--space-2xl);flex:1}.blocks-trio-side .block:last-child{border-bottom:none}.block-feature{position:relative}.block-accent-bar{position:absolute;left:0;top:var(--space-2xl);bottom:0;width:2px;background:var(--color-pop);opacity:.4;transition:opacity .6s ease;border-radius:1px}.block-feature:hover .block-accent-bar{opacity:.8}.block-feature:hover .block-label,.block-feature:hover .block-arrow{color:var(--color-pop)}.block-feature .block-inner{padding-left:var(--space-lg)}.epigraph{padding:var(--space-xl) 0 var(--space-2xl);max-width:32ch;margin-left:auto}.epigraph p{font-family:var(--font-serif);font-size:var(--text-sm);font-style:italic;line-height:var(--leading-loose);color:var(--color-text-quiet);text-align:right;margin-bottom:var(--space-sm)}.epigraph cite{display:block;font-family:var(--font-sans);font-size:var(--text-xs);font-style:normal;color:var(--color-text-quiet);text-align:right;margin-top:var(--space-xs);letter-spacing:var(--tracking-wide);opacity:.6}.aside-quote{font-family:var(--font-serif);font-size:var(--text-sm);font-style:italic;color:var(--color-text-quiet);padding:var(--space-md) 0 var(--space-xs);text-align:right;max-width:28ch;margin-left:auto;line-height:var(--leading-relaxed);border:none}.aside-cite{display:block;font-family:var(--font-sans);font-size:var(--text-xs);font-style:normal;opacity:.6;margin-top:.2rem;letter-spacing:var(--tracking-wide)}.blocks-social{display:flex;gap:var(--space-2xl);padding:var(--space-xl) 0}.block-icon{border-bottom:none;padding:0}.block-icon .block-inner{flex-direction:row;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.block-svg{width:1.1rem;height:1.1rem;flex-shrink:0;color:var(--color-text-quiet);transition:color .6s ease}.block-icon:hover .block-svg{color:var(--block-color)}.block-handle{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-quiet);transition:color .6s ease}.block-icon:hover .block-handle{color:var(--block-color)}@media (max-width: 768px){.home-layout{max-width:42rem}.blocks-social{flex-wrap:wrap;gap:var(--space-md) var(--space-xl)}}@media (max-width: 480px){.home-layout{max-width:var(--content-width)}.blocks-pair{grid-template-columns:1fr}.blocks-pair .block:first-child{padding-right:0;border-right:none;border-bottom:1px solid var(--color-border)}.blocks-pair .block:last-child{padding-left:0}.blocks-trio{grid-template-columns:1fr}.blocks-trio-main{border-right:none;border-bottom:1px solid var(--color-border);padding:var(--space-2xl) 0}.blocks-trio-side .block{padding:var(--space-2xl) 0}.block-arrow{display:none}.colophon-social{flex-direction:column;gap:var(--space-md)}}.writing-layout{max-width:44rem}.blog-posts{display:flex;flex-direction:column;gap:0}.post-card{display:block;text-decoration:none;color:inherit;background:transparent;border-bottom:1px solid var(--color-border);padding:var(--space-xl) 0;transition:border-color .6s ease;opacity:1;transform:translateY(0)}.post-card.entering{opacity:0;transform:translateY(8px);animation:cardEnter .6s cubic-bezier(.25,.46,.45,.94) forwards}.post-card.entering:nth-child(1){animation-delay:.05s}.post-card.entering:nth-child(2){animation-delay:.1s}.post-card.entering:nth-child(3){animation-delay:.15s}.post-card.entering:nth-child(4){animation-delay:.2s}.post-card.entering:nth-child(5){animation-delay:.25s}.post-card.entering:nth-child(6){animation-delay:.3s}.post-card:last-child{border-bottom:none}@keyframes cardEnter{to{opacity:1;transform:translateY(0)}}.post-card:hover{border-color:color-mix(in srgb,var(--color-pop) 40%,var(--color-border))}.post-card-inner{display:flex;flex-direction:column;padding:0}.post-card-body{flex:1}.post-card-title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:300;color:var(--color-text);letter-spacing:var(--tracking-snug);line-height:var(--leading-snug);margin-bottom:var(--space-xs);transition:color .6s ease;text-wrap:balance}.post-card:hover .post-card-title{color:var(--color-pop)}.post-card-excerpt{font-family:var(--font-serif);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted);max-width:55ch;text-wrap:pretty}.post-card-footer{display:flex;gap:var(--space-md);align-items:center;margin-top:var(--space-sm)}.post-card-date,.post-card-time{font-family:var(--font-serif);font-size:var(--text-xs);font-style:italic;color:var(--color-text-quiet)}.post-card-time:before{content:"·";margin-right:var(--space-sm);opacity:.5}.post-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.post-card-tag{font-family:var(--font-sans);font-size:.65rem;font-weight:400;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-quiet);background:var(--color-bg);padding:.15rem .5rem;border-radius:1px;opacity:.6;transition:opacity .6s ease,color .6s ease}.post-card:hover .post-card-tag{opacity:.9;color:var(--color-text-muted)}@media (max-width: 768px){.writing-layout{max-width:42rem}}.page-view{display:none}.page-view.active{display:block}.page-header{margin-bottom:var(--space-2xl)}.back-link{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-quiet);text-decoration:none;margin-bottom:var(--space-lg);transition:all var(--transition)}.back-link:hover{color:var(--color-accent)}.page-title{font-family:var(--font-sans);font-size:var(--text-4xl);font-weight:300;line-height:var(--leading-tight);color:var(--color-text);margin-bottom:var(--space-sm);letter-spacing:var(--tracking-tight);font-variant-numeric:lining-nums}.page-subtitle{font-family:var(--font-serif);font-size:var(--text-base);font-style:italic;line-height:var(--leading-relaxed);color:var(--color-text-quiet);margin-top:var(--space-xs);max-width:40ch}.page-disclaimer{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-quiet);max-width:52ch;margin-top:var(--space-lg);padding-left:var(--space-md);border-left:2px solid var(--color-border);opacity:.7}.blog-controls{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.filter-container{display:none}@media (max-width: 768px){.blog-controls{flex-direction:column;gap:var(--space-md)}.rss-link{align-self:flex-start}}.search-container{flex:1;max-width:20rem}.search-input{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-paper);border:1px solid var(--color-border);border-radius:.25rem;transition:all var(--transition)}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 10%,transparent)}.search-input::placeholder{color:var(--color-text-quiet)}.filter-container,.rss-container{flex-shrink:0}.rss-link svg{width:14px;height:14px}.filter-select{padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-paper);border:1px solid var(--color-border);border-radius:.25rem;cursor:pointer;transition:all var(--transition)}.filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 10%,transparent)}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-4xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.pagination-button{padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:.25rem;cursor:pointer;transition:all var(--transition);text-decoration:none;min-width:2.25rem;text-align:center}.pagination-button:hover:not(.disabled){color:var(--color-accent);border-color:var(--color-accent)}.pagination-button.active{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.pagination-button.disabled{opacity:.4;cursor:not-allowed}.pagination-info{width:100%;text-align:center;font-family:var(--font-serif);font-size:var(--text-xs);font-style:italic;color:var(--color-text-quiet);margin-top:var(--space-sm)}.pagination-ellipsis{font-family:var(--font-sans);color:var(--color-text-quiet);margin:0 var(--space-xs)}@media (max-width: 480px){.pagination{gap:var(--space-xs)}.pagination-button{padding:var(--space-xs) var(--space-sm);min-height:2.75rem;min-width:2.75rem;display:inline-flex;align-items:center;justify-content:center}}[data-theme=dark] .search-input,[data-theme=dark] .filter-select{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 10%,transparent)}[data-theme=dark] .search-input:focus,[data-theme=dark] .filter-select:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 20%,transparent)}.reading-progress{position:fixed;top:0;left:0;width:0%;height:2px;background:var(--color-accent);z-index:1000;transition:width .1s ease}.blog-meta{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-serif);font-size:var(--text-sm);font-style:italic;color:var(--color-text-quiet);margin-bottom:var(--space-2xl)}.meta-separator{opacity:.6}.copy-link-btn{background:none;border:none;color:var(--color-text-quiet);cursor:pointer;padding:var(--space-xs);border-radius:.25rem;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center}.copy-link-btn:hover{color:var(--color-accent);background:var(--color-border)}.blog-layout{display:grid;grid-template-columns:11rem 1fr;gap:var(--space-2xl);align-items:start;margin-top:var(--space-xl)}@media (max-width: 1024px){.blog-layout{grid-template-columns:1fr;gap:0;margin-top:var(--space-md)}.table-of-contents{order:-1;position:static!important;margin-bottom:var(--space-xl);max-height:none;border-left:none;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-md)}}.table-of-contents{position:sticky;top:var(--space-2xl);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);background:transparent;border:none;border-left:1px solid var(--color-border);border-radius:0;max-height:calc(100vh - var(--space-4xl));overflow-y:auto;transition:all .3s ease}.blog-layout.toc-hidden{grid-template-columns:1fr}.table-of-contents.hidden,.table-of-contents.toc-invisible{display:none}.blog-layout:has(.table-of-contents.toc-invisible){grid-template-columns:1fr}.blog-layout.toc-content-expanded{grid-template-columns:1fr}.table-of-contents h3{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;color:var(--color-text-quiet);margin:0 0 var(--space-sm) 0;text-transform:uppercase;letter-spacing:.08em}.toc-nav{display:flex;flex-direction:column;gap:var(--space-xs)}.toc-link{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-quiet);text-decoration:none;padding:var(--space-xs) 0;border-radius:0;transition:color var(--transition);line-height:var(--leading-normal)}.toc-link:hover,.toc-link.active{color:var(--color-text)}.toc-level-3{margin-left:var(--space-md);font-size:var(--text-xs)}.toc-top{font-weight:500;position:relative}.toc-top:before{content:"↑";margin-right:var(--space-xs);font-size:.9em;opacity:.7}.content-anchor{scroll-margin-top:var(--space-3xl);position:relative;top:calc(-1 * var(--space-3xl))}.linkable-heading{position:relative;scroll-margin-top:var(--space-2xl)}.heading-link{position:absolute;left:-1.5rem;top:50%;transform:translateY(-50%);color:var(--color-text-quiet);text-decoration:none;opacity:0;transition:all var(--transition);font-weight:400;font-size:.8em}.linkable-heading:hover .heading-link{opacity:1}.heading-link:hover{color:var(--color-accent)}@media (max-width: 480px){.heading-link{display:none}}@media (min-width: 481px) and (max-width: 768px){.heading-link{position:static;transform:none;margin-left:var(--space-xs);opacity:0}.linkable-heading:hover .heading-link{opacity:.4}}.reading-controls{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border);flex-wrap:nowrap;overflow:hidden}.reading-controls .reading-mode-toggle,.reading-controls .reading-width-toggle,.reading-controls .toc-toggle,.reading-controls .font-size-controls,.reading-controls .font-family-dropdown{display:none}.reading-controls.expanded .reading-mode-toggle,.reading-controls.expanded .reading-width-toggle,.reading-controls.expanded .toc-toggle,.reading-controls.expanded .font-size-controls,.reading-controls.expanded .font-family-dropdown{display:inline-flex}.reading-settings-toggle{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-paper);border:1px solid var(--color-border);border-radius:.25rem;color:var(--color-text-quiet);font-family:var(--font-sans);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition);flex-shrink:0}.reading-settings-toggle:hover,.reading-settings-toggle.active{color:var(--color-accent);border-color:var(--color-accent)}@media (max-width: 768px){.reading-controls{gap:var(--space-md)}}.reading-control-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-paper);border:1px solid var(--color-border);border-radius:.25rem;color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--transition);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.reading-control-btn:hover{color:var(--color-accent);border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,transparent)}.reading-control-btn.active{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.reading-control-btn svg{width:16px;height:16px}.font-size-controls{display:flex;border:1px solid var(--color-border);border-radius:.25rem;overflow:hidden;flex-shrink:0}.font-size-btn{border:none;border-right:1px solid var(--color-border);font-size:var(--text-xs);padding:var(--space-xs) var(--space-xs);min-width:2rem;font-weight:600;background:var(--color-paper);color:var(--color-text-muted)}.font-size-btn:last-child{border-right:none}.font-size-btn:hover{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,transparent)}.font-family-dropdown{position:relative;flex-shrink:0;display:inline-block}.font-family-menu{position:fixed;background:var(--color-paper);border:1px solid var(--color-border);border-radius:.375rem;box-shadow:0 4px 12px #00000026;padding:var(--space-xs);min-width:180px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;pointer-events:none}.font-family-dropdown.open .font-family-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.font-family-option{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:.25rem;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:400;text-align:left;cursor:pointer;transition:all .15s ease;margin-bottom:2px}.font-family-option:last-child{margin-bottom:0}.font-family-option:hover{background:var(--color-accent);color:#fff}.font-family-option.selected{background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent);font-weight:500}.font-family-option.selected:after{content:"✓";float:right;color:var(--color-accent)}.font-size-btn.disabled{opacity:.4;cursor:not-allowed;color:var(--color-text-quiet)}.font-size-btn.disabled:hover{color:var(--color-text-quiet);border-color:var(--color-border);background:var(--color-paper)}.font-size-btn.active{color:inherit;background:inherit;border-color:inherit}.reading-mode{--content-width: 50rem;--space-reading: 2rem}.reading-mode .theme-toggle{display:none}.reading-mode .table-of-contents{opacity:.7;transform:scale(.95)}.reading-mode .blog-content{font-size:1.125rem;line-height:1.8}.reading-mode .blog-post-view .main{max-width:var(--content-width);padding-left:var(--space-reading);padding-right:var(--space-reading)}.font-size-xs .blog-content{font-size:.8rem;line-height:1.7}.font-size-small .blog-content{font-size:.9rem}.font-size-large .blog-content{font-size:1.25rem;line-height:1.9}.font-size-xl .blog-content{font-size:1.375rem;line-height:2}.reading-width-wide .blog-post-view .main{max-width:65rem}.reading-width-wide .blog-content,.reading-width-wide .blog-content p,.reading-width-wide .blog-content li,.reading-width-wide .blog-content blockquote,.reading-width-wide .blog-content .code-block{max-width:none}.reading-width-wide .blog-layout{grid-template-columns:250px 1fr;gap:var(--space-4xl)}.reading-width-wide .blog-layout.toc-hidden,.reading-width-wide .blog-layout.toc-content-expanded,.reading-width-wide .blog-layout:has(.table-of-contents.toc-invisible){grid-template-columns:1fr}.font-family-serif .blog-content{font-family:var(--font-serif)}.font-family-georgia .blog-content{font-family:var(--font-serif-georgia)}.font-family-charter .blog-content{font-family:var(--font-serif-charter)}.font-family-times .blog-content{font-family:var(--font-serif-times)}.font-family-system .blog-content{font-family:var(--font-sans-system)}.font-family-inter .blog-content{font-family:var(--font-sans-inter)}.font-family-source .blog-content{font-family:var(--font-sans-source)}.font-family-mono .blog-content{font-family:var(--font-mono);font-size:var(--text-base)}.focus-mode .reading-controls,.focus-mode .blog-back-link,.focus-mode .blog-meta,.focus-mode .theme-toggle,.focus-mode .toc-sidebar,.focus-mode .reading-progress{opacity:.15;transition:opacity .3s ease}.focus-mode .reading-controls:hover,.focus-mode .blog-back-link:hover,.focus-mode .blog-meta:hover,.focus-mode .theme-toggle:hover,.focus-mode .toc-sidebar:hover{opacity:.7}.focus-mode .blog-content p,.focus-mode .blog-content li,.focus-mode .blog-content h2,.focus-mode .blog-content h3,.focus-mode .prose p,.focus-mode .project-description p,.focus-mode .section-heading,.focus-mode .project-name,.focus-mode .contact,.focus-mode .block-label,.focus-mode .block-text{opacity:.35;transition:opacity .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94),background-color .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),border-left-color .4s cubic-bezier(.25,.46,.45,.94),outline .3s ease;position:relative;border-radius:.5rem;padding:var(--space-sm) var(--space-md);margin-left:calc(-1 * var(--space-md));margin-right:calc(-1 * var(--space-md));border-left:3px solid transparent;outline:2px solid transparent;scroll-margin-top:var(--space-2xl)}.focus-mode .blog-content p.focused,.focus-mode .blog-content li.focused,.focus-mode .blog-content h2.focused,.focus-mode .blog-content h3.focused,.focus-mode .prose p.focused,.focus-mode .project-description p.focused,.focus-mode .section-heading.focused,.focus-mode .project-name.focused,.focus-mode .contact.focused,.focus-mode .block-label.focused,.focus-mode .block-text.focused{opacity:1;background-color:color-mix(in srgb,var(--color-accent) 4%,transparent);border-left-color:var(--color-accent);box-shadow:0 2px 16px color-mix(in srgb,var(--color-accent) 8%,transparent);transform:translateY(-1px) scale(1.01);outline-color:color-mix(in srgb,var(--color-accent) 10%,transparent)}[data-theme=dark] .focus-mode .blog-content p.focused,[data-theme=dark] .focus-mode .blog-content li.focused,[data-theme=dark] .focus-mode .blog-content h2.focused,[data-theme=dark] .focus-mode .blog-content h3.focused{background-color:color-mix(in srgb,var(--color-accent) 6%,transparent);box-shadow:0 2px 16px color-mix(in srgb,var(--color-accent) 12%,transparent);outline-color:color-mix(in srgb,var(--color-accent) 10%,transparent)}.focus-mode .blog-content p:hover,.focus-mode .blog-content li:hover,.focus-mode .blog-content h2:hover,.focus-mode .blog-content h3:hover,.focus-mode .prose p:hover,.focus-mode .project-description p:hover,.focus-mode .section-heading:hover,.focus-mode .project-name:hover,.focus-mode .contact:hover,.focus-mode .block-label:hover,.focus-mode .block-text:hover{opacity:.75;transition-duration:.2s;cursor:pointer}.focus-mode:before{content:"";position:fixed;top:50%;left:20px;width:4px;height:60px;background:linear-gradient(to bottom,transparent 0%,var(--color-accent) 20%,var(--color-accent) 80%,transparent 100%);border-radius:2px;z-index:1000;opacity:.3;pointer-events:none}@media (max-width: 768px){.focus-mode:before{left:10px;width:3px;height:40px}}@media (prefers-reduced-motion: reduce){.focus-mode .blog-content p,.focus-mode .blog-content li,.focus-mode .blog-content h2,.focus-mode .blog-content h3{transition-duration:.1s;transform:none!important}.focus-mode .blog-content p.focused,.focus-mode .blog-content li.focused,.focus-mode .blog-content h2.focused,.focus-mode .blog-content h3.focused{transform:none!important}}.reading-time-remaining{color:var(--color-accent);font-weight:500}.reading-time-display.hidden{display:none}@media (max-width: 768px){.reading-control-btn span{display:none}.reading-control-btn{padding:var(--space-xs);gap:0}.font-size-btn{min-width:1.75rem;padding:var(--space-xs) 2px}.font-family-menu{min-width:160px;font-size:var(--text-xs)}.font-family-option{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.reading-controls{gap:var(--space-sm)}}.blog-post-view{display:none}.blog-post-view.active{display:block}.blog-post-view .main{max-width:44rem}.blog-post-header{margin-bottom:var(--space-3xl);text-align:left}.blog-post-header h1{font-family:var(--font-sans);font-size:var(--text-4xl);font-weight:300;line-height:var(--leading-snug);color:var(--color-text);margin-bottom:var(--space-md);letter-spacing:var(--tracking-tight);text-wrap:balance;font-variant-numeric:lining-nums}.blog-meta{font-family:var(--font-serif);font-size:var(--text-sm);font-style:italic;color:var(--color-text-quiet);margin-bottom:var(--space-xl)}.blog-content{font-family:var(--font-serif);font-size:var(--text-lg);line-height:1.78;color:var(--color-text-muted);text-wrap:pretty;word-spacing:.01em;font-variant-ligatures:common-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-content p{margin-bottom:1.6em;hyphens:auto;-webkit-hyphens:auto;hanging-punctuation:first allow-end last}.blog-content h2,.blog-content h3{font-family:var(--font-sans);color:var(--color-text);font-weight:400;letter-spacing:var(--tracking-snug);text-wrap:balance;font-variant-numeric:lining-nums}.blog-content h2{font-size:var(--text-2xl);line-height:var(--leading-snug);margin:2.5em 0 .8em}.blog-content h3{font-size:var(--text-xl);line-height:var(--leading-snug);margin:2em 0 .6em}.blog-content h2+h3{margin-top:.6em}.blog-content ul,.blog-content ol{margin:1.2em 0;padding-left:var(--space-lg)}.blog-content li{margin-bottom:.5em;line-height:1.7}.blog-content strong{font-weight:600;color:var(--color-text)}.blog-content em{font-style:italic}.blog-content blockquote{margin:1.8em 0;padding:var(--space-md) var(--space-xl);border-left:2px solid var(--color-pop);background:transparent;font-style:italic;color:var(--color-text)}.blog-content blockquote p:last-child{margin-bottom:0}.blog-back-link{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-quiet);text-decoration:none;margin-bottom:var(--space-2xl);transition:all var(--transition)}.blog-back-link:hover{color:var(--color-accent)}.blog-back-link:before{content:"←";margin-right:var(--space-sm);font-family:var(--font-serif)}.article-end{margin-top:var(--space-5xl);padding-top:var(--space-3xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.article-end-mark{display:flex;align-items:center;gap:var(--space-md)}.article-end-mark:before,.article-end-mark:after{content:"";width:2rem;height:1px;background:var(--color-border)}.article-end-link{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-quiet);text-decoration:none;transition:color .3s ease;margin-bottom:0}.article-end-link:hover{color:var(--color-pop)}.rss-link{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--color-text-quiet);border:1px solid var(--color-border);border-radius:.25rem;text-decoration:none;transition:all var(--transition);padding:0;background:none;font-size:0;font-weight:400;gap:0}.rss-link:hover{color:var(--color-pop);border-color:var(--color-pop);background:var(--color-pop-soft)}.contact-methods{display:none}section,.page-header,.blog-post-header{opacity:0;transform:translateY(8px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}section.visible,.page-header.visible,.blog-post-header.visible{opacity:1;transform:translateY(0)}.section-divider{width:2rem;height:1px;background:var(--color-border);margin:0 0 var(--space-6xl) 0;border:none}.colophon{padding:var(--space-3xl) 0 var(--space-2xl);text-align:left;max-width:44rem;margin:0 auto;padding-left:var(--space-xl);padding-right:var(--space-xl)}.colophon-closing{margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border)}.colophon-closing p{font-family:var(--font-serif);font-size:var(--text-base);font-style:italic;line-height:var(--leading-loose);color:var(--color-text-quiet);margin-bottom:var(--space-md)}.colophon-closing p:last-child{margin-bottom:0}.colophon-social{display:flex;gap:var(--space-xl);margin-bottom:var(--space-2xl);flex-wrap:wrap}.colophon-link{display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-text-quiet);font-family:var(--font-sans);font-size:var(--text-sm);transition:color .6s ease}.colophon-link:hover{color:var(--color-text-muted)}.colophon-link .block-svg{width:1.1rem;height:1.1rem}.colophon-motto{font-family:var(--font-serif);font-size:var(--text-sm);font-style:italic;color:var(--color-text-quiet);margin-bottom:var(--space-sm);letter-spacing:var(--tracking-normal)}.colophon p{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:400;color:var(--color-text-quiet);letter-spacing:var(--tracking-wide)}.colophon-dot{display:inline-block;width:.3rem;height:.3rem;background:var(--color-pop);border-radius:50%;margin:0 .15rem;vertical-align:middle;opacity:.6}::selection{background-color:var(--color-accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-paper);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px;border:1px solid var(--color-paper)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-quiet)}::-webkit-scrollbar-thumb:active{background:var(--color-text-muted)}::-webkit-scrollbar-corner{background:var(--color-paper)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-paper)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}*{transition:background-color var(--transition),color var(--transition),border-color var(--transition)}@media print{.theme-toggle{display:none}body{color:#000;background:#fff}.main{max-width:none;padding:0}section{margin-bottom:2rem;page-break-inside:avoid}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (min-width: 1200px){.home-layout,.writing-layout,.colophon{max-width:48rem}}@media (max-width: 480px){.theme-toggle{width:2.75rem;height:2.75rem}.focus-nav-btn,.article-nav-btn{width:2.5rem;height:2.5rem}.back-link,.blog-back-link,.article-end-link{padding:.75rem 0;min-height:2.75rem;display:inline-flex;align-items:center}.colophon-link{padding:.5rem 0;min-height:2.75rem;display:inline-flex;align-items:center}.reading-control-btn,.reading-settings-toggle{min-height:2.75rem;min-width:2.75rem;display:inline-flex;align-items:center;justify-content:center}.rss-link{width:2.75rem;height:2.75rem}.blog-post-header h1{font-size:var(--text-2xl);line-height:var(--leading-snug)}.blog-post-header{margin-bottom:var(--space-xl)}.page-title{font-size:var(--text-3xl)}.blog-content{font-size:var(--text-base);line-height:1.75}.blog-content h2{font-size:var(--text-xl);margin-top:2em}.blog-content h3{font-size:var(--text-lg);margin-top:1.6em}.blog-content p{margin-bottom:1.4em}.article-nav-arrows{display:none!important}.writing-layout{max-width:var(--content-width)}}