.paywall{position:relative;margin:1.5rem 0;border-radius:.25rem}.paywall__content--locked{overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);pointer-events:none;user-select:none}.paywall--unlocked .paywall__content--locked{max-height:none;overflow:visible;-webkit-mask-image:none;mask-image:none;pointer-events:auto;user-select:auto}.paywall__gate{text-align:center;padding:1.25rem 1rem .5rem;margin-top:-2rem;position:relative;z-index:1}.paywall__message{margin:0 0 .75rem;font-size:1rem;font-weight:600}.paywall__open-btn{cursor:pointer;padding:.55rem 1.25rem;border:none;border-radius:.25rem;font-size:.95rem;font-weight:600;color:#fff;background-color:#07c160}.paywall__open-btn:hover{background-color:#06ad56}.paywall__gate.hide{display:none}.paywall-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.paywall-modal.hide{display:none}.paywall-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.paywall-modal__dialog{position:relative;width:100%;max-width:22rem;max-height:90vh;overflow-y:auto;padding:1.25rem 1rem 1rem;border-radius:.5rem;background:#fff;color:#222;box-shadow:0 12px 40px rgba(0,0,0,.25)}.paywall-modal__close{position:absolute;top:.35rem;right:.6rem;border:none;background:0 0;font-size:1.5rem;line-height:1;cursor:pointer;color:#666}.paywall-modal__title{margin:0 0 .5rem;font-size:1.1rem;text-align:center}.paywall-modal__hint{margin:0 0 .85rem;font-size:.85rem;line-height:1.5;color:#555;text-align:center}.paywall-modal__tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.paywall-modal__tab{flex:1;cursor:pointer;padding:.45rem .5rem;border:1px solid #ddd;border-radius:.25rem;background:#f7f7f7;font-size:.9rem;color:#333}.paywall-modal__tab--active{border-color:#07c160;background:#e8f8ef;color:#07c160;font-weight:600}.paywall-modal__panels{margin-bottom:.85rem}.paywall-modal__panel{display:none;text-align:center}.paywall-modal__panel--active{display:block}.paywall-modal__img{width:100%;max-width:16rem;height:auto;border-radius:.25rem;border:1px solid #eee}.paywall-modal__caption{margin:.5rem 0 0;font-size:.82rem;line-height:1.45;color:#666}.paywall-modal__form{display:flex;flex-direction:column;gap:.5rem}.paywall-modal__input{width:100%;box-sizing:border-box;padding:.55rem .75rem;border:1px solid #ccc;border-radius:.25rem;font-size:.95rem}.paywall-modal__btn{cursor:pointer;padding:.55rem .75rem;border:none;border-radius:.25rem;font-size:.95rem;font-weight:600;color:#fff;background-color:#07c160}.paywall-modal__btn:hover{background-color:#06ad56}.paywall-modal__error{margin:.65rem 0 0;font-size:.85rem;color:#dc2626;text-align:center}.paywall-modal__error.hide{display:none}@media(prefers-color-scheme:dark){.paywall-modal__dialog{background:#1e1e1e;color:#eee}.paywall-modal__hint,.paywall-modal__caption{color:#aaa}.paywall-modal__tab{background:#2a2a2a;border-color:#444;color:#ddd}.paywall-modal__tab--active{background:#1a3d2a;border-color:#07c160;color:#4ade80}.paywall-modal__input{background:#2a2a2a;border-color:#444;color:#eee}.paywall-modal__img{border-color:#444}}