:root{color-scheme:light dark;font:16px system-ui}body{margin:0;background:light-dark(#f3f5f9,#151820)}main{max-width:480px;margin:8vh auto;padding:32px;border-radius:16px;background:light-dark(white,#212735)}h1{font-size:30px}p{line-height:1.6}.eyebrow{font-size:12px;letter-spacing:.12em}.note{font-size:14px;color:light-dark(#505769,#b7bdcb)}label{display:block;margin:16px 0 6px}input{box-sizing:border-box;width:100%;padding:12px;font:inherit;border:1px solid #888;border-radius:7px}button{margin-top:18px;padding:12px 18px;font:inherit;border:0;border-radius:7px;background:#385dd1;color:white;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#restart{background:transparent;color:inherit;text-decoration:underline;font-size:14px;padding-left:0}[hidden]{display:none}@media(max-width:560px){main{margin:20px 12px;padding:24px}}