.card{background-color:var(--color-base);padding:var(--gap-md);border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);position:relative}.card--no-pad{padding:0}.card--surface{background-color:var(--color-surface0)}.card__title{margin-bottom:var(--gap-md);font-size:var(--font-size);font-weight:var(--font-weight-md);letter-spacing:var(--tracking-lg)}.card__actions{position:absolute;top:var(--gap-md);right:var(--gap-md)}.card__paragraph{margin-top:var(--gap-sm);margin-bottom:var(--gap-sm);color:var(--color-subtext0)}.card__footer{margin-top:var(--gap-md);padding-top:var(--gap-md);border-top:var(--border-width) solid var(--border-color)}.form__group{display:grid;gap:var(--gap-sm);margin:var(--gap-md) 0}.form__group--no-mt{margin-top:0}.form__group--no-mb{margin-bottom:0}.form__group__list{display:flex;flex-direction:column;gap:var(--gap-sm)}.form__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-md);color:var(--color-overlay2);text-transform:uppercase;letter-spacing:.05em}.form__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-md);color:var(--color-text);margin-bottom:var(--gap-sm)}.form__input{margin:0;padding:var(--gap-sm);border-radius:var(--border-radius-sm);border:var(--border-width) solid var(--border-color);font-family:var(--font-family);font-size:var(--font-size);background-color:var(--color-base);color:var(--color-text);transition:border-color .15s ease}.form__input:focus{outline:none;border-color:var(--color-primary)}.form__input::placeholder{color:var(--color-overlay1)}.form__input[type=color]{padding:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}.form__input[type=color]::-webkit-color-swatch-wrapper{padding:0}.form__input[type=color]::-webkit-color-swatch{border:none;border-radius:inherit}.form__input[type=color]::-moz-color-swatch{border:none;border-radius:inherit}.form__subtext{font-size:var(--font-size-xs);color:var(--color-overlay2)}.form__radio{display:flex;gap:var(--gap-xs);align-items:self-start}.form__radio input{margin-left:0;accent-color:var(--color-primary)}.button{padding:var(--gap-sm) var(--gap-md);min-width:3rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);border:var(--border-width) solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .15s ease;font-family:var(--font-family);font-weight:var(--font-weight-md);letter-spacing:var(--tracking-lg);background-color:var(--color-surface2);color:var(--color-text)}.button:hover{background-color:var(--color-overlay0)}.button:active{background-color:var(--color-overlay1)}.button--disabled{cursor:not-allowed;opacity:.5}.button--sm{padding:var(--gap-xs) var(--gap-sm);font-size:var(--font-size-sm)}.button--primary{background-color:var(--color-primary);color:var(--color-base)}.button--primary:hover,.button--primary:active{background-color:var(--color-primary-hover)}.button--success{background-color:var(--color-success);color:var(--color-base)}.button--success:hover{opacity:.9}.button--error{background-color:var(--color-error);color:var(--color-base)}.button--error:hover{opacity:.9}.button--ghost{background-color:transparent;color:var(--color-text)}.button--ghost:hover{background-color:var(--color-crust)}.button--outline{background-color:transparent;border-color:var(--color-border);color:var(--color-text)}.button--outline:hover{background-color:var(--color-crust)}.button--square{aspect-ratio:1;min-width:auto;height:2em}.button--block{width:100%;justify-content:center}.register-hint{text-align:center;font-size:var(--font-size-sm)}