:root{--primary-light:#bf97e3;--primary-dark:#4e318f;--color-fg:oklch(from var(--primary-dark) calc(l * 0.5) calc(c * 0.5) h);--color-bg:oklch(from var(--primary-light) calc(1 - ((1 - l) * 0.01)) calc(c * 0.5) h);--color-link:var(--primary-dark);--color-link-visited:#551a8b;--color-code-bg:#f5f5f5;--color-border:#e0e0e0;--color-muted:#666;--color-subtle:#888;--color-focus-ring:#0066cc;--hl-keyword:#a626a4;--hl-string:#50a14f;--hl-comment:#a0a1a7;--hl-number:#986801;--hl-type:#c18401;--hl-function:#4078f2;--hl-property:#e45649;--hl-heading:#4078f2;--hl-link:#0066cc;--hl-emphasis:#c18401}
@media (prefers-color-scheme: dark){:root{--color-fg:oklch(from var(--primary-light) calc(1 - ((1 - l) * 0.5)) calc(c * 0.2) h);--color-bg:oklch(from var(--primary-dark) calc(l * 0.2) calc(c * 0.5) h);--color-link:var(--primary-light);--color-link-visited:#c084fc;--color-code-bg:oklch(from var(--color-bg) l calc(c * 0.1) h);--color-border:#333;--color-muted:#999;--color-subtle:#aaa;--color-focus-ring:#6db3f2;--hl-keyword:#c678dd;--hl-string:#98c379;--hl-comment:#5c6370;--hl-number:#d19a66;--hl-type:#e5c07b;--hl-function:#61afef;--hl-property:#e06c75;--hl-heading:#61afef;--hl-link:#6db3f2;--hl-emphasis:#e5c07b}}
:root:has(#theme-toggle:checked){--color-fg:oklch(from var(--primary-light) calc(1 - ((1 - l) * 0.5)) calc(c * 0.2) h);--color-bg:oklch(from var(--primary-dark) calc(l * 0.2) calc(c * 0.5) h);--color-link:var(--primary-light);--color-link-visited:#c084fc;--color-code-bg:oklch(from var(--color-bg) l calc(c * 0.1) h);--color-border:#333;--color-muted:#999;--color-subtle:#aaa;--color-focus-ring:#6db3f2;--hl-keyword:#c678dd;--hl-string:#98c379;--hl-comment:#5c6370;--hl-number:#d19a66;--hl-type:#e5c07b;--hl-function:#61afef;--hl-property:#e06c75;--hl-heading:#61afef;--hl-link:#6db3f2;--hl-emphasis:#e5c07b}
@media (prefers-color-scheme: dark){:root:has(#theme-toggle:checked){--color-fg:oklch(from var(--primary-dark) calc(l * 0.5) calc(c * 0.5) h);--color-bg:oklch(from var(--primary-light) calc(1 - ((1 - l) * 0.01)) calc(c * 0.5) h);--color-link:var(--primary-dark);--color-link-visited:#551a8b;--color-code-bg:#f5f5f5;--color-border:#e0e0e0;--color-muted:#666;--color-subtle:#888;--color-focus-ring:#0066cc;--hl-keyword:#a626a4;--hl-string:#50a14f;--hl-comment:#a0a1a7;--hl-number:#986801;--hl-type:#c18401;--hl-function:#4078f2;--hl-property:#e45649;--hl-heading:#4078f2;--hl-link:#0066cc;--hl-emphasis:#c18401}}
*, *::before, *::after{box-sizing:border-box}
body{margin-block:0;margin-inline:0;font-family:Inter, system-ui, sans-serif;line-height:1.6;color:var(--color-fg);background-color:var(--color-bg)}
img{max-inline-size:100%}
.between_header_footer{max-inline-size:48rem;margin-inline:auto;padding-inline:1rem;padding-block:1rem}
a{color:var(--color-link)}
a:visited{color:var(--color-link-visited)}
code{font-family:"Monaspace Neon", monospace}
pre{padding-block:1rem;padding-inline:1rem;overflow-x:auto;border-radius:0.5rem;background-color:var(--color-code-bg)}
::highlight(hl-keyword){color:var(--hl-keyword)}::highlight(hl-string){color:var(--hl-string)}::highlight(hl-comment){color:var(--hl-comment)}::highlight(hl-number){color:var(--hl-number)}::highlight(hl-type){color:var(--hl-type)}::highlight(hl-function){color:var(--hl-function)}::highlight(hl-property){color:var(--hl-property)}::highlight(hl-heading){color:var(--hl-heading)}::highlight(hl-link){color:var(--hl-link);text-decoration:underline}::highlight(hl-emphasis){color:var(--hl-emphasis)}
header{display:flex;align-items:center;justify-content:space-between;padding-block:1rem;padding-inline:1rem;border-block-end-style:solid;border-block-end-width:calc(calc(1 / 16 * 1rem));border-block-end-color:var(--color-border)}
.brand{display:flex;align-items:center;gap:0.5rem;text-decoration-line:none;color:inherit;font-weight:600}
.brand img{inline-size:2rem;block-size:2rem}
nav{display:flex;align-items:center;gap:0.5rem}
.Posts{display:grid;grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr));gap:1rem;list-style-type:none;padding-inline-start:0}
.Post{position:relative;padding-block:1rem;padding-inline:1rem;border-style:solid;border-width:calc(calc(1 / 16 * 1rem));border-color:var(--color-border);border-radius:0.5rem}
.Post .overlay{position:absolute;inset:0;font-size:0;text-decoration-line:none}
.Post h2{margin-block-start:0;margin-block-end:0.5rem;font-size:1.25rem}
.Post .description{margin-block:0;color:var(--color-muted)}
.Post .tags{display:flex;gap:0.5rem;list-style-type:none;padding-inline-start:0;flex-wrap:wrap}
.Post__tag{font-size:0.875rem;color:var(--color-subtle)}
.Post .date{font-size:0.875rem;color:var(--color-subtle)}
.site-search{position:relative;display:inline-flex;align-items:center}
.search-input{inline-size:3rem;block-size:3rem;padding-block:0;padding-inline:0;border-style:solid;border-width:calc(calc(1 / 16 * 1rem));border-color:transparent;border-radius:1.5rem;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M18.74 19.09 l-4.71-4.71M16.83 9.33A6.67 6.67 0 1 1 3.5 9.33 a6.67 6.67 0 0 1 13.33 0z' stroke='%23888' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:1.25rem;color:var(--color-fg);font-size:1rem;cursor:pointer;transition-property:inline-size, padding-inline, border-color, background-color, background-position;transition-duration:0.25s;transition-timing-function:ease-out}
.search-input:focus{inline-size:16rem;padding-inline-start:2.5rem;padding-inline-end:0.5rem;border-color:var(--color-border);background-color:var(--color-bg);background-position:0.5rem center;background-size:1rem;cursor:text;outline-color:var(--color-focus-ring);outline-style:solid;outline-width:calc(calc(1 / 16 * 1rem));outline-offset:calc(calc(1 / 16 * 1rem))}
.search-input::placeholder{color:transparent;transition-property:color;transition-duration:0.25s}
.search-input:focus::placeholder{color:var(--color-muted)}
.search-results{position:absolute;inset:3rem 0 auto auto;min-inline-size:16rem;max-block-size:24rem;overflow-y:auto;margin-block:0;padding-block:0.5rem;padding-inline:0;list-style-type:none;background-color:var(--color-bg);border-style:solid;border-width:calc(calc(1 / 16 * 1rem));border-color:var(--color-border);border-radius:0.5rem;box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.1);z-index:10;&:empty{display:none}li{padding-block:0.5rem;padding-inline:1rem;&:hover, &[data-active]{background-color:var(--color-code-bg)}}a{text-decoration-line:none;color:inherit;display:block}.search-title{font-weight:600}.search-excerpt{font-size:0.875rem;color:var(--color-muted);margin-block-start:0.25rem}mark{background-color:transparent;color:var(--color-link);font-weight:600}}
a{min-inline-size:3rem;min-block-size:3rem}
:focus-visible{outline-color:var(--color-focus-ring);outline-style:solid;outline-width:calc(calc(1 / 16 * 1rem));outline-offset:calc(calc(1 / 16 * 1rem))}
.theme-toggle-input{position:absolute;inline-size:calc(calc(1 / 16 * 1rem));block-size:calc(calc(1 / 16 * 1rem));overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-inline-size:3rem;min-block-size:3rem;cursor:pointer}
.theme-toggle-input:focus-visible + .theme-toggle{outline-color:var(--color-focus-ring);outline-style:solid;outline-width:calc(calc(1 / 16 * 1rem));outline-offset:calc(calc(1 / 16 * 1rem))}
.theme-toggle .icon-dark{display:none}
.theme-toggle-input:checked + .theme-toggle .icon-light{display:none}
.theme-toggle-input:checked + .theme-toggle .icon-dark{display:inline}
footer{overflow-block:clip;block-size:1lh;text-align:center}
footer p{margin-block:0}
.ticker-track{animation-name:ticker-scroll;animation-duration:21s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}
@keyframes ticker-scroll{0.00%{transform:translateY(0%)}14.29%{transform:translateY(0%)}16.67%{transform:translateY(-16.666666666666668%)}30.95%{transform:translateY(-16.666666666666668%)}33.33%{transform:translateY(-33.333333333333336%)}47.62%{transform:translateY(-33.333333333333336%)}50.00%{transform:translateY(-50%)}64.29%{transform:translateY(-50%)}66.67%{transform:translateY(-66.66666666666667%)}80.95%{transform:translateY(-66.66666666666667%)}83.33%{transform:translateY(-83.33333333333334%)}100%{transform:translateY(-83.33333333333334%)}}