@font-face{font-family:Raleway;src:url('/fonts/raleway-400.ttf');font-weight:400}@font-face{font-family:Raleway;src:url('/fonts/raleway-600.ttf');font-weight:600}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#c0c1c3 url('/mail-grid.png') repeat;background-size:64px;color:#e8e9eb;font:400 13px/1.4 Raleway,Arial,sans-serif;padding:20px}main{width:min(740px,100%);min-height:270px;display:grid;grid-template-columns:220px minmax(0,1fr);background:#ef6461;border:1px solid #e8e9eb;border-radius:12px}.entry-emblem{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 18px}.entry-emblem img{width:230px;height:210px;object-fit:contain;margin:-26px -18px -30px}.entry-emblem strong{font-size:23px;font-weight:600;letter-spacing:-.6px}.entry-emblem small{font-size:11px;opacity:.7;margin-top:6px}.entry-content{padding:32px 31px 24px 15px;min-width:0}h1{font-size:16px;font-weight:600;margin:0 0 18px}section,form{display:grid;gap:10px}form{margin:0}label{font-size:11px;opacity:.8}input,button{font:inherit;color:inherit;border:1px solid #e8e9eb80;border-radius:4px;min-height:36px;padding:6px 10px;background:transparent}input{width:100%;border:0;border-radius:0;border-bottom:1px solid #e8e9eb80;padding:6px 0}input::placeholder{color:inherit;opacity:.65}button{cursor:pointer}button:hover{background:#e8e9eb15}button:disabled{opacity:.5;cursor:default}:is(button,input,a):focus-visible{outline:2px solid #e8e9eb;outline-offset:3px}p{margin:0}.email-row{display:flex;gap:14px;align-items:center}.email-row input{min-width:0;flex:1}.email-row button{flex:none}#status{font-size:11px;opacity:.85;line-height:1.4}#status:empty{display:none}.entry-back{display:inline-block;color:inherit;margin-top:18px;text-decoration:none;font-size:11px;opacity:.8}.entry-back:hover{text-decoration:underline}.code-actions{display:flex;justify-content:space-between;gap:8px}.code-actions button{border:0;padding:4px 0;font-size:11px}#sent-to{overflow-wrap:anywhere;font-size:12px}#code{letter-spacing:5px}#google{width:100%}@media(max-width:540px){main{grid-template-columns:1fr;max-width:360px}.entry-emblem{flex-direction:row;gap:10px;height:100px}.entry-emblem img{width:110px;height:110px;margin:-12px -14px}.entry-emblem strong{font-size:21px}.entry-content{padding:12px 24px 24px}input{font-size:16px}button{min-height:44px}.email-row{flex-wrap:wrap}.email-row input{flex-basis:100%}.email-row button{width:100%}.code-actions button{min-height:44px}}