:root{color-scheme:light dark;--ink:#252c29;--muted:#626b63;--accent:#315c48;--paper:#faf8f2;--border:#dddcd2;--rule:#e4e1d7;--quote:#c6cfc4;--notice:#e9eee5;--drawing-solid:#252c29}@media(prefers-color-scheme:dark){:root{--ink:#e8e9e2;--muted:#abb5ac;--accent:#a0cbb0;--paper:#191e1b;--border:#3c473f;--rule:#354039;--quote:#637c6b;--notice:#29372e;--drawing-solid:#617268}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:19px/1.75 Georgia,serif}header,main,footer{max-width:760px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;padding-top:48px;padding-bottom:48px}.name{font-size:23px;text-decoration:none;color:var(--ink)}nav{display:flex;align-items:center;flex-wrap:wrap;gap:20px;font:14px/1.5 system-ui}a{color:var(--accent);text-underline-offset:4px}h1,h2,h3{line-height:1.2;letter-spacing:-.025em;font-weight:400}h1{font-size:clamp(36px,6vw,52px);margin-top:24px}h2{font-size:29px}p{margin:1em 0}main{min-height:60vh;padding-top:38px}footer{font:13px system-ui;color:var(--muted);margin-top:50px;padding-bottom:40px}.meta{font:13px/1.6 system-ui;color:var(--muted)}.post-list{list-style:none;padding:0}.post-list li{padding:25px 0;border-bottom:1px solid var(--rule)}.post-list h2{margin:8px 0}.post-list h2 a{text-decoration:none}.post-list p{margin:6px 0;color:var(--muted)}img{max-width:100%;height:auto;border-radius:3px}blockquote{margin-left:0;border-left:3px solid var(--quote);padding-left:22px;color:var(--muted)}pre{overflow:auto;padding:18px;font-size:14px}code{font-size:.85em}aside{background:var(--notice);padding:12px 16px;font:14px system-ui}table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;width:100%;font-size:16px}td,th{min-width:180px;vertical-align:top;border-bottom:1px solid var(--border);padding:8px;text-align:left}@media(max-width:480px){header{align-items:flex-start;gap:14px;flex-direction:column}body{font-size:18px}}.home-page header{padding-top:32px;padding-bottom:20px}.home-page main{padding-top:8px}.home-page .line-drawing{margin-top:0}.line-drawing{display:block;width:100%;margin:12px auto;color:var(--ink)}.line-drawing svg{display:block;width:100%;height:auto}.line-drawing .drawing-fill{fill:var(--drawing-solid)}@media(prefers-reduced-motion:no-preference){.line-drawing-animated :is(path,circle,ellipse,line,polyline,polygon,rect){stroke-dasharray:1;stroke-dashoffset:1;animation:line-draw 1.5s ease-in-out forwards;animation-delay:var(--draw-delay,0s)}}@media(prefers-reduced-motion:no-preference){.line-drawing-animated .drawing-fill{animation:drawing-fill .5s ease forwards;animation-delay:4s;opacity:0}}@keyframes drawing-fill{to{opacity:1}}@keyframes line-draw{to{stroke-dashoffset:0}}.collection-list{list-style:none;padding:0}.collection-list li{padding:18px 0;border-bottom:1px solid var(--rule)}.collection-list p{color:var(--muted);margin:6px 0}.collection-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.collection-cards img{width:100%;aspect-ratio:4/3;object-fit:cover}.collage-map{display:block}.collage-picture{display:block;position:relative}.collage-hotspots{position:absolute;inset:0;display:block}.collage-hotspot{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.collage-hotspot:focus{outline:none}.collage-label{display:block;min-height:28px;text-align:center;font:14px/2 system-ui;color:var(--accent)}.collage-map path{transition:stroke .2s,fill .2s}@media(prefers-reduced-motion:reduce){.collage-map path{transition:none}}.collage-map{--collage-pens:#85502c;--collage-bookbinding:#795386;--collage-coffee:#8d552e;--collage-travel:#276f88;--collage-art:#92576f;--collage-tech:#326b91;--collage-truco:#946322;--collage-boardgames:#607530;--collage-rpg:#9c543e;--collage-writing:#3d7960;--collage-sewing:#8c5871}@media(prefers-color-scheme:dark){.collage-map{--collage-pens:#e8b084;--collage-bookbinding:#cca6df;--collage-coffee:#ecb58d;--collage-travel:#89cce2;--collage-art:#eba8c3;--collage-tech:#8fc6ef;--collage-truco:#ebc36e;--collage-boardgames:#becf86;--collage-rpg:#efa58c;--collage-writing:#91d6b7;--collage-sewing:#e7abc7}}.collage-map[data-active=pens] [data-collage-region=pens]{stroke:var(--collage-pens)}.collage-map[data-active=pens] .drawing-fill[data-collage-region=pens]{stroke:none;fill:var(--collage-pens)}.collage-map[data-active=bookbinding] [data-collage-region=bookbinding]{stroke:var(--collage-bookbinding)}.collage-map[data-active=bookbinding] .drawing-fill[data-collage-region=bookbinding]{stroke:none;fill:var(--collage-bookbinding)}.collage-map[data-active=coffee] [data-collage-region=coffee]{stroke:var(--collage-coffee)}.collage-map[data-active=coffee] .drawing-fill[data-collage-region=coffee]{stroke:none;fill:var(--collage-coffee)}.collage-map[data-active=travel] [data-collage-region=travel]{stroke:var(--collage-travel)}.collage-map[data-active=travel] .drawing-fill[data-collage-region=travel]{stroke:none;fill:var(--collage-travel)}.collage-map[data-active=art] [data-collage-region=art]{stroke:var(--collage-art)}.collage-map[data-active=art] .drawing-fill[data-collage-region=art]{stroke:none;fill:var(--collage-art)}.collage-map[data-active=tech] [data-collage-region=tech]{stroke:var(--collage-tech)}.collage-map[data-active=tech] .drawing-fill[data-collage-region=tech]{stroke:none;fill:var(--collage-tech)}.collage-map[data-active=truco] [data-collage-region=truco]{stroke:var(--collage-truco)}.collage-map[data-active=truco] .drawing-fill[data-collage-region=truco]{stroke:none;fill:var(--collage-truco)}.collage-map[data-active=boardgames] [data-collage-region=boardgames]{stroke:var(--collage-boardgames)}.collage-map[data-active=boardgames] .drawing-fill[data-collage-region=boardgames]{stroke:none;fill:var(--collage-boardgames)}.collage-map[data-active=rpg] [data-collage-region=rpg]{stroke:var(--collage-rpg)}.collage-map[data-active=rpg] .drawing-fill[data-collage-region=rpg]{stroke:none;fill:var(--collage-rpg)}.collage-map[data-active=writing] [data-collage-region=writing]{stroke:var(--collage-writing)}.collage-map[data-active=writing] .drawing-fill[data-collage-region=writing]{stroke:none;fill:var(--collage-writing)}.collage-map[data-active=sewing] [data-collage-region=sewing]{stroke:var(--collage-sewing)}.collage-map[data-active=sewing] .drawing-fill[data-collage-region=sewing]{stroke:none;fill:var(--collage-sewing)}