.web-login{max-width:480px;margin:8vh auto;padding:24px;color:var(--text,#102a43);font:18px/1.55 system-ui,sans-serif}.web-login h1{font-size:30px}.web-login button,.web-approve-dialog button{min-height:48px;margin:8px 8px 8px 0;padding:12px 18px}.web-login #web-login-code{display:block;font-size:clamp(17px,5vw,24px);letter-spacing:.04em;overflow-wrap:anywhere;padding:16px 0;user-select:all}.web-account-actions{display:flex;justify-content:flex-end;padding:4px 12px}.web-account-actions button{min-height:44px;background:transparent;border:0;color:var(--text,#102a43);font-size:14px}.web-approve-dialog{width:min(480px,calc(100% - 24px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid var(--line,#ccc);border-radius:20px;background:var(--card,#fff);color:var(--text,#102a43)}.web-approve-dialog::backdrop{background:#102a4380}.web-approve-dialog input[name=code]{display:block;width:100%;box-sizing:border-box;font-size:18px;padding:12px;margin:8px 0 16px}.web-confirm{display:flex;gap:10px;align-items:flex-start;line-height:1.5}.web-confirm input{width:22px;height:22px;flex-shrink:0}.web-auth-notice{position:fixed;z-index:9999;inset:auto 12px 16px;background:var(--card,#fff);color:var(--text,#102a43);padding:20px;border:2px solid #126b80;border-radius:16px}

.web-account-actions{flex-wrap:wrap;gap:4px}.web-approve-dialog button{font:inherit;border-radius:12px}.web-approve-dialog{box-sizing:border-box}.web-approve-dialog section{border-bottom:1px solid var(--line,#ccc)}