:root{--hue: 165;--sat: 1;--lht_light: 1;--lht_dark: 1}.light{--lht_light: 1.5;--lht_dark: 1.5}.dark{--lht_light: 0.5;--lht_dark: 1}.red{--hue: 0}.orange{--hue: 30}.yellow{--hue: 50}.lime{--hue: 100}.cyan{--hue: 180}.blue{--hue: 215}.marine{--hue: 235}.purple{--hue: 275}.pink{--hue: 310}.white{--sat: 0;--lht_override_light: 90%;--lht_override_dark: 10%}.l_gray{--sat: 0;--lht_override_light: 60%;--lht_override_dark: 30%}.d_gray{--sat: 0;--lht_override_light: 30%;--lht_override_dark: 60%}.black{--sat: 0;--lht_override_light: 10%;--lht_override_dark: 90%}@layer browser_override;.transition{transition:0.15s ease}.button,nav a{appearance:none;border:0;outline:none;font:inherit;cursor:pointer;display:inline-block;padding:8px 14px;border-radius:999px;text-decoration:none;background:hsl(var(--hue), calc(var(--sat)*13%), calc(var(--lht_dark)*var(--lht_override_dark, 17%)));color:hsl(var(--hue), calc(var(--sat)*100%), calc(var(--lht_light)*var(--lht_override_light, 50%)));font-weight:900;box-shadow:0 3px 0 hsl(var(--hue), calc(var(--sat)*80%), calc(var(--lht_light)*var(--lht_override_light, 40%)));transition:0.15s ease}.button:hover,nav a:hover{background:hsl(var(--hue), calc(var(--sat)*100%), calc(var(--lht_light)*var(--lht_override_light, 50%)));color:hsl(var(--hue), calc(var(--sat)*11%), calc(var(--lht_dark)*var(--lht_override_dark, 7%)));transform:translateY(2px);box-shadow:0 1px 0 hsl(var(--hue), calc(var(--sat)*80%), calc(var(--lht_light)*var(--lht_override_light, 40%)))}.button.invertshadow,nav a.invertshadow{box-shadow:0 3px 0 hsl(var(--hue), calc(var(--sat)*13%), calc(var(--lht_dark)*var(--lht_override_dark, 17%)))}.button.invertshadow:hover,nav a.invertshadow:hover{box-shadow:0 1px 0 hsl(var(--hue), calc(var(--sat)*13%), calc(var(--lht_dark)*var(--lht_override_dark, 17%)))}.accent{color:hsl(var(--hue), calc(var(--sat)*100%), calc(var(--lht_light)*var(--lht_override_light, 50%)))}.tiltleft{display:inline-block;transition:transform 0.15s ease}.tiltleft:hover{transform:rotate(-5deg)}.tiltright{display:inline-block;transition:transform 0.15s ease}.tiltright:hover{transform:rotate(5deg)}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:10px;padding:10px}.card{border-radius:25px;display:flex;flex-direction:column;text-decoration:none;background:hsl(var(--hue), calc(var(--sat)*20%), calc(var(--lht_dark)*var(--lht_override_dark, 25%)));box-shadow:0 0px 0 hsl(var(--hue), calc(var(--sat)*80%), calc(var(--lht_light)*var(--lht_override_light, 40%)));transition:0.15s ease}.card:hover{transform:translateY(-3px);box-shadow:0 3px 0 hsl(var(--hue), calc(var(--sat)*80%), calc(var(--lht_light)*var(--lht_override_light, 40%)))}.cardlist{display:none}.cardimg{width:100%;height:200px;overflow:hidden}img.cardimg{width:100%;height:200px;object-fit:cover}body{max-width:900px;margin:40px auto;padding:0 20px;box-sizing:border-box;font-family:"Inter", system-ui, sans-serif;line-height:1.6;color:hsl(0, calc(var(--sat)*0%), calc(var(--lht_light)*var(--lht_override_light, 93%)));background:hsl(var(--hue), calc(var(--sat)*10%), calc(var(--lht_dark)*var(--lht_override_dark, 10%)))}hr{border:0;border-top:5px solid hsl(var(--hue), calc(var(--sat)*10%), calc(var(--lht_light)*var(--lht_override_light, 20%)));margin:30px 0}a:not(.blank){color:hsl(var(--hue), calc(var(--sat)*100%), calc(var(--lht_light)*var(--lht_override_light, 50%)))}@layer browser_override{a.blank{color:inherit;text-decoration:none}}img:not(.card){max-width:100%;height:auto}h1,h2,h3{line-height:1.2}::selection{background:hsl(var(--hue), calc(var(--sat)*100%), calc(var(--lht_light)*var(--lht_override_light, 50%)));color:hsl(var(--hue), calc(var(--sat)*11%), calc(var(--lht_dark)*var(--lht_override_dark, 7%)))}mark:not(.blank){background:hsl(var(--hue), calc(var(--sat)*100%), calc(var(--lht_light)*var(--lht_override_light, 50%)));color:hsl(var(--hue), calc(var(--sat)*11%), calc(var(--lht_dark)*var(--lht_override_dark, 7%)));padding:2px 6px;border-radius:999px}pre,code{background:hsl(var(--hue), calc(var(--sat)*13%), calc(var(--lht_dark)*var(--lht_override_dark, 17%)));font-family:"Jetbrains Mono", ui-monospace, monospace;font-size:0.9em}code{padding:4px;border-radius:999px}pre{padding:16px;border-radius:12px;overflow-x:auto}details{display:inline-block;background:hsl(var(--hue), calc(var(--sat)*20%), calc(var(--lht_dark)*var(--lht_override_dark, 25%)));border-radius:999px;padding:10px 16px;transition:0.15s ease}details[open]{border-radius:25px}summary{cursor:pointer;font-weight:900}