:root{--sj-gold:#c9933a;--sj-crimson:#8b1a2e;--sj-deep:#0f0505;--sj-cream:#f5ede0}
/* After-post signup */
.sj-email-after-post{background:linear-gradient(135deg,#1a0808,#2d0a15);border:1px solid rgba(201,147,58,.3);border-radius:6px;padding:40px;margin:40px 0;text-align:center}
.sj-email-ap-icon{font-size:2rem;margin-bottom:16px}
.sj-email-after-post h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.6rem;font-weight:300;color:var(--sj-cream);margin:0 0 12px;letter-spacing:.03em}
.sj-email-after-post p{color:rgba(245,237,224,.65);font-size:.9rem;line-height:1.7;max-width:520px;margin:0 auto 20px}
.sj-email-magnet{color:var(--sj-gold)!important;font-size:.85rem!important;font-style:italic}
.sj-email-fields{display:flex;gap:10px;max-width:560px;margin:0 auto;flex-wrap:wrap}
.sj-email-name,.sj-email-input{flex:1;min-width:180px;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(201,147,58,.3);color:var(--sj-cream);font-size:.9rem;border-radius:3px;font-family:inherit}
.sj-email-input::placeholder,.sj-email-name::placeholder{color:rgba(245,237,224,.35)}
.sj-email-input:focus,.sj-email-name:focus{border-color:var(--sj-gold);outline:none;background:rgba(255,255,255,.07)}
.sj-email-btn{padding:12px 28px;background:var(--sj-crimson);color:var(--sj-cream);border:none;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:3px;letter-spacing:.05em;font-family:inherit;transition:background .2s;white-space:nowrap}
.sj-email-btn:hover{background:var(--sj-gold);color:#1a0808}
.sj-email-legal{font-size:.72rem;color:rgba(245,237,224,.3);margin:10px 0 0!important}
.sj-email-msg{margin-top:12px;padding:10px 16px;border-radius:3px;font-size:.85rem}
.sj-email-msg.success{background:rgba(45,122,79,.2);color:#6ecfa0;border:1px solid rgba(45,122,79,.3)}
.sj-email-msg.error{background:rgba(139,26,46,.2);color:#f08090;border:1px solid rgba(139,26,46,.3)}
/* Exit popup */
.sj-popup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:99999;align-items:center;justify-content:center}
.sj-popup-overlay.active{display:flex}
.sj-popup{background:linear-gradient(135deg,#1a0808,#2d0a15);border:1px solid rgba(201,147,58,.3);border-radius:8px;padding:48px 40px;max-width:520px;width:90%;position:relative;text-align:center}
.sj-popup-close{position:absolute;top:14px;right:18px;background:none;border:none;color:rgba(245,237,224,.4);font-size:1.4rem;cursor:pointer;line-height:1}
.sj-popup-close:hover{color:var(--sj-gold)}
.sj-popup h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.8rem;font-weight:300;color:var(--sj-cream);margin:0 0 12px}
.sj-popup p{color:rgba(245,237,224,.65);font-size:.88rem;line-height:1.7;margin:0 0 24px}
/* Slide-in */
.sj-slidein{display:none;position:fixed;bottom:24px;right:24px;width:320px;background:linear-gradient(135deg,#1a0808,#2d0a15);border:1px solid rgba(201,147,58,.35);border-radius:6px;padding:24px;z-index:9999;box-shadow:0 8px 32px rgba(0,0,0,.5)}
.sj-slidein.active{display:block;animation:slideUp .3s ease}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.sj-slidein-close{float:right;background:none;border:none;color:rgba(245,237,224,.4);cursor:pointer;font-size:1.1rem}
.sj-slidein h4{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.2rem;font-weight:300;color:var(--sj-cream);margin:0 0 8px}
.sj-slidein p{font-size:.8rem;color:rgba(245,237,224,.6);margin:0 0 14px;line-height:1.5}
