@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/inter.693b77d4f3.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:italic;font-weight:100 900;font-display:swap;src:url('/interItalic.e564f65291.woff2') format('woff2')}
@font-face{font-family:'Monaspace Neon';font-style:normal;font-weight:100 900;font-display:swap;src:url('/monaspaceNeon.9f541c8947.woff2') format('woff2')}
@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100 700;font-display:swap;src:url('/materialSymbols.adb61fab4d.woff2') format('woff2')}
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:1.25rem;line-height:1;display:inline-block;white-space:nowrap}
: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}
:where([data-is]){display:contents}
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)}
blockquote{margin-inline:0}
img{max-inline-size:100%}
a{color:var(--color-link);&: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)}
blockquote{border-inline-start-color:var(--color-border);border-inline-start-width:0.0625rem;border-inline-start-style:solid;padding-inline-start:1rem}
a{min-inline-size:3rem;min-block-size:3rem}
:where(p, li, td, th, h1, h2, h3, h4, h5, h6, blockquote, figcaption, dd, dt, cite, caption, summary) a{min-inline-size:revert;min-block-size:revert}
:focus-visible{outline-color:var(--color-focus-ring);outline-style:solid;outline-width:calc(1 / 16 * 1rem);outline-offset:calc(1 / 16 * 1rem)}
::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-line:underline}::highlight(hl-emphasis){color:var(--hl-emphasis)}
page-content{> main{max-inline-size:48rem;margin-inline:auto;padding-inline:1rem;padding-block:1rem}}
alert-indicator{display:flex;align-items:center;gap:0.5rem}
site-header 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(1 / 16 * 1rem);border-block-end-color:var(--color-border)}
site-header .brand{display:flex;align-items:center;gap:0.5rem;text-decoration-line:none;color:inherit;font-weight:600;& img{inline-size:2rem;block-size:2rem}}
site-header nav{display:flex;align-items:center;gap:0.5rem}
theme-toggle input{position:absolute;inline-size:calc(1 / 16 * 1rem);block-size:calc(1 / 16 * 1rem);overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;&:focus-visible + label{outline-color:var(--color-focus-ring);outline-style:solid;outline-width:calc(1 / 16 * 1rem);outline-offset:calc(1 / 16 * 1rem)}}
theme-toggle label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
site-search search{position:relative;display:inline-flex;align-items:center}
site-search .search-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition-property:justify-content;transition-duration:0.25s;transition-timing-function:ease-out}
site-search .search-input{inline-size:3rem;block-size:3rem;padding-block:0;padding-inline:0;border-style:solid;border-width:calc(1 / 16 * 1rem);border-color:transparent;border-radius:1.5rem;background-color:transparent;color:transparent;font-size:1rem;cursor:pointer;transition-property:inline-size, padding-inline, border-color, background-color, color;transition-duration:0.25s;transition-timing-function:ease-out;&:focus{color:inherit;inline-size:16rem;padding-inline-start:2.5rem;padding-inline-end:0.5rem;border-color:var(--color-border);background-color:var(--color-bg);cursor:text;outline-color:var(--color-focus-ring);outline-style:solid;outline-width:calc(1 / 16 * 1rem);outline-offset:calc(1 / 16 * 1rem)}&::placeholder{color:transparent;transition-property:color;transition-duration:0.25s}&:focus::placeholder{color:var(--color-muted)}&:focus ~ .search-icon{justify-content:start;padding-inline-start:0.5rem}}
site-search .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(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}}
post-list ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr));gap:2rem;list-style-type:none;padding-inline-start:0}
post-card li{position:relative;& .overlay{position:absolute;inset:0;font-size:0;text-decoration-line:none}& h2{margin-block-start:0;margin-block-end:0.5rem;font-size:1.25rem}& .description{margin-block:0;color:var(--color-muted)}& .tags{position:relative;z-index:1;display:flex;gap:0.5rem;list-style-type:none;padding-inline-start:0;flex-wrap:wrap}& .date{font-size:0.875rem;color:var(--color-subtle)}}
post-card .tag-link{font-size:0.875rem;color:var(--color-subtle)}
question-radio{display:block;margin-block:1rem;--quiz-ok:green;--quiz-err:red;.scenario{margin-block-end:0.5rem;font-weight:600}.option{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5rem;margin-block:0.5rem;input{flex-shrink:0}label{cursor:pointer}.explanation{display:none;flex-basis:100%;margin-inline-start:1rem;color:var(--color-muted);font-size:0.95em}&:has(input:checked) .explanation{display:block}}input:checked[data-correct] + label{color:var(--quiz-ok);font-weight:600}input:checked:not([data-correct]) + label{color:var(--quiz-err);font-weight:600}}
question-checkbox{display:block;margin-block:1rem;--quiz-ok:green;--quiz-err:red;.scenario{margin-block-end:0.5rem;font-weight:600}.option{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5rem;margin-block:0.5rem;input{flex-shrink:0}label{cursor:pointer}.explanation{display:none;flex-basis:100%;margin-inline-start:1rem;color:var(--color-muted);font-size:0.95em}&:has(input:checked) .explanation{display:block}}input:checked[data-correct] + label{color:var(--quiz-ok);font-weight:600}input:checked:not([data-correct]) + label{color:var(--quiz-err);font-weight:600}}
site-footer footer{overflow-block:clip;block-size:1lh;text-align:center;& p{margin-block:0}}
site-footer .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%)}}