.account{width:min(420px, calc(100vw - 2 * var(--gutter)));overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--surface);max-width:none;max-height:calc(100dvh - 48px);color:var(--text);margin:auto;padding:0;overflow:hidden auto}.account[open]{animation:account-in var(--slow) var(--ease)}.account:focus,.account:focus-visible{outline:none}.account::backdrop{background:color-mix(in srgb, var(--sonata-forest-950) 80%, transparent);animation:fade-in var(--slow) var(--ease)}:root:has(.account[open]){overflow:hidden}@keyframes account-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.account__close{position:absolute;top:16px;right:16px}.account__form{flex-direction:column;gap:16px;padding:32px 32px 28px;display:flex}.account__title{font-size:var(--text-h3);letter-spacing:-.02em;padding-right:36px;line-height:1.25}.account__lead{color:var(--text-2);font-size:var(--text-body);overflow-wrap:anywhere;margin-top:-8px;line-height:1.5}.account__field{flex-direction:column;gap:6px;display:flex}.account__label{color:var(--text-2);font-size:13px;font-weight:var(--weight-label);line-height:1.3}.account__input{border:1px solid var(--line-3);border-radius:var(--radius-md);background:var(--bg);width:100%;height:44px;color:var(--text);transition:border-color var(--fast) var(--ease);padding:0 14px;font-size:16px}.account__input:hover{border-color:var(--text-3)}.account__input:focus-visible{border-color:var(--accent)}.account__input--code{height:52px;font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:22px;font-weight:var(--weight-label);letter-spacing:.3em;text-align:center}.account__secret{display:block;position:relative}.account__secret .account__input{padding-right:48px}.account__reveal{position:absolute;top:5px;right:5px}.account__hint{color:var(--text-3);font-size:var(--text-small);line-height:1.5}.account__error,.account__note{font-size:var(--text-ui);line-height:1.45}.account__error{color:var(--bad)}.account__note{color:var(--text-2)}.account__submit{width:100%;margin-top:4px}.account__links{color:var(--text-2);font-size:var(--text-ui);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;line-height:1.5;display:flex}.account__links .text-link{font-size:inherit;line-height:inherit}@media (width<=560px){.account{width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:16px auto auto}.account__form{padding:28px 20px 24px}}.lifetime{justify-content:center;align-items:baseline;gap:4px var(--space-3);color:var(--color-text-secondary);font-size:var(--text-small);text-align:center;flex-wrap:wrap;margin:0;line-height:1.5;display:flex}.lifetime__words{font-variant-numeric:tabular-nums}.lifetime__action{color:var(--color-text-strong);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);text-underline-offset:3px;background:0 0;border:0;padding:2px 0;font-weight:600}.lifetime__action:hover:not(:disabled){text-decoration-color:currentColor}.lifetime__action:focus-visible{border-radius:var(--radius-xs);outline:2px solid var(--color-focus);outline-offset:2px}.lifetime__action:disabled{opacity:.6}.lifetime--sold{color:var(--color-text-tertiary)}.toasts{z-index:90;right:var(--gutter);bottom:calc(var(--player-height,0px) + 16px);width:min(420px, calc(100vw - 2 * var(--gutter)));pointer-events:none;position:fixed}.toasts__list{flex-direction:column;gap:10px;display:flex}.toast{border:1px solid var(--line-2);border-radius:var(--radius-xl);background:var(--surface);color:var(--text);pointer-events:auto;animation:rise-in var(--slow) var(--ease);grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:12px 8px 12px 14px;display:grid}.toast[data-kind=error]{border-color:var(--bad)}.toast__icon{color:var(--text-3);padding-top:2px}.toast[data-kind=error] .toast__icon{color:var(--bad)}.toast__message{overflow-wrap:anywhere;padding-top:1px;font-size:14px;line-height:1.45}.toast__close{width:28px;height:28px}.toast__action{white-space:nowrap;flex:none}.toast{background:linear-gradient(180deg, var(--surface-2), var(--surface));box-shadow:var(--edge-light), 0 10px 30px color-mix(in srgb, var(--sonata-forest-950) 50%, transparent)}.toast[data-kind=error]{background:linear-gradient(180deg, var(--bad-soft), var(--surface) 70%)}
