.free-signup{scroll-margin-top:20px;background:var(--appearance-surface,#fff);border:1px solid var(--appearance-border,#d6e1ee);border-radius:14px;padding:24px;margin:24px 0;max-width:100%}.free-signup h2{margin:0 0 8px;color:var(--appearance-text,#173759)}.free-signup p{line-height:1.6}.free-signup form{max-width:640px}.free-signup label{display:block;margin:14px 0;font-weight:600}.free-signup input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--appearance-border,#c5d4e5);border-radius:7px;font:inherit}.membership-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.membership-actions a,.membership-actions button{padding:10px 16px;border-radius:7px;text-decoration:none;border:1px solid var(--appearance-border,#c6d6e7);font:inherit}.membership-actions .primary{background:var(--appearance-primary,#1768b0);color:var(--appearance-inverse,#fff)}.membership-notice{padding:18px;background:var(--appearance-raised,#eef6ff);border:1px solid var(--appearance-border,#ccdff1);border-radius:10px;margin:16px 0;line-height:1.6}.membership-notice h2{margin:0 0 6px}.membership-ad{border:1px dashed var(--appearance-border,#b6c6d5);border-radius:8px;text-align:center;padding:18px;margin:12px 0;color:var(--appearance-muted,#536a80);font-size:14px}.membership-preview-controls{font-size:14px;margin:12px 0}.membership-preview-controls select{margin:10px;padding:8px;font:inherit}#membership-upgrade{max-width:480px;width:calc(100% - 48px);box-sizing:border-box;border:1px solid var(--appearance-border,#cfdae7);border-radius:14px;padding:24px;color:var(--appearance-text,#173759)}#membership-upgrade::backdrop{background:var(--appearance-wash,#12283e66)}#membership-upgrade p{line-height:1.6}.membership-lock{padding:16px;border:1px solid var(--appearance-border,#d5e1ed);border-radius:10px;background:var(--appearance-raised,#f6f9fc);line-height:1.6}body[data-membership=free] [data-ad],body[data-membership=visitor] [data-ad]{display:block}body[data-membership=premium] .ad-slot,body[data-membership=pro] .ad-slot{display:none}
@media(max-width:600px){.free-signup{padding:18px}.membership-actions>*{max-width:100%;box-sizing:border-box}header .account .gold-button{white-space:normal;text-align:center}}

body[data-membership=premium] .ad-space,body[data-membership=pro] .ad-space{display:none!important}
