*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#172534;font:17px/1.5 system-ui,sans-serif}main{max-width:720px;margin:auto;padding:24px 20px 48px}header{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d4dce6;padding-bottom:18px}.brand{font-weight:750;color:#1f4e79}#connection{font-size:13px}h1{font-size:clamp(25px,5vw,34px);line-height:1.18;margin:20px 0 14px}button,input{font:inherit}button{background:#1f4e79;color:white;border:0;border-radius:9px;padding:13px 20px;cursor:pointer}button:disabled{opacity:.5;cursor:default}input#code{display:block;width:100%;max-width:320px;padding:12px;letter-spacing:.2em;text-transform:uppercase;margin:10px 0 20px;border:1px solid #8799ac;border-radius:8px}fieldset{border:0;padding:0;margin:0 0 20px}.option{display:flex;gap:12px;align-items:flex-start;padding:14px;background:white;border:1px solid #bdcad7;border-radius:9px;margin:9px 0;cursor:pointer}.option:has(input:checked){border:2px solid #1f4e79;padding:13px;background:#edf4fb}.option input{margin-top:5px;flex:none;width:20px;height:20px}#error{color:#a01d25}#receipt{font-weight:650;color:#176340}.stats{padding:10px 14px;background:#e6edf5;border-radius:8px}#phase,#progress,#hint{color:#45586c}.privacy{font-size:13px;color:#536578;margin-top:30px}.sr{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}[hidden]{display:none!important}.result{margin:16px 0}.bar{height:12px;background:#1f4e79;border-radius:4px;margin-top:5px}.result span{font-weight:650}button:focus-visible,input:focus-visible{outline:3px solid #b06e00;outline-offset:3px}

#identity input{display:block;width:100%;padding:12px;margin:10px 0;border:1px solid #8799ac;border-radius:8px}#identity button{margin:5px 8px 5px 0}#signed_in{overflow-wrap:anywhere}