:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}ul{-ms-overflow-style:none;scrollbar-width:none;padding:0 8px;font-weight:600;list-style:none;display:flex;overflow-x:auto}li{text-wrap:nowrap;padding:16px 8px}input[type=radio]{display:none}p{display:inline-block;position:relative}p:after{content:attr(text);display:inline-block}p[selected]:before{content:"";z-index:-1;background:#4caf50;border-radius:4px 4px 2px 2px;height:5px;position:absolute;bottom:0;left:0;right:0}.selected{text-decoration-color:#f53f3f}