: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{gap:.8em;list-style:none;display:flex}li{cursor:pointer}li label{text-underline-offset:3px;padding:16px 12px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:4px;display:block}input[type=radio]{display:none}input[type=radio]:checked+label{text-decoration-color:#f53f3f}