:root{font-family:Arial,Helvetica,sans-serif;color:#292b27;background:#f6f5ef;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;background:transparent;color:inherit;border:1px solid #d9dbd0;border-radius:6px;padding:12px 18px}button:hover{background:#e9ebe1}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #466b43;outline-offset:3px}header{height:90px;margin:0 5%;display:flex;align-items:center;gap:24px;border-bottom:1px solid #d9dbd0}.wordmark{font-weight:bold;font-size:32px;letter-spacing:-2px;color:inherit;text-decoration:none}.wordmark span{color:#759261}.label,.eyebrow,label{font-size:10px;letter-spacing:2px}.label{color:#777d70}#logout{margin-left:auto;font-size:12px;border:0}main{width:min(490px,90%);margin:auto;padding:70px 0}h1{font:normal clamp(52px,7vw,78px)/1.04 Georgia,serif;letter-spacing:-3px;margin:22px 0}p{font-size:15px;line-height:1.7;color:#6d7366}.eyebrow{color:#59724c}.primary{background:#d8e4c8;border-color:#d8e4c8}.primary:hover{background:#c9dcb4}#request .primary{width:100%;text-align:left;display:flex;justify-content:space-between;margin-top:30px}label{display:block;margin:28px 0 12px}.code-row{display:flex;gap:10px}.code-row input{width:0;flex:1;background:#fffef8;border:1px solid #d9dbd0;padding:14px;border-radius:6px;font-size:20px;letter-spacing:6px}.fine{font-size:11px;color:#818775;margin-top:26px}#status{font-size:12px;margin:10px 5%;min-height:18px;color:#586c4c}#status.error{color:#993b30}footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#858a7b;padding:24px 5%}#browser{flex:1;display:flex;flex-direction:column;padding:20px 3% 0;min-height:75dvh}#navigate{display:flex;gap:10px;align-items:center}#address{min-width:0;flex:1;padding:14px 18px;border:1px solid #d9dbd0;background:#fffef8;border-radius:6px;font-size:14px}.controls{display:flex;gap:3px}.controls button{border:0;font-size:21px;padding:8px}#stage{position:relative;flex:1;margin-top:18px;border:1px solid #d9dbd0;border-radius:8px;overflow:hidden;min-height:65dvh;background:#fffef9}#start{padding:70px 30px;text-align:center}.bookmarks{display:flex;justify-content:center;gap:10px;margin-top:30px;flex-wrap:wrap}.bookmarks button{font-size:12px}iframe{display:block;width:100%;height:75dvh;border:0;background:white}@media(max-width:600px){header{height:72px;gap:16px}.label{font-size:8px}.controls{gap:0}.controls button{font-size:18px;padding:6px}#navigate{flex-wrap:wrap}.controls{order:2}#address{flex-basis:75%}#go{padding:14px 12px}.code-row{flex-wrap:wrap}footer{font-size:7px;letter-spacing:1px}#start{padding:60px 18px}h1{letter-spacing:-2px}}

#email{width:100%;padding:16px;background:#fffef8;border:1px solid #d9dbd0;border-radius:6px}#request .primary{margin-top:12px}#exit-fullscreen{position:fixed;right:12px;top:12px;z-index:10000;background:#f6f5ef;color:#292b27;border-color:#b9c3ad;font-size:12px;padding:10px 14px;opacity:.85}#exit-fullscreen:hover,#exit-fullscreen:focus{opacity:1}body.immersive{height:100dvh;min-height:0;overflow:hidden}body.immersive>header,body.immersive>footer,body.immersive>#status,body.immersive #navigate{display:none}body.immersive #browser{padding:0;min-height:0;height:100dvh}body.immersive #stage{margin:0;border:0;border-radius:0;height:100dvh;min-height:0}body.immersive iframe{height:100dvh;width:100%}
.controls button{min-width:44px;min-height:44px}