.push-subscribe[data-v-d4d2aca4]{padding:2rem;max-width:600px;margin:0 auto}h2[data-v-d4d2aca4]{margin-bottom:2rem;color:#2d3748;font-size:2rem;font-weight:700;text-align:center}.message[data-v-d4d2aca4]{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a}.message-icon[data-v-d4d2aca4]{font-size:1.5rem;flex-shrink:0}.message-content[data-v-d4d2aca4]{flex:1}.message-content strong[data-v-d4d2aca4]{display:block;margin-bottom:.5rem;font-size:1.1rem}.message-content p[data-v-d4d2aca4]{margin:0;line-height:1.5}.message.error[data-v-d4d2aca4]{background:linear-gradient(135deg,#fee,#fdd);border:2px solid #fcc;color:#c33}.message.warning[data-v-d4d2aca4]{background:linear-gradient(135deg,#fff9e6,#fff3cd);border:2px solid #ffd700;color:#856404}.message.success[data-v-d4d2aca4]{background:linear-gradient(135deg,#e6f7e6,#d4edda);border:2px solid #c3e6cb;color:#155724}.controls[data-v-d4d2aca4],.subscribed[data-v-d4d2aca4],.not-subscribed[data-v-d4d2aca4]{display:flex;flex-direction:column;gap:1.5rem}.subscribe-prompt[data-v-d4d2aca4]{text-align:center;padding:1rem;color:#4a5568;font-size:1.1rem}.token-section[data-v-d4d2aca4]{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000d}.token-header[data-v-d4d2aca4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;color:#2d3748;font-size:.95rem}.token-value[data-v-d4d2aca4]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;overflow-x:auto}.token-value code[data-v-d4d2aca4]{display:block;word-break:break-all;font-size:.85rem;color:#4a5568;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.6}.btn-copy[data-v-d4d2aca4]{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-weight:500;box-shadow:0 2px 4px #667eea4d}.btn-copy[data-v-d4d2aca4]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea66}.btn-copy[data-v-d4d2aca4]:active{transform:translateY(0)}.actions[data-v-d4d2aca4]{display:flex;gap:1rem;flex-wrap:wrap}.btn[data-v-d4d2aca4]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;flex:1;min-width:160px}.btn[data-v-d4d2aca4]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-icon[data-v-d4d2aca4]{font-size:1.2rem}.btn-primary[data-v-d4d2aca4]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-d4d2aca4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.btn-primary[data-v-d4d2aca4]:active:not(:disabled){transform:translateY(0)}.btn-primary.btn-large[data-v-d4d2aca4]{padding:1.125rem 2rem;font-size:1.1rem}.btn-danger[data-v-d4d2aca4]{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.btn-danger[data-v-d4d2aca4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #f5656566}.btn-danger[data-v-d4d2aca4]:active:not(:disabled){transform:translateY(0)}.btn-test[data-v-d4d2aca4]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-test[data-v-d4d2aca4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #48bb7866}.btn-test[data-v-d4d2aca4]:active:not(:disabled){transform:translateY(0)}.test-result[data-v-d4d2aca4]{animation:slideIn-d4d2aca4 .3s ease}@keyframes slideIn-d4d2aca4{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.push-subscribe[data-v-d4d2aca4]{padding:1rem}h2[data-v-d4d2aca4]{font-size:1.5rem}.actions[data-v-d4d2aca4]{flex-direction:column}.btn[data-v-d4d2aca4]{width:100%}.token-header[data-v-d4d2aca4]{flex-direction:column;align-items:flex-start;gap:.5rem}.btn-copy[data-v-d4d2aca4]{width:100%}}.notification-form[data-v-d4d2aca4]{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d}.notification-form h3[data-v-d4d2aca4]{margin-bottom:1.5rem;color:#2d3748;font-size:1.5rem}.form-group[data-v-d4d2aca4]{margin-bottom:1rem}.form-group label[data-v-d4d2aca4]{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:500;font-size:.9rem}.form-group input[data-v-d4d2aca4],.form-group textarea[data-v-d4d2aca4],.form-group select[data-v-d4d2aca4]{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .2s}.form-group input[data-v-d4d2aca4]:focus,.form-group textarea[data-v-d4d2aca4]:focus,.form-group select[data-v-d4d2aca4]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-row[data-v-d4d2aca4]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-checkboxes[data-v-d4d2aca4]{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.checkbox-label[data-v-d4d2aca4]{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#4a5568;font-size:.9rem}.checkbox-label input[type=checkbox][data-v-d4d2aca4]{width:auto;cursor:pointer}.form-actions[data-v-d4d2aca4]{display:flex;gap:1rem;margin-top:1.5rem}.btn-secondary[data-v-d4d2aca4]{background:linear-gradient(135deg,#a0aec0,#718096);color:#fff}.btn-secondary[data-v-d4d2aca4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #a0aec066}@media(max-width:640px){.form-row[data-v-d4d2aca4]{grid-template-columns:1fr}.form-checkboxes[data-v-d4d2aca4]{flex-direction:column;gap:.75rem}.form-actions[data-v-d4d2aca4]{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{max-width:800px;margin:0 auto;padding:2rem}header{text-align:center;color:#fff;margin-bottom:2rem}header h1{font-size:2.5rem;margin-bottom:.5rem}main{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0003}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{width:100%}