:root{color-scheme:light;--font-sans:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;--step--1:clamp(0.78rem,0.74rem + 0.18vw,0.88rem);--step-0:clamp(0.94rem,0.90rem + 0.20vw,1.05rem);--step-1:clamp(1.08rem,0.98rem + 0.45vw,1.35rem);--step-2:clamp(1.40rem,1.12rem + 1.20vw,2.10rem);--pad-inline:clamp(1rem,4vw,2.5rem);--gap:clamp(1rem,2vw,1.75rem);--gap-sm:0.5rem;--container:72rem;--measure:74ch;--tile-pad:0.35rem 0.6rem;--ink:#111;--ink-soft:#555;--rule:rgba(0,0,0,0.1)}*,:after,:before{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{margin:0;height:100dvh;overflow:hidden;display:flex;flex-direction:column;font-family:var(--font-sans);font-weight:300;font-size:var(--step-0);line-height:1.55;color:var(--ink);overflow-wrap:break-word}body:before{content:"";position:fixed;inset:0;z-index:-2;background:url(/wallpapers/wallpaper.webp) 50%/cover no-repeat}main{flex:1 1;min-height:0;display:flex}iframe,img,svg{max-width:100%}a{color:inherit}:is(h1,h2,h3,h4,h5,h6,strong,b){font-weight:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.site-header{flex:none;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.site-nav{max-width:var(--container);margin-inline:auto;padding:.75rem var(--pad-inline);display:flex;flex-wrap:wrap;align-items:center;gap:.25rem clamp(.5rem,1.5vw,1rem)}.site-nav a{padding:.25rem .5rem;text-decoration:none;color:var(--ink-soft);transition:color .12s ease}.site-nav a:hover{color:var(--ink)}.page{flex:1 1;min-height:0;width:100%;max-width:var(--container);margin-inline:auto;padding:clamp(1rem,3vh,2.5rem) var(--pad-inline) clamp(1rem,4vh,2.5rem);display:flex;flex-direction:column;gap:var(--gap)}.page>*{flex:none}.page>.scroll,.page>.split{flex:1 1;min-height:0}.section{gap:var(--gap-sm);min-width:0}.scroll,.section{display:flex;flex-direction:column}.scroll{gap:var(--gap);overflow-y:auto;min-height:0;overscroll-behavior:contain}.scroll>*{flex:none}.carousel__track,.scroll,.split,.split>*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.scroll::-webkit-scrollbar,.split::-webkit-scrollbar,.split>::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb,.split::-webkit-scrollbar-thumb,.split>::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:4px}.scroll::-webkit-scrollbar-track,.split::-webkit-scrollbar-track,.split>::-webkit-scrollbar-track{background:transparent}.tile{display:inline-block;margin:0;padding:var(--tile-pad);background:white;color:inherit;text-decoration:none}.tile--block{display:block;width:100%}h1.tile{font-size:var(--step-2);line-height:1.2;letter-spacing:-.01em}a.tile{transition:background-color .12s ease}a.tile:hover{background:#f2f2f2}.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.1rem 1rem;width:100%}.row__meta{color:var(--ink-soft);font-size:var(--step--1)}.markdown{display:flex;flex-direction:column;gap:var(--gap-sm);max-width:var(--measure);min-width:0}.markdown>*{margin:0;padding:var(--tile-pad);background:white}.markdown :is(h1,h2,h3){line-height:1.25}.markdown h1{font-size:var(--step-2)}.markdown h2{font-size:var(--step-1)}.markdown h3{font-size:var(--step-0)}.markdown :is(ul,ol){-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}.markdown li+li{margin-top:.15rem}.markdown img{display:block;width:100%;height:auto}.markdown blockquote{-webkit-border-start:3px solid var(--rule);border-inline-start:3px solid var(--rule)}.markdown pre{overflow-x:auto;font-size:var(--step--1);line-height:1.5}.markdown :is(code,pre){font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.markdown>table{display:block;overflow-x:auto;border-collapse:collapse;font-size:var(--step--1)}.markdown :is(th,td){padding:.3rem .6rem;border:1px solid var(--rule);text-align:left;white-space:nowrap}.split{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--gap);gap:var(--gap);min-height:0;overflow-y:auto;overscroll-behavior:contain}@media (min-width:60rem){.split{overflow:hidden;align-items:stretch}.split>*{min-height:0;overflow-y:auto;overscroll-behavior:contain}.split--rail{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.split--media{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.stack{display:flex;flex-direction:column;gap:var(--gap-sm);min-width:0}.stack img{display:block;width:100%;height:auto;background:white}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));grid-gap:var(--gap-sm);gap:var(--gap-sm)}.figure{display:flex;flex-direction:column;gap:.25rem;margin:0;min-width:0}.figure img{display:block;width:100%;height:clamp(12rem,24vw,18rem);object-fit:contain;background:white}.figure figcaption{background:white;padding:var(--tile-pad);font-size:var(--step--1);color:var(--ink-soft)}.carousel{display:flex;flex-direction:column;gap:.25rem;min-width:0}.carousel__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;min-height:0}.carousel__slide{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column;gap:.25rem;margin:0;min-width:0}.carousel__slide img{display:block;width:100%;object-fit:contain;background:white;aspect-ratio:var(--ratio,.75)}.carousel__slide figcaption{flex:none;background:white;padding:var(--tile-pad);font-size:var(--step--1);color:var(--ink-soft)}.carousel__controls{flex:none;display:flex;align-items:center;gap:.25rem}.carousel__controls button{background:white;border:none;padding:.25rem .75rem;font:inherit;color:var(--ink);cursor:pointer}.carousel__controls button:disabled{opacity:.4;cursor:default}.carousel__count{background:white;padding:var(--tile-pad);font-size:var(--step--1);color:var(--ink-soft);-webkit-margin-start:auto;margin-inline-start:auto}@media (min-width:60rem){.split>.carousel{overflow:hidden}.carousel{height:100%;min-height:0;width:var(--frame-width,100%);max-width:100%;margin-inline:auto}.carousel__track{flex:1 1}.carousel__slide img{flex:1 1;min-height:0;height:auto;width:auto;max-width:100%;align-self:center}}.collage{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.collage__img{position:absolute;object-fit:cover;opacity:.8;animation:collage-fade-in var(--collage-fade,2s) ease-in-out backwards;transition:opacity var(--collage-fade,2s) ease-in-out}@keyframes collage-fade-in{0%{opacity:0}}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.collage__img{animation-duration:var(--collage-fade,2s)!important;transition-duration:var(--collage-fade,2s)!important}}