:root{color-scheme:light dark;--bg:light-dark(#fff,#121212);--fg:light-dark(#000,#e0e0e0);--link:light-dark(#00c,#66b2ff);--code:light-dark(#f8f9fa,#1e1e1e);--data-c1:light-dark(#0176d2,#0180e4);--data-c2:light-dark(#946e00,#f7ba00);--data-c3:light-dark(#9e57b8,#ab5fc7);--data-c4:light-dark(#328446,#51ca6f);--data-c5:light-dark(#ea0016,#ff8486);--data-c6:light-dark(#008093,#0096ad);--serif:"Libre Baskerville", "Georgia", "Times New Roman", serif;--sans:"Montserrat", sans-serif;--mono:"Fira Code", monospace;--bg-subtle:color-mix(in oklch, currentColor, transparent 90%);--bg-hover:color-mix(in oklch, currentColor, transparent 85%);--bg-active:color-mix(in oklch, currentColor, transparent 95%);--bg-subtle-solid:color-mix(in oklch, currentColor, var(--bg) 90%);--bg-hover-solid:color-mix(in oklch, currentColor, var(--bg) 85%);--bg-active-solid:color-mix(in oklch, currentColor, var(--bg) 95%);--shadow-c:light-dark(#0003,#0005);--shadow-popover:0 20px 25px -5px var(--shadow-c), 0 8px 10px -6px var(--shadow-c);--header-size:4rem;--header-radius:calc(var(--header-size) / 2)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:focus-visible{outline:2px solid var(--link);outline-offset:3px}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*{animation-duration:0!important;transition-duration:0!important}}html,body{background-color:var(--bg);color:var(--fg);margin:0;padding:0}.btn-icon{cursor:pointer;background-color:var(--bg-subtle);aspect-ratio:1;color:currentColor;border:none;border-radius:50%;justify-content:center;align-items:center;line-height:0;text-decoration:none;display:flex;&:hover{background-color:var(--bg-hover)}&:active{background-color:var(--bg-active)}&>svg{width:60%;height:60%;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}}#logo{& .o{stroke:var(--data-c2)}& .a{stroke:var(--fg)}& .p{stroke:var(--data-c1)}&.small{& .o{stroke-width:15px}& .a{stroke-width:10px}& .p{stroke-width:15px}}}#settings-btn{anchor-name:--settings-btn;overflow:hidden;&>svg{overflow:visible;& :is(path,circle){transition-property:d,cx,cy,r;transition-duration:.3s;transition-timing-function:ease}}&:hover>svg{& .l{d:path("M5 7 14 7M10 17 19 17")}& .cl{cx:17px}& .cr{cx:7px}}&:active>svg{transition-duration:.2s;transform:scale(.9)}&:has(+#settings-popover:popover-open)>svg{transform:none;& .l{d:path("M5 19 19 5M5 5 19 19")}&>circle{r:32px;cx:12px;cy:12px}}}#settings-popover{position-anchor:--settings-btn;position-area:bottom span-left;position-try-fallbacks:flip-inline;outline:1px solid var(--bg-hover-solid);box-shadow:var(--shadow-popover);background-color:var(--bg-active-solid);font-family:var(--sans);border:none;border-radius:1rem;flex-direction:column;gap:1rem;padding:1rem;&:popover-open{display:flex}&>div{justify-content:space-between;align-items:center;gap:1rem;display:flex;&>span{color:color-mix(in oklch, currentColor, transparent 10%);letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;font-weight:600}}&>.divider{border-top:1px solid var(--bg-hover-solid);color:color-mix(in oklch, currentColor, var(--bg) 25%);margin:0 -1rem -.25rem;padding:.5rem 1rem 0}& #theme-toggle>div{border-radius:.5rem;display:flex;overflow:hidden;&>button{cursor:pointer;background-color:var(--bg-subtle);color:inherit;border:none;padding:.75rem;font-family:inherit;font-size:1rem;font-weight:500;:root[data-theme=light] &:first-child,:root[data-theme=""] &:nth-child(2),:root[data-theme=dark] &:last-child{color:var(--link)}&:hover{background-color:var(--bg-hover)}&:active{background-color:var(--bg-active)}}}& #text-scale-slider>input{appearance:none;cursor:pointer;background:0 0;flex:1;&::-webkit-slider-runnable-track{background:var(--bg-subtle);border-radius:.25rem;height:.5rem}&::-moz-range-track{background:var(--bg-subtle);border-radius:.25rem;height:.5rem}&:hover::-webkit-slider-runnable-track{background:var(--bg-hover)}&:hover::-moz-range-track{background:var(--bg-hover)}&::-webkit-slider-thumb{appearance:none;background-color:var(--link);border:none;border-radius:50%;width:1rem;height:1rem;margin-top:-.25rem}&::-moz-range-thumb{appearance:none;background-color:var(--link);border:none;border-radius:50%;width:1rem;height:1rem;margin-top:-.25rem}&:active::-webkit-slider-thumb{background-color:color-mix(in oklch, var(--link), var(--bg) 15%)}&:active::-moz-range-thumb{background-color:color-mix(in oklch, var(--link), var(--bg) 15%)}&:after{content:attr(value)}}}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-old(root){z-index:0}::view-transition-new(root){z-index:1;clip-path:var(--tc-to);transition:clip-path .5s ease-in-out;@starting-style{clip-path:var(--tc-from)}}