@layer reset,base,layout,components,utilities;:root{color-scheme:light dark;--color-bg:#f4f1e9;--color-text:#1a1916;--color-accent:#4d7c0f;--color-code-bg:#e8e3d6;--spacing:1.5rem;--dot-color:rgb(0 0 0 / 0.035);--rule-color:rgb(0 0 0 / 0.14);--font-size-xs:0.7rem;--font-size-sm:clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--font-size-base:clamp(1rem, 0.95rem + 0.25vw, 1.125rem);--font-size-lg:clamp(0.85rem, 0.8rem + 0.25vw, 0.95rem);--font-size-xl:clamp(1.25rem, 1rem + 1.25vw, 1.625rem);--font-size-2xl:clamp(1.625rem, 1.25rem + 1.75vw, 2.125rem);--font-size-3xl:clamp(2rem, 1.5rem + 2.5vw, 2.625rem);--font-size-masthead:clamp(2.1rem, 1.1rem + 5vw, 3.6rem);--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-full:9999px;--opacity-muted:0.7;--opacity-subtle:0.5;--opacity-faint:0.45;--opacity-ghost:0.4;--content-width:70ch}@media(prefers-color-scheme:dark){:root{--color-bg:#14161b;--color-text:#f3f0e9;--color-accent:#a3e635;--color-code-bg:#1a1b26;--dot-color:rgb(255 255 255 / 0.04);--rule-color:rgb(255 255 255 / 0.14)}}@view-transition{navigation: auto; }@layer reset{::selection{background-color:var(--color-accent);color:var(--color-bg)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}}@layer base{body{background-color:var(--color-bg);background-image:radial-gradient(circle at 1px 1px,var(--dot-color) 1px,transparent 0);background-size:22px 22px;color:var(--color-text);padding:clamp(1rem,.5rem + 2.5vw,2.5rem);font-family:system-ui,sans-serif;font-size:var(--font-size-base);line-height:1.5;min-height:80vh;max-width:var(--content-width);margin:0 auto;overflow-wrap:break-word}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4{font-weight:700;line-height:1.3;text-wrap:balance}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-base)}:is(h1,h2,h3,h4,blockquote){margin-block-end:calc(var(--spacing)/2)}:is(main) h2:not(:first-child){margin-block-start:calc(var(--spacing) * 4)}:is(h1,h2,h3,h4)+*{margin-block-start:calc(var(--spacing)/3)}:is(h1,h2,h3,h4)+:where(h2,h3,h4){margin-block-start:calc(var(--spacing) * 2)}a{color:currentColor;text-decoration-color:color-mix(in oklch,var(--color-accent) 40%,transparent);text-decoration-thickness:.15ex;text-underline-offset:.3ex;text-decoration-skip-ink:auto;transition:text-decoration-color .2s ease,text-decoration-thickness .2s ease;&:hover{text-decoration-color:var(--color-accent);text-decoration-thickness:.3ex}}ul,ol{padding-inline-start:var(--spacing)}li{margin-block-start:var(--spacing)}blockquote{padding-inline-start:var(--spacing);border-inline-start:.2em solid;font-style:italic;max-width:50ch}code{font-family:ui-monospace,monospace;padding:2px calc(var(--spacing)/4);background-color:var(--color-code-bg);font-size:var(--font-size-sm)}pre code{display:block;padding:var(--spacing);overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--color-text);padding:calc(var(--spacing)/2)}figure{margin-inline:0}figcaption>p{margin-block-start:.5rem;text-align:center;font-size:var(--font-size-sm);opacity:var(--opacity-faint);font-style:normal}}@layer layout{header{padding-bottom:var(--spacing);border-bottom:1px solid var(--rule-color);margin-bottom:var(--spacing)}main{padding-bottom:var(--spacing)}footer{text-align:center;padding-block-start:calc(var(--spacing) * 2);border-block-start:1px solid light-dark(rgb(0 0 0/.12),rgb(255 255 255/.12));margin-block-start:calc(var(--spacing) * 2);& .social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;& a{margin-inline-end:0;opacity:var(--opacity-muted);transition:opacity .2s ease,text-decoration-thickness .2s ease;&:hover{opacity:1}}}& .copyright{margin-block-start:var(--spacing);font-size:var(--font-size-sm);opacity:var(--opacity-subtle)}& .webring{margin-block-start:calc(var(--spacing)/2);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center;gap:.75rem;& a{margin-inline-end:0}}}nav a,a.blog-tags{margin-inline-end:calc(var(--spacing)/2)}a.blog-tags{line-height:2}}@layer components{.title{text-decoration:none;& p{font-size:var(--font-size-masthead);font-weight:800;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;margin-block-start:calc(var(--spacing)/2)}}ul.blog-posts{list-style-type:none;padding:unset;& li{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--spacing)/2)}& li span{min-width:11ch}& time{font-variant-numeric:tabular-nums;font-style:italic}}h3.blog-filter{margin-bottom:0}p.byline{opacity:var(--opacity-subtle)}.round-img-figure{border-radius:var(--radius-full);overflow:hidden;width:14rem;height:14rem;margin-inline:auto;& img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}}@media(prefers-reduced-motion:no-preference){.round-img-figure:hover img,.round-img-figure:focus-within img{transform:scale(1.06)}}button.mate{font:inherit;background:0 0;border:0;padding:0 .05em;margin:0;cursor:pointer;color:inherit;line-height:inherit;border-radius:var(--radius-sm);position:relative}button.mate:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:no-preference){button.mate.is-pouring{animation:mate-bob .5s ease}button.mate.is-pouring::before{content:"";position:absolute;left:50%;bottom:100%;width:.18em;height:.7em;border-radius:var(--radius-full);background:currentColor;opacity:0;transform:translateX(-50%);animation:mate-steam .9s ease-out;pointer-events:none}}@keyframes mate-bob{0%,100%{transform:translateY(0)}40%{transform:translateY(-.12em)rotate(-6deg)}}@keyframes mate-steam{0%{opacity:0;transform:translate(-50%,.2em)scale(.6)}30%{opacity:.5}100%{opacity:0;transform:translate(-50%,-1.1em)scale(1.1)}}.mate-toast{position:fixed;inset-block-end:1.25rem;inset-inline:0;margin-inline:auto;width:max-content;max-width:calc(100vw - 2rem);z-index:10;padding:.5rem .9rem;font-size:var(--font-size-sm);text-align:center;color:var(--color-bg);background:var(--color-accent);border-radius:var(--radius-md);opacity:0;transform:translateY(.5rem);transition:opacity .25s ease,transform .25s ease}.mate-toast.is-visible{opacity:1;transform:translateY(0)}.link-card{display:flex;align-items:center;gap:calc(var(--spacing)/2);padding:calc(var(--spacing)/3)0 calc(var(--spacing)/3)var(--spacing);border-inline-start:2px solid light-dark(rgb(0 0 0/8%),rgb(255 255 255/8%));text-decoration:none;margin-block:calc(var(--spacing)/4);transition:opacity .2s ease,border-color .2s ease;&:hover{opacity:var(--opacity-muted);border-inline-start-color:var(--color-accent);text-decoration:none}}.link-card-favicon{flex-shrink:0;width:16px;height:16px;border-radius:var(--radius-sm)}.link-card-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;& strong{font-size:.95rem}& .link-card-desc{font-size:.825rem;opacity:var(--opacity-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& small{font-size:.75rem;opacity:var(--opacity-ghost)}}.role-header{margin-block-start:calc(var(--spacing) * 3);margin-block-end:0;padding-block-start:calc(var(--spacing) * 1.5);border-block-start:1px solid light-dark(rgb(0 0 0/8%),rgb(255 255 255/8%))}.role-header:first-child{border-block-start:none;padding-block-start:0;margin-block-start:0}.role-header h3{margin-block-end:0}.role-meta{opacity:var(--opacity-faint);font-size:.85rem;margin-block-start:.15rem;margin-block-end:calc(var(--spacing)/2)}.card-grid{--grid-min:9rem;--grid-gap:var(--spacing);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--grid-min)),1fr));gap:var(--grid-gap);margin-block-start:var(--spacing);container-type:inline-size;& a{text-decoration:none;color:currentColor;transition:opacity .2s ease;&:hover{opacity:var(--opacity-muted);text-decoration:none}}& img{width:100%;object-fit:cover;border-radius:var(--radius-md)}& strong{display:block;line-height:1.3}& small{opacity:var(--opacity-faint);font-size:var(--font-size-xs)}}.gear-grid{--grid-min:9rem;& img{aspect-ratio:1;object-fit:contain;border-radius:var(--radius-lg)}& .gear-info{padding-block-start:calc(var(--spacing)/4);& strong{font-size:.8rem}}}.music-grid{--grid-min:8rem;--grid-gap:calc(var(--spacing) * 0.75);& img{aspect-ratio:1}& .music-info{padding-block-start:calc(var(--spacing)/4);& strong{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}}}.book-grid{--grid-min:10rem;& img{aspect-ratio:2/3}& .book-info{padding-block-start:calc(var(--spacing)/3);& strong{font-size:.85rem}& small{font-size:.75rem}}}@container(max-width:20rem){.card-grid {
      & strong { font-size: 0.7rem; }
      & small { display: none; }
    }
  }.recommendations{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2);margin-block-start:var(--spacing);& figure{margin:0;padding:0;& blockquote{margin:0;padding-inline-start:var(--spacing);border-inline-start:2px solid light-dark(rgb(0 0 0/.1),rgb(255 255 255/.1));font-style:italic;max-width:none;margin-block-end:calc(var(--spacing)/2)}& figcaption{padding-inline-start:var(--spacing);& .recommendation-author{font-weight:700;font-size:var(--font-size-sm)}& .recommendation-meta{opacity:var(--opacity-ghost);font-size:.8rem}& p{text-align:start}}}}}@layer utilities{.disabled{color:currentColor;cursor:not-allowed;opacity:var(--opacity-subtle)}.skip-link{position:absolute;top:0;transform:translateY(-600%);transition:transform .5s;background-color:var(--color-bg);padding:6px;&:focus{transform:translateY(0%)}}@media print{body{background:#fff;color:#000;max-width:none}header nav,footer,.skip-link{display:none}a{text-decoration-color:initial}a[href^=http]::after{content:" (" attr(href)")";font-size:.8em}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}@media(prefers-reduced-motion:no-preference){header{animation:rise .5s ease both}main{animation:rise .5s .06s ease both}.title{view-transition-name:site-title}.round-img-figure{view-transition-name:avatar}}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}