@import url(pico.min.css);
html,body{height:100%;}
html{font-family:system-ui;}
.flx_v,[flx_v]{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-direction:column;}
.flx_h,[flx_h]{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;}
.fgrow,[fgrow],main{flex-grow:1;}.fshrink,[fshrink]{flex-shrink:1;}
.hauto,[hauto]{height:auto;} .wauto,[wauto]{width:auto;}
.h100,[h100]{height:100%;} .w100,[w100]{width:100%;}
footer,header{width:100%;font-size:0.8em;}
body{padding: 0 1rem;}
ib,.ib,[ib]{display:inline-block;line-height: 1.2;}
pre{padding: 10px;}
logo{ background-image:var(--logo);background-size:90%;background-position:center;aspect-ratio: 2 / 1; height: 2.5em; display: inline-block; vertical-align: sub; }
@media (prefers-color-scheme:dark),[data-theme=dark],.dark_theme{
  logo { filter: invert(1) hue-rotate(180deg); }
}