.subscription-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.subscription-modal{background:var(--bg-primary);border-radius:16px;width:90%;max-width:360px;padding:32px;animation:.3s slideUp;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subscription-modal .modal-close-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:16px;right:16px}.subscription-modal .modal-close-btn:hover{color:var(--text-primary)}.subscription-modal .modal-content{text-align:center}.subscription-modal .modal-icon{background:var(--bg-tertiary);width:80px;height:80px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.subscription-modal h2{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.subscription-modal p{word-break:keep-all;overflow-wrap:break-word}.subscription-modal .modal-desc{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.5}.subscription-modal .modal-features{background:var(--bg-secondary);border-radius:8px;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;display:flex}.subscription-modal .feature{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;display:flex}.subscription-modal .feature svg{color:var(--text-primary)}.subscription-modal .upgrade-btn{background:var(--text-primary);width:100%;color:var(--bg-primary);cursor:pointer;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:600;transition:background .15s}.subscription-modal .upgrade-btn:hover{background:#d97706}.subscription-modal .later-btn{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:12px;font-size:14px}.subscription-modal .later-btn:hover{color:var(--text-primary)}