:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}*{box-sizing:border-box;margin:0;padding:0}div::-webkit-scrollbar{display:none}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}.loader{aspect-ratio:1;border:8px solid #514b82;border-radius:50%;width:50px;animation:.8s linear infinite alternate l1,1.6s linear infinite l2}@keyframes l1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l2{0%{transform:scaleY(1)rotate(0)}49.99%{transform:scaleY(1)rotate(135deg)}50%{transform:scaleY(-1)rotate(0)}to{transform:scaleY(-1)rotate(-135deg)}}