:root{--font-body:"Literata", Georgia, "Times New Roman", serif;--font-ui:"Inter", system-ui, -apple-system, sans-serif;--color-text:#1a1a1a;--color-bg:#faf9f6;--color-accent:#c8a45c;--color-link:#4a4a4a;--color-link-hover:#1a1a1a;--color-muted:#777;--color-faint:#aaa;--color-rule:#e0ddd8;--accent-gold:#c8a45c;--accent-teal:#4a9a8a;--accent-slate:#6b7b8d;--accent-warm:#a67c52;--cat-read:var(--accent-gold);--cat-write:var(--accent-teal);--cat-eat:var(--accent-warm);--cat-xword:var(--accent-slate);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:5rem;--transition-fast:.15s ease;--transition-medium:.3s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:19px}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.58}h1{margin-bottom:var(--space-lg);font-size:2rem;font-weight:400;line-height:1.2}h2{margin-top:var(--space-xl);margin-bottom:var(--space-md);font-size:1.4rem;font-weight:600;line-height:1.3}h3{margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-size:1.15rem;font-weight:600;line-height:1.35}p{margin-bottom:var(--space-md)}a{color:var(--color-link);border-bottom:1px solid var(--color-rule);transition:color var(--transition-fast), border-color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-link-hover);border-bottom-color:var(--color-link-hover)}blockquote{border-left:2px solid var(--color-rule);padding-left:var(--space-md);margin:var(--space-lg) 0;color:var(--color-muted);font-style:italic}article ul,article ol{margin-bottom:var(--space-md);padding-left:1.5em}article li{margin-bottom:var(--space-xs)}em{font-style:italic}strong{font-weight:600}sup{vertical-align:super;font-size:.7em;line-height:0}.container{max-width:38em;padding:var(--space-lg) var(--space-md);margin:0 auto}img{max-width:100%;height:auto;display:block}img.full-width{width:100%;margin:var(--space-lg) 0}img.cover-img{width:60%;margin:var(--space-md) 0 var(--space-lg)}figure{margin:var(--space-lg) 0}figure img{margin:0 0 var(--space-sm)}figcaption{font-family:var(--font-ui);color:var(--color-muted);font-size:.85rem;line-height:1.5}figure.image-row{margin:var(--space-lg) 0}.image-row-images{align-items:flex-start;gap:var(--space-sm);margin:0 0 var(--space-sm);display:flex}.image-row-images img{flex:1 1 0;width:auto;min-width:0;height:auto;display:block}.divider{border:none;border-top:1px solid var(--color-rule);margin:var(--space-2xl) 0}.head-nav{margin-bottom:var(--space-lg)}.head-nav a{color:var(--color-faint);border-bottom:1px solid var(--color-rule);transition:color var(--transition-fast), border-color var(--transition-fast);font-size:.95rem}.head-nav a:hover{color:var(--color-muted);border-bottom-color:var(--color-muted)}.reveal{filter:grayscale();transition:filter var(--transition-slow);cursor:pointer}.reveal:hover,.reveal.revealed{filter:grayscale(0)}.reveal--fast{transition:filter .3s}.reveal--slow{transition:filter .8s}.reveal--gold{filter:grayscale()sepia(.3)hue-rotate(10deg)saturate(1.5)}.reveal--gold:hover,.reveal--gold.revealed{filter:grayscale(0)}.reveal--teal{filter:grayscale()sepia(.3)hue-rotate(130deg)saturate(1.2)}.reveal--teal:hover,.reveal--teal.revealed{filter:grayscale(0)}.reveal--warm{filter:grayscale()sepia(.4)saturate(1.2)}.reveal--warm:hover,.reveal--warm.revealed{filter:grayscale(0)}.fn-ref{cursor:pointer;color:var(--color-accent);border-bottom:1px dotted var(--color-accent);vertical-align:super;padding:0 .1em;font-size:.7em;line-height:0}.fn-ref:hover{color:var(--color-link-hover)}.fn-body{opacity:0;max-height:0;color:var(--color-muted);padding-left:var(--space-md);border-left:2px solid var(--color-rule);margin:0 0 var(--space-sm);font-size:.88em;transition:max-height .35s,opacity .35s;overflow:hidden}.fn-body.expanded{opacity:1;max-height:10em;margin:var(--space-sm) 0 var(--space-md)}.meta-bar{gap:var(--space-sm) var(--space-md);font-family:var(--font-ui);color:var(--color-faint);letter-spacing:.04em;padding-top:var(--space-lg);border-top:1px solid var(--color-rule);margin-top:var(--space-2xl);flex-wrap:wrap;font-size:.72rem;display:flex}.meta-bar .meta-item{align-items:center;gap:.3em;display:flex}.meta-bar .meta-label{font-variant:small-caps;text-transform:lowercase}.meta-bar .meta-value{color:var(--color-muted)}.viz-toggle{font-family:var(--font-ui);font-variant:small-caps;letter-spacing:.06em;color:var(--color-faint);text-transform:lowercase;align-items:center;gap:.8em;font-size:.78rem;display:flex}.viz-toggle .toggle-option{cursor:pointer;transition:color var(--transition-fast);color:var(--color-faint);border-bottom:none;padding:.2em 0}.viz-toggle .toggle-option:hover{color:var(--color-muted)}.viz-toggle .toggle-option.active{color:var(--color-text);font-weight:500}.toggle-sep{color:var(--color-rule);user-select:none}.sc{font-variant:small-caps;letter-spacing:.05em;text-transform:lowercase}.muted{color:var(--color-muted)}.faint{color:var(--color-faint)}.attribution{color:var(--color-muted);margin-bottom:var(--space-lg);font-size:.95em;font-style:italic}.date-marker{font-family:var(--font-ui);font-variant:small-caps;color:var(--color-faint);letter-spacing:.06em;margin-top:var(--space-xl);cursor:pointer;transition:color var(--transition-fast);font-size:.8rem}.date-marker:hover{color:var(--color-muted)}.date-marker.copied:after{content:" copied";color:var(--accent-teal)}.cat-dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:.3em;display:inline-block}.cat-dot--read{background:var(--cat-read)}.cat-dot--write{background:var(--cat-write)}.cat-dot--eat{background:var(--cat-eat)}.cat-dot--xword{background:var(--cat-xword)}@media (width<=600px){html{font-size:17px}.image-row-images{flex-direction:column;align-items:stretch}.image-row-images img{width:100%;height:auto}h1{font-size:1.6rem}h2{font-size:1.2rem}.container{padding:var(--space-md) var(--space-md)}img.cover-img{width:80%}}
