.magic-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--product-line,#71828a);border-radius:16px;padding:24px;background:var(--product-surface,#fff);color:var(--product-ink,#17292e)}.magic-dialog::backdrop{background:#07171db3}.magic-dialog h2{margin:0 0 12px}.magic-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-24px;padding-block:12px;background:var(--product-surface,#fff);z-index:1}.magic-dialog-header h2{margin:0;min-width:0;overflow-wrap:anywhere}.magic-dialog-header button{flex-shrink:0}.magic-dialog form,.magic-dialog label,.magic-output{display:grid;gap:12px}.magic-dialog label{gap:6px;margin:12px 0;min-width:0}.magic-dialog input{box-sizing:border-box;min-height:44px;width:100%;min-width:0}.magic-actions{display:flex;flex-wrap:wrap;gap:8px}.magic-dialog button,.magic-login button{min-height:44px;white-space:normal}.magic-dialog .btn-primary{background:var(--product-accent,#087f73);color:var(--primary-ink,var(--on-brand,#fff));border-color:transparent}.magic-qr{width:min(240px,100%);margin:20px auto 10px;background:#fff;border-radius:8px}.magic-qr svg{display:block;width:100%;height:auto}.magic-dialog .hint,.magic-login .hint{line-height:1.6}.magic-login{box-sizing:border-box;max-width:480px;margin:auto;padding:clamp(18px,4vw,32px);min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:20px}.magic-login .brand{align-self:center;display:flex;align-items:center;gap:10px;color:var(--product-ink,#17292e);text-decoration:none;font-size:1.25rem;font-weight:700}html[data-theme=dark] .magic-login .brand img{filter:brightness(0) invert(1)}.magic-login #magic-back{color:var(--brand-green,#087f73)}.magic-login form{display:grid;gap:16px}.magic-login input{box-sizing:border-box;width:100%;min-width:0;min-height:44px}.magic-login label{display:grid;gap:8px}.magic-login .public-tools{display:flex;justify-content:flex-end;min-height:44px}.magic-login #magic-identity{font-weight:600;overflow-wrap:anywhere}.magic-login #magic-error{color:var(--bad,#b42318)}.magic-login [hidden],.magic-dialog [hidden]{display:none!important}