@layer components{.paywall-modal{--pm-bg: #0a0b11;--pm-text: #fff;--pm-text-muted: #aeb3c2;--pm-text-dim: #7c8194;--pm-border: rgb(255 255 255 / 10%);--pm-pricing-bg: rgb(255 255 255 / 2%);--pm-pricing-border: rgb(255 255 255 / 12%);--pm-pricing-badge: #00e6a0;--pm-pricing-text: #8b91a4;--pm-cta-bg: #00e6a0;--pm-cta-text: #000;--pm-cta-shadow: 0 0 34px rgb(0 230 160 / 38%);--pm-close-color: rgb(255 255 255 / 45%);--pm-close-hover: rgb(255 255 255 / 90%);position:fixed;inset:0;margin:auto;border:1px solid var(--pm-border);border-radius:20px;padding:0;background:var(--pm-bg);color:var(--pm-text);width:min(452px,100vw - 2rem);max-height:96vh;overflow-y:auto;box-shadow:0 44px 120px rgba(0,0,0,.78)}.paywall-modal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(4px)}html:not(.dark) .paywall-modal{--pm-bg: var(--color-surface);--pm-text: var(--color-text);--pm-text-muted: var(--color-text-secondary);--pm-text-dim: var(--color-text-muted);--pm-border: var(--color-border);--pm-pricing-bg: var(--color-hover-subtle);--pm-pricing-border: var(--color-border);--pm-pricing-badge: var(--color-primary-green);--pm-pricing-text: var(--color-text-secondary);--pm-close-color: rgb(0 0 0 / 35%);--pm-close-hover: rgb(0 0 0 / 80%);box-shadow:0 20px 60px rgba(0,0,0,.18)}html:not(.dark) .paywall-modal::backdrop{background:rgba(0,0,0,.5)}.paywall-modal__card{padding:22px 22px 20px}.paywall-modal__close-wrap{display:flex;justify-content:flex-end;margin-bottom:4px}.paywall-modal__close{background:none;border:none;cursor:pointer;color:var(--pm-close-color);padding:2px;display:flex;align-items:center;transition:color .15s}.paywall-modal__close:hover{color:var(--pm-close-hover)}.paywall-modal__close-icon{width:18px;height:18px}.paywall-modal__banner{width:100%;display:block;border-radius:10px;margin-bottom:13px}.paywall-modal__cta{display:flex;align-items:center;justify-content:center;gap:11px;background:var(--pm-cta-bg);border-radius:12px;padding:14px;cursor:pointer;box-shadow:var(--pm-cta-shadow);margin-bottom:10px;color:var(--pm-cta-text);font-size:18px;font-weight:800;letter-spacing:.01em;text-decoration:none;transition:opacity .15s}.paywall-modal__cta:hover{opacity:.92}.paywall-modal__cta-icon{width:18px;height:18px;flex-shrink:0;color:var(--pm-cta-text)}.paywall-modal__pricing{border:1px solid var(--pm-pricing-border);border-radius:13px;padding:11px 16px;margin-bottom:0;background:var(--pm-pricing-bg);display:flex;align-items:center;justify-content:space-between}.paywall-modal__pricing-badge{font-size:10.5px;font-weight:800;letter-spacing:.09em;color:var(--pm-pricing-badge)}.paywall-modal__pricing-amount{display:flex;align-items:baseline;gap:7px}.paywall-modal__pricing-price{font-size:22px;font-weight:800;color:var(--pm-text);letter-spacing:-0.01em}.paywall-modal__pricing-period{font-size:12px;font-weight:600;color:var(--pm-pricing-text)}.paywall-modal__trust{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:11px;font-size:12px;font-weight:600;color:var(--pm-text-dim)}.paywall-modal__dismiss-form{text-align:center;margin-top:11px}.paywall-modal__dismiss{background:none;border:none;cursor:pointer;font-size:13.5px;font-weight:700;color:var(--pm-text-dim);transition:color .15s}.paywall-modal__dismiss:hover{color:var(--pm-text-muted)}}