:root{color-scheme:light dark;--color-bg:#fafafa;--color-text:#1a1a1a;--color-accent:#0969da;--color-code-bg:#e1e2e7;--spacing:1.5rem}@media(prefers-color-scheme:dark){:root{--color-bg:#181a20;--color-text:#fafafa;--color-accent:#1a8fe3;--color-code-bg:#1a1b26}}::selection{background-color:var(--color-accent);color:var(--color-bg)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}body{background:var(--color-bg);color:var(--color-text);padding:2.5rem;font-family:system-ui,sans-serif;font-size:1.125rem;line-height:1.5;min-height:80vh;max-width:70ch;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:2.625rem}h2{font-size:2.125rem}h3{font-size:1.625rem}h4{font-size:1.125rem}: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}header{padding-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-right:0;opacity:.7;transition:opacity .2s ease,text-decoration-thickness .2s ease;&:hover{opacity:1}}}& .copyright{margin-block-start:var(--spacing);font-size:.875rem;opacity:.5}& .webring{margin-block-start:calc(var(--spacing)/2);font-size:.875rem;display:flex;justify-content:center;align-items:center;gap:.75rem;& a{margin-right:0}}}nav a,a.blog-tags{margin-right:calc(var(--spacing)/2)}a.blog-tags{line-height:2}.title{text-decoration:none;& p{font-size:2.125rem;font-weight:700;line-height:1.3;margin-top: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}}h3.blog-filter{margin-bottom:0}p.byline{opacity:.5}code{font-family:ui-monospace,monospace;padding:2px calc(var(--spacing)/4);background-color:var(--color-code-bg);font-size:.875rem}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:.875rem;opacity:.45;font-style:normal}.round-img-figure{border-radius:9999px;overflow:hidden;width:14rem;height:14rem;margin-inline:auto;& img{width:100%;height:100%;object-fit:cover;display:block}}.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:.7;border-inline-start-color:var(--color-accent);text-decoration:none}}.link-card-favicon{flex-shrink:0;width:16px;height:16px;border-radius:2px}.link-card-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;& strong{font-size:.95rem}& .link-card-desc{font-size:.825rem;opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& small{font-size:.75rem;opacity:.4}}.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:.45;font-size:.85rem;margin-block-start:.15rem;margin-block-end:calc(var(--spacing)/2)}.gear-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));gap:var(--spacing);margin-block-start:var(--spacing);& .gear-card{text-decoration:none;color:currentColor;transition:opacity .2s ease;&:hover{opacity:.7;text-decoration:none}& .gear-img img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px}& .gear-info{padding-block-start:calc(var(--spacing)/4);& strong{display:block;font-size:.8rem;line-height:1.3}& small{opacity:.45;font-size:.7rem}}}}.music-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,8rem),1fr));gap:calc(var(--spacing) * .75);margin-block-start:var(--spacing);& .music-card{text-decoration:none;color:currentColor;transition:opacity .2s ease;&:hover{opacity:.7;text-decoration:none}& .music-cover img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}& .music-info{padding-block-start:calc(var(--spacing)/4);& strong{display:block;font-size:.75rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& small{opacity:.45;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}}}}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));gap:var(--spacing);margin-block-start:var(--spacing);& .book-card{text-decoration:none;color:currentColor;transition:opacity .2s ease;&:hover{opacity:.7;text-decoration:none}& .book-cover img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:4px}& .book-info{padding-block-start:calc(var(--spacing)/3);& strong{display:block;font-size:.85rem;line-height:1.3}& small{opacity:.45;font-size:.75rem}}}}.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:.875rem}& .recommendation-meta{opacity:.4;font-size:.8rem}& p{text-align:start}}}}.disabled{color:currentColor;cursor:not-allowed;opacity:.5}.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}}