@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(https://fastly.jsdelivr.net/npm/material-icon-font@3.0.1/iconfont/MaterialIcons-Regular.woff2) format("woff2")}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0}body{max-width:100%;min-height:100vh;opacity:0;transition:opacity .25s ease;color-scheme:light;background-color:canvas}h1,h3,span{color:canvastext}body.ready{opacity:1}body.dark{color-scheme:dark}#actions{display:flex;justify-content:space-around}input,svg{display:none}body img{filter:brightness(0)}body.dark img{filter:brightness(0) invert(1)}body.focus img{filter:url(#monochrome)}.bar{display:flex;width:100%;justify-content:space-between;background-color:canvas}.bar img{width:24px;height:24px;object-fit:contain}h1{margin:0;padding:12px 0;text-align:center}main{max-width:100%;width:780px;margin:0 auto;text-align:center}.group-title{text-align:center;margin:0;padding:12px 0}.group-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:16px}.group-section>div{display:flex;flex-direction:column;align-items:center;padding:8px;box-sizing:border-box;text-align:center}.group-section img{width:24px;height:24px;object-fit:contain}.group-section img:not([src]),.group-section img[src=""]{border:1px dashed #ccc}.group-section span{font-size:11px}header{position:sticky;top:0;z-index:2}footer{position:sticky;bottom:0;z-index:2}#actions{padding:16px 0}#actions span{color:canvastext}