:root{color-scheme:dark;font:16px/1.5 system-ui;background:#10131b;color:#f4f0e8}*{box-sizing:border-box}body{margin:0;padding:20px}main{max-width:500px;margin:30px auto}.brand{letter-spacing:.24em;color:#e4c879}h1{font-size:1.85rem;line-height:1.2}.steps{display:flex;gap:10px;list-style:none;padding:0;font-size:.85rem}.steps li{flex:1;border-top:3px solid #45485b;padding-top:8px}.steps .done{border-color:#7dc49b}form,section{display:grid;gap:10px}input,button,textarea{font:inherit;width:100%;padding:12px;border-radius:9px;border:1px solid #747887;background:#242836;color:inherit}button{cursor:pointer;background:#e4c879;color:#111827;margin:6px 0}.secondary,#show{background:transparent;color:#eee}button:disabled{opacity:.5;cursor:default}#status{padding:14px;border-left:4px solid #e4c879;background:#242836;overflow-wrap:anywhere}#status.error{border-color:#f19b91}#status.success{border-color:#7dc49b}details{margin:24px 0}summary{cursor:pointer}footer{font-size:.8rem;color:#b4b6c3;margin-top:30px}a{color:#e4c879}[hidden]{display:none!important}:focus-visible{outline:3px solid #c0a7ff;outline-offset:3px}textarea{font-size:.85rem}label{margin-top:6px}

#google{display:flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;min-height:44px;width:fit-content;max-width:100%;}#google img{display:block;max-width:100%;height:auto;}#google-status,.browser-help{font-size:.88rem;color:#c1c3cd;margin:6px 0}button{min-height:44px}input{min-height:48px}body{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}@media(max-width:360px){.steps{font-size:.75rem;gap:6px}h1{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}