html{@media not (prefers-reduced-motion:reduce){scroll-behavior:smooth}--light-color:oklch(90% 0 0);--shadow-color:oklch(0% 0 0);@media (prefers-color-scheme:dark){color-scheme:dark;--shade0:oklch(25% 0 0);--shade2:oklch(32% 0 0);--shade5:oklch(70% 0 0);--shade8:oklch(90% 0 0);--shade10:oklch(100% 0 0);--accent:oklch(60% .24 330);--content-background:oklch(32% 0 0)}@media not (prefers-color-scheme:dark){color-scheme:light;--shade0:oklch(100% 0 0);--shade2:oklch(90% 0 0);--shade5:oklch(50% 0 0);--shade8:oklch(32% 0 0);--shade10:oklch(25% 0 0);--accent:oklch(50% .24 330);--content-background:oklch(100% 0 0)}&[data-theme=dark]{color-scheme:dark;--shade0:oklch(25% 0 0);--shade2:oklch(32% 0 0);--shade5:oklch(70% 0 0);--shade8:oklch(90% 0 0);--shade10:oklch(100% 0 0);--accent:oklch(60% .24 330);--content-background:oklch(32% 0 0)}&[data-theme=light]{color-scheme:light;--shade0:oklch(100% 0 0);--shade2:oklch(90% 0 0);--shade5:oklch(50% 0 0);--shade8:oklch(32% 0 0);--shade10:oklch(25% 0 0);--accent:oklch(50% .24 330);--content-background:oklch(100% 0 0)}&:not([data-theme]):has(#light:not(:checked)){@media (prefers-color-scheme:dark){color-scheme:light;--shade0:oklch(100% 0 0);--shade2:oklch(90% 0 0);--shade5:oklch(50% 0 0);--shade8:oklch(32% 0 0);--shade10:oklch(25% 0 0);--accent:oklch(50% .24 330);--content-background:oklch(100% 0 0)}@media not (prefers-color-scheme:dark){color-scheme:dark;--shade0:oklch(25% 0 0);--shade2:oklch(32% 0 0);--shade5:oklch(70% 0 0);--shade8:oklch(90% 0 0);--shade10:oklch(100% 0 0);--accent:oklch(60% .24 330);--content-background:oklch(32% 0 0)}}&:not([data-theme]):has(#light:checked){@media (prefers-color-scheme:dark){color-scheme:dark;--shade0:oklch(25% 0 0);--shade2:oklch(32% 0 0);--shade5:oklch(70% 0 0);--shade8:oklch(90% 0 0);--shade10:oklch(100% 0 0);--accent:oklch(60% .24 330);--content-background:oklch(32% 0 0)}@media not (prefers-color-scheme:dark){color-scheme:light;--shade0:oklch(100% 0 0);--shade2:oklch(90% 0 0);--shade5:oklch(50% 0 0);--shade8:oklch(32% 0 0);--shade10:oklch(25% 0 0);--accent:oklch(50% .24 330);--content-background:oklch(100% 0 0)}}& body{cursor:default;font-family:var(--font-roboto), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;margin:0;font-size:16px;font-weight:300;overflow:hidden;& *{box-sizing:border-box;transition-property:none;transition-duration:.2s;transition-timing-function:ease-out}&>.content{background-color:var(--content-background);width:100%;height:100vh;color:var(--shade8);flex-direction:column;transition-property:background-color,color;display:flex;& .center{width:816px;max-width:100%;margin:0 auto;padding:0 32px}&>nav{border-bottom:1px solid #0000;border-color:var(--light-color);z-index:10;flex-grow:0;flex-shrink:0;width:100%;height:56px;transition-property:border-color;&>.center{justify-content:space-between;height:100%;padding:0;display:flex;position:relative;&>.fill{background-color:var(--content-background);flex-grow:1;place-content:center space-between;align-items:center;padding:0 32px;transition-property:background-color;display:flex;&>.left{place-content:center;place-items:center;height:100%;display:flex;&>a{color:inherit;font-size:20px;font-weight:400;text-decoration:none;transition-property:color}}&>.burger{aspect-ratio:1;cursor:pointer;place-content:center;place-items:center;height:100%;transition-property:transform;display:none;@media screen and (width<600px){display:flex}#menuopen:checked~&{transform:rotate(180deg)}&>svg{width:50%}}&>#menuopen{display:none}}&>.tabs{flex-grow:0;place-content:center;place-items:center;padding:0 32px;display:flex;transform:translateY(-100%);@media not screen and (width<600px){height:100%;transform:translateY(-0%);&>.burger{display:none}&>*{height:100%}}@media screen and (width<600px){border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--light-color);z-index:-1;pointer-events:none;flex-direction:column;width:100%;transition-property:border-bottom-color,transform;position:absolute;top:100%;left:0;transform:translateY(-100%);:has(#menuopen:checked)~&{pointer-events:initial;transform:translateY(0%)}&>*{background-color:var(--content-background);border-top-style:solid;border-top-width:1px;border-top-color:var(--light-color);width:100%;height:40px;transition-property:border-top-color,background-color}}&>*{color:var(--shade8);cursor:pointer;place-content:center;place-items:center;padding:0 8px;font-size:15px;text-decoration:none;transition-property:color;display:flex;&:hover{color:var(--accent)}&.self{color:var(--accent);font-weight:500}&#lightlabel{&>#light{opacity:0;color:#0000;background-color:#0000;border:none;outline:none;width:0;height:0;margin:0;padding:0;font-size:0;display:inline-block;overflow:clip}body:has(#light:focus-visible) &{outline:auto}body:has(#light:checked) &{&>.sun{display:none}}body:has(#light:not(:checked)) &{&>.moon{display:none}}& svg{aspect-ratio:1;height:36%}}}}}}&>main{flex-grow:1;width:100%;height:0;padding-top:32px;overflow-y:auto}&>footer{text-align:center;background-color:var(--shade8);width:100%;color:var(--shade0);flex-grow:0;flex-shrink:0;padding:8px 0;font-size:14px;transition-property:background-color,color}}}}