.account-menu{position:relative;z-index:5;font-size:12px;letter-spacing:0;white-space:normal}
.account-menu[hidden],.account-menu [hidden],#login[hidden]{display:none!important}
.account-menu .account-trigger{display:flex;align-items:center;gap:8px;min-height:38px;padding:4px 10px 4px 12px;border:1px solid #30302e;border-radius:999px;background:#0b0b0b;color:#f4f2ec;cursor:pointer;list-style:none;user-select:none}
.account-trigger::-webkit-details-marker{display:none}.account-trigger:hover{border-color:#62513a}.account-trigger:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.account-trigger strong{font-size:14px;line-height:1;font-variant-numeric:tabular-nums}.account-trigger #accountUnits{color:#999;font-size:11px}.account-dot{width:5px;height:5px;flex:none;border-radius:50%;background:var(--gold,#f07824)}
.account-face{display:flex;width:28px;height:28px;margin-left:5px;border-left:1px solid #292929;box-sizing:content-box;padding-left:9px}.account-face img,.account-face .avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.account-face .avatar{font-size:12px}.account-chevron{color:#888;transition:transform .15s}.account-menu[open] .account-chevron{transform:rotate(180deg)}
.account-popover{position:absolute;top:calc(100% + 12px);right:0;width:320px;max-width:calc(100vw - 32px);padding:16px;border:1px solid #343432;border-radius:17px;background:#131313;box-shadow:0 20px 70px #0009;max-height:calc(100dvh - 120px);overflow:auto;text-align:left}
.account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-heading>div{min-width:0}.account-heading #name{display:block;font-size:15px;line-height:1.3;overflow-wrap:anywhere}.account-heading .sub{margin-top:4px;color:#999;font-size:11px}.account-refresh{border:0;background:transparent;color:#aaa;font-size:22px;padding:4px 6px;cursor:pointer}.account-refresh:disabled{opacity:.4}.account-tier{display:inline-block;margin:12px 0;padding:4px 8px;border:1px solid #3b3935;border-radius:999px;color:#d5c5ad;font-size:9px;font-weight:800;letter-spacing:.08em}
.account-quota{padding:14px;border:1px solid #30302d;border-radius:12px;background:#101010}.account-quota #accountQuotaLabel{font-size:10px;font-weight:750;color:#999;letter-spacing:.08em}.account-quota>strong{display:block;margin:8px 0 12px;color:#faf8f2;font-size:32px;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.account-quota progress{display:block;width:100%;height:5px;border:0;border-radius:99px;overflow:hidden;background:#282723;accent-color:var(--gold)}.account-quota progress::-webkit-progress-bar{background:#282723}.account-quota progress::-webkit-progress-value{background:var(--gold)}.account-quota progress::-moz-progress-bar{background:var(--gold)}.account-quota-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:10px;color:#bdb7ad;font-size:10px;line-height:1.5}.account-quota-footer #accountReset{text-align:right;color:#94908a;font-variant-numeric:tabular-nums}.account-quota #accountResetDate{margin:6px 0 0;color:#797772;font-size:10px;line-height:1.45}
.account-menu #accountFeedback{margin-top:8px;color:#c5a779;font-size:11px;line-height:1.4}.account-menu #accountFeedback:empty{display:none}.account-logout{display:block;width:100%;margin-top:12px;padding:10px;border:1px solid #302e2a;border-radius:9px;background:#151413;color:#c9c4bb;font-size:10px;font-weight:700;cursor:pointer}.account-logout:hover{border-color:#62513a}#app.app-grid{grid-template-columns:minmax(0,1fr)}
@media(max-width:620px){.account-popover{position:fixed;top:116px;left:12px;right:12px;width:auto;max-width:none;max-height:calc(100dvh - 135px)}.account-trigger{gap:6px}.account-trigger #accountUnits{font-size:10px}}
@media(prefers-reduced-motion:reduce){.account-chevron{transition:none}}