.account-locked>header,.account-locked>main,.account-locked>.mobile-panes{display:none!important}
#accountGate{position:fixed;inset:0;background:#fff;display:grid;place-content:center;gap:26px;padding:24px;overflow:auto;z-index:20}
#accountGate[hidden]{display:none}.login-brand{text-align:center}.login-brand img{width:70px;height:70px;object-fit:contain}.login-brand h1{font-size:26px;letter-spacing:0;margin:12px 0 8px}.login-brand p{font-size:13px;color:#666;margin:0}
#accountForm{width:340px;max-width:calc(100vw - 48px);display:grid;gap:14px}#accountForm h2{font-size:20px;margin:0 0 4px}#accountForm label{display:grid;gap:8px;font-size:13px}#accountForm label[hidden]{display:none}#accountForm input{width:100%;min-height:44px}#accountForm button{min-height:44px}#firstAccountNote{font-size:12px;color:#606b65;line-height:1.6}#accountError,#accountDialogError{color:#ac2525;font-size:13px;margin:0;white-space:pre-wrap}
#accountControl{position:relative;flex:none}#accountAvatar{border-radius:50%;width:38px;height:38px;min-height:38px;padding:0;background:#087d50;color:white;font-size:15px;border:0}
#accountMenu{display:none;position:absolute;right:0;top:100%;width:230px;background:white;border:1px solid #ddd;border-radius:6px;padding:12px;z-index:80;box-shadow:0 8px 22px #0002}#accountControl:hover #accountMenu,#accountControl:focus-within #accountMenu,#accountControl.open #accountMenu{display:block}#accountMenu strong,#accountMenu small{display:block;overflow-wrap:anywhere;margin-bottom:8px}#accountMenu small{color:#666;font-size:12px}#accountMenu button{display:block;width:100%;text-align:left;border:0;padding:10px;font-size:13px;min-height:40px}
#accountDialog{width:min(840px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}#accountDialog .dialog-title{position:sticky;top:-24px;background:white;z-index:2}#accountDialog h2{font-size:20px}.account-notice{padding:12px 0;color:#745621;font-size:13px;line-height:1.7;border-bottom:1px solid #ddd}.account-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.account-plan{border:1px solid #ddd;border-radius:6px;padding:16px;min-width:0}.account-plan h3{font-size:15px;margin:0 0 12px}.account-price{font-size:26px;font-weight:600;margin:12px 0}.account-plan p{font-size:12px;color:#666}.account-plan button{width:100%;min-height:44px}.account-buyout{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid #ddd}.account-buyout strong{font-size:22px}.account-buyout small{display:block;color:#666;margin:8px 0}.account-table-wrap{overflow:auto}#accountDialog table{width:100%;border-collapse:collapse;font-size:13px}#accountDialog th,#accountDialog td{padding:12px 8px;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap}#accountDialog nav{height:auto;padding:0;display:flex;gap:8px;margin-bottom:16px}#accountDialog nav button{min-height:40px;font-size:13px}.account-stats{display:flex;gap:30px;padding:16px 0}.account-stats strong{font-size:24px;display:block}.account-stats span{font-size:12px;color:#666}
/* Keep the floating menu opaque despite the global monochrome reset. */
#accountMenu{background-color:#fff!important}
.atelier-intro .intro-gem{background:#079759!important;box-shadow:inset -16px -6px 12px #00542e88,inset 10px 8px 9px #9fffc0aa!important;filter:none!important}.intro-signature{letter-spacing:0!important}
@media(max-width:760px){.account-plans{grid-template-columns:1fr}.account-buyout{align-items:flex-start;flex-direction:column}header .brand strong{font-size:12px!important}header{gap:5px!important}header button{padding:6px!important}#accountAvatar{width:32px;height:32px;min-height:32px}#accountDialog{padding:16px}.account-stats{gap:20px}}
@media(prefers-reduced-motion:reduce){.atelier-intro .intro-gem{animation:none!important}}