.account-menu{position:relative}.account-trigger{min-height:var(--target);border-radius:var(--radius-pill);color:var(--hp-muted);cursor:pointer;align-items:center;gap:4px;padding:0 6px 0 2px;list-style:none;display:inline-flex}.account-trigger::-webkit-details-marker{display:none}.account-trigger:hover .account-menu__avatar{box-shadow:2px 2px 0 var(--hp-accent-mark)}.account-menu__avatar{background:var(--hp-brand);width:36px;height:36px;color:var(--hp-on-brand);font-size:var(--step--1);letter-spacing:.02em;transition:box-shadow var(--duration-fast) var(--ease-out);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.account-menu__chevron{transition:transform var(--duration-base) var(--ease-out)}.account-menu[open] .account-menu__chevron{transform:rotate(180deg)}.account-menu__panel{z-index:60;width:288px;max-width:calc(100vw - 32px);padding:var(--space-2);border:1px solid var(--hp-line-medium);border-radius:var(--radius-lg);background:var(--hp-surface);box-shadow:var(--shadow-lg);animation:mega-in var(--duration-base) var(--ease-out);gap:2px;display:grid;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0}.account-menu__panel>a,.account-menu__panel>button{min-height:var(--target);align-items:center;gap:var(--space-3);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--hp-ink);font-size:var(--step--1);text-align:start;cursor:pointer;background:0 0;border:0;font-weight:600;text-decoration:none;display:flex}.account-menu__panel>a .icon{color:var(--hp-muted)}.account-menu__panel>a:hover,.account-menu__panel>button:not(:disabled):hover{background:var(--hp-surface-soft)}.account-menu__sign-out{margin-top:var(--space-1);border-top:1px solid var(--hp-line)!important;border-radius:0 0 var(--radius-md) var(--radius-md)!important;color:var(--hp-danger)!important}.account-menu__sign-out:disabled{cursor:progress;color:var(--hp-muted)!important}.account-menu__identity{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3);display:flex}.account-menu__identity>span:last-child{min-width:0;display:grid}.account-menu__identity small,.account-menu__balance small{color:var(--hp-muted);font-size:var(--step--2);font-weight:600}.account-menu__identity strong{color:var(--hp-ink);font-size:var(--step--1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu__balance{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--hp-surface-soft);display:flex}.account-menu__balance>span{gap:1px;display:grid}.account-menu__balance strong{color:var(--hp-ink);font-size:var(--step-0);font-variant-numeric:tabular-nums;font-weight:700}.account-menu__add-funds{min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--hp-brand);color:var(--hp-on-brand);font-size:var(--step--1);cursor:pointer;border:0;font-weight:650}.account-menu__add-funds:hover{background:var(--hp-brand-medium)}.account-menu__status{padding:var(--space-2) var(--space-3);color:var(--hp-danger);font-size:var(--step--1);margin:0}.account-menu--drawer .account-menu__panel{width:100%;max-width:none;box-shadow:none;border:0;padding:0;animation:none;position:static}.credits-dialog{border:1px solid var(--astra-border-medium);border-radius:var(--astra-panel-radius);background:var(--astra-surface);width:min(440px,100vw - 32px);color:var(--astra-body);box-shadow:var(--shadow-lg);padding:24px}.credits-dialog::backdrop{background:var(--hp-scrim)}.credits-dialog__close{position:absolute;inset-block-start:12px;inset-inline-end:12px}.credits-dialog__close button{width:var(--target);height:var(--target);border-radius:var(--astra-pill-radius);color:var(--astra-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.credits-dialog__close button:hover{background:var(--astra-control-hover);color:var(--astra-heading)}.credits-dialog__close button:focus-visible{box-shadow:var(--astra-focus-ring);outline:none}.credits-dialog h2{color:var(--astra-heading);margin:4px 0 0;font-size:1.375rem;line-height:1.3}.credits-dialog__eyebrow{color:var(--astra-brand);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.credits-dialog__balance{color:var(--astra-body);margin:12px 0 0;font-size:1rem}.credits-dialog__balance strong{color:var(--astra-heading)}.credits-dialog__packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block-start:24px;display:grid}.credits-dialog__packs button{border:1px solid var(--astra-border-medium);border-radius:var(--astra-panel-radius);background:var(--astra-control);min-height:72px;color:var(--astra-heading);cursor:pointer;justify-items:center;gap:2px;padding:12px;transition:border-color .14s,background-color .14s;display:grid}.credits-dialog__packs button strong{font-size:1.25rem;line-height:1.2}.credits-dialog__packs button span{color:var(--astra-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.credits-dialog__packs button small{color:var(--astra-body);font-size:.875rem}.credits-dialog__packs button:hover:not(:disabled){border-color:var(--astra-brand);background:var(--astra-brand-softer)}.credits-dialog__packs button:focus-visible{box-shadow:var(--astra-focus-ring);outline:none}.credits-dialog__packs button:disabled{color:var(--astra-muted);cursor:wait}.credits-dialog__note{color:var(--astra-muted);margin:24px 0 0;font-size:.875rem;line-height:1.5}.credits-dialog__error{color:var(--astra-danger);margin:12px 0 0;font-size:.875rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.account-menu__chevron,.credits-dialog__packs button{transition:none}}