@layer modules{.account-page{--acct-card: linear-gradient(180deg, #13112a, #100e24);--acct-card-flat: #100e24;--acct-line: rgb(255 255 255 / 9%);--acct-line-strong: rgb(255 255 255 / 16%);--acct-ink: #fff;--acct-dim: #b3b0cc;--acct-mute: #8e8ab5;--acct-mint: var(--brand-green-blend);--acct-purple: var(--brand-purple);--acct-purple-soft: #b89cff;--acct-input-bg: #171436;--acct-discord: #5865f2;--acct-discord-hover: #4752c4;max-width:867px;margin:0 auto;padding:36px 16px 48px;color:var(--acct-ink);font-family:var(--font-sans);line-height:normal}html:not(.dark) .account-page{--acct-card: linear-gradient(180deg, #fff, #f7f7fb);--acct-card-flat: #fff;--acct-line: rgb(15 23 42 / 10%);--acct-line-strong: rgb(15 23 42 / 22%);--acct-ink: #1e293b;--acct-dim: #475569;--acct-mute: #64748b;--acct-mint: var(--color-primary-green);--acct-purple-soft: var(--brand-purple);--acct-input-bg: #fff}.account-block+.account-block{margin-top:44px}.account-heading{display:grid;grid-template-columns:35fr auto 65fr;align-items:center;margin:0 0 14px;font-size:15px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--acct-mint);line-height:1.2}.account-heading h2{margin:0;font:inherit;letter-spacing:inherit;color:inherit;text-align:center}.account-heading__left{text-align:right;padding-right:6px}.account-heading__amp{text-align:center}.account-heading__right{padding-left:6px}.account-heading--pair{grid-template-columns:65fr 35fr}.account-card{display:grid;grid-template-columns:35fr 65fr;background:var(--acct-card);border:1px solid var(--acct-line);border-radius:16px}.account-card--security{grid-template-columns:65fr 35fr}.account-col{display:flex;flex-direction:column;min-width:0;padding:16px 18px}.account-col+.account-col{border-left:1px solid var(--acct-line)}.account-col--profile{justify-content:center}.account-col--membership{display:grid;grid-template-columns:1fr 1fr}.account-col--single{grid-template-columns:1fr}.account-col--discord{justify-content:center}.account-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;white-space:nowrap}.account-badge__pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;letter-spacing:-0.2px}.account-badge__pill .bar-mark{width:16px;height:16px;flex:none}.account-badge__label{color:var(--acct-ink)}.account-badge__label b{font-weight:800}.account-badge__label .wordmark{color:inherit;font-size:inherit}.account-badge__since{padding-left:8px;border-left:1px solid var(--acct-ink);font-size:12px;color:var(--acct-ink)}.account-row{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:12px;padding:8px 0}.account-row+.account-row{border-top:1px solid var(--acct-line)}.account-row__summary{grid-area:1/1/2/2;min-width:0}.account-row__label{margin:0 0 2px;font-size:10px;font-weight:600;color:var(--acct-mute)}.account-row__value{margin:0;font-size:12px;color:var(--acct-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-row__note{margin:4px 0 0;font-size:12px;color:var(--acct-mute);white-space:normal}.account-row__edit{grid-area:1/2/2/3;background:none;border:0;padding:0;color:var(--acct-mint);font:inherit;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.account-row__edit:hover{color:var(--acct-ink)}.account-row__editor{grid-area:1/1/2/3;visibility:hidden}.account-row.is-editing .account-row__summary,.account-row.is-editing .account-row__edit{visibility:hidden}.account-row.is-editing .account-row__editor{visibility:visible}.account-editor{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.account-editor__actions{display:inline-flex;align-items:center;gap:10px}.account-row--stack{grid-template-columns:1fr;gap:8px;padding:4px 0 0}.account-row--stack .account-row__summary,.account-row--stack .account-editor{display:flex;flex-direction:column;align-items:center;gap:8px}.account-row--stack .account-row__summary{grid-area:1/1/2/2}.account-row--stack .account-row__edit{grid-area:2/1/3/2;justify-self:end}.account-row--stack .account-row__editor{grid-area:1/1/3/2}.account-row--stack .account-input{flex:none;width:100%;max-width:212px}.account-row--stack .account-editor__actions{align-self:flex-end}.account-input--static{display:block;border-color:var(--acct-line);color:var(--acct-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-input{flex:1 1 140px;min-width:0;background:var(--acct-input-bg);border:1px solid var(--acct-line-strong);border-radius:9px;padding:6px 10px;color:var(--acct-ink);font:inherit;font-size:12px}.account-input::placeholder{color:var(--acct-mute)}.account-input:focus{outline:none;border-color:var(--acct-mint)}.account-btn{display:inline-flex;align-items:center;background:var(--acct-mint);border:0;border-radius:9px;padding:6px 12px;color:var(--surface-base);font:inherit;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.account-btn:hover{filter:brightness(1.06)}.account-row__cancel{background:none;border:0;padding:0;color:var(--acct-mute);font:inherit;font-size:12px;cursor:pointer}.account-row__cancel:hover{color:var(--acct-ink)}.account-eyebrow{margin:0 0 6px;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--acct-mint)}.account-plan,.account-upgrade{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.account-plan{padding-right:16px}.account-col--single .account-plan{padding-right:0;justify-content:center}.account-plan__name{margin-top:auto;font-size:18px}.account-plan__name .wordmark{font-size:inherit;color:var(--acct-ink)}.account-plan__name--free{font-size:16px;font-weight:400}.account-plan__meta{margin:0;font-size:12px;color:var(--acct-dim)}.account-plan__meta--archive{color:var(--acct-purple-soft)}.account-plan__meta--archive b{font-weight:600}.account-plan__manage,.account-plan__cta{margin-top:auto;padding-top:10px}.account-link{background:none;border:0;padding:0;color:var(--acct-ink);font:inherit;font-size:11px;cursor:pointer}.account-link:hover{color:var(--acct-mint)}.account-plan__cta .unlock-cta{font-size:12px;padding:7px 16px}.account-upgrade{border-left:1px solid var(--acct-line);padding-left:16px}.account-upgrade .account-eyebrow{color:var(--acct-purple-soft)}.account-upgrade:has(.account-offer--annual) .account-eyebrow{color:var(--acct-mint)}.account-offer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;max-width:172px;min-height:94px;margin:auto 0;padding:8px;background:color-mix(in srgb, var(--acct-purple) 8%, transparent);border:1.5px solid var(--acct-purple);border-radius:10px;box-shadow:0 0 14px color-mix(in srgb, var(--acct-purple) 25%, transparent);color:var(--acct-ink);font:inherit;text-align:center;text-decoration:none;cursor:pointer}.account-offer:hover{background:color-mix(in srgb, var(--acct-purple) 16%, transparent);color:var(--acct-ink)}.account-offer__icon{display:grid;place-items:center;width:32px;height:32px;margin:2px 0;border:1.5px solid var(--acct-purple);border-radius:8px}.account-offer__icon svg{width:16px;height:16px}.account-offer__title{font-size:13px;font-weight:800;line-height:1.15}.account-offer__arrow{display:inline-block;width:10px;height:10px;vertical-align:middle}.account-offer__sub{font-size:10px;color:var(--acct-dim)}.account-offer--annual{border-color:rgba(0,0,0,0);background:linear-gradient(var(--acct-card-flat), var(--acct-card-flat)) padding-box,var(--btn-cta-gradient) border-box;box-shadow:0 0 14px rgba(58,150,255,.25)}.account-offer--annual .account-offer__icon{border-color:rgba(0,0,0,0);background:linear-gradient(var(--acct-card-flat), var(--acct-card-flat)) padding-box,var(--btn-cta-gradient) border-box}.account-offer--annual:hover{background:linear-gradient(var(--acct-card-flat), var(--acct-card-flat)) padding-box,var(--btn-cta-gradient) border-box;box-shadow:0 0 20px rgba(58,150,255,.4)}.account-discord{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.account-discord__copy{margin:0;font-size:11px;line-height:1.45;color:var(--acct-dim)}.account-discord__copy .wordmark{font-size:inherit;color:var(--acct-ink)}.account-discord__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--acct-line-strong);border-radius:8px;padding:6px 12px;color:var(--acct-dim);font:inherit;font-size:10px;font-weight:700;text-decoration:none}.account-discord__btn:hover{color:var(--acct-ink);border-color:var(--acct-ink)}.account-discord__icon{flex:none;width:16px;height:12px;fill:currentcolor}.account-discord__external{width:12px;height:12px}.account-discord__btn--connect,.account-discord__btn--go{background:var(--acct-discord);border-color:var(--acct-discord);color:#fff}.account-discord__btn--connect:hover,.account-discord__btn--go:hover{background:var(--acct-discord-hover);border-color:var(--acct-discord-hover);color:#fff}.account-discord__btn--go{min-width:180px}.account-discord__unlock{border-color:rgba(0,0,0,0);padding:8px 16px;font-weight:600}.account-discord__status{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:700;color:var(--acct-ink)}.account-discord__status .account-discord__icon{color:var(--acct-mint)}.account-discord__name{font-weight:400;color:var(--acct-dim)}.account-discord__dot{width:7px;height:7px;border-radius:50%;background:var(--acct-mint);animation:account-pulse 1.8s ease-out infinite}@media(prefers-reduced-motion: reduce){.account-discord__dot{animation:none}}@keyframes account-pulse{0%{box-shadow:0 0 0 0 rgba(0,240,181,.6)}70%{box-shadow:0 0 0 5px rgba(0,240,181,0)}100%{box-shadow:0 0 0 0 rgba(0,240,181,0)}}.account-discord__disconnect{background:none;border:0;padding:0;color:var(--acct-mute);font:inherit;font-size:10px;cursor:pointer}.account-discord__disconnect:hover{color:var(--acct-ink)}.account-ai-cta{display:block;width:min(100%,363px);margin:56px auto 0;padding:10px;border:1.5px solid rgba(0,0,0,0);border-radius:8px;background:linear-gradient(var(--acct-card-flat), var(--acct-card-flat)) padding-box,var(--btn-cta-gradient) border-box;color:var(--acct-mint);font-size:12.5px;font-weight:400;text-align:center;text-decoration:none}.account-ai-cta b{font-weight:600}.account-ai-cta:hover{color:var(--acct-ink)}@media(width < 768px){.account-heading,.account-heading--pair{display:flex;justify-content:center;gap:6px}.account-heading__left,.account-heading__right{text-align:center;padding:0}.account-heading--pair h2:last-child{display:none}.account-card,.account-card--security,.account-col--membership{grid-template-columns:1fr}.account-col+.account-col{border-left:0;border-top:1px solid var(--acct-line)}.account-plan{padding-right:0}.account-upgrade{margin-top:14px;padding:14px 0 0;border-left:0;border-top:1px solid var(--acct-line)}}}
