body.account-locked > :not(#license-modal):not(script) { visibility: hidden !important; }
#license-modal { z-index: 2147483000; }
#license-modal .account-card { width: min(460px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto; padding: 32px; }
.account-card h2 { margin: 12px 0; font-size: 24px; }
.account-card h2 .wordmark { font-size: 1.15em; vertical-align: -0.04em; }
.account-card p { line-height: 1.5; }
.account-card .license-field { margin: 16px 0; }
.account-card input { min-height: 40px; }
.account-card button { margin: 6px 4px 6px 0; }
.account-card a { color: var(--gold); }
.account-card .account-note { font-size: 12px; color: var(--text-3); }
.account-card .license-modal-message { min-height: 40px; margin-top: 16px; }

#license-modal .account-card { padding: 28px; }
.account-card > img { object-fit: contain; }
.account-card .license-field label { display: block; margin-bottom: 7px; color: var(--text-2); font-size: 13px; }
.account-card #account-submit { display: block; width: 100%; margin: 20px 0 10px; min-height: 42px; }
.account-card #account-switch, .account-card #account-forgot { font-size: 12px; margin: 2px 0; }
.account-card .account-links { border-top: 1px solid var(--border); padding-top: 16px; font-size: 12px; }
.account-card .license-modal-message { margin: 16px 0 0; min-height: 24px; font-size: 13px; }
@media (max-width: 480px) { #license-modal .account-card { padding: 20px; } }