@layer reset,tokens,base,components,utilities;@layer tokens{:root{--color-bg: #fafaf8;--color-bg-offset: #f2f0eb;--color-text: #1b1b1b;--color-text-offset: #525252;--color-border: #d1d9e0;--color-primary: hsl(210.4 81.4% 38%);--color-primary-offset: hsl(210.4 81.4% 48%);--color-secondary: #67568c;--color-surface: #f5f4f0;--color-link: #1a4480}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg: #161616;--color-bg-offset: #262626;--color-text: #f4f4f4;--color-text-offset: #c6c6c6;--color-border: #484848;--color-primary: #78a9ff;--color-primary-offset: #a6c8ff;--color-secondary: #be95ff;--color-surface: #262626;--color-link: #78a9ff}}[data-theme=light]{--color-bg: #fafaf8;--color-bg-offset: #f2f0eb;--color-text: #1b1b1b;--color-text-offset: #525252;--color-border: #d1d9e0;--color-primary: hsl(210.4 81.4% 38%);--color-primary-offset: hsl(210.4 81.4% 48%);--color-secondary: #67568c;--color-surface: #f5f4f0;--color-link: #1a4480}[data-theme=dark]{--color-bg: #161616;--color-bg-offset: #262626;--color-text: #f4f4f4;--color-text-offset: #c6c6c6;--color-border: #484848;--color-primary: #78a9ff;--color-primary-offset: #a6c8ff;--color-secondary: #be95ff;--color-surface: #262626;--color-link: #78a9ff}[data-theme=sepia]{--color-bg: #f8f1e3;--color-bg-offset: #f0e8d6;--color-text: #3d3428;--color-text-offset: #6b5e4f;--color-border: #d9ccb8;--color-primary: #7c4a1e;--color-primary-offset: #9a6030;--color-secondary: #5c6b52;--color-surface: #f0e8d6;--color-link: #1d4ed8}[data-theme=high-contrast]{--color-bg: #0a0a0a;--color-bg-offset: #141414;--color-text: #f0f0f0;--color-text-offset: #c8c8c8;--color-border: #b8b8b8;--color-primary: #6cb6ff;--color-primary-offset: #9dd1ff;--color-secondary: #42be65;--color-surface: #1a1a1a;--color-link: #7ec8ff}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}}@layer tokens{:root{--reader-font-size: 18px;--reader-line-height: 1.7777778;--reader-measure: 68ch;--reader-paragraph-spacing: 1.2em;--reader-align: left;--reader-heading-scale: 1.25;--reader-font-family: system-ui, -apple-system, sans-serif;--layout-max: 64rem;--layout-pad: 1rem;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}@media(min-width:768px){:root{--layout-pad: 3rem}}@media(min-width:1280px){:root{--layout-pad: 0px}}}@layer base{html{font-size:var(--reader-font-size);font-family:var(--reader-font-family)}body{margin:0;min-height:100dvh;font-size:1rem;line-height:1.25;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}main{max-width:var(--layout-max);margin-inline:auto;padding-inline:var(--layout-pad);padding-block:2rem 4rem}@media(min-width:768px){main{padding-block:0 4rem}}:where(a){color:var(--color-primary);font-weight:500;text-decoration:none}:where(a):hover{text-decoration:underline}}@layer components{.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--layout-max);margin-inline:auto;padding-inline:var(--layout-pad);padding-block:1rem}@media(min-width:768px){.site-header{padding-block:3rem}}.site-header__brand{display:flex;align-items:center;color:var(--color-text)}.site-header__avatar{width:48px;height:48px;border-radius:50%;margin-right:1rem;box-shadow:0 25px 50px -12px #00000040}.site-header__name{font-family:var(--font-mono);font-weight:700;font-size:1.125rem}@media(min-width:768px){.site-header__name{font-size:1.5rem}}.site-header__nav{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);gap:1rem 1.5rem}@media(min-width:768px){.site-header__nav{display:flex;flex-wrap:wrap;gap:3rem}}.site-header__nav a{font-family:var(--font-mono);font-weight:700;font-size:1rem;color:var(--color-text)}@media(min-width:768px){.site-header__nav a{font-size:1.125rem}}.site-footer{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}@media(min-width:768px){.site-footer{flex-direction:row;justify-content:center;gap:2rem}}.site-footer__row{display:flex;justify-content:center;gap:2rem;margin:0;padding:0;list-style:none}.site-footer__row a{display:inline-flex;color:var(--color-text-offset);padding:0}.site-footer__row a:hover{text-decoration:none}.page-avatar{margin:0 auto 2rem;width:280px;max-width:100%}.page-avatar img{display:block;width:100%;height:auto;border-radius:50%;box-shadow:0 .75rem 2rem color-mix(in srgb,var(--color-text) 18%,transparent)}.placeholder-tag{display:inline-block;padding:.15rem .5rem;border-radius:.25rem;font-size:.875rem;background:color-mix(in srgb,var(--color-text) 8%,var(--color-bg));color:var(--color-text-offset)}.post-list__header,.section-index__header{margin-block-end:3rem}.section-index{max-width:65ch;margin-inline:auto}.section-index__title{margin:0;font-size:1.875rem;font-weight:900;line-height:1.1;text-wrap:balance}@media(min-width:768px){.section-index__title{font-size:4.5rem}}.post-list__title{margin:0;font-size:2.25rem;font-weight:900;line-height:1.25}.post-list__items{margin:0;padding:0;list-style:none}.post-list__item+.post-list__item{margin-block-start:1rem}.post-list__item-title{margin:0;font-size:1rem;font-weight:900;line-height:1.25}@media(min-width:768px){.post-list__item-title{font-size:1.25rem}}.post-list__item-title a{color:inherit;font-weight:inherit;text-decoration:none}.post-list__item-title a:hover{text-decoration:underline}.post-list__item-date{font-size:.875rem;color:var(--color-text-offset)}.title:first-letter{text-transform:uppercase}.section-index__content{max-width:100%;margin-inline:auto}@media(min-width:1024px){.section-index__content{line-height:1.8}.section-index__content h1{line-height:1}}.post__header{margin-block-end:2rem;padding-block-end:2rem}@media(min-width:768px){.post__header{text-align:center}}.post__title{margin:0;font-size:1.875rem;font-weight:900;line-height:1.1;text-wrap:balance}@media(min-width:768px){.post__title{font-size:4.5rem}}.post__date{display:block;margin-block-start:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-offset)}@media(min-width:768px){.post__date{margin-block-start:1rem;font-size:1.125rem}}.post__description{margin:1rem 0 0;font-size:1.0625rem;color:var(--color-text-offset)}.post-cover{margin-block:0 2rem}.post-cover__frame{position:relative;overflow:hidden;border-radius:.5rem;background-color:var(--post-cover-color, var(--color-bg-offset));box-shadow:0 .5rem 1.5rem color-mix(in srgb,var(--color-text) 12%,transparent)}.post-cover__lqip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.05);filter:blur(12px)}.post-cover__img{position:relative;display:block;width:100%;height:auto}.post-cover__caption{display:flex;flex-direction:column;gap:.25rem;margin-block-start:.75rem;font-size:.875rem;color:var(--color-text-offset);text-align:center}.post-cover__credit{font-size:.8125rem}.prose{max-width:100%;font-size:1rem;line-height:var(--reader-line-height);text-align:var(--reader-align)}.post .prose{max-width:var(--reader-measure);margin-inline:auto}.prose>*+*{margin-block-start:var(--reader-paragraph-spacing)}.prose :is(h1,h2,h3,h4,h5,h6){font-weight:900;line-height:1.25;text-wrap:balance}.prose h1{font-size:calc(1rem * var(--reader-heading-scale) * var(--reader-heading-scale) * var(--reader-heading-scale))}.prose h2{font-size:calc(1rem * var(--reader-heading-scale) * var(--reader-heading-scale))}.prose h3{font-size:calc(1rem * var(--reader-heading-scale))}.prose h4{font-size:1rem}.prose--xl h1{line-height:1}.prose :is(ul,ol){padding-inline-start:1.5em}.prose li+li{margin-block-start:.35em}.prose :is(img,video){display:block;max-width:100%;height:auto;margin-inline:auto;margin-block:2em}.prose figure{margin-block:2em}.prose figure>*{margin-block:0}.prose figure img{margin-block:0}.prose figcaption{margin-block-start:.75rem;font-size:.875em;line-height:1.45;color:var(--color-text-offset);text-align:center}.prose a,.prose a.internal{color:var(--color-primary);font-weight:500;text-decoration:none}.prose a:hover,.prose a.internal:hover{text-decoration:underline}.prose :is(h1,h2,h3,h4,h5,h6) a{font-weight:inherit}.prose a.external,.prose a[href^="mailto:"],.prose a[href^=http]:not([href*="//algus.org"]):not([href*="//www.algus.org"]){background-color:color-mix(in srgb,var(--color-secondary) 22%,transparent);color:var(--color-secondary);padding:.125rem .25rem}.prose a.external:after,.prose a[href^="mailto:"]:after,.prose a[href^=http]:not([href*="//algus.org"]):not([href*="//www.algus.org"]):after{content:" ↗"}.prose a.dead-end{background-color:#f45c4a40;color:var(--color-text);padding:.125rem .25rem;text-decoration:none;cursor:default}.prose a.dead-end:hover{text-decoration:none}.prose :not(pre)>code{font-size:.9em;padding:.1em .35em;border-radius:.25rem;background:var(--color-surface);border:1px solid var(--color-border)}.home-stats__posts{color:inherit;font-weight:700}.backlinks{margin-block-start:2.5rem;padding:1rem 1.25rem;border-radius:.75rem;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg))}.backlinks__header{display:flex;align-items:center;gap:.35rem;margin-block-end:1rem}.backlinks__icon{flex-shrink:0;color:var(--color-primary)}.backlinks__title{margin:0;font-size:calc(1rem * var(--reader-heading-scale));font-weight:500;text-transform:uppercase;letter-spacing:.02em}.backlinks__list{margin:0;padding-inline-start:1.25rem;font-size:1rem}.backlinks__list li+li{margin-block-start:.35rem}.backlink{color:var(--color-primary);text-decoration:none}.backlink:hover{text-decoration:underline}.backlinks__list .backlink:first-letter{text-transform:uppercase}.callout{--callout-color: 68, 138, 255;border-left:4px solid rgb(var(--callout-color));background:color-mix(in srgb,rgb(var(--callout-color)) 8%,var(--color-bg));border-radius:.5rem;padding:.75rem 1rem;margin:1.5rem 0}.callout-heading{display:flex;align-items:center;gap:.5rem;font-weight:600;color:rgb(var(--callout-color))}.callout-icon{display:flex;flex-shrink:0}.callout-content{margin-top:.5rem}.callout-content>:first-child{margin-top:0}.callout-content>:last-child{margin-bottom:0}.callout-note{--callout-color: 68, 138, 255}.callout-abstract{--callout-color: 0, 176, 255}.callout-info,.callout-todo{--callout-color: 68, 138, 255}.callout-tip{--callout-color: 0, 191, 165}.callout-success{--callout-color: 76, 175, 80}.callout-question,.callout-warning{--callout-color: 255, 145, 0}.callout-failure,.callout-danger,.callout-bug{--callout-color: 233, 30, 99}.callout-example{--callout-color: 124, 77, 255}.callout-quote{--callout-color: 158, 158, 158}details.callout>summary{cursor:pointer;list-style:none}details.callout>summary::-webkit-details-marker{display:none}details.callout>summary .callout-fold{margin-left:auto;transition:transform .2s ease;flex-shrink:0;opacity:.6}details.callout[open]>summary .callout-fold{transform:rotate(180deg)}.prose .full-bleed{width:100vw;position:relative;left:50%;margin-inline:-50vw;padding-inline:1.25rem;max-width:none}hue-dial{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-surface);color:var(--color-text);font:inherit}hue-dial .hue-dial__label{min-width:2.5rem;font-size:.9375rem;color:var(--color-text-offset)}hue-dial .hue-dial__preview{width:1.75rem;height:1.75rem;border-radius:999px;border:1px solid var(--color-border)}hue-dial .hue-dial__input{flex:1;accent-color:var(--color-primary)}wave-canvas{display:block}wave-canvas .wave-canvas__surface{display:block;width:100%;height:auto;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-surface)}.prose .expressive-code.full-bleed{width:100vw;position:relative;left:50%;margin-inline:-50vw;padding-inline:1.25rem}.prose .expressive-code.full-bleed .frame{max-width:none}}