body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.duration-slider-container{width:100%;margin:1rem 0}.duration-slider-wrapper{position:relative;padding:1.5rem 1rem .5rem}.duration-slider-track{position:relative;width:100%;height:60px}.duration-slider-input{position:absolute;top:50%;left:0;width:100%;height:4px;margin:0;padding:0;transform:translateY(-50%);-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#a8d5e2,#7fb3d5);border-radius:2px;outline:none;cursor:pointer;z-index:1}.duration-slider-input:disabled{cursor:not-allowed;opacity:.5}.duration-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#5a9fb8;cursor:pointer;box-shadow:0 2px 6px #0003;transition:all .2s ease}.duration-slider-input::-webkit-slider-thumb:hover{background:#4a8fa8;transform:scale(1.1)}.duration-slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#5a9fb8;cursor:pointer;border:none;box-shadow:0 2px 6px #0003;transition:all .2s ease}.duration-slider-input::-moz-range-thumb:hover{background:#4a8fa8;transform:scale(1.1)}.duration-slider-input:disabled::-webkit-slider-thumb{cursor:not-allowed}.duration-slider-input:disabled::-moz-range-thumb{cursor:not-allowed}.duration-slider-stops{position:absolute;top:50%;left:0;width:100%;height:100%;transform:translateY(-50%);pointer-events:none;z-index:2}.duration-stop{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:all;cursor:pointer;transition:all .2s ease}.duration-stop.disabled{cursor:not-allowed}.duration-stop.locked{cursor:not-allowed;opacity:.5}.duration-stop.enabled:hover{transform:translate(-50%,-50%) scale(1.05)}.duration-stop.selected{transform:translate(-50%,-50%) scale(1.1)}.lock-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:50%;color:#95a5a6;box-shadow:0 2px 4px #0000001a;margin-bottom:.25rem}.duration-stop.locked .lock-icon{animation:subtle-pulse 2s ease-in-out infinite}@keyframes subtle-pulse{0%,to{opacity:.7}50%{opacity:1}}.duration-label{font-size:.875rem;font-weight:500;color:#2c3e50;white-space:nowrap;background:#fffffff2;padding:.25rem .5rem;border-radius:4px;box-shadow:0 1px 3px #0000001a}.duration-stop.locked .duration-label{color:#95a5a6}.duration-stop.selected .duration-label{background:#5a9fb8;color:#fff;font-weight:600}.duration-tooltip{position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%);background:#2c3e50f2;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10;box-shadow:0 2px 8px #0003}.duration-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(44,62,80,.95)}.duration-stop.locked:hover .duration-tooltip{opacity:1}@media(max-width:768px){.duration-slider-wrapper{padding:2.5rem .5rem 1rem}.duration-label{font-size:.75rem;padding:.2rem .4rem}.lock-icon{width:20px;height:20px}.lock-icon svg{width:10px;height:12px}.duration-tooltip{font-size:.7rem;padding:.4rem .6rem}}.duration-stop,.duration-label,.lock-icon,.duration-tooltip{transition:all .2s ease}.subscription-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fade-in .2s ease-out}.subscription-modal-content{background:#fff;padding:2.5rem;border-radius:20px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slide-up .3s ease-out;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#64748b;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f1f5f9;color:#334155}.subscription-modal-content h2{margin:0 0 2rem;color:#0284c7;font-size:2rem;text-align:center}.pricing-card{text-align:center}.price{font-size:4rem;font-weight:700;color:#0284c7;margin-bottom:2rem;line-height:1}.price .currency{font-size:2rem;vertical-align:super}.price .period{font-size:1.5rem;color:#64748b;font-weight:400}.features{text-align:left;margin:2rem 0;padding:2rem;background:#f0f9ff;border-radius:12px}.features h3{margin:0 0 1rem;color:#0369a1;font-size:1.25rem}.features ul{list-style:none;padding:0;margin:0}.features li{padding:.75rem 0;font-size:1.05rem;color:#334155;border-bottom:1px solid #e0f2fe}.features li:last-child{border-bottom:none}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.comparison-column{padding:1.5rem;border-radius:12px;background:#f8fafc}.comparison-column.highlight{background:linear-gradient(135deg,#dbeafe,#f0f9ff);border:2px solid #0284c7}.comparison-column h4{margin:0 0 1rem;color:#0284c7;font-size:1.1rem}.comparison-column ul{list-style:none;padding:0;margin:0;font-size:.9rem;color:#64748b}.comparison-column ul li{padding:.5rem 0}.subscribe-button{width:100%;padding:1.25rem 2rem;font-size:1.25rem;font-weight:600;background:#0284c7;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s;margin:2rem 0 1rem}.subscribe-button:hover:not(:disabled){background:#0369a1;transform:translateY(-2px);box-shadow:0 8px 16px #0284c74d}.subscribe-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.already-subscribed{padding:1.5rem;background:#d1fae5;color:#065f46;border-radius:12px;font-weight:600;margin:2rem 0}.trust-badges{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;font-size:.9rem;color:#64748b}.error-message{padding:1rem;background:#fee2e2;color:#991b1b;border-radius:8px;margin:1rem 0}@media(max-width:640px){.subscription-modal-content{padding:2rem 1.5rem}.price{font-size:3rem}.comparison{grid-template-columns:1fr}.trust-badges{flex-direction:column;gap:.5rem}}.meditation-orb-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20vh;pointer-events:auto;opacity:0;animation:fadeInSlow 3s ease-in-out forwards}.meditation-orb-container.fade-out{animation:fadeOutSlow 3s ease-in-out forwards}.meditation-orb-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:-1}.orb-wrapper{perspective:1000px;width:300px;height:300px;margin:0 auto;opacity:0;animation:orbFadeIn 2.5s ease-in-out .5s forwards}.fade-out .orb-wrapper{animation:orbFadeOut 2.5s ease-in-out forwards}.orb{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}.orb-inner{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#bae6fd,#7dd3fcf2 15%,#38bdf8e6,#0ea5e9d9,#0284c7e6 75%,#0369a1f2 90%,#075985);box-shadow:inset -30px -30px 80px #0369a1cc,inset 30px 30px 80px #bae6fd4d,0 0 100px #0ea5e9b3,0 0 50px #7dd3fc80;animation:breathe 5s ease-in-out infinite}.orb-glow{position:absolute;top:50%;left:50%;width:250px;height:250px;margin:-125px 0 0 -125px;border-radius:50%;background:radial-gradient(circle,rgba(125,211,252,.4) 0%,rgba(14,165,233,.2) 40%,transparent 70%);animation:pulse 3.75s ease-in-out infinite;filter:blur(20px)}.orb-pulse{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;border:2px solid rgba(125,211,252,.6);animation:ripple 2.5s ease-out infinite}.meditation-message{margin-top:3rem;font-size:1.5rem;color:#fffffff2;text-shadow:0 2px 20px rgba(0,0,0,.8),0 0 40px rgba(125,211,252,.6);font-weight:300;letter-spacing:2px;text-align:center;opacity:0;animation:messageFadeInOut 10s ease-in-out forwards}@keyframes orbFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes orbFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes messageFadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-30px) translateZ(20px)}}@keyframes breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.15);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:.3}}@keyframes ripple{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes orbitRing{0%{transform:translate(-50%,-50%) rotate(-90deg)}to{transform:translate(-50%,-50%) rotate(270deg)}}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}@media(max-width:640px){.orb-wrapper{width:200px;height:200px}.orb-inner{width:150px;height:150px;margin:-75px 0 0 -75px}.orb-glow{width:180px;height:180px;margin:-90px 0 0 -90px}.orb-pulse{width:150px;height:150px;margin:-75px 0 0 -75px}.meditation-message{font-size:1.125rem}}.loading-wave-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;animation:fadeInSlow 2s ease-in-out forwards}.loading-wave-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:-1}.loading-wave-container.fade-out{animation:fadeOutSlow 2s ease-in-out forwards}.wave-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.wave{position:absolute;bottom:0;left:0;width:400%;height:150px;background:linear-gradient(90deg,transparent 0%,rgba(186,230,253,.25) 6.25%,rgba(125,211,252,.35) 12.5%,rgba(186,230,253,.25) 18.75%,transparent 25%,transparent 25%,rgba(186,230,253,.25) 31.25%,rgba(125,211,252,.35) 37.5%,rgba(186,230,253,.25) 43.75%,transparent 50%,transparent 50%,rgba(186,230,253,.25) 56.25%,rgba(125,211,252,.35) 62.5%,rgba(186,230,253,.25) 68.75%,transparent 75%,transparent 75%,rgba(186,230,253,.25) 81.25%,rgba(125,211,252,.35) 87.5%,rgba(186,230,253,.25) 93.75%,transparent 100%);border-radius:50% 50% 0 0;animation:waveMoveSeamless 8s linear infinite,waveFloat 4s ease-in-out infinite}.wave1{animation-delay:0s;opacity:.7}.wave2{animation-delay:.5s;opacity:.5;height:120px}.wave3{animation-delay:1s;opacity:.3;height:100px}.loading-message{position:relative;z-index:10;font-size:1.5rem;color:#fffffff2;text-shadow:0 2px 20px rgba(0,0,0,.8),0 0 40px rgba(125,211,252,.6);font-weight:300;letter-spacing:2px;text-align:center;opacity:0;animation:messageFadeIn 2s ease-in-out .5s forwards}@keyframes fadeInSlow{0%{opacity:0}to{opacity:1}}@keyframes fadeOutSlow{0%{opacity:1}to{opacity:0}}@keyframes waveMoveSeamless{0%{transform:translate(0)}to{transform:translate(-25%)}}@keyframes waveFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.loading-message{font-size:1.125rem}.wave{height:100px}.wave2{height:80px}.wave3{height:60px}}:root{--primary-color: #0284c7;--primary-hover: #0369a1;--secondary-color: #06b6d4;--background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #f0fdf4 100%);--surface: #ffffff;--text-primary: #334155;--text-secondary: #64748b;--border: #bae6fd;--error: #ef4444;--success: #10b981;--shadow: rgba(2, 132, 199, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);background-attachment:fixed;color:var(--text-primary);line-height:1.6;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#0009,#0009),url(/images/pexels-magicbowls-1830208-3543912.jpg);background-size:cover;background-position:center;z-index:-1}.app{min-height:100vh;display:flex;flex-direction:column}header{background:transparent;color:#7dd3fc;padding:2rem;text-align:left}header h1{font-family:Georgia,serif;font-size:3.5rem;font-weight:500;margin-bottom:0;letter-spacing:3px;text-shadow:5px 5px 15px rgba(0,0,0,.8),3px 3px 10px rgba(0,0,0,.6),0 0 30px rgba(186,230,253,.7)}.logo-meditation{color:#f3f4f6}.logo-dot,.logo-blue{color:#06b6d4}header p{display:none}main{flex:1;max-width:900px;width:100%;margin:2rem auto;padding:0 1rem}.test-section{background:#fef3c7;border:2px solid #fbbf24;padding:1.5rem;border-radius:12px;margin-bottom:2rem;text-align:center}.test-section h3{margin-bottom:.5rem;color:#92400e}.test-section p{margin-bottom:1rem;color:#78350f;font-size:.9rem}.test-audio-player{margin-top:1rem}.test-audio-player audio{width:100%;max-width:400px}.error-banner{background:#fee2e2;border:1px solid var(--error);color:#991b1b;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.meditation-form{background:linear-gradient(135deg,#e0f2feeb,#fffffff7,#e0f2feeb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:24px;box-shadow:0 12px 48px #00000040,0 8px 32px #0ea5e933;border:1px solid rgba(255,255,255,.5);position:relative;z-index:100}.meditation-form h2{display:none}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--primary-color);font-size:1.375rem;text-align:center;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.1),0 0 8px rgba(255,255,255,.5)}.name-input{width:100%;max-width:450px;margin:0 auto;padding:1rem;border:2px solid var(--border);border-radius:8px;font-size:1.125rem;font-family:inherit;transition:border-color .2s;text-align:center;display:block}.name-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0ea5e91a}.name-input:disabled{background:#f1f5f9;cursor:not-allowed}.name-input::placeholder{color:var(--text-secondary);font-style:italic}.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .2s}.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-group textarea:disabled{background:#f1f5f9;cursor:not-allowed}.error{display:block;color:var(--error);font-size:.875rem;margin-top:.25rem}.gentle-hint{position:absolute;left:0;top:-2rem;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#a8d5e2f2,#bae6fdf2);border-left:3px solid #7dd3fc;border-radius:8px;color:#0369a1;font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:10;max-width:300px;opacity:0;animation:gentle-fade-in-slow 1s linear forwards}.gentle-hint.fade-out{opacity:0;animation:gentle-fade-out-slow .4s linear forwards}@keyframes gentle-fade-in-slow{0%{opacity:0}to{opacity:1}}@keyframes gentle-fade-out-slow{0%{opacity:1}to{opacity:0}}.gentle-hint svg{flex-shrink:0;color:#0ea5e9;opacity:.8}.gentle-hint span{line-height:1.4}@keyframes gentle-appear{0%{opacity:0;transform:translateY(-8px);max-height:0;margin-top:0;padding-top:0;padding-bottom:0}to{opacity:1;transform:translateY(0);max-height:200px;margin-top:.75rem;padding-top:.75rem;padding-bottom:.75rem}}.subscriber-benefits-footer{margin-top:1.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#a8d5e21f,#7fb3d51f);border-radius:12px;border:1px solid rgba(90,159,184,.25);text-align:center;animation:gentle-fade-in .4s ease-out}.subscriber-benefits-footer p{margin:0;font-size:.9rem;color:#0369a1;line-height:1.6}.subscriber-benefits-footer strong{color:#0284c7;font-weight:600}.duration-options{display:flex;gap:1rem;margin-top:.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;border:2px solid var(--border);border-radius:8px;transition:all .2s}.radio-label:hover{border-color:var(--primary-color);background:#0ea5e90d}.radio-label input[type=radio]{cursor:pointer}.radio-label input[type=radio]:checked+span{color:var(--primary-color);font-weight:600}.submit-button,.primary-button,.secondary-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.submit-button,.primary-button{background:var(--primary-color);color:#fff;width:100%}.submit-button:hover:not(:disabled),.primary-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.submit-button:disabled,.primary-button:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.secondary-button{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.secondary-button:hover{background:var(--primary-color);color:#fff}.results{background:var(--surface);padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.script-section h2{margin-bottom:1rem;color:var(--text-primary)}.script-meta{display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.875rem}.script-text{background:#f8fafc;padding:1.5rem;border-radius:8px;line-height:1.8;white-space:pre-wrap;margin-bottom:2rem;max-height:400px;overflow-y:auto}.actions{display:flex;flex-direction:column;gap:1rem}.audio-section{background:#f8fafc;padding:1.5rem;border-radius:8px;text-align:center}.audio-section h3{margin-bottom:1rem;color:var(--text-primary)}.audio-player{width:100%;margin-bottom:1rem}footer{background:var(--surface);padding:1.5rem;text-align:center;color:var(--text-secondary);border-top:1px solid var(--border);margin-top:2rem}@media(max-width:640px){header h1{font-size:1.75rem}.meditation-form,.results{padding:1.5rem}.duration-options{flex-direction:column}}.user-type-toggle{display:flex;gap:1rem;margin-bottom:.5rem}.toggle-option{flex:1;display:flex;align-items:center;padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;background:#fff}.toggle-option:has(input:checked){border-color:var(--primary-color);background:#0ea5e90d}.toggle-option input[type=radio]{margin-right:.5rem}.toggle-option span{font-weight:500}.user-type-description{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem;font-style:italic}.quick-select-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;justify-content:center}.quick-select-btn{padding:.625rem 1.25rem;font-size:.9375rem;border:2px solid var(--border);border-radius:20px;background:#fff;color:var(--text-primary);cursor:pointer;transition:all .2s;font-weight:600;min-height:44px;box-shadow:0 2px 4px #00000014,0 1px 2px #0ea5e91a;text-shadow:0 1px 1px rgba(255,255,255,.8)}.quick-select-btn:hover:not(:disabled){border-color:var(--primary-color);background:#0ea5e926;color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000001f,0 2px 4px #0ea5e933}.quick-select-btn:active:not(:disabled):not(.selected){background:#0ea5e926;color:var(--text-primary)!important;border-color:var(--primary-color)}.quick-select-btn.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 3px 6px #00000026,0 2px 4px #0ea5e94d;transform:translateY(-1px);text-shadow:0 1px 2px rgba(0,0,0,.2)}.quick-select-btn.selected:active:not(:disabled){background:#4f46e5;color:#fff!important}.quick-select-btn:disabled{opacity:.5;cursor:not-allowed}.generating-state{text-align:center;padding:4rem 2rem}.meditation-loader{width:60px;height:60px;border:4px solid var(--border);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.generating-state p{font-size:1.25rem;color:var(--text-secondary)}.audio-section{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#dbeafe,#f0f9ff);border-radius:20px;max-width:600px;margin:0 auto}.audio-section h2{font-size:2rem;margin-bottom:1rem;color:var(--primary-color)}.meditation-playing{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.stop-button,.new-session-button{font-size:1.125rem;padding:1rem 2rem;border-radius:12px;border:none;cursor:pointer;font-weight:600;transition:all .2s;margin:.5rem}.stop-button{background:var(--error);color:#fff}.stop-button:hover{background:#dc2626;transform:translateY(-2px)}.new-session-button{background:var(--primary-color);color:#fff}.new-session-button:hover{background:var(--primary-hover);transform:translateY(-2px)}.submit-button{font-size:1.25rem!important;padding:1rem 2rem!important;font-weight:600!important;background:#0284c7!important;color:#fff!important;border:none!important;border-radius:50px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0000001a,0 1px 4px #0ea5e926!important;width:100%!important;max-width:450px!important;margin:2rem auto 0!important;display:block!important;min-height:48px!important;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .3s ease-out}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:hover:not(:disabled){background:#06b6d4!important;box-shadow:0 4px 12px #00000026,0 2px 6px #0ea5e933!important}.submit-button:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.submit-button.stop-mode{position:relative;z-index:1001!important;background:#38bdf8!important;box-shadow:0 4px 16px #38bdf880,0 2px 8px #00000040!important;border:2px solid rgba(255,255,255,.4)!important;font-weight:700!important}.submit-button.stop-mode:hover{background:#7dd3fc!important;box-shadow:0 6px 24px #7dd3fc99,0 3px 12px #0000004d!important;transform:translateY(-2px)!important}.audio-playing-indicator{text-align:center;padding:2rem;margin-top:2rem}.playing-animation{font-size:4rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.audio-playing-indicator p{font-size:1.125rem;color:var(--text-secondary);margin-top:1rem}.audio-controls-overlay{text-align:center;margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#fee2e2,#fef2f2);border-radius:16px}.stop-overlay-button{font-size:1.5rem;padding:1.5rem 3rem;border-radius:16px;border:none;cursor:pointer;font-weight:700;transition:all .2s;background:var(--error);color:#fff;box-shadow:0 4px 6px #0000001a}.stop-overlay-button:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.subscriber-benefits{margin-top:1.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#a8d5e21f,#bae6fd1f);border-radius:12px;border:1px solid rgba(125,211,252,.3);text-align:center;max-width:450px;margin-left:auto;margin-right:auto;box-shadow:0 2px 8px #7dd3fc1a}.subscriber-benefits p{margin:0;font-size:.875rem;color:#0369a1;line-height:1.6}.subscriber-benefits strong{color:#0284c7;font-weight:600}@media(max-width:768px){.subscriber-benefits{padding:.875rem 1rem;margin-top:1.25rem}.subscriber-benefits p{font-size:.8125rem}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease-out}.modal-content{background:#fff;padding:2rem;border-radius:16px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slide-up .3s ease-out}.modal-content h3{margin:0 0 1rem;color:var(--primary-color);font-size:1.5rem}.modal-content p{margin:0 0 .5rem;color:var(--text-primary);line-height:1.6}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-button{flex:1;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.modal-button.primary{background:var(--primary-color);color:#fff}.modal-button.primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.modal-button.secondary{background:#fff;color:var(--text-secondary);border:2px solid #e2e8f0}.modal-button.secondary:hover{background:#f8fafc;border-color:#cbd5e1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}