:root{color-scheme:light dark;font-family:system-ui,sans-serif;color:#202124;background:#fafaf8}*{box-sizing:border-box}body{margin:0}main{max-width:620px;margin:8vh auto;padding:28px 20px}h1{font-size:2rem;letter-spacing:-.02em;margin:28px 0 20px}p{line-height:1.6;margin:20px 0}a{color:#3656a3;text-underline-offset:3px}button{min-height:48px;border:1px solid currentColor;border-radius:28px;padding:12px 20px;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}label{display:flex;align-items:start;gap:12px;line-height:1.5}input{width:24px;height:24px;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #5477bd;outline-offset:4px}.google{display:inline-flex;align-items:center;gap:10px;background:white;color:#1f1f1f;border-color:#747775;font-size:14px;font-weight:500}.google img{height:24px;width:24px}.secondary{font-size:.875rem;color:#5f6368}[hidden]{display:none!important}@media(prefers-color-scheme:dark){:root{color:#ecebea;background:#171819}a{color:#a8c7fa}.secondary{color:#bbbfc5}}