body{box-sizing:border-box;margin:0;background:#ece5d2;color:#271a08;font-family:monospace;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px;text-align:center}
#t{border-bottom:1px dashed;cursor:pointer;outline:none}
label{display:block;margin-top:1.5rem;cursor:pointer}
input{accent-color:#271a08;width:1.1rem;height:1.1rem;vertical-align:middle;position:relative;top:-1px}
#tag{color:#3a6a9b;text-decoration:none;cursor:pointer}
#tag:hover{text-decoration:underline}
#dots{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;max-width:calc(7*10px + 6*3px);margin:1.5rem auto 0}
#dots span{width:10px;height:10px;border-radius:2px;background:#271a08;opacity:.15}
#dots .on{opacity:.45}#dots .x{opacity:.6;background:#b33}
#q{position:fixed;bottom:12px;right:16px;font-size:.7rem;color:#271a08;opacity:.3;text-decoration:none}
#q:hover{text-decoration:underline}