.account{--account-gap: var(--space-40);--account-measure: 30rem;display:flex;flex:1;flex-direction:column;justify-content:center;width:calc(100% - 2 * var(--gutter));max-width:var(--content-max);padding-block:var(--account-gap);margin-inline:auto}.account__card{display:flex;flex-direction:column;gap:var(--space-20);width:100%;max-width:var(--account-measure);padding:var(--space-25);margin-inline:auto;background:var(--tone-card);border-radius:var(--radius-20);box-shadow:var(--shadow-m)}@media(width>=48rem){.account__card{padding:var(--space-40)}}.account__panel{display:flex;flex-direction:column;gap:var(--space-15)}.account__panel[hidden]{display:none}.account__title{text-align:center;font-size:var(--font-size-subheading-2);line-height:var(--line-height-subheading-2);letter-spacing:var(--letter-spacing-subheading-2);font-weight:700;color:var(--tone-ink)}.account__section-title{margin-top:var(--space-10);font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--tone-ink-muted)}.account__sub{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);color:var(--tone-ink-soft)}.account__sub-label{margin-right:.25em;color:var(--tone-ink-muted)}.account__identity{font-weight:600;color:var(--tone-ink)}.account__return{padding:var(--space-10) var(--space-15);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:600;color:var(--tone-ink);border-radius:var(--radius-12)}.account__return[data-tone=pending]{color:var(--tone-ink-soft);background:var(--tone-bg)}.account__return[data-tone=done]{background:var(--color-primary-lime)}.account__return[data-tone=failed]{color:var(--color-danger);background:var(--tone-bg)}.account__status{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-15);background:var(--tone-bg);border-radius:var(--radius-12)}.account__plan{font-size:var(--font-size-subheading-2);line-height:var(--line-height-subheading-2);font-weight:600;color:var(--tone-ink)}.account__access{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);color:var(--tone-ink-soft)}.account__pill{width:100%}.account__btn-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-right:var(--space-10)}.account__pill--apple{color:var(--white);background-image:none;background-color:var(--gray-900);font-weight:var(--font-weight-medium)}.account__pill--google{color:var(--tone-ink);background-image:none;background-color:var(--tone-card);border:1px solid var(--tone-hairline);font-weight:var(--font-weight-medium)}.account__pill:disabled{cursor:progress}.account__pill[data-placeholder],.account__google[data-placeholder] .account__google-face{cursor:not-allowed;opacity:.45}.account__google[data-placeholder] .account__google-hit{display:none}.account__google{position:relative;width:100%;height:3.5rem}.account__google-hit{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:.004;border-radius:var(--radius-pill);transform:scaleY(2.4)}.account__google-face{position:absolute;inset:0;z-index:1;pointer-events:none}.account__google-hit:has(~.account__google-face[data-busy]){pointer-events:none}.account__form{--waitlist-control-height: 3.5rem;--waitlist-control-font: var(--font-size-body-2);--waitlist-control-line: var(--line-height-body-2);--waitlist-control-tracking: var(--letter-spacing-body-2);display:flex;flex-direction:column;gap:var(--space-10)}.account__label{font-size:var(--font-size-label);line-height:var(--line-height-label);color:var(--tone-ink-muted)}.account__input{width:100%}.account__code{display:flex;gap:var(--space-10);width:100%}.account__code-cell{box-sizing:border-box;flex:1 1 0;min-width:0;max-width:3.25rem;height:4rem;padding:0;font:inherit;font-size:var(--font-size-subheading-2);color:var(--tone-ink);text-align:center;background:var(--tone-bg);border:1px solid transparent;border-radius:var(--radius-10);transition:border-color .15s ease;caret-color:transparent}.account__code-cell:focus{outline:none}.account__code-cell[data-state=selected]{border-color:var(--tone-ink-muted)}.account__code-cell[data-state=error]{border-color:var(--color-danger)}.account__actions{display:flex;flex-wrap:wrap;gap:var(--space-15)}.account__or{display:flex;gap:var(--space-15);align-items:center;margin-block:var(--space-5);font-size:var(--font-size-label);color:var(--tone-ink-muted)}.account__or:before,.account__or:after{flex:1;height:1px;content:"";background:var(--tone-hairline)}.account__back{align-self:flex-start;padding:0;font:inherit;font-size:var(--font-size-label);color:var(--tone-ink-muted);cursor:pointer;background:none;border:none}.account__back:hover,.account__link:hover{color:var(--tone-ink)}.account__link{padding:0;font:inherit;font-size:var(--font-size-label);color:var(--tone-ink-soft);text-align:left;cursor:pointer;background:none;border:none}.account__link:disabled{color:var(--tone-ink-faint);cursor:default}.account__signout{align-self:center;width:auto;margin-top:var(--space-20);color:var(--color-danger)}.account__signout:hover{color:var(--color-danger);text-decoration:underline}.account__periods{display:flex;flex-direction:column;gap:var(--space-10);padding:0;list-style:none}.account__legal{display:flex;flex-direction:column;gap:var(--space-5);font-size:var(--font-size-label);line-height:var(--line-height-body-2);color:var(--tone-ink-muted)}.account__legal-links{display:flex;flex-direction:column}.account__legal-separator{display:none}.account__legal-separator:before{content:"·"}@media(width>=30rem){.account__legal-links{flex-flow:row wrap;-moz-column-gap:var(--space-10);column-gap:var(--space-10)}.account__legal-separator{display:inline}}.account__legal-link{font-weight:var(--font-weight-semibold);color:var(--tone-ink);text-decoration:none;white-space:nowrap}.account__legal-link:hover{color:var(--tone-link-hover)}.account__offer{padding:var(--space-10) var(--space-15);font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:600;color:var(--tone-ink);background:var(--color-primary-lime);border-radius:var(--radius-12)}.account__promo{display:flex;flex-direction:column;gap:var(--space-10)}.account__promo[hidden],.account__promo-applied[hidden]{display:none}.account__promo-row{display:flex;gap:var(--space-10);align-items:stretch}.account__promo-input{flex:1;min-width:0;text-transform:uppercase}.account__promo-input::-moz-placeholder{text-transform:none}.account__promo-input::placeholder{text-transform:none}.account__promo-check{display:flex;flex:none;align-items:center;justify-content:center;padding:0 var(--space-20);font:inherit;font-weight:600;color:var(--tone-ink);cursor:pointer;background:var(--tone-bg);border:1px solid var(--tone-hairline);border-radius:var(--radius-12)}.account__promo-check:hover:not(:disabled){border-color:var(--tone-ink-muted)}.account__promo-check:disabled{cursor:default;opacity:.6}.account__promo-error{margin-top:calc(-1 * var(--space-5))}.account__promo-applied{display:flex;gap:var(--space-10);align-items:baseline;justify-content:space-between;font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:600;color:var(--tone-ink)}.account__period-was{margin-right:var(--space-5);font-weight:400;color:var(--tone-ink-muted)}.account__period{display:flex;flex-wrap:wrap;gap:var(--space-15);align-items:baseline;width:100%;padding:var(--space-15);font:inherit;color:var(--tone-ink);text-align:left;cursor:pointer;background:var(--tone-bg);border:1px solid var(--tone-hairline);border-radius:var(--radius-12)}.account__period:hover{border-color:var(--tone-ink-muted)}.account__period:disabled{cursor:default;opacity:.6}.account__period-name{flex:1;font-weight:600}.account__period-price{font-variant-numeric:tabular-nums}.account__period-cta{font-size:var(--font-size-label);color:var(--tone-ink-muted)}.account__period-until{flex-basis:100%;margin-top:calc(-1 * var(--space-10));font-size:var(--font-size-label);color:var(--tone-ink-muted)}.account__history{display:flex;flex-direction:column;gap:var(--space-10);padding:0;list-style:none}.account__history-row{display:flex;flex-wrap:wrap;gap:var(--space-10);align-items:baseline;padding-bottom:var(--space-10);font-size:var(--font-size-label);color:var(--tone-ink-soft);border-bottom:1px solid var(--tone-hairline)}.account__history-row:last-child{border-bottom:none}.account__history-date{flex:1;min-width:7rem}.account__history-amount{font-weight:600;color:var(--tone-ink);font-variant-numeric:tabular-nums}.account__history-status[data-status=pending]{color:var(--tone-ink-muted)}.account__history-status[data-status=failed]{font-weight:600;color:var(--color-danger)}.account__history-receipt{color:var(--tone-ink-soft)}.account__history-receipt:hover{color:var(--tone-link-hover)}.account__history-empty{font-size:var(--font-size-label);color:var(--tone-ink-muted)}.account__error{display:grid;grid-template-rows:0fr;margin:0;font-size:var(--font-size-label);line-height:var(--line-height-label);color:var(--color-danger);opacity:0;transition:grid-template-rows var(--dur-base) var(--ease-enter),opacity var(--dur-base) var(--ease-enter)}.account__error[data-shown]{grid-template-rows:1fr;opacity:1}.account__error-text{overflow:hidden}@media(prefers-reduced-motion:reduce){.account__error{transition:none}}.account__spinner--button{width:1.125rem;height:1.125rem;margin-right:var(--space-10);border-color:#00000040;border-top-color:var(--black)}.account__pill:not([data-busy]) .account__spinner--button,.account__promo-check:not([data-busy]) .account__spinner--button{display:none}.account__spinner{width:1.5rem;height:1.5rem;margin-inline:auto;border:2px solid var(--tone-hairline);border-top-color:var(--tone-ink-muted);border-radius:50%;animation:account-spin .8s linear infinite}@keyframes account-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.account__spinner{animation:none}.account__pill:active{transform:none}}
