[hidden]{display:none!important}html{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#111c27;color:#edf7f4;font:17px system-ui;min-height:100dvh;display:grid;place-items:center;padding:20px}main{width:min(520px,100%);padding:28px;background:#1b2c36;border:1px solid #385250;border-radius:22px}span,small{color:#a9c9bd}h1{font-size:28px}p{line-height:1.6}label{display:grid;gap:10px}input,button{font:inherit;min-height:48px;width:100%;border-radius:10px;border:1px solid #5e8079;padding:12px}input{background:#101c24;color:white}button{margin:16px 0;background:#b7edb4;color:#112c20;font-weight:700;cursor:pointer}#status{color:#ffc89e}#gate-cancel{background:#243f48;color:#edf7f4}a{display:block;min-height:44px;padding:12px;text-align:center;color:#b7edb4}button:disabled{opacity:.6}@media(max-height:420px){main{padding:18px;max-width:720px}h1{margin:8px 0}p{margin:8px 0}form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}label{flex:1 1 220px;min-width:0}button{flex:0 1 200px;width:200px;max-width:100%;margin:0}}