.gate{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px}.gate-card{width:100%;max-width:460px;background:var(--white);border:1px solid var(--line);padding:26px}.gate-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.gate-head img{flex:0 0 auto;image-rendering:auto}.gate-head h1{margin:0;font-size:var(--fs-title);font-weight:700;color:var(--navy)}.gate-sub{margin:2px 0 0;font-size:var(--fs);color:var(--navy)}.gate-muted{margin:2px 0 0;font-size:var(--fs-sm);color:var(--muted);overflow-wrap:anywhere}.gate-row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:12px;margin-top:10px}.gate-row>span{font-size:var(--fs);color:var(--navy)}.gate-row input{border:1px solid var(--line);background:var(--white);padding:7px 8px;min-width:0}.gate-row input:focus-visible{outline:2px solid var(--blue);outline-offset:-1px}@media(max-width:420px){.gate-row{grid-template-columns:1fr;gap:4px}}.gate-message{margin:12px 0 0;font-size:var(--fs-sm);min-height:1.2em;color:var(--muted);overflow-wrap:anywhere}.gate-message.is-error{color:var(--red)}.gate-message.is-working{color:var(--blue)}.gate-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:16px}.gate-foot button{border:1px solid var(--blue);background:var(--blue);color:var(--white);font-weight:600;padding:8px 18px;cursor:pointer}.gate-foot button:disabled{background:var(--muted);border-color:var(--muted);cursor:progress}.app-wait{padding:24px;color:var(--muted)}:root{--bg: #f4f6f8;--navy: #16324f;--blue: #1f6aa5;--green: #167d5a;--red: #b42318;--amber: #9a6700;--muted: #5f6b76;--line: #cdd7e1;--white: #ffffff;--sunken: #f5f9fc;--font: "Leelawadee UI", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, Consolas, monospace;--fs-sm: 12px;--fs: 14px;--fs-lg: 16px;--fs-title: 20px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--navy);font-family:var(--font);font-size:var(--fs)}input,select,button,textarea{font-family:inherit;font-size:inherit;color:inherit}:where(input,select,textarea,button,[role=combobox],[role=option]):focus-visible{outline:2px solid var(--blue);outline-offset:1px}