@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap);.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000}.btn-primary{box-shadow:0 4px 16px var(--shadow-aqua)}.btn-primary:hover:not(:disabled){border-color:var(--aqua-blue-dark);box-shadow:0 8px 25px var(--shadow-aqua)}.btn-secondary{box-shadow:0 4px 16px var(--shadow-color)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--beach-sand) 0,var(--beach-sand-light) 100%);border-color:var(--beach-sand);box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-2px)}.btn-success{border-color:#fff3;box-shadow:0 4px 16px #28a7454d}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea085);border-color:#ffffff4d;box-shadow:0 8px 25px #28a74566;transform:translateY(-2px)}.btn-danger{border-color:#fff3;box-shadow:0 4px 16px #dc35454d}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#d63384);border-color:#ffffff4d;box-shadow:0 8px 25px #dc354566;transform:translateY(-2px)}.btn-outline{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--beach-sand-light);border-color:var(--border-soft);color:var(--text-primary)}.btn-outline:hover:not(:disabled){background:var(--beach-sand-warm);border-color:var(--aqua-blue-soft);box-shadow:0 8px 25px var(--shadow-color);color:var(--text-primary);transform:translateY(-2px)}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn-lg{border-radius:16px;font-size:1.125rem}.btn-small{border-radius:6px;font-size:.8rem;padding:.375rem .75rem}.audio-controls .btn:active{transform:translateY(1px)}.audio-controls .btn{padding:0 1.5rem}.audio-controls .btn:focus{box-shadow:0 0 0 3px #667eea66,0 8px 24px #667eea4d;outline:none}.audio-controls .btn:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.6;transform:none}.audio-controls .btn:disabled:hover{box-shadow:none;transform:none}.audio-controls .btn:first-child:hover{transform:translateY(-3px) scale(1.02)}.audio-controls .btn{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.2}.storyteller-management-section{margin-bottom:3rem;position:relative}.storyteller-management-section .section-header{margin-bottom:2rem;text-align:center}.storyteller-management-section .section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#feca57);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 1rem}.storyteller-management-section .section-header p{color:#fffc;font-size:1.125rem;font-weight:400;line-height:1.6;margin:0}.storyteller-management-content{display:flex;flex-direction:column;gap:2rem}.current-storytellers h3,.link-storyteller-section h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.storytellers-list{gap:1.5rem}.storyteller-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;justify-content:space-between;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.storyteller-item:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 20px 40px #0003;transform:translateY(-8px)}.storyteller-info{flex-direction:column;gap:.5rem}.storyteller-name{font-size:1.25rem;margin:0}.storyteller-code{font-family:monospace}.storyteller-actions{gap:.75rem}.storyteller-actions .btn{border-radius:12px;font-size:.875rem;font-weight:500;min-width:120px;padding:.75rem 1rem}.link-storyteller-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;overflow:hidden;padding:2rem;position:relative}.help-text{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.link-storyteller-form{align-items:center;display:flex;gap:1rem}.form-input{border:1px solid #ffffff4d;flex:1 1;padding:1rem 1.5rem}.form-input:focus{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.empty-state{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin:2rem 0}.empty-state h3{font-size:1.5rem;margin:0 0 1rem}.empty-state p{color:#ffffffb3;line-height:1.6}.form-label{color:#333;font-weight:500}.form-input{background-color:#fff;border:1px solid #ced4da;border-radius:.375rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.form-input.error{border-color:#dc3545}.form-input.success{border-color:#28a745}.form-error,.form-help{margin-top:.25rem}.card{background-color:#fff;border:1px solid #e9ecef;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.card-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1.5rem}.card-title{color:#333;font-size:1.25rem;font-weight:600}.card-body,.card-footer{padding:1.5rem}.card-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef}.alert{border:1px solid #0000;border-radius:.375rem;margin-bottom:1rem;padding:1rem}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.badge{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:600;line-height:1;padding:.25rem .5rem;text-align:center;vertical-align:initial;white-space:nowrap}.badge-primary{background-color:#007bff;color:#fff}.badge-secondary{background-color:#6c757d;color:#fff}.badge-success{background-color:#28a745;color:#fff}.badge-danger{background-color:#dc3545;color:#fff}.badge-warning{background-color:#ffc107;color:#212529}.badge-info{background-color:#17a2b8;color:#fff}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1050}.modal.show{opacity:1;visibility:visible}.modal-dialog{background-color:#fff;border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e9ecef;padding:1.5rem}.modal-title{font-size:1.25rem}.modal-close{color:#6c757d;line-height:1;padding:0}.modal-close:hover{color:#333}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{border-top:1px solid #e9ecef;gap:.5rem}.spinner{border:2px solid #f3f3f3;border-top-color:#007bff;display:inline-block}@media (max-width:768px){.btn{font-size:.875rem;padding:.625rem 1.25rem}.card-body,.card-footer,.card-header{padding:1rem}.modal-dialog{margin:1rem;width:95%}}.stories-section{margin:1rem 0;padding:0 .5rem}.section-header{animation:fadeInUp .8s ease-out;margin-bottom:1.5rem}.header-text{flex:1 1;text-align:left}.refresh-btn{flex-shrink:0;font-size:.9rem;padding:.5rem 1rem}.refresh-btn:hover{transform:rotate(180deg)}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;letter-spacing:-.02em;margin-bottom:.25rem;text-align:center;text-shadow:0 4px 8px #0000004d}.section-header p{color:#e0e0e0;font-size:.9rem;font-weight:400;margin:0;opacity:.9;text-align:center}.storyteller-stories-container{animation:fadeInUp .8s ease-out .2s both;display:flex;flex-direction:column;gap:1rem}.storyteller-stories-group{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#ffffff1f,#ffffff14);border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.storyteller-stories-group:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#feca57,#ff6b6b,#f093fb,#feca57);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.storyteller-stories-group:hover{border-color:#ffffff40;box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a,inset 0 1px 0 #ffffff26;transform:translateY(-6px)}.storyteller-header{animation:fadeInUp .6s ease-out .4s both;margin-bottom:1rem}.storyteller-name{font-size:1.3rem;font-weight:700;letter-spacing:-.01em;text-shadow:0 2px 4px #0000004d}.storyteller-stats{align-items:center;display:flex;gap:.75rem}.story-count{background:linear-gradient(135deg,#feca57,#ff6b6b);border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 16px #667eea4d;color:#fff;font-size:.8rem;font-weight:600;padding:.4rem .8rem;transition:all .3s ease}.story-count:hover{box-shadow:0 6px 20px #667eea66;transform:scale(1.05)}.recordings-grid{grid-gap:1rem;animation:fadeInUp .6s ease-out .6s both;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.recording-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1f;border-radius:12px;overflow:hidden;padding:1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.recording-card.compact{margin-bottom:.5rem;padding:.75rem}.recording-card.compact .recording-header{margin-bottom:.5rem}.recording-card.compact .recording-details{margin-top:.5rem;padding-top:.5rem}.recording-card:before{background:linear-gradient(90deg,#feca57,#ff6b6b,#f093fb);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.recording-card:hover:before{opacity:1}.recording-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#fff3;box-shadow:0 20px 50px #00000026,0 8px 20px #0000001a;transform:translateY(-8px) scale(1.02)}.recording-header{margin-bottom:.75rem}.recording-info{flex:1 1;min-width:0}.recording-title{color:#fff;font-size:1rem;text-shadow:0 1px 2px #0000004d}.recording-question,.recording-title{word-wrap:break-word;margin:0 0 .25rem}.recording-question{color:#feca57;font-size:.85rem;font-style:italic;font-weight:500;line-height:1.3}.recording-card.compact .recording-question{font-size:.9rem;margin:0 0 .4rem}.recording-meta{align-items:center;color:#d0d0d0;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;margin:0 0 .25rem}.recording-meta:before{color:#feca57;content:"•";font-weight:700}.recording-notes{color:#b0b0b0;font-size:.8rem;font-style:italic;line-height:1.4;margin:0}.recording-actions{flex-shrink:0;gap:.4rem}.recording-details{animation:fadeIn .4s ease-out;border-top:1px solid #ffffff26;margin-top:.75rem;padding-top:.75rem}.recording-controls{display:flex;flex-direction:column;gap:1.5rem}.audio-player{background:#ffffff1a;border:1px solid #fff3;height:48px;transition:all .3s ease}.audio-player:hover{background:#ffffff26;border-color:#ffffff4d}.recording-actions-detail{display:flex;gap:.75rem;justify-content:flex-end}.empty-state{animation:fadeInUp .8s ease-out .8s both;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1f;padding:4rem 2rem}.empty-state h3{font-size:1.8rem}.empty-state p{color:#d0d0d0;font-size:1.1rem;margin:0 auto;max-width:500px}.loading-container{animation:fadeIn .6s ease-out;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1.2s linear infinite;border-top-color:#feca57;box-shadow:0 4px 16px #667eea33;height:48px;margin:0 auto 1.5rem;width:48px}@media (max-width:768px){.stories-section{padding:0 .5rem}.section-header h2{font-size:2.2rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.refresh-btn{align-self:flex-end;margin-top:.5rem}.storyteller-stories-group{padding:2rem 1.5rem}.recordings-grid{gap:1.5rem;grid-template-columns:1fr}.recording-card{padding:1.5rem}}@media (max-width:480px){.stories-section{padding:0 .25rem}.section-header h2{font-size:1.8rem}.section-header p{font-size:1rem}.header-content{gap:.75rem}.refresh-btn{font-size:.8rem;min-width:auto;padding:.4rem .8rem;white-space:nowrap}}.custom-audio-player{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#ffffff14,#ffffff08 50%,#ffffff03);border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0000001a;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.custom-audio-player:before{background:linear-gradient(145deg,#667eea14,#764ba20d 50%,#f093fb08);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.custom-audio-player:after{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.custom-audio-player:hover:before{opacity:1}.custom-audio-player:hover{border-color:#ffffff2e;box-shadow:0 32px 80px #0003,0 16px 48px #00000026,inset 0 1px 0 #fff3,inset 0 -1px 0 #00000026;transform:translateY(-4px)}.audio-controls{flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.audio-controls .btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:none;border-radius:16px;cursor:pointer;flex-shrink:0;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;font-weight:700;height:48px;letter-spacing:.8px;min-width:100px;overflow:hidden;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.audio-controls .btn:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.audio-controls .btn:hover:before{left:100%}.audio-controls .btn:hover{box-shadow:0 12px 32px #00000040;transform:translateY(-3px)}.audio-controls .btn:active{transform:translateY(-1px);transition:transform .1s ease}.audio-controls .btn:first-child{background:linear-gradient(145deg,#feca57,#ff6b6b 50%,#f093fb);box-shadow:0 8px 24px #667eea66,inset 0 1px 0 #fff3;color:#fff;text-shadow:0 2px 4px #0000004d}.audio-controls .btn:first-child:hover{background:linear-gradient(145deg,#5a6fd8,#6a4190 50%,#e085e8);box-shadow:0 12px 32px #667eea80,inset 0 1px 0 #ffffff40}.audio-controls .btn:not(:first-child){-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#ffffff1f,#ffffff0f);border:1px solid #ffffff26;color:#fff}.audio-controls .btn:not(:first-child):hover{background:linear-gradient(145deg,#ffffff2e,#ffffff1a);border-color:#ffffff40;box-shadow:0 8px 24px #ffffff1a;color:#fff}.audio-progress{position:relative;width:100%}.progress-bar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1a;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a,inset 0 -1px 2px #ffffff0d;height:16px;margin-bottom:1.5rem}.progress-bar:before{background:linear-gradient(145deg,#ffffff14,#ffffff08);border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-fill{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#feca57,#ff6b6b 25%,#f093fb 50%,#feca57 75%,#ff6b6b);background-size:200% 100%;border-radius:12px;overflow:hidden;position:relative;transition:width .3s ease}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.progress-fill:after{animation:shimmer 2.5s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.audio-time{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#ffffff1f,#ffffff0f);border:1px solid #ffffff26;border-radius:12px;box-shadow:0 4px 16px #0000001a,inset 0 1px 0 #ffffff1a;color:#fff;display:inline-block;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin:0 auto;min-width:140px;padding:.75rem 1.5rem;text-align:center;text-shadow:0 2px 4px #0000004d}.custom-audio-player[data-loading=true] .audio-controls .btn:first-child{animation:pulse 2s infinite;background:linear-gradient(145deg,#f39c12,#e67e22 50%,#d35400)}.custom-audio-player[data-playing=true] .audio-controls .btn:first-child{animation:glow 2.5s ease-in-out infinite alternate;background:linear-gradient(145deg,#27ae60,#2ecc71 50%,#16a085)}.custom-audio-player[data-error=true] .audio-controls .btn:first-child{animation:shake .6s ease-in-out;background:linear-gradient(145deg,#e74c3c,#c0392b 50%,#a93226)}@keyframes glow{0%{box-shadow:0 8px 24px #27ae6066,0 0 20px #27ae604d}to{box-shadow:0 12px 32px #27ae6099,0 0 30px #27ae6080}}.custom-audio-player[data-loading=true] .audio-controls .btn:first-child:after{animation:spin 1.2s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#ffffffe6;content:"";height:18px;left:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;width:18px}@media (max-width:768px){.custom-audio-player{border-radius:20px;margin-bottom:1.5rem;padding:1.5rem}.audio-controls{gap:.75rem;margin-bottom:1.5rem}.audio-controls .btn{font-size:.9rem;height:44px;letter-spacing:.6px;min-width:90px}.progress-bar{height:14px;margin-bottom:1.25rem}.audio-time{font-size:1rem;letter-spacing:.8px;min-width:120px;padding:.6rem 1.2rem}}@media (max-width:480px){.custom-audio-player{border-radius:18px;padding:1.25rem}.audio-controls{flex-direction:column;gap:.75rem}.audio-controls .btn{max-width:200px;width:100%}}.memoora-logo{display:inline-block;transition:all .3s ease;-webkit-user-select:none;user-select:none}.memoora-logo--horizontal,.memoora-logo--stacked{height:auto;max-width:100%}.memoora-logo--icon{height:40px;width:40px}.memoora-logo--small{height:auto;width:120px}.memoora-logo--medium{height:auto;width:180px}.memoora-logo--large{height:auto;width:240px}.memoora-logo--xlarge{height:auto;width:320px}.memoora-logo--gradient{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.memoora-logo--navy{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.memoora-logo:hover{filter:brightness(1.1);transform:scale(1.02)}.memoora-logo:active{transform:scale(.98)}.family-header-logo,.header-logo,.navbar .memoora-logo{display:block;height:120px;width:auto}.landing-header-logo{display:block;height:80px;width:auto}@media (max-width:768px){.landing-header-logo{filter:brightness(1.2) contrast(1.1)!important;height:40px!important;opacity:1!important}.memoora-logo--gradient{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2)) brightness(1.1)!important}}.memoora-logo{display:block;height:auto;max-width:100%}.memoora-logo--stacked{max-height:60px;min-height:40px}.memoora-logo--horizontal{max-height:140px;min-height:100px;min-width:250px}.footer .memoora-logo{height:60px;opacity:.8;width:auto}.family-header-logo,.header-logo,.landing-header-logo{display:block;margin:0;padding:0}.header-main{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}@media (max-width:768px){.header-main{flex-direction:column;gap:1rem;padding:0 1rem}.header-nav{flex-wrap:wrap;gap:.5rem;justify-content:center;order:2}.header-user{margin-left:0;order:3}.header-logo-container{order:1}}.header-logo-container,.header-nav{align-items:center;display:flex;flex-shrink:0}.header-nav{gap:1.5rem}.storyteller-btn{background:var(--beach-sand-warm)!important;border:2px solid var(--beach-sand)!important;border-radius:6px;color:#8b4513!important;cursor:pointer;display:inline-block;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.storyteller-btn:hover{background:var(--beach-sand)!important;color:#8b4513!important;transform:translateY(-1px)}.header-user{flex-shrink:0;margin-left:auto}.auth-page .memoora-logo{display:block;margin:0 auto 2rem}.loading .memoora-logo{animation:pulse 2s infinite}@media (max-width:768px){.memoora-logo--large{width:200px}.memoora-logo--xlarge{width:260px}.navbar .memoora-logo{height:32px}}.modal-content{box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:500px;overflow-y:auto}.phone-number-modal{padding:0}.modal-header{border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.3rem}.modal-close{border-radius:4px;font-size:1.5rem;padding:.25rem;transition:all .2s}.modal-close:hover{background:#f3f4f6}.modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-body{padding:0 1.5rem 1.5rem}.modal-body p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.form-group label{font-size:.95rem}.form-input{border:2px solid #e5e7eb;border-radius:8px;transition:all .2s}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background:#f9fafb;cursor:not-allowed}.form-error{color:var(--error-color)}@media (max-width:768px){.modal-content{margin:1rem;width:95%}.modal-body,.modal-header{padding:1rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.recording-card-simple{background:#fff;border:1px solid #f1f3f4;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:12px;padding:16px;transition:all .2s ease}.recording-card-simple:hover{border-color:#e8eaed;box-shadow:0 4px 12px #0000001f}.recording-card-simple .recording-title{color:#202124;font-size:15px;font-weight:600;line-height:1.4;margin:0 0 6px}.recording-card-simple .recording-meta{color:#5f6368;font-size:13px;font-weight:500;margin:0 0 16px}.recording-card-simple .audio-player,.recording-card-simple .recording-controls{align-items:center;display:flex;gap:12px}.recording-card-simple .audio-player{flex:1 1}.recording-card-simple .play-button{align-items:center;background:#d4a574;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.recording-card-simple .play-button:hover:not(:disabled){background:#c19a6b;box-shadow:0 4px 12px #d4a5744d;transform:scale(1.05)}.recording-card-simple .play-button:disabled{background:#dadce0;box-shadow:none;color:#5f6368;cursor:not-allowed;transform:none}.recording-card-simple .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.recording-card-simple .audio-info{flex:1 1;min-width:0}.recording-card-simple .progress-container{display:flex;flex-direction:column;gap:6px}.recording-card-simple .progress-bar{background:#e8eaed;border-radius:2px;height:4px;overflow:hidden;position:relative}.recording-card-simple .progress-fill{background:#d4a574;border-radius:2px;height:100%;transition:width .1s ease}.recording-card-simple .time-display{color:#5f6368;font-size:12px;font-weight:500}.recording-card-simple .delete-button{align-items:center;background:#0000;border:1px solid #dadce0;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.radio-label.radio-disabled{cursor:help;position:relative}.radio-label.radio-disabled .radio-text{align-items:center;display:flex;gap:.5rem}.radio-label.radio-disabled .info-icon{cursor:help;font-size:.875rem;opacity:.6;transition:opacity .2s ease}.radio-label.radio-disabled .info-icon:hover{opacity:1}.radio-label.radio-disabled .radio-tooltip{background:#fff;border:2px solid #007bff;border-radius:8px;box-shadow:0 8px 25px #007bff4d;max-width:220px;min-width:180px;opacity:0;padding:.75rem;pointer-events:none;position:fixed;transition:all .3s ease;visibility:hidden;z-index:999999}.radio-label.radio-disabled .info-icon:hover+.radio-tooltip,.radio-label.radio-disabled .info-icon:hover~.radio-tooltip{opacity:1;pointer-events:auto;visibility:visible}.radio-label.radio-disabled .radio-tooltip p{color:#212529;font-size:.8rem;font-weight:500;line-height:1.3;margin:0 0 .5rem}.radio-label.radio-disabled .radio-tooltip .tooltip-cta{background:#007bff;border:none;border-radius:6px;padding:.4rem .6rem;text-align:center}.radio-label.radio-disabled .radio-tooltip .tooltip-cta span{color:#fff;font-size:.75rem;font-weight:600}.recording-card-simple .btn-danger{font-size:12px;height:32px;min-width:60px;padding:6px 12px}.modal-overlay{background:#00000080;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:400px;padding:24px;width:90%}.modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0 0 16px}.modal-body p{color:#666;line-height:1.5;margin:0 0 24px}.modal-actions{gap:12px}.modal-actions .btn{min-width:80px}@media (max-width:1024px){.landing-page .landing-header-content{align-items:center!important;flex-direction:row!important;justify-content:space-between!important;padding:0!important}.landing-page .landing-nav{display:none!important}.landing-page .landing-header-container{padding:0 1rem!important}.landing-page .landing-logo{margin-bottom:0!important}.landing-page .landing-header{min-height:auto!important}.landing-page .mobile-menu-toggle{background:var(--beach-sand-warm);border:2px solid var(--border-soft);border-radius:6px;color:var(--text-primary);cursor:pointer;display:block!important;font-size:1rem;line-height:1;padding:.3rem .4rem;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1001}.landing-page .mobile-menu-toggle:hover{box-shadow:0 4px 12px var(--shadow-color);transform:scale(1.02)}.landing-page .mobile-menu{align-items:center!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#f7e8c8fa!important;bottom:0!important;display:flex!important;flex-direction:column!important;gap:1.5rem!important;height:100vh!important;left:0!important;opacity:0;padding:2rem 1rem!important;position:fixed!important;right:0!important;top:0!important;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100vw!important;z-index:2000!important}.landing-page .mobile-menu.active{opacity:1!important;visibility:visible!important}.landing-page .mobile-menu .mobile-menu-close{align-items:center;background:var(--beach-sand-warm);border:2px solid var(--border-soft);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.landing-page .mobile-menu .mobile-menu-close:hover{background:var(--beach-sand);box-shadow:0 4px 12px var(--shadow-color);transform:scale(1.1)}.landing-page .mobile-menu button{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards;background:var(--white);border:2px solid var(--border-soft);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:600;max-width:280px;opacity:0;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.landing-page .mobile-menu button:nth-child(2){animation-delay:.1s}.landing-page .mobile-menu button:nth-child(3){animation-delay:.15s}.landing-page .mobile-menu button:nth-child(4){animation-delay:.2s}.landing-page .mobile-menu button:nth-child(5){animation-delay:.25s}.landing-page .mobile-menu button:nth-child(6){animation-delay:.3s}.landing-page .mobile-menu button:nth-child(7){animation-delay:.35s}.landing-page .mobile-menu button:hover{box-shadow:0 6px 20px var(--shadow-color);transform:translateY(-2px)}.landing-page .mobile-menu .btn-primary{background:var(--aqua-blue-soft);border-color:var(--aqua-blue-soft);color:#fff}.landing-page .mobile-menu .btn-secondary{background:var(--beach-sand-warm);color:var(--text-primary)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}.animate-slide-in-up{animation:slideInUp .6s ease-out}.animate-slide-in-down{animation:slideInDown .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-scale-out{animation:scaleOut .4s ease-out}.animate-bounce{animation:bounce 1s infinite}.animate-rotate{animation:rotate 2s linear infinite}.animate-rotate-in{animation:rotateIn .8s ease-out}.animate-shake{animation:shake .8s ease-in-out}.animate-wiggle{animation:wiggle 1s ease-in-out}.animate-delay-900{animation-delay:.9s}.animate-delay-1000{animation-delay:1s}.animate-duration-100{animation-duration:.1s}.animate-duration-200{animation-duration:.2s}.animate-duration-300{animation-duration:.3s}.animate-duration-400{animation-duration:.4s}.animate-duration-500{animation-duration:.5s}.animate-duration-600{animation-duration:.6s}.animate-duration-700{animation-duration:.7s}.animate-duration-800{animation-duration:.8s}.animate-duration-900{animation-duration:.9s}.animate-duration-1000{animation-duration:1s}.animate-ease-linear{animation-timing-function:linear}.animate-ease-in{animation-timing-function:ease-in}.animate-ease-out{animation-timing-function:ease-out}.animate-ease-in-out{animation-timing-function:ease-in-out}.animate-ease-bounce{animation-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{box-shadow:0 .25rem .5rem #0000001a;transform:translateY(-2px)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .2s ease}.hover-rotate:hover{transform:rotate(5deg)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{transition:opacity .3s ease,transform .3s ease}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.loading{opacity:.6;pointer-events:none}.loading:after{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.animate-fade-in-down,.animate-fade-in-left,.animate-fade-in-right,.animate-fade-in-up{animation-duration:.4s}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.grid-template-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-template-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-template-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-template-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-template-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-template-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.grid-template-columns-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.grid-gap-0{gap:0!important}.grid-gap-1{gap:.25rem!important}.grid-gap-2{gap:.5rem!important}.grid-gap-3{gap:1rem!important}.grid-gap-4{gap:1.5rem!important}.grid-gap-5{gap:3rem!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.ml-auto{margin-left:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.mr-auto{margin-right:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:3rem!important;margin-right:3rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-5{margin-bottom:3rem!important;margin-top:3rem!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:3rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-0{padding-bottom:0!important;padding-top:0!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-5{padding-bottom:3rem!important;padding-top:3rem!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-medium{font-weight:500!important}.font-weight-semibold{font-weight:600!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:800!important}.font-style-normal{font-style:normal!important}.font-style-italic{font-style:italic!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.text-primary{color:#007bff!important}.text-secondary{color:#6c757d!important}.text-success{color:#28a745!important}.text-danger{color:#dc3545!important}.text-warning{color:#ffc107!important}.text-info{color:#17a2b8!important}.text-light{color:#f8f9fa!important}.text-dark{color:#343a40!important}.text-muted{color:#6c757d!important}.text-white{color:#fff!important}.bg-primary{background-color:#007bff!important}.bg-secondary{background-color:#6c757d!important}.bg-success{background-color:#28a745!important}.bg-danger{background-color:#dc3545!important}.bg-warning{background-color:#ffc107!important}.bg-info{background-color:#17a2b8!important}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#343a40!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:initial!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-danger{border-color:#dc3545!important}.border-warning{border-color:#ffc107!important}.border-info{border-color:#17a2b8!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.375rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.25rem!important}.rounded-2{border-radius:.5rem!important}.rounded-3{border-radius:1rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}.z-999{z-index:999!important}.z-9999{z-index:9999!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem #00000026!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.cursor-pointer{cursor:pointer!important}.cursor-default{cursor:default!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-help{cursor:help!important}.cursor-move{cursor:move!important}.cursor-text{cursor:text!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}@media (max-width:576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}}@media (max-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}}@media (max-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}}@media (max-width:1200px){.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}}html{-webkit-appearance:none}#nprogress,#root:before,.loading-bar,.nprogress,.nprogress-bar,.nprogress-peg,.page-loading-indicator,.progress-bar-top,[class*=nprogress],body:before,html:before{display:none!important}.app{animation:fadeInSlideUp .6s ease-out;display:flex;flex-direction:column;min-height:100vh}.main{flex:1 1;padding:0}.page-transition{min-height:100vh;opacity:0;transform:translateY(10px);transition:all .3s ease}.page-transition.page-visible{opacity:1;transform:translateY(0)}.page-transition.page-visible *{animation:fadeInUp .5s ease-out forwards}@media (max-width:768px){.main{padding:0}}@media (max-width:480px){.main{padding:0}}.App{display:flex;flex-direction:column;text-align:center}.container{padding:0 20px}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.btn{border-radius:5px}.btn-primary{border:2px solid var(--aqua-blue)}.btn-secondary{border:2px solid var(--beach-sand-dark)}.form-group{margin-bottom:1rem}.form-control{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.form-control:focus{border-color:var(--aqua-blue);box-shadow:0 0 0 2px #b8e6e666;outline:none}.card{background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:16px;box-shadow:0 8px 32px var(--shadow-color);margin-bottom:24px;padding:24px;transition:all .3s ease}.card:hover{background:var(--beach-sand-warm);border-color:var(--aqua-blue-soft);box-shadow:0 15px 50px var(--shadow-aqua);transform:translateY(-4px)}@media (max-width:768px){.container{padding:0 15px}.btn{margin-bottom:10px;width:100%}}.container{margin:0 auto;max-width:1200px}.container,.container-fluid{padding:0 1rem;width:100%}.row{display:flex;flex-wrap:wrap;margin:0 -.5rem}.col{flex:1 1;padding:0 .5rem}.col-1{flex:0 0 8.333333%}.col-2{flex:0 0 16.666667%}.col-3{flex:0 0 25%}.col-4{flex:0 0 33.333333%}.col-5{flex:0 0 41.666667%}.col-6{flex:0 0 50%}.col-7{flex:0 0 58.333333%}.col-8{flex:0 0 66.666667%}.col-9{flex:0 0 75%}.col-10{flex:0 0 83.333333%}.col-11{flex:0 0 91.666667%}.col-12{flex:0 0 100%}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-block{display:block}.d-inline-block{display:inline-block}.d-none{display:none}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.align-items-stretch{align-items:stretch}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.gap-5{gap:3rem}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid #fff3;overflow:hidden;padding:1rem 0;position:sticky;top:0;transition:all .3s ease;z-index:1000}.main-content{min-height:calc(100vh - 200px);padding:2rem 0;position:relative}.footer{background:#0000004d;border-top:1px solid #ffffff1a;color:#fff;margin-top:auto;padding:2rem 0}.footer,.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar{background:#ffffff1a;border-right:1px solid #fff3;height:100vh;left:0;overflow-y:auto;padding:1.5rem;position:fixed;top:0;transition:all .3s ease;width:250px}.content-area{margin-left:250px;min-height:100vh;padding:1rem}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 25px #0000001a;margin-bottom:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 20px 40px #0003;transform:translateY(-5px)}.card-header{border-bottom:1px solid #fff3;margin-bottom:1.5rem;padding-bottom:1.5rem}.card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#feca57);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:700;margin:0}.card-body{color:#ffffffe6;line-height:1.7;padding:0}.card-footer{border-top:1px solid #fff3;margin-top:1.5rem;padding-top:1.5rem}@media (max-width:1200px){.container{max-width:960px}}@media (max-width:992px){.container{max-width:720px}.sidebar{width:200px}.content-area{margin-left:200px}}@media (max-width:768px){.container{max-width:540px}.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.content-area{margin-left:0}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{flex:0 0 100%}}@media (max-width:576px){.container{max-width:100%}.row{margin:0}.col{margin-bottom:1rem;padding:0}}.landing-page{animation:fadeIn .4s ease-in-out}@media (max-width:540px){.family-stats-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:1fr!important;margin-top:1rem!important}}@media (max-width:768px){.family-stats-grid{gap:1rem!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.stat-card{padding:1.5rem!important}.stat-label{font-size:.8rem!important;letter-spacing:.3px!important}.stat-card{align-items:center!important;border-radius:14px!important;display:flex!important;gap:12px!important;height:auto!important;justify-content:flex-start!important;min-height:auto!important;padding:12px 14px!important;text-align:left!important}.stat-number{color:#feca57!important;font-size:2rem!important;line-height:1!important;margin:0!important;min-width:36px!important;text-align:center!important}.stat-label{color:#fffc!important;font-size:.85rem!important;font-weight:700!important;letter-spacing:.5px!important;line-height:1.3!important;margin:0!important;max-width:none!important;overflow:visible!important;overflow-wrap:normal!important;text-align:left!important;text-overflow:clip!important;text-transform:uppercase!important;white-space:nowrap!important;word-break:normal!important}}.landing-page .landing-content{padding-top:120px}.landing-page .landing-container{margin:0 auto;max-width:1200px;padding:0 20px}.landing-page .dashboard-section{margin-bottom:60px}.landing-page .family-welcome-section{padding:60px 0;text-align:center}.landing-page .dashboard-section-header{margin-bottom:40px}.landing-page .dashboard-section-title{color:var(--text-primary);font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:20px}.landing-page .dashboard-section-subtitle{color:var(--text-secondary);font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:800px}.landing-page .dashboard-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.landing-page .dashboard-card{background:linear-gradient(145deg,#fff 0,var(--beach-sand-light) 100%);border:1px solid var(--border-soft);border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:30px;text-align:center;transition:all .3s ease}.landing-page .dashboard-card:hover{box-shadow:0 15px 40px #d4a57433;transform:translateY(-5px)}.landing-page .card-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3rem;margin-bottom:20px}.landing-page .dashboard-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:15px}.landing-page .dashboard-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.landing-page .dashboard-tabs{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:50px;padding:25px}.landing-page .dashboard-tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #0000;border-radius:25px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 25px;transition:all .3s ease}.landing-page .dashboard-tab:hover{background:#fffffffa;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.landing-page .dashboard-tab.active{background:linear-gradient(135deg,var(--beach-sand-warm) 0,var(--beach-sand) 100%);border-color:var(--border-soft);box-shadow:0 8px 25px #d4a57466;color:#fff;transform:translateY(-2px)}.landing-page .tab-icon{font-size:1.3rem}.landing-page .dashboard-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.landing-page .btn-large{border-radius:25px;font-size:1.2rem;font-weight:600;padding:15px 40px;transition:all .3s ease}.landing-page .btn-large:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}@media (max-width:768px){.landing-page .landing-content{padding-top:100px}.landing-page .dashboard-section-title{font-size:2.5rem}.landing-page .dashboard-section-subtitle{font-size:1.1rem}.landing-page .dashboard-grid{gap:20px;grid-template-columns:1fr}.landing-page .dashboard-tabs{padding:20px}.landing-page .dashboard-tab{font-size:1rem;padding:12px 20px}.landing-page .dashboard-actions{align-items:center;flex-direction:column}.landing-page .btn-large{max-width:300px;width:100%}}@media (max-width:480px){.landing-page .landing-container{padding:0 15px}.landing-page .dashboard-section-title{font-size:2rem}.landing-page .dashboard-section-subtitle{font-size:1rem}.landing-page .dashboard-card{padding:25px}.landing-page .dashboard-tabs{padding:15px}.landing-page .dashboard-tab{font-size:.9rem;padding:10px 16px}}.dashboard-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:40px;padding:20px}.dashboard-tab{align-items:center;background:#fffc;border:2px solid #0000;border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.dashboard-tab:hover{background:#fffffffa;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.dashboard-tab.active{background:linear-gradient(135deg,var(--beach-sand-warm) 0,var(--beach-sand) 100%);border-color:var(--border-soft);box-shadow:0 5px 15px #d4a5744d;color:#fff}.tab-icon{font-size:1.2rem}.dashboard-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.book-preview{margin-bottom:20px;text-align:center}.book-preview img{border-radius:10px;box-shadow:0 5px 15px #0003;height:200px;margin-bottom:15px;object-fit:cover;width:150px}.book-info h3{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:5px}.book-info p{color:var(--text-secondary);font-size:1rem}.book-pages{border-top:1px solid var(--border-soft);padding-top:20px}.page-sample{background:linear-gradient(145deg,var(--beach-sand-light) 0,var(--beach-sand) 100%);border:1px solid var(--border-soft);border-radius:10px;margin-bottom:20px;padding:20px}.page-sample h4{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:15px}.page-sample p{color:var(--text-secondary);font-size:.9rem;font-style:italic;line-height:1.6;margin-bottom:15px}.specs-list{list-style:none;margin-bottom:25px;padding:0}.specs-list li{border-bottom:1px solid var(--border-soft);color:var(--text-secondary);font-size:1rem;font-weight:500;padding:10px 0}.specs-list li:last-child{border-bottom:none}.coming-soon-card{padding:40px;text-align:center}.coming-soon-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:4rem;margin-bottom:25px}.coming-soon-description{color:var(--text-secondary);font-size:1.2rem;font-weight:400;line-height:1.7;margin-bottom:30px}.coming-soon-features{margin-bottom:30px;text-align:left}.coming-soon-features h4{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center}.features-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{background:linear-gradient(145deg,#fff 0,var(--beach-sand-light) 100%);border:1px solid var(--border-soft);border-radius:10px;box-shadow:0 3px 10px #0000001a;padding:15px}.feature-item:hover{box-shadow:0 5px 15px #d4a57433;transform:translateY(-2px)}.feature-check{color:var(--beach-sand-warm);font-size:1.3rem}.feature-item span:last-child{color:var(--text-secondary);font-size:1rem;font-weight:500;line-height:1.4}.coming-soon-cta{background:linear-gradient(145deg,#fff 0,var(--beach-sand-light) 100%);border:1px solid var(--border-soft);border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:30px}.coming-soon-cta h4{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:15px}.coming-soon-cta p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:20px}.coming-soon-note{color:var(--text-muted);font-size:.9rem;font-style:italic;line-height:1.5;margin-top:15px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.dashboard-tabs{padding:15px}.dashboard-tab{font-size:.9rem;padding:10px 16px}.dashboard-actions{justify-content:center}.features-list{grid-template-columns:1fr}.coming-soon-card{padding:25px}.coming-soon-icon{font-size:3rem}.coming-soon-cta{padding:20px}}@media (max-width:480px){.dashboard-tabs{padding:10px}.dashboard-tab{font-size:.8rem;padding:8px 12px}.dashboard-actions{align-items:center;flex-direction:column}.btn-large{max-width:300px;width:100%}.coming-soon-card{padding:20px}.coming-soon-icon{font-size:2.5rem}.coming-soon-cta{padding:15px}}.landing-page{background:linear-gradient(135deg,var(--beach-sand) 0,var(--beach-sand-light) 50%,var(--aqua-blue-light) 100%);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding-top:80px}.landing-page .landing-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #fff3;box-shadow:0 4px 20px #00000014;left:0;padding:.5rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:100}@media (max-width:768px){.landing-page .landing-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;padding:.1rem 0}}.landing-page .landing-header:before{display:none}.landing-page .landing-header-container{margin:0 auto;max-width:1200px;min-height:auto;padding:0 1rem}.landing-page .landing-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem 0 0;width:100%}@media (max-width:1024px){.landing-page .landing-header-content{align-items:center!important;flex-direction:row!important;justify-content:space-between!important;padding:0!important}.landing-page .landing-nav{display:none!important}.landing-page .landing-header-container{padding:0 1rem!important}.landing-page .landing-logo{margin-bottom:0!important}.landing-page .landing-header{min-height:auto!important}.landing-page .mobile-menu-toggle{background:var(--beach-sand-warm);border:2px solid var(--border-soft);border-radius:6px;color:var(--text-primary);cursor:pointer;display:block!important;font-size:1rem;line-height:1;padding:.3rem .4rem;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1001}.landing-page .mobile-menu-toggle:hover{box-shadow:0 4px 12px var(--shadow-color);transform:scale(1.02)}.landing-page .mobile-menu{align-items:center!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#f7e8c8fa!important;bottom:0!important;display:flex!important;flex-direction:column!important;gap:1.5rem!important;height:100vh!important;left:0!important;opacity:0;padding:2rem 1rem!important;position:fixed!important;right:0!important;top:0!important;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100vw!important;z-index:2000!important}.landing-page .mobile-menu.active{opacity:1!important;visibility:visible!important}.landing-page .mobile-menu .mobile-menu-close{align-items:center;background:var(--beach-sand-warm);border:2px solid var(--border-soft);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.landing-page .mobile-menu .mobile-menu-close:hover{background:var(--beach-sand);box-shadow:0 4px 12px var(--shadow-color);transform:scale(1.1)}.landing-page .mobile-menu button{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards;background:var(--white);border:2px solid var(--border-soft);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:600;max-width:280px;opacity:0;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.landing-page .mobile-menu button:nth-child(2){animation-delay:.1s}.landing-page .mobile-menu button:nth-child(3){animation-delay:.15s}.landing-page .mobile-menu button:nth-child(4){animation-delay:.2s}.landing-page .mobile-menu button:nth-child(5){animation-delay:.25s}.landing-page .mobile-menu button:nth-child(6){animation-delay:.3s}.landing-page .mobile-menu button:nth-child(7){animation-delay:.35s}.landing-page .mobile-menu button:hover{box-shadow:0 6px 20px var(--shadow-color);transform:translateY(-2px)}@keyframes fadeIn{to{opacity:1}}.landing-page .mobile-menu .btn-primary{background:var(--aqua-blue-soft);border-color:var(--aqua-blue-soft);color:#fff}.landing-page .mobile-menu .btn-secondary{background:var(--beach-sand-warm);color:var(--text-primary)}}.landing-page .landing-logo{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:.75rem;margin:0;padding:0;transition:transform .2s ease}.landing-page .landing-logo *{color:var(--text-primary)!important;font-weight:700;text-shadow:0 2px 4px #1a1a1a26}.landing-page .landing-nav{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.landing-page .landing-nav button{background:var(--beach-sand-light);border:1px solid var(--border-soft);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-weight:500;min-width:auto;padding:.625rem 1rem;transition:all .2s ease;white-space:nowrap}.landing-page .landing-nav button:hover{background:var(--beach-sand);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.landing-page .landing-nav button:last-child{background:var(--beach-sand-warm);border:2px solid var(--border-soft);font-weight:600}.landing-page .mobile-menu-toggle{display:none}@media (max-width:1024px){.landing-page .mobile-menu-toggle{background:var(--beach-sand-warm);border:2px solid var(--border-soft);border-radius:8px;color:var(--text-primary);cursor:pointer;display:block!important;font-size:1.2rem;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1001}.landing-page .mobile-menu-toggle:hover{box-shadow:0 4px 12px var(--shadow-color);transform:scale(1.02)}}@media (max-width:768px){.landing-page .landing-nav button{border-radius:10px;font-size:.9rem;font-weight:500;min-width:auto;padding:.5rem .875rem;white-space:nowrap}.landing-page .landing-nav{gap:.5rem}@media (max-width:480px){.landing-page .landing-nav button{border-radius:8px;font-size:.85rem;min-width:auto;padding:.45rem .75rem}.landing-page .landing-nav{gap:.4rem}}}.landing-header *,.landing-header button,.landing-page .landing-header *,.landing-page .landing-header button{color:var(--text-primary)!important;text-shadow:0 1px 2px #1a1a1a1a}.landing-header button,.landing-page .landing-header button{font-weight:600}.landing-page .landing-header .btn-outline{background:var(--beach-sand-light);border:2px solid var(--border-soft);box-shadow:0 2px 8px var(--shadow-color);color:var(--text-primary)!important;font-weight:600}.landing-page .landing-header .btn-outline:hover{background:var(--beach-sand-warm);border-color:var(--aqua-blue-soft);box-shadow:0 4px 16px var(--shadow-color);transform:translateY(-2px)}.landing-page .landing-header .btn-secondary{background:linear-gradient(135deg,var(--beach-sand-dark) 0,var(--beach-sand) 100%);border:2px solid var(--beach-sand-dark);box-shadow:0 2px 8px var(--shadow-color);color:var(--text-primary)!important;font-weight:600}.landing-page .landing-header .btn-secondary:hover{background:linear-gradient(135deg,var(--beach-sand) 0,var(--beach-sand-light) 100%);border-color:var(--beach-sand);box-shadow:0 4px 16px var(--shadow-color);transform:translateY(-2px)}.landing-page .landing-header .btn-primary{background:linear-gradient(135deg,var(--aqua-blue) 0,var(--aqua-blue-dark) 100%);border:2px solid var(--aqua-blue);box-shadow:0 2px 8px var(--shadow-aqua);color:var(--white)!important;font-weight:600}.landing-page .landing-header .btn-primary:hover{background:linear-gradient(135deg,var(--aqua-blue-dark) 0,var(--aqua-blue) 100%);border-color:var(--aqua-blue-dark);box-shadow:0 4px 16px var(--shadow-aqua);transform:translateY(-2px)}.landing-page .landing-header-logo{flex-shrink:0;height:80px;width:auto}.landing-page header.landing-header{display:block!important}.landing-page .landing-header .landing-header-container{display:flex!important}.landing-page .landing-header .landing-header-content{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important}.landing-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #fff3;box-shadow:0 4px 20px #00000014;left:0;padding:.5rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:100}.landing-header:before{display:none}.problems-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;padding:80px 0}.problems-container{margin:0 auto;max-width:1200px;padding:0 2rem}.problems-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.problem-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:24px;box-shadow:0 8px 32px var(--shadow-color);color:var(--text-primary);overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.problem-card:before{background:linear-gradient(90deg,var(--aqua-blue),var(--aqua-blue-dark));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.problem-card:hover:before{transform:scaleX(1)}.problem-card:hover{background:var(--beach-sand-warm);border-color:var(--aqua-blue-soft);box-shadow:0 25px 60px var(--shadow-aqua);transform:translateY(-8px)}.problem-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.problem-card p{color:#fffc;font-size:1rem;line-height:1.6}.what-memoora-does-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff14);border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;padding:80px 0}.what-memoora-does-container{margin:0 auto;max-width:1200px;padding:0 2rem}.what-memoora-does-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.what-memoora-does-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1f;border:2px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #0000001a;color:var(--text-primary);overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.what-memoora-does-card:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.what-memoora-does-card:hover:before{transform:scaleX(1)}.what-memoora-does-card:hover{background:#ffffff2e;border-color:#10b98166;box-shadow:0 25px 60px #10b98133;transform:translateY(-8px)}.what-memoora-does-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;text-shadow:0 1px 2px #0000001a}.what-memoora-does-card p{color:var(--text-primary);font-size:1rem;line-height:1.6;opacity:.9}@media (max-width:768px){.what-memoora-does-section{padding:60px 0}.what-memoora-does-container{padding:0 1rem}.what-memoora-does-grid{gap:1.5rem;grid-template-columns:1fr;margin-top:2rem}.what-memoora-does-card{padding:2rem 1.5rem}.what-memoora-does-card h3{font-size:1.25rem}.what-memoora-does-card p{font-size:.95rem}}.solution-section{background:#ffffff0d;padding:80px 0}.solution-container{margin:0 auto;max-width:1200px;padding:0 2rem}.solution-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:3rem}.solution-text h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-top:2rem}.solution-text h3:first-child{margin-top:0}.solution-text p{color:#fffc;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.solution-visual{align-items:center;display:flex;justify-content:center}.solution-illustration{height:300px;position:relative;width:300px}.family-tree{align-items:center;display:flex;flex-direction:column;gap:2rem}.generation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fff;font-weight:600;padding:1rem 2rem;position:relative}.generation.older{background:linear-gradient(135deg,#ff6b6b33,#ef444433);border-color:#ff6b6b4d}.generation.current{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea4d}.generation.younger{background:linear-gradient(135deg,#feca5733,#ff6b6b33);border-color:#feca574d}.connection-lines{background:linear-gradient(180deg,#ffffff4d,#0000,#ffffff4d);bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.cta-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.cta-note{color:#ffffffb3;font-size:.9rem;font-style:italic;margin-top:.5rem}.storyteller-choice-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}.choice-option{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.choice-option:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.choice-icon{font-size:3rem;margin-bottom:1rem}.choice-option h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.choice-option p{color:#fffc;line-height:1.6;margin-bottom:1.5rem}.choice-option .btn{width:100%}.form-actions{flex-direction:column}.form-actions .btn{width:100%}@media (max-width:768px){.storyteller-choice-options{gap:1.5rem;grid-template-columns:1fr}.choice-option{padding:1.5rem}.problems-grid{gap:1.5rem;grid-template-columns:1fr}.solution-content{gap:2rem;grid-template-columns:1fr;text-align:center}.solution-illustration{height:250px;width:250px}.generation{font-size:.9rem;padding:.75rem 1.5rem}}@media (max-width:480px){.problems-section,.solution-section{padding:60px 0}.problems-container,.solution-container{padding:0 1rem}.problem-card{padding:1.5rem}.problem-card h3,.solution-text h3{font-size:1.3rem}.solution-text p{font-size:1rem}}.landing-header-container{margin:0 auto;max-width:1200px;min-height:auto;padding:0 1rem}.landing-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.landing-logo{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:.75rem;margin:0;padding:0;transition:transform .2s ease}.landing-logo:hover{transform:scale(1.05)}.logo-icon{align-items:center;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;display:flex;height:40px;justify-content:center;width:40px}.logo-icon img{filter:brightness(0) invert(1);height:24px;width:24px}.logo-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;margin:0}.logo-text span{color:#fffc;display:block;font-size:.75rem;font-weight:500;margin-top:-2px}.landing-nav{align-items:center;display:flex;flex-shrink:0;gap:1rem}.landing-nav .btn{border:2px solid #0000;border-radius:50px;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.landing-nav .btn-outline{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.landing-nav .btn-outline:hover{background:#fff3;border-color:#ffffff80;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.landing-nav .btn-secondary{background:#ffffff26;color:#fff}.landing-nav .btn-secondary:hover{background:#ffffff40;transform:translateY(-2px)}.landing-nav .btn-primary{background:linear-gradient(135deg,#ff6b6b,#feca57);box-shadow:0 4px 15px #ff6b6b66;color:#fff}.landing-nav .btn-primary:hover{box-shadow:0 8px 25px #ff6b6b99;transform:translateY(-2px)}.hero-section{overflow:hidden;padding:5rem 0 4rem;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.hero-section .hero-content{grid-gap:4rem!important;align-items:start!important;display:grid!important;gap:4rem!important;grid-template-columns:1fr 1fr!important;margin:0 auto 3rem;max-width:1200px;padding:0 2rem}.hero-text{animation:fadeInLeft 1s ease-out}.hero-visual{align-items:center;animation:fadeInRight 1s ease-out;display:flex;height:100%;justify-content:center;min-height:400px}.story-display{margin:0 auto;position:relative;z-index:1}.hero-title{color:#1a1a1a;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:1rem}.hero-subtitle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4a261,#e76f51);-webkit-background-clip:text;background-clip:text;display:block;font-size:2.5rem;font-weight:700;letter-spacing:-.01em;margin-top:.5rem}.hero-description{color:#4b5563;font-size:1.125rem;font-weight:400;line-height:1.6;margin-bottom:2rem;margin-top:1.5rem;max-width:600px;text-shadow:0 1px 2px #1a1a1a0d}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto 3rem;max-width:1200px;padding:0 2rem}.hero-social-proof{margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center}.social-proof-text{color:#ffffffe6;font-size:1.1rem;margin-bottom:1rem}.urgency-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b6b33,#feca5733);border:1px solid #ff6b6b4d;border-radius:12px;display:inline-block;padding:.75rem 1.5rem}.urgency-text{color:#feca57;font-size:.95rem;font-weight:600}.hero-actions .btn{border:2px solid #0000;border-radius:50px;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.hero-actions .btn-primary{background:linear-gradient(135deg,var(--aqua-blue) 0,var(--aqua-blue-dark) 100%);border-color:var(--aqua-blue);box-shadow:0 8px 25px var(--shadow-aqua);color:var(--white)}.hero-actions .btn-primary:hover{background:linear-gradient(135deg,var(--aqua-blue-dark) 0,var(--aqua-blue) 100%);box-shadow:0 12px 35px var(--shadow-aqua);transform:translateY(-3px)}.hero-actions .btn-outline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-color:var(--border-soft);color:var(--text-primary)}.hero-actions .btn-outline:hover{background:var(--white);border-color:var(--aqua-blue-soft);box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-2px)}.hero-visual{animation:fadeInRight 1s ease-out .3s both}.hero-screenshot{background:var(--white);border:2px solid var(--border-soft);border-radius:20px;box-shadow:0 20px 60px #00000026;overflow:hidden;position:relative}.hero-dashboard-screenshot{border-radius:18px;display:block;height:auto;width:100%}.story-display{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:24px;box-shadow:0 12px 40px #0000001a;display:flex;justify-content:center;max-width:400px;padding:2rem;width:100%}.story-bubble{align-items:flex-start;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;height:200px;max-width:600px;overflow:hidden;padding:0;position:relative;width:100%}.story-bubble:before{display:none}.story-text{animation:scrollDown 30s linear infinite;color:#fff;display:block;font-size:1rem;font-weight:500;line-height:1.7;text-align:left;transform:translateY(0);width:100%}@keyframes scrollDown{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.story-word{opacity:0;transform:translateY(10px);transition:all .5s ease}.hero-illustration{align-items:center;display:flex;flex-direction:column;gap:2rem;position:relative}.waveform-animation{align-items:flex-end;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:24px;box-shadow:0 8px 32px var(--shadow-color);display:flex;gap:4px;height:120px;padding:2rem}.waveform-bar{animation:waveformPulse 2s ease-in-out infinite;background:linear-gradient(180deg,var(--aqua-blue),var(--aqua-blue-dark));border-radius:3px;width:6px}@keyframes waveformPulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.2)}}.recording-indicator{background:#b8e6e633;border:2px solid var(--aqua-blue-soft);border-radius:50px;color:var(--aqua-blue-dark);font-size:.875rem;font-weight:600;padding:1rem 1.5rem}.recording-dot{animation:pulse 2s infinite;background:var(--aqua-blue-dark);height:12px;width:12px}.features-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;padding:6rem 0}.features-container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-header{animation:fadeInUp 1s ease-out;margin-bottom:4rem}.section-header h2{font-size:3rem;font-weight:800;margin-bottom:1rem}.section-header p{font-size:1.25rem;font-weight:500}.feature-card{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2.5rem 2rem;text-align:center}.feature-card:hover{border-color:#fff6;box-shadow:0 20px 40px #0003;transform:translateY(-10px)}.feature-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.feature-card p{color:#fffc;font-size:1rem;line-height:1.6}.features-showcase-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;padding:80px 0}.features-showcase-container{margin:0 auto;max-width:1200px;padding:0 2rem}.features-grid{grid-gap:3rem;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:24px;box-shadow:0 8px 32px var(--shadow-color);color:var(--text-primary);overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.feature-card:hover{box-shadow:0 16px 48px var(--shadow-color);transform:translateY(-8px)}.feature-screenshot{border-radius:16px;box-shadow:0 8px 24px #0000001a;margin-bottom:1.5rem;overflow:hidden}.feature-image{display:block;height:auto;transition:transform .3s ease;width:100%}.feature-card:hover .feature-image{transform:scale(1.02)}.feature-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-content p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.how-it-works-section{background:#ffffff05;padding:4rem 0}.why-matters-section{background:linear-gradient(135deg,#ff6b6b1a,#feca571a);padding:4rem 0}.why-matters-container{margin:0 auto;max-width:1200px;padding:0 2rem}.why-matters-content{margin:0 auto;max-width:800px;text-align:center}.why-matters-text p{color:#ffffffe6;font-size:1.25rem;line-height:1.8;margin-bottom:2rem;text-align:left}.why-matters-text p:last-child{margin-bottom:0}.how-it-works-container{margin:0 auto;max-width:1200px;padding:0 2rem}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2.5rem}.step-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .3s ease}.step-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:50%;box-shadow:0 8px 25px #ff6b6b4d;display:flex;font-weight:800;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.step-card h3,.step-number{color:#fff;font-size:1.5rem}.step-card h3{font-weight:700;margin-bottom:1rem}.step-card p{color:#fffc;font-size:1rem;line-height:1.6}.step-screenshot{border-radius:16px;box-shadow:0 8px 24px #0003;margin-bottom:1.5rem;overflow:hidden}.step-image{display:block;height:auto;transition:transform .3s ease;width:100%}.step-card:hover .step-image{transform:scale(1.02)}.enterprise-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;padding:6rem 0}.enterprise-container{margin:0 auto;max-width:1200px;padding:0 2rem}.enterprise-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.enterprise-text h2{color:var(--text-primary);font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 4px #1a1a1a26}.enterprise-text p{color:#ffffffe6;font-size:1.125rem;line-height:1.7;margin-bottom:2rem}.enterprise-features{margin-bottom:2rem}.enterprise-feature{align-items:center;color:#ffffffe6;display:flex;font-size:1rem;gap:.75rem;margin-bottom:1rem}.feature-check{color:#4ade80;font-size:1.25rem;font-weight:800}.enterprise-illustration,.enterprise-visual{align-items:center;display:flex;justify-content:center}.enterprise-illustration{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;height:200px;width:200px}.cta-section{background:linear-gradient(135deg,#ff6b6b1a,#feca571a);padding:4rem 0;text-align:center}.cta-container{margin:0 auto;max-width:800px;padding:0 2rem}.cta-content h2{color:var(--text-primary);font-size:3rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 2px 4px #1a1a1a26}.cta-content p{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem}.cta-content .btn{background:linear-gradient(135deg,#ff6b6b,#feca57);border:none;border-radius:50px;box-shadow:0 8px 25px #ff6b6b66;color:#fff;font-size:1.125rem;font-weight:700;padding:1.25rem 3rem;transition:all .3s ease}.cta-content .btn:hover{box-shadow:0 12px 35px #ff6b6b99;transform:translateY(-3px)}.faq-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;padding:6rem 0}.faq-container{margin:0 auto;max-width:1200px;padding:0 2rem}.faq-list{grid-gap:2rem;display:grid;gap:2rem;margin:0 auto;max-width:800px}.faq-item{background:#fff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 8px 24px #00000014}.faq-item:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-2px)}.faq-item h3{color:#1a1a1a;line-height:1.4}.faq-item p{color:#666}.testimonials-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;padding:6rem 0}.testimonials-container{margin:0 auto;max-width:1200px;padding:0 2rem}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.testimonial-card{background:#fff;border:1px solid #e1e5e9;border-radius:20px;box-shadow:0 8px 24px #00000014;padding:2.5rem;position:relative;transition:all .3s ease}.testimonial-card:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.testimonial-card:before{color:#feca57;content:'"';font-size:4rem;font-weight:700;left:20px;line-height:1;position:absolute;top:-10px}.testimonial-content{margin-bottom:2rem}.testimonial-content p{color:#444;font-size:1.1rem;font-style:italic;line-height:1.6;margin:0}.testimonial-author{align-items:center;display:flex;gap:1rem}.author-info h4{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.author-info span{color:#666;font-size:.9rem;font-weight:500}.hero-social-proof{border-top:1px solid #fff3;margin-top:1rem;padding:1rem 0}.social-proof-stats{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1rem}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-number{font-size:1.5rem;margin-bottom:.25rem}.stat-label{font-size:.8rem}.trust-indicators{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.trust-item{align-items:center;color:#ffffffe6;display:flex;font-size:.8rem;font-weight:500;gap:.4rem}.trust-icon{font-size:1rem}.hero-features{margin-top:1rem;padding:1rem 0}.hero-features h2{color:#ffffffe6;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.hero-features p{color:#fffc;font-size:.9rem;line-height:1.4;margin:0}.testimonial-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;margin-top:3rem;padding:2rem;text-align:center}.testimonial-cta h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.testimonial-cta p{color:#666;font-size:1.1rem;margin-bottom:2rem}.faq-link-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;padding:3rem 0}.faq-link-container{margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center}.faq-link-container .section-header{margin-bottom:2rem}.faq-link-container .section-header h2{color:#1a1a1a;font-size:2rem;font-weight:600;margin-bottom:1rem}.faq-link-container .section-header p{color:#666;font-size:1.1rem;margin:0}@media (max-width:768px){.hero-section .hero-content{gap:2rem!important;grid-template-columns:1fr!important;text-align:center}.hero-text{text-align:center}.hero-visual{order:-1}.story-display{max-width:300px}.social-proof-stats{gap:2rem}.stat-number{font-size:1.5rem}.trust-indicators{align-items:center;flex-direction:column;gap:1rem}.trust-item{font-size:.8rem}.faq-link-container .section-header h2{font-size:1.5rem}.faq-link-container .section-header p{font-size:1rem}}.landing-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000004d;border-top:1px solid #ffffff1a;padding:3rem 0 2rem}.footer-content{grid-gap:3rem;gap:3rem;margin-bottom:3rem}.footer-section h3{color:#fff;font-weight:700;margin-bottom:1rem}.footer-section h4{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.footer-section p{color:#ffffffb3;line-height:1.6;margin-bottom:1rem}.footer-section ul li{color:#ffffffb3;cursor:pointer;margin-bottom:.5rem;transition:color .2s ease}.footer-section ul li:hover{color:#feca57}.footer-bottom p{color:#fff9;font-size:.875rem}.footer-authenticated{background:#f8f9fa;border-top:1px solid #e9ecef;padding:2rem 0 1rem}.footer-authenticated .footer-container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-authenticated .footer-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.footer-authenticated .footer-section h3{-webkit-text-fill-color:initial;background:none;color:#495057;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.footer-authenticated .footer-section p{color:#6c757d;font-size:.875rem;margin:0}.footer-authenticated .footer-section h4{color:#495057;font-size:1rem;font-weight:600;margin-bottom:.75rem}.footer-authenticated .footer-section ul{list-style:none;margin:0;padding:0}.footer-authenticated .footer-section ul li{margin-bottom:.375rem}.footer-authenticated .footer-section a{color:#6c757d;font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-authenticated .footer-section a:hover{color:#f4a261}.footer-authenticated .footer-bottom{border-top:1px solid #e9ecef;padding-top:1rem;text-align:center}.footer-authenticated .footer-bottom p{color:#6c757d;font-size:.75rem;margin:0}@media (max-width:768px){.footer-authenticated .footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-authenticated .footer-section{width:100%}.landing-header-container{padding:0 1rem}.landing-nav{display:none}.hero-section .hero-content{gap:2rem!important;grid-template-columns:1fr!important;text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:2rem}.hero-actions{justify-content:center}.enterprise-content{gap:2rem;grid-template-columns:1fr;text-align:center}.cta-content h2,.section-header h2{font-size:2rem}.features-grid,.steps-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-section{padding:6rem 0 4rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.5rem}.hero-actions .btn{font-size:.875rem;padding:.875rem 1.5rem}.feature-card,.step-card{padding:2rem 1.5rem}}.dashboard-page{background:linear-gradient(135deg,#feca57,#ff6b6b);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid #fff3;margin-bottom:3rem;padding:2rem 0;position:relative}.dashboard-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.05'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.dashboard-title{color:var(--text-primary);font-size:3rem;font-weight:800;margin:0;position:relative;text-align:center;text-shadow:0 2px 4px #1a1a1a26;z-index:2}.dashboard-content{margin:0 auto;max-width:1200px;padding:0 2rem}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.dashboard-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;overflow:hidden;padding:2.5rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 20px 40px #0003;transform:translateY(-10px)}.dashboard-card-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;position:relative;z-index:2}.dashboard-card-content{color:#ffffffe6;font-size:1rem;line-height:1.7;position:relative;z-index:2}.family-dashboard{background:var(--background-blend);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;position:relative}.family-dashboard:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.05'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.family-dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #fff3;box-shadow:0 4px 20px #00000014;padding:0;transition:all .3s ease;width:100%}.family-dashboard-header.header-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.family-dashboard-header,.family-dashboard-header.header-hidden{transition:all .4s cubic-bezier(.4,0,.2,1)}.family-header-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.family-header-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;min-height:64px;position:relative;width:100%}.family-hamburger-section{align-items:center;display:flex;flex-shrink:0;width:80px}.family-hamburger-btn{background:none;border:none;border-radius:6px;cursor:pointer;padding:.5rem;transition:all .2s ease}.family-hamburger-btn:hover{background:#f3f4f6}.family-logo-section{align-items:center;display:flex;flex:1 1;justify-content:center}.family-logo{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:.5rem;transition:all .2s ease}.family-logo:hover{background:#f3f4f6;transform:scale(1.05)}.family-logo-icon{align-items:center;background:linear-gradient(135deg,#feca57,#ff6b6b);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.family-logo-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#feca57);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.family-logo-text span{color:#fffc;display:block;font-size:.875rem;font-weight:400}.family-user-section{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;position:relative;width:80px}.family-user-info{text-align:right}.family-logout-btn,.family-user-name,.family-user-type{color:var(--text-primary)}.family-logout-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--beach-sand-light);border:2px solid var(--beach-sand-dark);border-radius:8px;font-size:.75rem;padding:.5rem 1rem;transition:all .3s ease}.family-logout-btn:hover{background:var(--beach-sand);border-color:var(--aqua-blue);transform:translateY(-1px)}.family-dashboard-content{background:#0000;min-height:100vh;padding:2rem 0;position:relative;z-index:2}.family-dashboard-content div,.family-dashboard-content h1,.family-dashboard-content h2,.family-dashboard-content h3,.family-dashboard-content h4,.family-dashboard-content h5,.family-dashboard-content h6,.family-dashboard-content p,.family-dashboard-content span{color:var(--text-primary)!important;text-shadow:0 1px 2px #1a1a1a0d}.family-hamburger-menu{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.family-hamburger-nav{display:flex;flex-direction:column;padding:.5rem}.family-hamburger-link{background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.family-hamburger-link:hover{background:#f3f4f6;color:#1f2937}.family-hamburger-link.active,.family-hamburger-link.storyteller-hamburger-btn{background:#3b82f6;color:#fff}.family-hamburger-link.storyteller-hamburger-btn:hover{background:#2563eb}@media (max-width:1024px){.family-header-container{padding:0 1rem}.family-header-content{flex-direction:row;min-height:56px}.family-hamburger-section,.family-user-section{width:60px}.family-logo-section{flex:1 1;justify-content:center}.family-user-btn{gap:.375rem;padding:.375rem .625rem}.family-user-avatar{font-size:.8rem;height:28px;width:28px}}.about-page *,.family-dashboard *,.faq-page *,.landing-page *,.login-page *,.pricing-page *,.signup-page *{color:var(--text-primary)!important}.section-header h1,.section-header h2,.section-header h3,.section-header h4,.section-header h5,.section-header h6{-webkit-text-fill-color:unset!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:var(--text-primary)!important;font-weight:700!important;text-shadow:0 2px 4px #1a1a1a26!important}.section-header div,.section-header p,.section-header span{color:var(--text-primary)!important;text-shadow:0 1px 2px #1a1a1a14!important}.family-dashboard h1,.family-dashboard h2,.family-dashboard h3,.family-dashboard h4,.family-dashboard h5,.family-dashboard h6,.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4,.landing-page h5,.landing-page h6,.login-page h1,.login-page h2,.login-page h3,.login-page h4,.login-page h5,.login-page h6,.signup-page h1,.signup-page h2,.signup-page h3,.signup-page h4,.signup-page h5,.signup-page h6{color:var(--text-primary)!important;font-weight:700;text-shadow:0 2px 4px #1a1a1a26}.family-dashboard div,.family-dashboard p,.family-dashboard span,.landing-page div,.landing-page p,.landing-page span,.login-page div,.login-page p,.login-page span,.signup-page div,.signup-page p,.signup-page span{color:var(--text-primary)!important;font-weight:500;text-shadow:0 1px 2px #1a1a1a14}.family-dashboard-container{margin:0 auto;max-width:1200px;padding:0 2rem}.dashboard-section{animation:sectionSlideIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:28px;box-shadow:0 15px 50px var(--shadow-color);margin-bottom:4rem;padding:3rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.dashboard-section *{color:var(--text-primary)!important}.dashboard-section h1,.dashboard-section h2,.dashboard-section h3,.dashboard-section h4,.dashboard-section h5,.dashboard-section h6{font-weight:700;text-shadow:0 2px 4px #1a1a1a1a}.dashboard-section div,.dashboard-section p,.dashboard-section span{font-weight:500;text-shadow:0 1px 2px #1a1a1a0d}.dashboard-section:first-child{animation-delay:.1s}.dashboard-section:nth-child(2){animation-delay:.2s}.dashboard-section:nth-child(3){animation-delay:.3s}.dashboard-section:nth-child(4){animation-delay:.4s}.dashboard-section:hover{background:var(--beach-sand-warm);border-color:var(--aqua-blue-soft);box-shadow:0 25px 80px var(--shadow-aqua);transform:translateY(-8px)}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-section-header{margin-bottom:3rem;position:relative}.dashboard-section-title{color:var(--text-primary);display:inline-block;font-size:2.75rem;font-weight:800;margin:0 0 1.5rem;position:relative;text-shadow:0 2px 4px #1a1a1a1a}.dashboard-section-title:after{background:linear-gradient(90deg,var(--beach-sand-warm),var(--aqua-blue-soft),var(--aqua-blue-dark));border-radius:2px;bottom:-.5rem;content:"";height:4px;left:50%;opacity:.8;position:absolute;transform:translateX(-50%);width:100px}.dashboard-section-subtitle{color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.7;margin:0 auto;max-width:600px;text-shadow:0 1px 2px #1a1a1a0d}.storytellers-grid{grid-gap:2.5rem;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;margin-top:3rem}@media (max-width:768px){.storytellers-grid{align-items:center;grid-template-columns:1fr;justify-items:center;max-width:100%;padding:0 1rem}.storyteller-card{margin:0 auto;max-width:400px;width:100%}}.storyteller-card{background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:24px;box-shadow:0 8px 32px var(--shadow-color);overflow:hidden;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.storyteller-card:before{background:linear-gradient(90deg,var(--beach-sand-warm),var(--aqua-blue-soft),var(--aqua-blue-dark));content:"";height:6px;left:0;opacity:.9;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.storyteller-card:hover:before{transform:scaleX(1)}.storyteller-card:hover{background:var(--beach-sand-warm);border-color:var(--aqua-blue-soft);box-shadow:0 25px 60px var(--shadow-aqua);transform:translateY(-12px)}.storyteller-info{align-items:center;border-bottom:2px solid var(--beach-sand-light);display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem}.storyteller-avatar{align-items:center;background:linear-gradient(135deg,var(--beach-sand-warm),var(--aqua-blue-soft),var(--aqua-blue-dark));border:3px solid var(--white);border-radius:50%;box-shadow:0 8px 25px var(--shadow-aqua);color:var(--white);display:flex;font-size:1.5rem;font-weight:700;height:70px;justify-content:center;transition:all .3s ease;width:70px}.storyteller-card:hover .storyteller-avatar{background:linear-gradient(135deg,var(--aqua-blue-soft),var(--aqua-blue-dark),var(--beach-sand-dark));box-shadow:0 12px 35px var(--shadow-aqua);transform:scale(1.1)}.storyteller-details h3{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 .75rem}.storyteller-details h3,.storyteller-details p{color:var(--text-primary);text-shadow:0 1px 2px #1a1a1a0d}.storyteller-details p{font-size:1rem;font-weight:600;margin:0}.storyteller-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.stat-item{background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-item:hover{background:var(--beach-sand-warm);border-color:var(--aqua-blue-soft);box-shadow:0 8px 25px var(--shadow-aqua);transform:translateY(-2px)}.stat-number{font-size:2.5rem;font-weight:900;line-height:1;text-shadow:0 2px 4px #1a1a1a26}.stat-label,.stat-number{color:var(--text-primary)}.stat-label{font-size:.85rem;font-weight:700;max-width:none;overflow:visible;text-overflow:clip;text-shadow:0 1px 2px #1a1a1a1a;white-space:nowrap}.storyteller-actions{flex-wrap:wrap;gap:1rem;margin-top:1rem}.storyteller-actions .btn{border:none;border-radius:16px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;letter-spacing:.5px;min-width:140px;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--aqua-blue-soft),var(--aqua-blue-dark));box-shadow:0 6px 20px var(--shadow-aqua);color:var(--text-on-dark)}.btn-primary:hover{background:linear-gradient(135deg,var(--aqua-blue),var(--aqua-blue-dark),var(--beach-sand-dark));box-shadow:0 12px 30px var(--shadow-aqua);transform:translateY(-3px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--beach-sand-light),var(--beach-sand-warm));border:2px solid var(--border-soft)}.btn-secondary:hover{background:linear-gradient(135deg,var(--beach-sand),var(--aqua-blue-light));border-color:var(--aqua-blue-soft);box-shadow:0 8px 25px var(--shadow-aqua)}.btn-sm{border-radius:8px;padding:.5rem .75rem}.btn-lg{border-radius:12px;padding:1rem 1.5rem}.btn-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-disabled:hover{box-shadow:none;transform:none}.empty-state{background:var(--beach-sand-light);border:3px solid var(--border-soft);border-radius:28px;box-shadow:0 15px 50px var(--shadow-color);margin:3rem 0;overflow:hidden;padding:4rem 3rem;position:relative}.empty-state:before{background:linear-gradient(90deg,var(--beach-sand-warm),var(--aqua-blue-soft),var(--aqua-blue-dark));content:"";height:6px;left:0;opacity:.8;position:absolute;right:0;top:0}.empty-state h3{font-size:2rem;margin:0 0 1.5rem;text-shadow:0 2px 4px #1a1a1a1a}.empty-state h3,.empty-state p{color:var(--text-primary);position:relative;z-index:1}.empty-state p{line-height:1.7;text-shadow:0 1px 2px #1a1a1a0d}.feature-list{list-style:none;margin:2rem auto 0;max-width:500px;padding:0;position:relative;text-align:left;z-index:1}.feature-list li{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.6;padding:1rem 0 1rem 2rem;position:relative;transition:all .3s ease}.feature-list li:before{content:"✨";font-size:1.2rem;left:0;position:absolute;top:1rem}.feature-list li:hover{color:var(--text-primary);font-weight:600;padding-left:2.5rem}.feature-list li:last-child{border-bottom:none}.loading-state{color:#ffffffb3;padding:3rem 2rem}.message-banner{animation:slideInFromTop .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;margin-bottom:1.5rem;opacity:1;transform:translateY(0);transition:all .3s ease-in-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.message-banner.hiding{opacity:0;transform:translateY(-10px)}.message-banner p{color:#fff;font-weight:500;margin:0}.message-banner.error{border-color:#ef444466}.message-banner.success{border-color:#22c55e66}.family-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;overflow:visible;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 15px 35px #0003;transform:translateY(-5px)}.stat-number{color:#feca57;font-size:3rem;margin:0 0 .5rem;text-shadow:0 2px 10px #feca574d}.stat-label{color:#fffc;font-size:1rem;margin:0}.link-storyteller-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin:0 auto;max-width:500px;padding:2rem}.form-group label{font-size:1rem;font-weight:700;letter-spacing:.025em;margin-bottom:.75rem;text-shadow:0 1px 3px #0000001a}.form-input{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border:2px solid var(--border-soft);border-radius:16px;box-shadow:0 2px 8px var(--shadow-color);font-weight:500}.form-group textarea::placeholder,.form-input::placeholder{color:var(--text-secondary);opacity:.7}.form-input:focus{background:#fff;border-color:var(--aqua-blue);box-shadow:0 0 0 4px var(--shadow-aqua),0 4px 16px var(--shadow-color);transform:translateY(-1px)}.form-input:hover{background:#fff;border-color:var(--aqua-blue-soft);box-shadow:0 4px 16px var(--shadow-color)}.form-input[readonly]{background:#ffffffe6!important;border-color:var(--border-soft)!important;color:var(--text-primary)!important;cursor:default}.form-input[readonly]:focus,.form-input[readonly]:hover{background:#fff!important;border-color:var(--border-soft)!important;box-shadow:0 2px 8px var(--shadow-color)!important}.form-input[readonly]:focus{transform:none!important}.form-group small{font-size:.875rem;font-weight:500;line-height:1.5;margin-top:.75rem}.limit-info{background:#fbbf2433;border:2px solid #fbbf2466;border-radius:8px;box-shadow:0 2px 8px #fbbf2433;color:#d97706;display:inline-block;font-weight:600;margin-top:.5rem;padding:.5rem .75rem}.storyteller-filter{margin-top:1rem;text-align:center}.call-stats{margin-bottom:1rem}.call-stat-item{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.call-stat-label{color:#ffffffb3;font-size:.875rem;font-weight:500}.call-stat-count{font-size:.875rem;font-weight:600;transition:all .3s ease-in-out}.call-stat-count.updating{animation:pulse .6s ease-in-out}.week-blocked-indicator{cursor:help;font-size:.875rem;margin-left:.5rem;opacity:.8}.call-stat-count.limit-reached{color:#f87171}.call-stat-count.approaching-limit{color:#fbbf24}.call-stat-count.within-limit{color:#34d399}.call-stats-loading{color:#fff9;font-size:.875rem;padding:1rem;text-align:center}.avatar-initial{color:#fff;font-size:1.5rem;font-weight:600}.storyteller-name{color:#fff;font-size:1.125rem;margin:0 0 .25rem}.storyteller-code{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#ffffffb3;font-family:Courier New,monospace;font-size:.875rem;margin:0;padding:.25rem .5rem}.family-user-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;padding:.5rem .75rem;transition:all .2s ease}.family-user-name-btn:before{transition:left .5s ease}.family-user-btn:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 2px 4px 0 #0000001a}.family-user-name-btn:active{box-shadow:0 4px 20px #0000001a;transform:translateY(0)}.family-user-name-btn:focus{box-shadow:0 0 0 3px #667eea4d,0 4px 20px #0000001a;outline:none}.family-user-name-btn:focus-visible{outline:2px solid #667eea80;outline-offset:2px}.family-user-avatar{background:#3b82f6;height:32px;transition:all .2s ease;width:32px}@keyframes avatarPulse{0%,to{box-shadow:0 4px 15px #667eea4d}50%{box-shadow:0 4px 25px #667eea80}}.family-user-name-btn:hover .family-user-avatar{box-shadow:0 6px 20px #667eea66;transform:scale(1.05)}.family-user-name-btn:hover .family-dropdown-arrow{transform:translateY(1px)}.family-dropdown-arrow.open{transform:rotate(180deg)}.family-dropdown-menu{animation:dropdownSlideIn .5s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 32px 64px #0006,0 16px 32px #0000004d,inset 0 0 0 1px #ffffff0d,0 0 0 1px #667eea33;isolation:isolate;margin-top:1rem;min-width:280px;overflow:hidden;pointer-events:auto;transform-origin:top right;will-change:transform,opacity;z-index:999999}.family-dropdown-menu:hover{animation:dropdownFloat 6s ease-in-out infinite}@keyframes dropdownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.family-dropdown-menu:before{background:linear-gradient(90deg,#0000,#667eea99,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.family-dropdown-menu:after{background:linear-gradient(135deg,#667eea0d,#0000 50%,#ffffff05);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.family-user-info{border-bottom:1px solid #ffffff14;padding:2rem 2rem 1.5rem;transition:all .3s ease}.family-user-info:hover{background:linear-gradient(135deg,#667eea26,#764ba214)}.family-user-info:after{background:linear-gradient(90deg,#0000,#667eea4d,#0000);bottom:0;content:"";height:1px;left:2rem;position:absolute;right:2rem}.family-user-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem;text-shadow:0 2px 8px #0000004d}.family-user-type{align-items:center;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff1f;border-radius:12px;color:#ffffffb3;display:flex;font-size:.9rem;gap:.75rem;overflow:hidden;padding:.5rem 1rem;position:relative;text-transform:capitalize;width:fit-content}.family-user-type:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.family-user-info:hover .family-user-type:after{left:100%}.family-dropdown-divider{background:linear-gradient(90deg,#0000,#667eea33,#0000)}.family-profile-btn{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba20d);border:1px solid #667eea33;border-radius:16px;color:#a5b4fc;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:1rem;margin:.75rem 1rem .5rem;overflow:hidden;padding:1.25rem 2rem;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);width:calc(100% - 2rem)}.family-profile-btn:after{background:linear-gradient(90deg,#0000,#667eea26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.family-profile-btn:hover{background:linear-gradient(135deg,#667eea33,#764ba21a);border-color:#667eea4d;box-shadow:0 8px 25px #667eea40,inset 0 0 0 1px #667eea1a;color:#c7d2fe;transform:translateX(8px) translateY(-2px)}.family-profile-btn:hover:after{left:100%}.family-profile-btn:active{transform:translateX(8px) translateY(0) scale(.98)}.family-logout-btn{align-items:center;background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef444433;border-radius:16px;color:#fca5a5;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:1rem;margin:.75rem 1rem 1rem;overflow:hidden;padding:1.25rem 2rem;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);width:calc(100% - 2rem)}.family-logout-btn:after{background:linear-gradient(90deg,#0000,#ef444426,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.family-logout-btn:hover{background:linear-gradient(135deg,#ef444433,#dc26261a);border-color:#ef44444d;box-shadow:0 8px 25px #ef444440,inset 0 0 0 1px #ef44441a;color:#fecaca;transform:translateX(8px) translateY(-2px)}.family-logout-btn:hover:after{left:100%}.family-logout-btn:active{transform:translateX(8px) translateY(0) scale(.98)}.family-dropdown-arrow{color:#fffc;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:.8rem;margin-left:.75rem;opacity:.9;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.family-user-name-btn:hover .family-dropdown-arrow{color:#fff;opacity:1;transform:translateY(2px)}.family-dropdown-arrow.open{color:#667eea;filter:drop-shadow(0 1px 3px rgba(102,126,234,.3));opacity:1;transform:rotate(180deg) translateY(-2px)}.family-user-name-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #fff3;border-radius:50px;box-shadow:0 8px 32px #00000026,inset 0 0 0 1px #ffffff1a;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.family-user-name-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.family-user-name-btn:hover:before{left:100%}.family-user-name-btn:hover{background:linear-gradient(135deg,#fff3,#ffffff1f);border-color:#ffffff4d;box-shadow:0 16px 40px #0003,inset 0 0 0 1px #ffffff26;transform:translateY(-3px)}.family-user-name-btn:active{box-shadow:0 8px 32px #00000026,inset 0 0 0 1px #ffffff1a;transform:translateY(-1px)}.family-user-name-btn[aria-expanded=true]{animation:subtlePulse 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea33,#764ba226);border-color:#667eea4d;box-shadow:0 16px 40px #667eea33,inset 0 0 0 1px #667eea33}@keyframes subtlePulse{0%,to{box-shadow:0 16px 40px #667eea33,inset 0 0 0 1px #667eea33}50%{box-shadow:0 16px 40px #667eea40,inset 0 0 0 1px #667eea40}}.family-user-avatar{background:linear-gradient(135deg,#feca57,#ff6b6b);box-shadow:0 8px 25px #667eea4d,inset 0 0 0 1px #fff3;color:#fff;font-size:1.2rem;font-weight:800;height:2.75rem;overflow:hidden;position:relative;text-shadow:0 2px 4px #0000004d;transition:all .4s ease;width:2.75rem}.family-user-avatar:before{background:linear-gradient(45deg,#0000,#ffffff26,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .8s ease;width:200%}.family-user-name-btn:hover .family-user-avatar{box-shadow:0 12px 35px #667eea66,inset 0 0 0 1px #ffffff40;transform:scale(1.08)}.family-user-name-btn:hover .family-user-avatar:before{opacity:1;transform:rotate(45deg) translate(50%,50%)}.family-user-name-text{font-size:1rem;font-weight:700;letter-spacing:-.01em;transition:all .4s ease}.family-user-name-btn:hover .family-user-name-text{color:#f8fafc;text-shadow:0 2px 6px #0006}.question-selection-modal{max-width:600px;width:90%}.question-selection-section{margin-bottom:1.5rem}.question-options{margin:1rem 0}.question-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #e1e5e9;border-radius:8px;margin-bottom:1rem;padding:1rem}.question-option input[type=radio]{margin-right:.5rem}.question-option label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.custom-question-input{border:1px solid #ddd;border-radius:4px;font-family:inherit;margin-top:.5rem;padding:.75rem;resize:vertical;width:100%}.question-preview{background:#677eea1a;border-left:4px solid #feca57;border-radius:8px;margin-top:1rem;padding:1rem}.selected-question-text{color:#555;font-style:italic;line-height:1.4;margin:.5rem 0 0}.care-staff-dashboard{color:#fff}.care-staff-dashboard,.form-page{background:linear-gradient(135deg,#feca57,#ff6b6b);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.form-page{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:2rem 0;position:relative}.form-page:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.05'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:450px;padding:3rem 2.5rem;position:relative;width:100%;z-index:2}.form-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#feca57);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:800;margin-bottom:2.5rem;text-align:center}.form-group{margin-bottom:2rem}.form-label{color:#ffffffe6;margin-bottom:.75rem}.form-input{padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus{box-shadow:0 0 0 .25rem #feca5726;transform:translateY(-2px)}.form-input:hover{background:#ffffff1f;border-color:#fff6}.form-button{background:linear-gradient(135deg,#ff6b6b,#feca57);border:none;border-radius:12px;box-shadow:0 8px 25px #ff6b6b66;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.05em;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-button:hover{box-shadow:0 12px 35px #ff6b6b99;transform:translateY(-3px)}.form-button:disabled{background:#fff3;box-shadow:none;color:#fff9;cursor:not-allowed;transform:none}.form-footer{border-top:1px solid #fff3;margin-top:2rem;padding-top:2rem;text-align:center}.form-footer a{color:#feca57;font-weight:600;text-decoration:none;transition:color .2s ease}.form-footer a:hover{color:#ff6b6b;text-decoration:underline}.landing-page.login-page,.login-page{background:linear-gradient(135deg,var(--beach-sand) 0,var(--beach-sand-light) 50%,var(--aqua-blue-light) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow:hidden;padding:2rem 0}.landing-page .login-container,.landing-page.login-page,.login-page{align-items:center;display:flex;justify-content:center;position:relative}.landing-page .login-container{margin:0 auto;max-width:500px;padding-top:6rem;width:100%;z-index:2}.login-page:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.05'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.landing-page .login-container,.login-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:500px;padding-top:6rem;position:relative;width:100%;z-index:2}.landing-page .login-card,.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:24px;box-shadow:0 20px 40px var(--shadow-color);overflow:hidden;padding:3rem 2.5rem;position:relative}.login-header{margin-bottom:2.5rem;text-align:center}.login-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 4px #1a1a1a1a}.login-header p{color:var(--text-primary);font-size:1.125rem;font-weight:500;text-shadow:0 1px 2px #1a1a1a0d}.login-type-selector{margin-bottom:2rem}.login-type-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--white);border:2px solid var(--border-soft);border-radius:16px;box-shadow:0 4px 20px var(--shadow-color);display:flex;gap:.25rem;padding:.25rem}.login-tab{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.875rem 1rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-tab:hover{background:#ffffff1a;color:#ffffffe6}.login-tab.active{background:linear-gradient(135deg,#ff6b6b,#feca57);box-shadow:0 4px 15px #ff6b6b66;color:#fff}.login-form{margin-bottom:2rem}.login-form .form-group{margin-bottom:1.5rem}.login-form .form-label{color:#ffffffe6;display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.login-form .form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-form .form-input::placeholder{color:#fff9}.login-form .form-input:focus{background:#ffffff26;border-color:#feca57;box-shadow:0 0 0 .25rem #feca5726;outline:none;transform:translateY(-2px)}.login-form .form-input:hover{background:#ffffff1f;border-color:#fff6}.login-form .btn{background:linear-gradient(135deg,#ff6b6b,#feca57);border:none;border-radius:12px;box-shadow:0 8px 25px #ff6b6b66;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.05em;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-form .btn:hover:not(:disabled){box-shadow:0 12px 35px #ff6b6b99;transform:translateY(-3px)}.login-form .btn:disabled{background:#fff3;box-shadow:none;color:#fff9;cursor:not-allowed;transform:none}.login-footer{border-top:1px solid #fff3;margin-top:2rem;padding-top:2rem;text-align:center}.login-footer p{color:#fffc;font-size:1rem;margin-bottom:1.5rem}.login-footer .link{color:#feca57;font-weight:600;text-decoration:none;transition:color .2s ease}.login-footer .link:hover{color:#ff6b6b;text-decoration:underline}.login-footer .btn{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;color:#fff;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.login-footer .btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width:768px){.login-card{margin:1rem;padding:2rem 1.5rem}.login-header h1{font-size:2rem}.login-type-tabs{flex-direction:column}.login-tab{text-align:center}}@media (max-width:480px){.login-container{max-width:100%}.login-card{padding:1.5rem 1rem}.login-header h1{font-size:1.75rem}}.user-type-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.user-type-card:hover{transform:translateY(-4px)}.user-type-card:hover:before{opacity:1}.user-type-card:active{transform:translateY(-2px)}.user-type-card h3{text-shadow:0 1px 2px #0000001a}.signup-page{overflow:hidden}.signup-page:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.05'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.signup-card:hover{background:var(--beach-sand-warm);border-color:var(--aqua-blue-soft);box-shadow:0 25px 60px var(--shadow-aqua);transform:translateY(-8px) scale(1.02)}.signup-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1rem}.signup-card p{color:#ffffffd9;font-size:1rem;font-weight:400;line-height:1.5;margin-bottom:0}.plan-selection{margin-bottom:3rem;text-align:center}.plan-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:1.5rem}.plan-card{border:none;border-radius:18px;color:inherit;font-family:inherit;padding:2.5rem 1.5rem 2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.plan-card:hover{box-shadow:0 20px 40px #0003;transform:translateY(-10px)}.plan-card.selected{background:#feca571a}.plan-header{margin-bottom:1.25rem}.plan-header h3{color:#fff;font-size:1.3rem;margin-bottom:.75rem}.plan-badge{display:inline-block;letter-spacing:.05em;padding:.4rem .8rem}.plan-features ul{margin:0}.plan-features li{font-size:.8rem;padding:.4rem 0}.price-period{font-weight:400}.plan-name,.plan-price{margin-bottom:1rem}.plan-price{font-size:2.5rem}.plan-period{color:#ffffffb3;font-size:1rem}.plan-features{list-style:none;margin:0;padding:0}.plan-features li{border-bottom:1px solid #ffffff1a;color:#fffc;padding:.5rem 0}.plan-features li:last-child{border-bottom:none}.selected-plan-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#feca571a;border:1px solid #feca574d;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.plan-summary h4{color:#feca57;font-weight:700;margin-bottom:.75rem}.plan-summary p{color:#fffc;line-height:1.6}.signup-form{margin-bottom:2rem}.signup-form .form-group{margin-bottom:1.5rem}.signup-form .form-label{color:#ffffffe6;display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.signup-form .form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.signup-form .form-input::placeholder{color:#fff9}.signup-form .form-input:focus{background:#ffffff26;border-color:#feca57;box-shadow:0 0 0 .25rem #feca5726;outline:none;transform:translateY(-2px)}.signup-form .form-input:hover{background:#ffffff1f;border-color:#fff6}.signup-form .password-input-container input{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:2px solid var(--border-soft);border-radius:16px;box-shadow:0 2px 8px var(--shadow-color);color:var(--text-primary);font-size:1rem;font-weight:500;padding:1rem 4rem 1rem 1.25rem;transition:all .3s ease;width:100%}.signup-form .password-input-container input::placeholder{color:var(--text-secondary);opacity:.7}.signup-form .password-input-container input:focus{background:#fff;border-color:var(--aqua-blue);box-shadow:0 0 0 4px var(--shadow-aqua),0 4px 16px var(--shadow-color);outline:none;transform:translateY(-1px)}.signup-form .password-input-container input:hover{background:#fff;border-color:var(--aqua-blue-soft);box-shadow:0 4px 16px var(--shadow-color)}.signup-form .password-toggle{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:.5rem;position:absolute;right:1rem;transition:all .2s ease;z-index:10}.signup-form .password-toggle:hover{background:#0000000d;color:var(--text-primary)}.signup-form .password-requirement{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:2px solid var(--border-soft);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-top:1rem;padding:1rem 1.25rem}.payment-form,.payment-header{margin-bottom:2rem}.plan-badge{background:linear-gradient(135deg,#ff6b6b,#feca57);box-shadow:0 8px 25px #ff6b6b66;padding:1.5rem;text-align:center}.plan-name{display:block}.period{font-size:1rem;font-weight:400;opacity:.9}.form-section{margin-bottom:2rem}.form-section h3{color:#fff;font-weight:700;margin-bottom:.5rem}.form-subtitle{color:#ffffffb3;font-size:.875rem}.card-details-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.signup-form .btn{background:linear-gradient(135deg,#ff6b6b,#feca57);border:none;border-radius:12px;box-shadow:0 8px 25px #ff6b6b66;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.05em;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.signup-footer{border-top:1px solid #fff3;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.signup-footer .btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;color:#fff;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.signup-footer .btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.pricing-page{background:linear-gradient(135deg,#feca57,#ff6b6b 50%,#f093fb);color:#fff;font-family:Inter,sans-serif;min-height:100vh;overflow:hidden;position:relative}.pricing-page:before{animation:float 25s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='20' cy='20' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='80' cy='80' r='.8' fill='rgba(255,255,255,0.08)'/%3E%3Ccircle cx='40' cy='60' r='.3' fill='rgba(255,255,255,0.03)'/%3E%3Ccircle cx='70' cy='30' r='.6' fill='rgba(255,255,255,0.06)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.pricing-hero{padding:4rem 0 3rem;position:relative;text-align:center;z-index:10}.pricing-hero-container{margin:0 auto;max-width:700px;padding:0 1.5rem}.pricing-hero-content h1{-webkit-text-fill-color:#0000;animation:fadeInSlideUp .8s ease-out;background:linear-gradient(135deg,#fff,#feca57);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1rem;text-shadow:0 4px 8px #0000001a}.pricing-hero-subtitle{animation:fadeInSlideUp .8s ease-out .2s both;color:#ffffffe6;font-size:1.25rem;font-weight:500;margin-bottom:.75rem}.pricing-hero-description{animation:fadeInSlideUp .8s ease-out .4s both;color:#fffc;font-size:1rem;line-height:1.6;margin:0 auto;max-width:500px}.pricing-plans{padding:1.5rem 0 4rem;position:relative;z-index:10}.pricing-plans-container{margin:0 auto;max-width:1000px;padding:0 1.5rem}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem}.plan-card{animation:slideUp .6s ease-out both;background:#ffffff1a;padding:2rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.plan-card:first-child{animation-delay:.2s}.plan-card:nth-child(2){animation-delay:.4s}.plan-card:nth-child(3){animation-delay:.6s}.plan-card:hover{background:#ffffff26;box-shadow:0 32px 64px -12px #00000040;transform:translateY(-8px) scale(1.02)}.plan-card.popular{border:2px solid #feca57;box-shadow:0 20px 40px #feca5733}.plan-card.popular:before{background:linear-gradient(90deg,#feca57,#ff6b6b)}.plan-card.selected{border-color:#feca57;box-shadow:0 20px 40px #feca5733}.plan-card.selected:before{background:linear-gradient(90deg,#feca57,#ff6b6b)}.popular-badge{animation:pulse 2s ease-in-out infinite;background:#feca57;border-radius:2rem;box-shadow:0 4px 12px #feca574d;color:#1f2937;font-size:.875rem;font-weight:600;opacity:1;padding:.5rem 1rem;position:absolute;right:1.5rem;top:1.5rem}.plan-header{text-align:center}.plan-name{color:#fff;font-size:1.5rem;font-weight:700}.plan-name,.plan-price{margin-bottom:.75rem}.price-amount{color:#feca57;display:block;font-size:2.25rem;font-weight:800}.price-period{color:#ffffffb3;font-size:1rem;font-weight:500}.plan-description{color:#fffc;font-size:1rem;line-height:1.5;margin:0}.plan-features{margin-bottom:1.5rem}.plan-features h4{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.features-list{margin:0 0 1.5rem}.feature-item{border-bottom:1px solid #fff3;gap:.75rem;padding:.5rem 0}.feature-item:last-child{border-bottom:none}.feature-check{align-items:center;background:linear-gradient(135deg,#feca57,#ff6b6b);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:1.5rem;justify-content:center;width:1.5rem}.feature-text{color:#ffffffe6;font-size:.9rem}.plan-limitations{border-top:1px solid #fff3;margin-top:1.5rem;padding-top:1.5rem}.plan-limitations h4{color:#ff6b6b;font-size:1rem;font-weight:600;margin-bottom:.75rem;text-align:center}.limitations-list{list-style:none;margin:0;padding:0}.limitation-item{align-items:center;display:flex;gap:.75rem;padding:.375rem 0}.limitation-icon{align-items:center;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:1.25rem;justify-content:center;width:1.25rem}.limitation-text{color:#fffc;font-size:.85rem;line-height:1.4}.plan-actions .btn{border-radius:.75rem;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.plan-actions .btn:hover{box-shadow:0 12px 30px #0003;transform:translateY(-2px)}.plan-actions .btn.processing{cursor:not-allowed;opacity:.8}.pricing-faq{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;padding:2.5rem 0;position:relative;z-index:10}.pricing-faq-container{margin:0 auto;max-width:700px;padding:0 1.5rem}.pricing-faq h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#feca57);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.section-header{margin-bottom:2rem;text-align:center}.section-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.75rem;text-shadow:0 2px 4px #1a1a1a26}.section-header p{color:var(--text-primary);font-size:1rem;line-height:1.5;margin:0 auto;max-width:500px;text-shadow:0 1px 2px #1a1a1a14}.pricing-faq p{color:#fffc;font-size:1.125rem;margin-bottom:2rem;text-align:center}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.faq-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem}.faq-item:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-5px)}.faq-item h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.faq-item p{color:#fffc;line-height:1.6;margin:0;text-align:left}.pricing-cta{padding:6rem 0;position:relative;text-align:center;z-index:10}.pricing-cta-container{margin:0 auto;max-width:600px;padding:0 2rem}.pricing-cta-content h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 4px #1a1a1a26}.pricing-cta-content p{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}@media (max-width:768px){.pricing-hero-content h1{font-size:2.5rem}.pricing-hero-subtitle{font-size:1.25rem}.plans-grid{gap:1.5rem;grid-template-columns:1fr}.plan-card{padding:2rem 1.5rem}.pricing-plans-container{padding:0 1rem}.faq-grid{grid-template-columns:1fr}}@media (max-width:480px){.pricing-hero-content h1{font-size:2rem}.pricing-hero-subtitle{font-size:1.125rem}.pricing-hero-description{font-size:1rem}.plan-card{padding:1.5rem 1rem}.plan-name{font-size:1.75rem}.price-amount{font-size:2.5rem}.pricing-cta-content h2{font-size:2rem}.pricing-cta-content p{font-size:1.125rem}}.faq-page{background:linear-gradient(135deg,#feca57,#ff6b6b 50%,#f093fb);color:#fff;font-family:Inter,sans-serif;min-height:100vh;overflow:hidden;position:relative}.faq-page:before{animation:float 25s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='20' cy='20' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='80' cy='80' r='.8' fill='rgba(255,255,255,0.08)'/%3E%3Ccircle cx='40' cy='60' r='.3' fill='rgba(255,255,255,0.03)'/%3E%3Ccircle cx='70' cy='30' r='.6' fill='rgba(255,255,255,0.06)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.faq-hero{padding:6rem 0;position:relative;text-align:center;z-index:10}.faq-hero-container{margin:0 auto;max-width:800px;padding:0 2rem}.faq-hero-content h1{-webkit-text-fill-color:#0000;animation:fadeInSlideUp .8s ease-out;background:linear-gradient(135deg,#fff,#feca57);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.5rem;text-shadow:0 4px 8px #0000001a}.faq-hero-subtitle{animation:fadeInSlideUp .8s ease-out .2s both;color:#ffffffe6;font-size:1.5rem;font-weight:500;margin-bottom:1rem}.faq-hero-description{animation:fadeInSlideUp .8s ease-out .4s both;color:#fffc;font-size:1.125rem;line-height:1.7;margin:0 auto;max-width:600px}.faq-categories{padding:2rem 0 4rem;position:relative;z-index:10}.faq-categories-container{margin:0 auto;max-width:1200px;padding:0 2rem}.categories-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.category-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.category-card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 32px 64px -12px #00000040;transform:translateY(-8px) scale(1.02)}.category-card:hover:before{transform:scaleX(1)}.category-card.active{background:#feca571a;border-color:#feca57;box-shadow:0 20px 40px #feca5733}.category-card.active:before{background:linear-gradient(90deg,#feca57,#ff6b6b);transform:scaleX(1)}.category-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.category-count{color:#ffffffb3;font-size:.875rem;font-weight:500}.faq-questions{padding:2rem 0 6rem;position:relative;z-index:10}.faq-questions-container{margin:0 auto;max-width:1000px;padding:0 2rem}.faq-category{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:3rem;overflow:hidden;transition:all .3s ease}.faq-category.open{background:#ffffff1a;border-color:#fff3}.category-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:2rem;transition:all .3s ease}.category-header:hover{background:#ffffff0d}.category-name{align-items:center;color:#fff;display:flex;font-size:1.75rem;font-weight:700;gap:1rem;margin:0}.category-toggle{color:#feca57;font-size:2rem;font-weight:700;transition:all .3s ease}.questions-list{max-height:0;overflow:hidden;transition:max-height .5s ease}.faq-category.open .questions-list{max-height:2000px}.faq-item{border-top:1px solid #ffffff1a;transition:all .3s ease}.faq-item:hover{background:#ffffff0d}.question-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:all .3s ease}.question-header:hover{background:#ffffff0d}.question-text{color:#fff;flex:1 1;font-size:1.125rem;font-weight:600;margin:0;padding-right:2rem}.question-toggle{color:#feca57;flex-shrink:0;font-size:1.5rem;font-weight:700;transition:all .3s ease}.question-answer{background:#ffffff0d;max-height:0;overflow:hidden;transition:max-height .5s ease}.question-answer.open{max-height:200px}.question-answer p{color:#ffffffe6;font-size:1rem;line-height:1.6;margin:0;padding:0 2rem 1.5rem}.faq-contact{padding:6rem 0;position:relative;text-align:center;z-index:10}.faq-contact-container{margin:0 auto;max-width:600px;padding:0 2rem}.faq-contact-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#feca57);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 4px 8px #0000001a}.faq-contact-content p{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.contact-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.contact-actions .btn{min-width:200px}@media (max-width:768px){.faq-hero-content h1{font-size:2.5rem}.faq-hero-subtitle{font-size:1.25rem}.categories-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-card{padding:2rem 1.5rem}.faq-questions-container{padding:0 1rem}.contact-actions{align-items:center;flex-direction:column}.contact-actions .btn{max-width:300px;width:100%}}@media (max-width:480px){.faq-hero-content h1{font-size:2rem}.faq-hero-subtitle{font-size:1.125rem}.faq-hero-description{font-size:1rem}.category-card{padding:1.5rem 1rem}.category-title{font-size:1.25rem}.faq-contact-content h2{font-size:2rem}.faq-contact-content p{font-size:1.125rem}}.signup-form .btn:hover:not(:disabled){box-shadow:0 12px 35px #ff6b6b99;transform:translateY(-3px)}.signup-form .btn:disabled{background:#fff3;box-shadow:none;color:#fff9;cursor:not-allowed;transform:none}.payment-note{margin-top:2rem}.terms{color:#ffffffb3}@media (max-width:768px){.signup-card{margin:1rem;padding:1.5rem 1.25rem}.plan-options,.user-type-options{gap:1.5rem;grid-template-columns:1fr;margin:1.5rem auto 1rem}.card-details-row{grid-template-columns:1fr}.header-content h1,.user-type-title{font-size:1.75rem}.header-content p{font-size:.9rem}.header-content p:after{bottom:-.4rem;width:30px}.user-type-card{padding:2rem 1.5rem}.user-type-card h3{font-size:1.125rem}.user-type-card p{font-size:.85rem}.signup-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.signup-container{margin:0 auto;max-width:100%;width:100%}.signup-card{margin:0;padding:1.5rem 1.25rem}.user-type-options{gap:.75rem;margin:1rem auto}.user-type-card{padding:1.25rem}}@media (max-width:480px){.signup-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:.75rem}.signup-container{margin:0 auto;max-width:100%;width:100%}.signup-card{border-radius:16px;margin:0;padding:1.25rem 1rem}.user-type-options{gap:.75rem;margin:1rem auto}.user-type-card{border-radius:12px;padding:1rem}.header-content h1,.user-type-title{font-size:1.5rem}.header-content p{font-size:.85rem}.header-content p:after{bottom:-.3rem;width:25px}.user-type-card{padding:1.75rem 1.25rem}.user-type-options{gap:1.25rem;margin:1.25rem auto .75rem}.signup-footer{margin-top:1rem;padding-top:1rem}}@media (max-width:768px){.landing-hero h1{font-size:2.5rem}.landing-hero p{font-size:1.125rem}.family-header-content{flex-direction:column;gap:1rem}.family-nav{justify-content:center;order:3;width:100%}.form-container{margin:1rem;padding:1.5rem}}.city-input-container{width:100%}.city-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;font-weight:500;outline:none;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.city-input::placeholder{color:#fff9;font-weight:400}.city-input:focus{background:#ffffff26;border-color:#ff6b6bcc;box-shadow:0 0 0 4px #ff6b6b1a,0 8px 25px #ff6b6b33;transform:translateY(-2px)}.city-input:hover:not(:focus){background:#ffffff1f;border-color:#fff6;transform:translateY(-1px)}.city-suggestions{animation:slideDownFade .3s cubic-bezier(.4,0,.2,1);border-radius:12px;border-top:3px solid #ff6b6b4d;box-shadow:0 8px 32px #0000001f;margin-top:.5rem;max-height:300px}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.city-suggestion-item{align-items:center;background:#fffffffa;border-bottom:1px solid #e5e7eb80;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.city-suggestion-item:last-child{border-bottom:none}.city-suggestion-item:before{background:linear-gradient(90deg,#ff6b6b1a,#feca571a);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease}.city-suggestion-item:hover{background:#6366f11f;box-shadow:0 4px 15px #6366f133;transform:translateX(4px)}.city-suggestion-item:hover:before{transform:translateX(0)}.city-suggestion-item:active{transform:translateX(2px) scale(.98)}.city-name{color:#2d3748;flex:1 1;font-size:1rem;font-weight:600}.city-timezone{background:#7180961a;border:1px solid #71809633;border-radius:20px;color:#718096;font-size:.875rem;font-weight:500;padding:.25rem .75rem;transition:all .2s ease}.city-suggestion-item:hover .city-timezone{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#e53e3e}.city-suggestion-item.no-results{color:#718096;cursor:default;font-style:italic;padding:1.5rem;text-align:center}.city-suggestion-item.no-results:hover{background:#0000;transform:none}.city-suggestion-item.no-results:before{display:none}.city-suggestion-item.loading{align-items:center;color:#718096;cursor:default;display:flex;gap:.75rem;justify-content:center;padding:1.5rem;text-align:center}.city-suggestion-item.loading:hover{background:#0000;transform:none}.city-suggestion-item.loading:before{display:none}.spinner-small{height:16px;width:16px}.scheduled-calls-section{margin-top:3rem}.scheduled-calls-section .section-header{margin-bottom:2.5rem;text-align:center}.scheduled-calls-section .section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.25rem;font-weight:700;margin-bottom:.75rem;text-shadow:0 2px 8px #0000004d}.scheduled-calls-section .section-header p{color:#ffffffe6;font-size:1.125rem;font-weight:500;text-shadow:0 1px 3px #0003}.empty-state{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:2px solid var(--border-soft);border-radius:24px;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:3rem}.empty-state h3{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 8px #0000004d}.empty-state p{color:#fffc;font-size:1.125rem;font-weight:500}.scheduled-calls-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}@media (max-width:768px){.scheduled-calls-grid{gap:1.5rem;grid-template-columns:1fr;margin-top:1.5rem}.call-card{border-radius:20px;padding:2rem}.call-header h4{font-size:1.5rem}.call-actions{flex-direction:column;gap:.75rem}.call-actions .btn{min-width:auto;width:100%}.scheduled-calls-section .section-header h2{font-size:2rem}}.call-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:3px solid var(--border-soft);border-radius:24px;box-shadow:0 20px 60px var(--shadow-color);height:auto;margin-bottom:1rem;opacity:1;overflow:visible;padding:2.5rem;position:relative;transform:translateX(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.call-card:before{background:linear-gradient(135deg,#00000005,#00000003);border-radius:24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.call-card.removing{height:0;margin-bottom:0;opacity:0;overflow:hidden;padding:0;transform:translateX(-20px)}.call-card.adding{animation:slideInFromRight .4s ease-out}.call-card *{transition:all .2s ease-in-out}.call-card:hover{border-color:var(--aqua-blue-soft);box-shadow:0 30px 80px var(--shadow-color);transform:translateY(-4px)}.call-card .btn{transition:all .2s ease-in-out}.call-card .btn:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.call-header{border-bottom:2px solid #e5e7ebcc;margin-bottom:2rem;padding-bottom:1.5rem;position:relative;text-align:center;z-index:1}.call-header h4{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 1rem;text-shadow:0 1px 3px #0000001a}.status-badge{border-radius:50px;box-shadow:0 2px 8px #0000001a;display:inline-block;font-weight:700;padding:.5rem 1.5rem;transition:all .3s ease}.status-scheduled{background:linear-gradient(135deg,var(--aqua-blue-soft),var(--aqua-blue));border:2px solid #3b82f64d;box-shadow:0 4px 16px #3b82f633}.status-completed{background:linear-gradient(135deg,#34d399,#10b981);border:2px solid #34d3994d;box-shadow:0 4px 16px #34d39933}.status-missed{background:linear-gradient(135deg,#f87171,#ef4444);border:2px solid #f871714d;box-shadow:0 4px 16px #f8717133;color:#fff}.status-cancelled{background:linear-gradient(135deg,#9ca3af,#6b7280);border:2px solid #9ca3af4d;box-shadow:0 4px 16px #9ca3af33;color:#fff}.call-details{margin-bottom:2rem;position:relative;z-index:1}.call-date-time{background:#f9fafbcc;border:2px solid #e5e7ebcc;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.call-date-time p{color:#374151;font-size:1rem;font-weight:500;margin:0 0 .75rem}.call-date-time p:last-child{margin-bottom:0}.call-date-time strong{color:#1f2937;font-weight:700}.call-question{border-top:2px solid #e5e7ebcc;margin-top:1.5rem;padding-top:1.5rem}.call-question strong{color:#1f2937;display:block;font-size:1.125rem;font-weight:700;margin-bottom:1rem;text-shadow:0 1px 2px #0000001a}.question-text{background:#f9fafbe6;border:2px solid #e5e7ebcc;border-radius:16px;box-shadow:0 2px 8px #0000000d;color:#374151;font-size:1rem;font-weight:500;line-height:1.6;padding:1.5rem}.call-actions{align-items:center;border-top:2px solid #e5e7ebcc;flex-wrap:wrap;gap:1rem;margin-top:2rem;padding-top:1.5rem;position:relative;z-index:1}.call-actions .btn{border:none;border-radius:16px;box-shadow:0 4px 16px #0000001a;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.5px;min-width:120px;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.btn-danger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f87171,#ef4444);border:2px solid #f871714d}.btn-danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#f8717180;box-shadow:0 8px 25px #f871714d}.btn-call-now{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 15px #34d3994d;color:#fff}.btn-call-now:hover{box-shadow:0 8px 25px #34d39966;transform:translateY(-2px)}.scheduled-calls-section .btn-call-now{background:linear-gradient(135deg,var(--aqua-blue-soft),var(--aqua-blue));box-shadow:0 4px 15px #3b82f633}.scheduled-calls-section .btn-call-now:hover{box-shadow:0 6px 20px #3b82f64d}.text-muted{color:#fff9!important;font-size:.875rem;font-style:italic}.status-text{background:#3b82f614;border:1px solid #3b82f633;border-radius:12px;box-shadow:0 2px 8px #3b82f60d;color:#3b82f6;font-weight:500;margin-bottom:1rem;padding:1rem;text-align:center}.message-banner{background:linear-gradient(135deg,#34d39914,#10b98114);border:2px solid #34d39933;border-radius:16px;box-shadow:0 4px 16px #34d3990d;color:#10b981;font-weight:600}.message-banner.error{background:linear-gradient(135deg,#f8717114,#ef444414);border-color:#f8717133;box-shadow:0 4px 16px #f871710d}@keyframes overlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}}.modal-overlay{animation:overlayFadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;padding:1rem}.confirmation-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;max-width:500px;padding:2rem;text-align:center;width:100%}.modal-header{border-bottom:3px solid var(--border-soft);justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.modal-header h3{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 8px #0000001a}.close-btn{border:2px solid var(--border-soft);border-radius:50%;color:var(--text-primary);font-size:1.25rem;height:36px;padding:0;transition:all .3s ease;width:36px}.close-btn:hover{background:var(--aqua-blue-soft);border-color:var(--aqua-blue);box-shadow:0 4px 12px var(--shadow-aqua);color:var(--text-on-dark);transform:scale(1.1)}.modal-content p{color:#fffc;font-size:1.125rem;line-height:1.6;margin:0 0 2rem}.modal-actions{justify-content:center}.modal-actions .btn{border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .6s ease-out forwards}.animate-slide-in-right{animation:slideInRight .6s ease-out forwards}.animate-pulse{animation:pulse 2s infinite}.animate-delay-500{animation-delay:.5s}.animate-delay-600{animation-delay:.6s}.animate-delay-700{animation-delay:.7s}.animate-delay-800{animation-delay:.8s}.call-scheduler-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,var(--beach-sand-light),var(--beach-sand-warm));border:3px solid var(--border-soft);border-radius:20px;box-shadow:0 20px 60px var(--shadow-color);max-height:80vh;max-width:550px;overflow-x:visible;overflow-y:auto;padding:1.5rem;position:relative;transform-origin:center;width:100%}.call-scheduler-modal .form-group.compact{margin-bottom:.75rem}.call-scheduler-modal .form-group.compact label{font-size:.85rem;font-weight:600;margin-bottom:.3rem}.call-scheduler-modal .form-input.compact{font-size:.85rem;min-height:2.2rem;padding:.5rem .7rem}.call-scheduler-modal .form-input.compact[rows="3"]{min-height:4.5rem;resize:vertical}.call-scheduler-modal .form-input.compact[readonly]{background:#ffffffe6!important;border-color:var(--border-soft)!important;color:var(--text-primary)!important;cursor:default}.call-scheduler-modal .form-input.compact[readonly]:focus,.call-scheduler-modal .form-input.compact[readonly]:hover{background:#fff!important;border-color:var(--border-soft)!important;box-shadow:0 2px 8px var(--shadow-color)!important;transform:none!important}.call-scheduler-modal .compact-help{color:var(--text-secondary);font-size:.7rem;margin-top:.2rem}.call-scheduler-modal .form-row.compact{gap:.75rem;margin-bottom:.75rem}.call-scheduler-modal .form-row.compact .form-group{flex:1 1;margin-bottom:0}.call-scheduler-modal .duration-display.compact{margin:.4rem 0;padding:.4rem .6rem}.call-scheduler-modal .question-type-selector.compact{margin-bottom:.5rem}.call-scheduler-modal .radio-group.compact{gap:.5rem}.call-scheduler-modal .radio-label.compact{font-size:.8rem;padding:.4rem .6rem}.call-scheduler-modal .random-question-display.compact{margin-bottom:.5rem;padding:.6rem}.call-scheduler-modal .random-question-text{font-size:.85rem;line-height:1.3;margin-bottom:.4rem}.call-scheduler-modal .generate-question-btn.compact{font-size:.75rem;padding:.3rem .6rem}.call-scheduler-modal .question-validation-message.compact{font-size:.75rem;margin:.4rem 0;padding:.4rem .6rem}.call-scheduler-modal .weekly-limit-warning{font-size:.8rem;margin:.5rem 0;padding:.6rem}.call-scheduler-modal .warning-content{gap:.2rem}.call-scheduler-modal .warning-title{font-size:.85rem;font-weight:600}.call-scheduler-modal .warning-message{font-size:.75rem}.call-scheduler-modal .modal-header.compact{margin-bottom:.75rem;padding-bottom:.75rem}.call-scheduler-modal .modal-header.compact h3{font-size:1.1rem;margin:0}.call-scheduler-modal .form-actions.compact{gap:.6rem;margin-top:.5rem}.call-scheduler-modal .btn.compact{font-size:.85rem;min-height:2.2rem;padding:.5rem 1rem}.question-guidelines{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid var(--border-soft);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);margin:.5rem 0;padding:.75rem}.guidelines-header{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.guidelines-icon{font-size:1rem}.guidelines-title{font-size:.875rem}.guidelines-content{display:flex;flex-direction:column;gap:.25rem}.guideline-item{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:.8rem;gap:.5rem;line-height:1.3}.guideline-check{color:#10b981}.guideline-check,.guideline-x{font-size:.75rem;font-weight:700;margin-top:.1rem}.guideline-x{color:#ef4444}.guideline-warning{color:#f59e0b}.question-quality-feedback{margin-top:.5rem}.quality-indicator{align-items:center;border-radius:6px;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem}.quality-indicator.quality-good{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.quality-indicator.quality-warning{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.quality-icon{font-size:.9rem;font-weight:700}.quality-text{line-height:1.3}.weekly-usage-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border:2px solid var(--border-soft);border-radius:10px;margin-top:.5rem;padding:.75rem;transition:all .3s ease}.weekly-usage-indicator:hover{background:#fff9;border-color:var(--aqua-blue-soft);box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-1px)}.weekly-usage-indicator small{align-items:center;color:var(--text-primary);display:flex;font-size:.8rem;gap:.4rem}.usage-icon{color:var(--text-primary);flex-shrink:0}.usage-icon.loading{animation:spin 1s linear infinite}.usage-count{color:#4ade80;font-weight:600;margin:0 .25rem}.weekly-usage-indicator .usage-count{background:#4ade8026;border:1px solid #4ade8066;border-radius:6px;box-shadow:0 2px 8px #4ade8033;color:#4ade80;font-size:.9rem;font-weight:700;padding:.4rem .6rem;text-shadow:0 1px 2px #0000001a}.upgrade-prompt{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid #ffc1074d;border-radius:8px;margin-top:.75rem;padding:.75rem;text-align:center}.upgrade-prompt small{color:#ffc107;font-size:.875rem}.upgrade-prompt strong{color:#ff9800}@keyframes formFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.call-scheduler-form{animation:formFadeIn .5s cubic-bezier(.4,0,.2,1) .1s both;display:flex;flex-direction:column;gap:1.5rem}.call-scheduler-form .form-group{animation:formGroupSlideIn .4s cubic-bezier(.4,0,.2,1) both}.call-scheduler-form .form-group:first-child{animation-delay:.2s}.call-scheduler-form .form-group:nth-child(2){animation-delay:.3s}.call-scheduler-form .form-group:nth-child(3){animation-delay:.4s}.call-scheduler-form .form-group:nth-child(4){animation-delay:.5s}.call-scheduler-form .form-group:nth-child(5){animation-delay:.6s}.call-scheduler-form .form-group:nth-child(6){animation-delay:.7s}.call-scheduler-form .form-group:nth-child(7){animation-delay:.8s}.form-row{grid-gap:1.5rem;gap:1.5rem;margin-bottom:1rem}.form-row input[type=time]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border:2px solid var(--border-soft);border-radius:16px;box-shadow:0 2px 8px var(--shadow-color);color:var(--text-primary);font-size:1rem;font-weight:500;padding:1rem 1.25rem;transition:all .3s ease}.form-row input[type=time]:focus{background:#fff;border-color:var(--aqua-blue);box-shadow:0 0 0 4px var(--shadow-aqua),0 4px 16px var(--shadow-color);outline:none;transform:translateY(-1px)}.form-row input[type=time]:hover{background:#fff;border-color:var(--aqua-blue-soft);box-shadow:0 4px 16px var(--shadow-color)}.form-row input[type=time]:read-only{background:#ffffff0d;color:#ffffffb3;cursor:not-allowed}.form-row small{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-top:.5rem}.question-type-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-bottom:2px solid var(--border-soft);border:2px solid var(--border-soft);border-radius:16px;margin-bottom:2rem;padding:1.5rem 1.5rem 1rem;transition:all .3s ease}.radio-group{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.radio-label{align-items:center;background:#fff6;border:2px solid var(--border-soft);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:1rem;transition:all .3s ease}.radio-label:hover{background:#fff9;border-color:var(--aqua-blue-soft);box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-1px)}.radio-label.selected{background:#fffc;border-color:var(--aqua-blue);box-shadow:0 0 0 3px var(--shadow-aqua),0 4px 16px var(--shadow-color)}.radio-custom,.radio-label input[type=radio]{display:none}.radio-disabled{opacity:.6}.radio-disabled,.radio-disabled input[type=radio]{cursor:not-allowed}.radio-disabled .radio-custom,.radio-disabled:hover .radio-custom{background-color:var(--border-light);border-color:var(--border-light)}.radio-text{align-items:center;display:flex;gap:.5rem}.disabled-badge{background:var(--background-secondary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-light);font-size:.7rem;font-weight:500;margin-left:.5rem;padding:.2rem .5rem}.random-question-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border:2px solid var(--border-soft);border-radius:16px;margin-bottom:.5rem;margin-top:1rem;padding:1.5rem}.random-question-text{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:1rem;min-height:3rem}.generate-question-btn{background:var(--beach-sand-dark);border:2px solid var(--border-soft);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.generate-question-btn:hover{background:var(--aqua-blue-soft);border-color:var(--aqua-blue);box-shadow:0 4px 12px var(--shadow-aqua);color:var(--text-on-dark);transform:translateY(-1px)}.duration-display{background:#22c55e26;border:2px solid #22c55e66;border-radius:16px;box-shadow:0 4px 16px #22c55e33;margin-top:1rem;padding:1.5rem;text-align:center}.duration-valid{color:#15803d;font-size:1.125rem;font-weight:700}.required-field{color:#dc2626;font-weight:700;margin-left:.25rem;text-shadow:0 1px 2px #0000001a}.form-group.error .question-type-selector,.form-group.error .random-question-display,.form-group.error textarea{background:#ef44440d;border-color:#dc2626;box-shadow:0 0 0 3px #dc262633}.question-type-selector+.random-question-display,.question-type-selector+textarea{margin-top:1.5rem}.form-group textarea[name=questionText]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border:2px solid var(--border-soft);border-radius:16px;box-shadow:0 2px 8px var(--shadow-color);color:var(--text-primary);font-size:1rem;font-weight:500;margin-top:1rem;min-height:80px;padding:1rem 1.25rem;transition:all .3s ease}.form-group textarea[name=questionText]:focus{background:#fff;border-color:var(--aqua-blue);box-shadow:0 0 0 4px var(--shadow-aqua),0 4px 16px var(--shadow-color);outline:none;transform:translateY(-1px)}.form-group textarea[name=questionText]:hover{background:#fff;border-color:var(--aqua-blue-soft);box-shadow:0 4px 16px var(--shadow-color)}.form-group.error label{color:#dc2626;font-weight:600}.form-actions{border-top:3px solid var(--border-soft);padding-top:1.5rem}.form-actions .btn{border:none;border-radius:16px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;min-width:140px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.form-actions .btn-primary{background:linear-gradient(135deg,#feca57,#ff6b6b);box-shadow:0 4px 15px #667eea4d;color:#fff}.form-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.form-actions .btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;color:#fff}.form-actions .btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.form-actions .btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.weekly-limit-warning{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px solid #ef44444d;border-radius:16px;gap:1rem;margin:1.5rem 0;padding:1.5rem}.warning-icon{color:#ef4444;font-size:1.5rem;margin-top:.125rem}.warning-title{color:#ef4444;font-size:1.125rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 1px 2px #0003}.warning-message{color:#ffffffe6;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.upgrade-suggestion{background:#fbbf241a;border:1px solid #fbbf244d;color:#fbbf24;font-size:.875rem;font-weight:500;padding:.75rem}.question-validation-message{align-items:center;background:#ef444426;border:2px solid #ef444466;border-radius:12px;box-shadow:0 4px 12px #ef444433;color:#dc2626;display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin-top:1rem;padding:1rem}.validation-icon{color:#dc2626;font-size:1.25rem}.duration-valid{color:#10b981;font-weight:500}.duration-invalid{color:#ef4444;font-weight:500}@keyframes formActionsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-actions{animation:formActionsSlideIn .4s cubic-bezier(.4,0,.2,1) .9s both}.form-actions .btn{transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-actions .btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.form-actions .btn:active{transform:translateY(0)}.message-banner.success{background:#10b98133;border:1px solid #10b98166;color:#10b981}.message-banner.error{border:1px solid #ef444466;color:#ef4444}.calendar-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fffffffa;border:3px solid var(--border-soft);border-radius:24px;box-shadow:0 25px 60px var(--shadow-color);overflow:hidden;padding:2rem;position:relative}.calendar-container:before{background:linear-gradient(135deg,#00000005,#00000003)}.calendar-container:after,.calendar-container:before{border-radius:24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.calendar-container:after{background:radial-gradient(circle at 20% 80%,#00000005 0,#0000 50%),radial-gradient(circle at 80% 20%,#00000003 0,#0000 50%)}.calendar-header{border-bottom:2px solid #e5e7ebcc;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.calendar-header,.calendar-title{align-items:center;display:flex;position:relative;z-index:1}.calendar-title{color:#1f2937;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0;text-shadow:0 1px 3px #0000001a}.calendar-title select{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border:2px solid var(--border-soft);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.calendar-title select:hover{background:#fff;border-color:var(--aqua-blue-soft);box-shadow:0 4px 16px var(--shadow-color);transform:translateY(-1px)}.calendar-title select:focus{background:#fff;border-color:var(--aqua-blue);box-shadow:0 0 0 4px var(--shadow-aqua),0 4px 16px var(--shadow-color);outline:none;transform:translateY(-1px)}.calendar-nav{display:flex;gap:.75rem;position:relative;z-index:1}.calendar-nav-btn{align-items:center;background:var(--beach-sand-dark);border:2px solid var(--border-soft);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);color:var(--text-primary);cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.calendar-nav-btn:hover{background:var(--aqua-blue-soft);border-color:var(--aqua-blue);box-shadow:0 4px 16px var(--shadow-aqua);color:var(--text-on-dark);transform:translateY(-2px)}.calendar-nav-btn:active{transform:translateY(-1px)}.calendar-weekdays{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(7,1fr);margin-bottom:1.5rem;position:relative;z-index:1}.calendar-weekday{color:#374151;font-size:.875rem;font-weight:700;letter-spacing:1px;padding:.75rem 0;text-align:center;text-shadow:0 1px 2px #0000001a;text-transform:uppercase}.calendar-days{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(7,1fr);position:relative;z-index:1}.calendar-day{align-items:center;aspect-ratio:1;background:#f9fafbcc;border:2px solid #e5e7ebcc;border-radius:16px;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-height:44px;min-width:44px;position:relative;text-shadow:none;transition:all .3s ease}.calendar-day:hover{background:#ffffffe6;border-color:var(--aqua-blue-soft);box-shadow:0 4px 16px var(--shadow-color);transform:scale(1.05)}.calendar-day.other-month{background:#f3f4f699;color:#9ca3af;opacity:.8}.calendar-day.today{background:linear-gradient(135deg,var(--aqua-blue-soft),var(--aqua-blue));border-color:var(--aqua-blue);box-shadow:0 4px 16px var(--shadow-aqua);color:#fff;font-weight:700}.calendar-day.selected{background:linear-gradient(135deg,#feca57,#ff6b6b);border-color:#ffffff4d;box-shadow:0 6px 20px #667eea80;color:#fff;font-weight:700;transform:scale(1.1)}.calendar-day.disabled{background:#f3f4f666;color:#d1d5db;cursor:not-allowed;opacity:.6}.calendar-day.disabled:hover{background:#f3f4f666;box-shadow:none;transform:none}.calendar-footer{align-items:center;border-top:2px solid #e5e7ebcc;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;position:relative;z-index:1}.calendar-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--beach-sand-dark);border:2px solid var(--border-soft);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.calendar-btn:hover{background:var(--aqua-blue-soft);border-color:var(--aqua-blue);box-shadow:0 4px 16px var(--shadow-aqua);color:var(--text-on-dark);transform:translateY(-2px)}.calendar-btn.primary{background:linear-gradient(135deg,#feca57,#ff6b6b);border-color:#ffffff4d;box-shadow:0 4px 15px #667eea66;color:#fff}.calendar-btn.primary:hover{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 8px 25px #667eea80;transform:translateY(-2px)}.date-input-container{align-items:center;display:flex;position:relative;z-index:10}.calendar-toggle-btn{align-items:center;background:var(--beach-sand-dark);border:2px solid var(--border-soft);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;position:absolute;right:.75rem;transition:all .3s ease}.calendar-toggle-btn:hover{background:var(--aqua-blue-soft);border-color:var(--aqua-blue);box-shadow:0 2px 8px var(--shadow-aqua);color:var(--text-on-dark);transform:translateY(-1px)}.calendar-toggle-btn svg{height:20px;width:20px}@keyframes calendarSlideDown{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.calendar-wrapper{animation:calendarSlideDown .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fffffffa;border:3px solid var(--border-soft);border-radius:20px;box-shadow:0 25px 60px var(--shadow-color);left:0;margin-top:.75rem;padding:1rem;position:absolute;top:100%;transform-origin:top center;z-index:10}.usage-dashboard-card{background:linear-gradient(135deg,#667eea1a,#764ba20d);border:2px solid #667eea33}.usage-dashboard-card h2{color:#a5b4fc}.usage-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.usage-stat{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.usage-stat:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.usage-stat-icon{font-size:2rem;opacity:.8}.usage-stat-info h4{color:#ffffffe6;font-size:1rem;font-weight:600;margin:0 0 .5rem}.usage-stat-value{color:#feca57;font-size:1.25rem;font-weight:700;margin:0 0 .25rem;text-shadow:0 2px 8px #feca574d}.usage-stat-label{color:#fff9;font-size:.75rem;margin:0}.usage-upgrade-cta{background:#667eea1a;border:1px solid #667eea33;border-radius:8px;padding:1rem;text-align:center}.usage-upgrade-cta p{color:#ffffffe6;font-size:.875rem;margin-bottom:.75rem}@media (max-width:768px){.family-dashboard .dashboard-card{padding:1rem}.family-dashboard .profile-details,.family-dashboard .subscription-plans,.family-dashboard .usage-stats{grid-template-columns:1fr}.phone-number-card{margin:0 1rem;padding:20px}.phone-number{font-size:24px}}.phone-number-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin:0 auto;max-width:500px;padding:24px;text-align:center}.phone-number-display{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:16px}.phone-icon{font-size:32px}.phone-number{color:#f4a261;font-family:monospace;font-size:28px;font-weight:700;letter-spacing:1px}.phone-instructions{color:#6b7280;font-size:14px;line-height:1.5}.phone-instructions p{margin:0}.city-suggestions::-webkit-scrollbar{width:8px}.city-suggestions::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.city-suggestions::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.city-suggestions::-webkit-scrollbar-thumb:hover{background:#ff6b6b80}@media (max-width:768px){.city-suggestions{margin-top:.25rem;max-height:250px}.city-suggestion-item{padding:.875rem 1rem}.city-name{font-size:.95rem}.city-timezone{font-size:.8rem;padding:.2rem .6rem}}.signup-success-icon{animation:bounce 1s ease-in-out infinite;font-size:4rem;margin-bottom:1rem;text-align:center}.signup-success-subtitle{color:#ffffffe6;font-size:1.25rem;margin-bottom:2rem;text-align:center}.signup-success-message{margin-bottom:3rem;text-align:center}.signup-success-message p{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.signup-success-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.signup-success-actions .btn{justify-content:center;min-width:200px}@media (max-width:768px){.signup-success-icon{font-size:3rem}.signup-success-subtitle{font-size:1.125rem}.signup-success-actions{gap:.75rem}.signup-success-actions .btn{min-width:180px}}@media (max-width:480px){.signup-success-icon{font-size:2.5rem}.signup-success-subtitle{font-size:1rem}.signup-success-message p{font-size:.95rem}.signup-success-actions .btn{min-width:160px;padding:.875rem 1rem}.city-input{font-size:.95rem;padding:.875rem 1rem}.city-suggestions{max-height:200px}.city-suggestion-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem .875rem}.city-timezone{align-self:flex-start}}.success-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28a7451a;border:1px solid #28a7454d;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.success-icon{animation:bounce 1s ease-in-out infinite;font-size:3rem}.success-message h3{color:#4ade80;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.success-message p{color:#ffffffe6;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.success-message p:last-child{margin-bottom:0}@media (max-width:768px){.success-icon{font-size:2.5rem}.success-message h3{font-size:1.125rem}.success-message p{font-size:.95rem}}@media (max-width:480px){.success-icon{font-size:2rem}.success-message{padding:1.25rem}.success-message h3{font-size:1rem}.success-message p{font-size:.9rem}}.profile-page{background:linear-gradient(135deg,#feca57,#ff6b6b);min-height:100vh}.profile-content{min-height:calc(100vh - 200px);padding:2rem 0}.profile-container{max-width:1200px;padding:0 1.5rem}.profile-header{animation:fadeInUp .6s ease-out;margin-bottom:3rem;text-align:center}.profile-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#feca57);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin:0 0 1rem;text-shadow:0 4px 20px #0000004d}.profile-header p{color:#ffffffe6;font-size:1.25rem;font-weight:400;margin:0}.profile-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.profile-tab{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid #fff3;border-radius:50px;color:#fffc;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-tab:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.profile-tab:hover:before{left:100%}.profile-tab:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 8px 25px #0003;color:#fff;transform:translateY(-2px)}.profile-tab.active{background:linear-gradient(135deg,#667eea33,#764ba226);border-color:#667eea99;box-shadow:0 8px 25px #667eea4d;color:#fff}.profile-section{animation:fadeInUp .6s ease-out;margin-bottom:3rem}.danger-zone-card,.preferences-card,.profile-card,.security-card,.subscription-overview{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0003,inset 0 0 0 1px #ffffff1a;padding:2.5rem;transition:all .3s ease}.preferences-card:hover,.profile-card:hover,.security-card:hover,.subscription-overview:hover{border-color:#ffffff4d;box-shadow:0 25px 50px #00000040,inset 0 0 0 1px #ffffff26}.danger-zone-card h2,.preferences-card h2,.profile-card h2,.security-card h2,.subscription-overview h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 2rem;text-shadow:0 2px 8px #0000004d}.profile-info{align-items:flex-start;display:flex;gap:2rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,#feca57,#ff6b6b);border-radius:50%;box-shadow:0 8px 25px #667eea4d,inset 0 0 0 1px #fff3;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:800;height:4rem;justify-content:center;text-shadow:0 2px 4px #0000004d;width:4rem}.profile-details{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.profile-field label{color:#ffffffb3;display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.profile-field p{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:1.125rem;font-weight:500;margin:0;padding:.75rem 1rem}.account-type{background:linear-gradient(135deg,#667eea33,#764ba21a)!important;border-color:#667eea4d!important;color:#a5b4fc!important}.subscription-overview h3{color:#fff;font-size:1.5rem;font-weight:600;margin:2rem 0 1.5rem;text-shadow:0 2px 8px #0000004d}.plan-header{margin-bottom:1.5rem}.plan-header h3,.plan-header h4{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.plan-header h4,.plan-price{font-size:1.25rem}.plan-price{color:#feca57;font-weight:700;text-shadow:0 2px 8px #feca574d}.subscription-plans{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.plan-card{background:#ffffff14;border:1px solid #ffffff26;display:flex;flex-direction:column;height:100%;overflow:hidden}.plan-card .plan-header{margin-bottom:1.5rem;text-align:center}.plan-card .plan-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.plan-card .plan-price{color:#feca57;font-size:1.25rem;font-weight:700;margin:0}.plan-card:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 16px 40px #0003}.plan-card.current{background:linear-gradient(135deg,#667eea1a,#764ba20d);border-color:#667eea66}.plan-card.current:before{transform:scaleX(1)}.plan-features{display:flex;flex:1 1;flex-direction:column;margin-bottom:2rem;padding-left:0}.plan-feature{align-items:flex-start;color:#ffffffe6;display:flex;font-size:.95rem;line-height:1.4;margin-bottom:.75rem;min-height:24px}.plan-feature .feature-icon{color:#10b981;flex-shrink:0;font-size:1.1rem;font-weight:700;margin-right:12px;text-align:center;width:20px}.checkmark-container{align-items:center;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:12px;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:12px;position:relative;width:24px}.checkmark-symbol{color:#fff;font-size:14px;font-weight:700;line-height:1;text-align:center}.feature-text{flex:1 1;line-height:1.4}.plan-actions{text-align:center}.security-options{grid-gap:1.5rem;display:grid;gap:1.5rem}.security-option{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.security-option:hover{background:#ffffff14;border-color:#ffffff26}.security-info h4{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.security-info p{color:#ffffffb3;font-size:.9rem;margin:0}.preferences-options{grid-gap:1.5rem;display:grid;gap:1.5rem}.preference-option{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.preference-option:hover{background:#ffffff14;border-color:#ffffff26}.preference-info h4{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.preference-info p{color:#ffffffb3;font-size:.9rem;margin:0}.preference-select{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:.9rem;min-width:150px;padding:.75rem 1rem;transition:all .3s ease}.preference-select:focus{border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a;outline:none}.preference-select option{background:#1a1a2e;color:#fff}.danger-zone-card{background:#ef44440d;border-color:#ef44444d}.danger-zone-card h2{color:#fca5a5}.danger-actions{grid-gap:1.5rem;display:grid;gap:1.5rem}.danger-action{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:16px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.danger-action:hover{background:#ef444426;border-color:#ef44444d}.danger-info h4{color:#fca5a5;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.danger-info p{color:#fca5a5cc;font-size:.9rem;margin:0}.btn{gap:.5rem;padding:.75rem 1.5rem}.btn-primary{background:linear-gradient(135deg,#feca57,#ff6b6b);box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{box-shadow:0 8px 25px #667eea66}.btn-secondary{background:#ffffff1a;border:1px solid #fff3}.btn-secondary:hover{background:#fff3;border-color:#ffffff4d}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{box-shadow:0 8px 25px #ef444466}@media (max-width:768px){.profile-header h1{font-size:2.5rem}.calendar-toggle-btn{min-height:44px;min-width:44px;padding:.75rem}.calendar-toggle-btn svg{height:18px;width:18px}.calendar-container{border-radius:20px;padding:1.5rem}.calendar-title{font-size:1.25rem}.calendar-day{font-size:.875rem;min-height:36px;min-width:36px}.calendar-weekday{font-size:.75rem;padding:.5rem 0}.weekly-usage-indicator{padding:.875rem}.weekly-usage-indicator small{font-size:.8rem;gap:.375rem}.usage-icon{height:14px;width:14px}.weekly-usage-indicator .usage-count{font-size:.875rem;padding:.375rem .625rem}.call-scheduler-modal{margin:1rem;padding:1.5rem}.modal-header h3{font-size:1.5rem}.form-actions{flex-direction:column;gap:.75rem}.form-actions .btn{min-width:auto;width:100%}.form-row{gap:1rem;grid-template-columns:1fr}.profile-tabs{align-items:center;flex-direction:column}.profile-tab{max-width:300px;width:100%}.profile-info{flex-direction:column;text-align:center}.profile-details,.subscription-plans{grid-template-columns:1fr}.danger-action,.preference-option,.security-option{flex-direction:column;gap:1rem;text-align:center}.danger-zone-card,.preferences-card,.profile-card,.security-card,.subscription-overview,.usage-dashboard-card{padding:1.5rem}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.storyteller-dashboard{background:linear-gradient(135deg,#feca57,#ff6b6b);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.storyteller-dashboard:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.05'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.storyteller-dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:1.5rem 0;transition:all .3s ease;z-index:10}.storyteller-header-container{padding:0 1.5rem}.storyteller-logo{cursor:pointer;gap:.75rem;transition:all .3s ease}.storyteller-logo:hover{opacity:.8;transform:scale(1.05)}.storyteller-logo-icon{background:linear-gradient(135deg,#feca57,#ff6b6b);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;height:40px;justify-content:center;width:40px}.storyteller-logo-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#feca57);-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.storyteller-logo-text span{color:#fffc;display:block;font-size:.875rem;font-weight:400}.storyteller-nav{align-items:center;gap:.5rem}.storyteller-nav-link{background:#0000;border-radius:12px;color:#fffc;font-size:.9rem;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .3s ease}.storyteller-nav-link:before{background:#ffffff1a;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.storyteller-nav-link:hover:before{transform:scaleX(1)}.storyteller-nav-link:hover{color:#fff;transform:translateY(-2px)}.storyteller-nav-link.active{background:#ffffff26;box-shadow:0 4px 15px #fff3}.storyteller-nav-link.active:before{transform:scaleX(1)}.storyteller-user-section{gap:1.5rem}.notification-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;color:#fff;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:.75rem;transition:all .3s ease}.notification-icon{color:#fff;font-size:1.2rem;font-weight:700}.refresh-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;color:#fff;display:flex;font-size:1.2rem;justify-content:center;min-height:44px;min-width:44px;padding:.75rem;transition:all .3s ease}.refresh-btn:hover{background:#fff3;transform:translateY(-2px)}.refresh-btn:active{transform:rotate(180deg);transition:transform .2s ease}.notification-btn:hover{background:#fff3;transform:translateY(-2px)}.notification-badge{background:#ff6b6b;box-shadow:0 2px 8px #ff6b6b66;font-size:.7rem;min-width:18px;padding:.2rem .4rem;right:-5px;top:-5px}.storyteller-user-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;color:#fff;gap:.75rem;min-width:200px;padding:.75rem 1rem;transition:all .3s ease}.storyteller-user-btn:hover{background:#fff3;transform:translateY(-2px)}.storyteller-user-avatar{background:linear-gradient(135deg,#feca57,#ff6b6b);box-shadow:0 2px 8px #667eea4d;font-size:1rem;font-weight:700}.storyteller-user-info{flex:1 1}.storyteller-user-name{color:#fff;font-size:.9rem}.storyteller-user-role{color:#ffffffb3;font-size:.75rem;font-weight:400}.storyteller-dropdown-arrow{border-top:6px solid #ffffffb3;margin-left:.5rem;transition:transform .3s ease}.storyteller-dropdown-menu{animation:dropdownSlideIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 40px #0003;min-width:280px;padding:1rem;top:calc(100% + .5rem);z-index:10}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{margin-bottom:.5rem;padding:.5rem 0}.dropdown-user-info{gap:.75rem}.dropdown-avatar{background:linear-gradient(135deg,#feca57,#ff6b6b);box-shadow:0 4px 15px #667eea4d;font-size:1.2rem;font-weight:700;height:48px;width:48px}.dropdown-name{color:#333;font-size:1rem}.dropdown-email{color:#666;font-size:.85rem;margin-top:.1rem}.dropdown-divider{background:#0000001a;margin:.75rem 0}.dropdown-item{align-items:center;border-radius:8px;color:#333;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.dropdown-item:hover{background:#667eea1a;color:#feca57;transform:translateX(5px)}.logout-item{color:#ff6b6b}.logout-item:hover{background:#ff6b6b1a;color:#ff6b6b}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:3rem 2rem}.empty-state h3{color:#fffc;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:#fff9;font-size:1rem;margin:0}.weekly-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.weekly-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.weekly-stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.weekly-stat-label{color:#fffc;font-size:.9rem;font-weight:500}.weekly-stat-count{color:#fff;font-size:1rem;font-weight:600}.weekly-stat-count.warning{color:#ffa726}.weekly-stat-count.danger{color:#ff6b6b}.weekly-stat-progress{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.weekly-stat-progress-bar{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;height:100%;transition:width .3s ease}.weekly-stat-count.warning+.weekly-stat-progress .weekly-stat-progress-bar{background:linear-gradient(90deg,#ffa726,#ffb74d)}.weekly-stat-count.danger+.weekly-stat-progress .weekly-stat-progress-bar{background:linear-gradient(90deg,#ff6b6b,#ff8a80)}.storyteller-dashboard-content{padding:2rem 0;position:relative;z-index:2}.storyteller-dashboard-container{padding:0 1.5rem}.storyteller-stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.storyteller-stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.storyteller-stat-card:before{background:linear-gradient(90deg,#ff6b6b,#feca57);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.storyteller-stat-card:hover:before{transform:scaleX(1)}.storyteller-stat-card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 20px 40px #0003;transform:translateY(-8px)}.storyteller-stat-card .stat-number{color:#feca57;font-size:3rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.storyteller-stat-card .stat-label{color:#ffffffe6;font-size:1rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.storyteller-calls-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.storyteller-call-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.storyteller-call-card:before{background:linear-gradient(90deg,#feca57,#ff6b6b);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.storyteller-call-card:hover:before{transform:scaleX(1)}.storyteller-call-card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 20px 40px #0003;transform:translateY(-8px)}.call-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.call-time{color:#fff;font-size:1.25rem;font-weight:600}.call-duration{color:#fffc;font-size:1rem}.call-status{display:flex;justify-content:flex-end}.status-badge{font-size:.875rem;letter-spacing:.5px;padding:.5rem 1rem}.status-badge.upcoming{background:#feca57;color:#333}.status-badge.scheduled{background:#feca57;color:#fff}.storyteller-stories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.storyteller-story-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.storyteller-story-card:before{background:linear-gradient(90deg,#ff6b6b,#feca57);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.storyteller-story-card:hover:before{transform:scaleX(1)}.storyteller-story-card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 20px 40px #0003;transform:translateY(-8px)}.story-card-content{margin-bottom:1.5rem}.story-title{color:#fff;font-size:1.25rem;margin:0 0 1rem}.story-date{color:#fffc}.story-duration{color:#feca57}.story-card-actions{display:flex;gap:1rem}.storyteller-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}@media (max-width:768px){.storyteller-header-container{flex-direction:column;gap:1rem;padding:0 1rem}.storyteller-nav{flex-wrap:wrap;justify-content:center;order:2;width:100%}.storyteller-nav-link{font-size:.8rem;padding:.5rem 1rem}.storyteller-user-section{justify-content:center;order:3;width:100%}.storyteller-user-btn{justify-content:center;min-width:auto;width:100%}.storyteller-dropdown-menu{left:0;min-width:auto;right:0;width:100%}.storyteller-dashboard-container{padding:0 1rem}.storyteller-actions-grid,.storyteller-calls-grid,.storyteller-stats-grid,.storyteller-stories-grid{gap:1rem;grid-template-columns:1fr}.storyteller-stat-card .stat-number{font-size:2.5rem}}@media (max-width:480px){.storyteller-logo-text span{font-size:.75rem}.storyteller-nav-link{font-size:.75rem;padding:.4rem .8rem}.storyteller-user-btn{padding:.5rem .75rem}.storyteller-user-avatar{font-size:.9rem;height:32px;width:32px}}.premium-checkout{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:480px;padding:1rem}.checkout-loading{padding:3rem 1rem;text-align:center}.checkout-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #6366f11a;border-left-color:#6366f1;border-radius:50%;height:32px;margin:0 auto 1rem;width:32px}.checkout-header{margin-bottom:1.5rem;text-align:center}.checkout-header h1{color:#1f2937;font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.checkout-header p{color:#6b7280;font-size:.9rem;margin:0}.back-button{background:#ffffffe6;border:1px solid #e5e7eb;color:#374151;font-size:.85rem}.back-button:hover{background:#fff;border-color:#d1d5db;transform:translateY(-1px)}.checkout-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:1.5rem}.address-section{margin-bottom:1.5rem}.address-section h4,.payment-form h4{color:#374151;font-size:1rem;margin-bottom:.75rem;text-align:center}.checkout-button{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;box-shadow:0 4px 12px #6366f14d;font-size:1rem;font-weight:600;margin-top:1rem;padding:.875rem 1.5rem;transition:all .3s ease}.checkout-button:hover:not(:disabled){box-shadow:0 8px 20px #6366f166}.checkout-footer{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1rem}.security-badge{color:#6b7280;display:flex;font-size:.875rem;justify-content:center;margin-bottom:.75rem}.terms{color:#9ca3af;font-size:.75rem;line-height:1.4;margin:0}.express-checkout-section{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:2rem}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:inherit!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button{display:none!important}input::-webkit-calendar-picker-indicator{display:none!important}.StripeElement{position:relative}.StripeElement--focus{outline:none}.StripeElement iframe{border:none}.StripeElement{z-index:1}input[type=password]::-webkit-credentials-auto-fill-button{display:none!important}.StripeElement [class*=autofill],.StripeElement [data-testid=autofill],.StripeElement button[aria-label*=autofill],.StripeElement button[class*=autofill],.StripeElement button[data-testid=autofill-link]{display:none!important}.StripeElement button:contains("Autofill"),.StripeElement button:contains("autofill"){display:none!important}.StripeElement button[aria-label*=autofill],.StripeElement button[class*=autofill],.StripeElement button[data-testid=autofill-link]{display:none!important}.StripeElement .StripeElement,.StripeElement input{display:block!important}.address-section{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:2rem}.address-section h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.payment-form{margin-bottom:0}.payment-form h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.payment-form h4:before{color:#ffffffb3;content:"💳 Credit & Debit Cards";display:block;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.checkout-button{background:linear-gradient(135deg,#feca57,#ff6b6b);border:none;border-radius:16px;box-shadow:0 8px 32px #667eea4d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:700;margin-top:2rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.checkout-button:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 12px 40px #667eea66;transform:translateY(-2px)}.checkout-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.checkout-footer{margin-top:2rem;text-align:center}.security-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28a74533;border:1px solid #28a7454d;border-radius:12px;color:#4ade80;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.terms{color:#fff9;font-size:.875rem;line-height:1.5;margin:0 auto;max-width:500px}.premium-checkout .StripeElement{background:#ffffffe6;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.premium-checkout .StripeElement--focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a,0 4px 16px #00000014}.premium-checkout .StripeElement--invalid{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a,0 4px 16px #00000014}@media (max-width:768px){.premium-checkout{max-width:100%;padding:.75rem}.checkout-header h1{font-size:1.5rem}.checkout-form{padding:1.25rem}.back-button{font-size:.8rem;left:.75rem;padding:.375rem .625rem;top:.75rem}}@media (max-width:480px){.premium-checkout{padding:.5rem .25rem}.checkout-header h1{font-size:1.75rem}.plan-summary{padding:1.5rem}.plan-summary .price{font-size:2rem}.checkout-form{padding:1rem}.checkout-button{font-size:.95rem;padding:.75rem 1.25rem}}.signup-success-page{align-items:center;background:linear-gradient(135deg,#feca57,#ff6b6b);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.success-container{max-width:600px;width:100%}.success-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1a;box-shadow:0 20px 60px #00000026;padding:3rem 2rem}.success-header{margin-bottom:3rem}.success-icon{animation:bounce 2s infinite;margin-bottom:1.5rem}.success-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#feca57);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:1rem}.success-subtitle{color:#ffffffe6;font-size:1.25rem;font-weight:500}.success-content{margin-bottom:3rem}.plan-benefits h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:2rem}.benefits-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.benefit-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:16px;gap:1rem}.benefit-icon{flex-shrink:0;font-size:1.5rem}.benefit-text strong{color:#fff;display:block;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.benefit-text p{color:#fffc;font-size:.95rem;line-height:1.5;margin:0}.success-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.success-actions .btn{border-radius:16px;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.success-actions .btn-primary{background:linear-gradient(135deg,#feca57,#ff6b6b);border:none;box-shadow:0 8px 32px #667eea4d;color:#fff}.success-actions .btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 12px 40px #667eea66;transform:translateY(-2px)}.success-actions .btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fff}.success-actions .btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.success-footer{border-top:1px solid #ffffff1a;padding-top:2rem}.redirect-notice{color:#ffffffb3;font-size:.9rem;font-style:italic}.loading-spinner{border:4px solid #ffffff1a;border-left-color:#feca57}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.success-card{padding:2rem 1.5rem}.success-header h1{font-size:2.5rem}.success-subtitle{font-size:1.125rem}.benefit-item{padding:1.25rem}.success-actions .btn{font-size:1rem;padding:.875rem 1.5rem}}@media (max-width:480px){.signup-success-page{padding:1rem .5rem}.success-card{padding:1.5rem 1rem}.success-header h1{font-size:2rem}.success-icon{font-size:3rem}.benefit-item{flex-direction:column;padding:1rem;text-align:center}.success-actions .btn{font-size:.95rem;padding:.75rem 1.25rem}}.error-context{background:#ef44441a;border:1px solid #ef444433;border-left:4px solid #ef4444;border-radius:8px;margin-top:12px;padding:16px}.error-title{color:#dc2626;font-size:14px;font-weight:600;margin-bottom:8px}.error-description{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:12px}.error-suggestions{color:#6b7280;font-size:13px;margin:0;padding-left:20px}.error-suggestions li{line-height:1.4;margin-bottom:6px}.error-suggestions li:last-child{margin-bottom:0}.error-message{border-left:4px solid #ef4444;font-size:14px;margin-bottom:16px;padding:12px 16px}.weekly-limit-warning{align-items:flex-start;animation:slideInUp .3s ease-out;background:#ef44441a;border:1px solid #ef44444d;border-left:4px solid #ef4444;border-radius:12px;display:flex;gap:12px;margin:20px 0;padding:16px}.warning-icon{flex-shrink:0;font-size:20px;margin-top:2px}.warning-content{flex:1 1}.warning-title{color:#dc2626;font-size:14px;font-weight:600;margin-bottom:8px}.warning-message{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:12px}.upgrade-suggestion{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;color:#92400e;font-size:13px;line-height:1.4;padding:12px}.demo-inquiry-page{background:linear-gradient(135deg,#feca57,#ff6b6b);color:#fff;min-height:100vh}.demo-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid #fff3;left:0;padding:.5rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:10}.demo-header-container{margin:0 auto;max-width:1200px;padding:0 1rem}.demo-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.demo-logo,.demo-nav{align-items:center;display:flex;flex-shrink:0}.demo-nav{gap:1rem}.demo-hero{background:linear-gradient(135deg,#667eeae6,#764ba2e6);padding:120px 0 80px;text-align:center}.demo-hero-container{margin:0 auto;max-width:800px;padding:0 2rem}.demo-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f8ff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 4px 8px #0000004d}.demo-hero-subtitle{color:#e0e8ff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.demo-hero-description{color:#c7d2fe;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.demo-hero-actions{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2.5rem}.demo-hero-note{color:#a5b4fc;font-size:.95rem;font-weight:500}.demo-benefits{background:#ffffff0d;padding:80px 0}.demo-benefits-container{margin:0 auto;max-width:1200px;padding:0 2rem}.demo-benefits .section-header{margin-bottom:4rem;text-align:center}.demo-benefits .section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e8ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.demo-benefits .section-header p{color:#c7d2fe;font-size:1.2rem}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.benefit-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.benefit-card:before{background:linear-gradient(90deg,#ff6b6b,#feca57);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.benefit-card:hover:before{transform:scaleX(1)}.benefit-card:hover{background:#ffffff26;box-shadow:0 20px 40px #0003;transform:translateY(-8px)}.benefit-icon{align-items:center;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.benefit-icon svg{height:40px;width:40px}.benefit-card h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.benefit-card p{color:#e0e8ff;line-height:1.6}.demo-features{background:linear-gradient(135deg,#764ba2e6,#667eeae6);padding:80px 0}.demo-features-container{margin:0 auto;max-width:1200px;padding:0 2rem}.features-content{text-align:center}.features-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e8ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:3rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-item{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;gap:1.5rem;padding:2rem;text-align:left;transition:all .3s ease}.feature-item:hover{background:#ffffff26;box-shadow:0 15px 35px #0003;transform:translateY(-5px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.feature-icon svg{height:28px;width:28px}.feature-text h4{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:.75rem}.feature-text p{color:#e0e8ff;line-height:1.6;margin:0}.demo-form-section{background:linear-gradient(135deg,#764ba2e6,#667eeae6);padding:40px 0}.demo-form-container{margin:0 auto;max-width:700px;padding:0 2rem}.demo-form-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 40px #0003;padding:2rem}.demo-form-header{margin-bottom:2rem;text-align:center}.demo-form-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e8ff);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.75rem}.demo-form-header p{color:#c7d2fe;font-size:1rem;margin:0 auto;max-width:450px}.message-banner{border-radius:12px;margin-bottom:2rem;padding:1rem 1.5rem;text-align:center}.message-banner.success{background:#22c55e33;border:1px solid #22c55e4d;color:#86efac}.message-banner.error{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.demo-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{grid-gap:1.25rem;gap:1.25rem}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{gap:.4rem}.form-group label{color:#e0e8ff}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;font-size:.95rem;padding:.875rem 1rem}.form-input::placeholder{color:#fff9}.form-input:focus{background:#ffffff26;border-color:#feca57;box-shadow:0 0 0 3px #feca5733}.form-input:required{border-left:4px solid #feca57}select.form-input{cursor:pointer}textarea.form-input{min-height:100px;resize:vertical}.form-actions{margin-top:1.5rem}.btn-large{display:inline-flex;font-size:1rem;padding:.875rem 2.5rem;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 12px 35px #ff6b6b66}.btn-primary:disabled{opacity:.7}.demo-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000004d;border-top:1px solid #ffffff1a;padding:3rem 0 1rem}.footer-container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3,.footer-section h4{color:#fff;font-weight:600;margin-bottom:1rem}.footer-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e8ff);-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.footer-section li,.footer-section p{color:#c7d2fe;line-height:1.6;margin-bottom:.5rem}.footer-section ul{list-style:none;padding:0}.footer-section a{color:#c7d2fe;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#feca57}.footer-bottom{border-top:1px solid #ffffff1a;color:#a5b4fc;padding-top:2rem;text-align:center}@media (max-width:768px){.demo-hero h1{font-size:2.5rem}.demo-hero-subtitle{font-size:1.25rem}.demo-benefits .section-header h2,.demo-form-header h2{font-size:2rem}.benefits-grid{grid-template-columns:1fr}.demo-form-content{padding:1.5rem 1rem}.demo-header-content{flex-direction:column;gap:1rem}.features-grid,.plan-options{grid-template-columns:1fr}.plan-options{gap:1rem}.plan-card,.signup-card{padding:1.5rem 1rem}.header-content h1{font-size:1.75rem}.header-content p{font-size:.9rem}}@media (max-width:480px){.demo-hero{padding:100px 0 60px}.demo-hero h1{font-size:2rem}.demo-form-content{padding:1.5rem 1rem}.btn-large{font-size:1rem;padding:.875rem 2rem}.plan-card,.signup-card{padding:1.25rem .75rem}.header-content h1{font-size:1.5rem}.plan-options{gap:.75rem}}.oauth-welcome-message{margin:2rem 0}.oauth-info-card{background:linear-gradient(135deg,#feca57,#ff6b6b);border-radius:12px;box-shadow:0 8px 32px #0000001a;color:#fff;padding:2rem;text-align:center}.oauth-icon{display:block;font-size:3rem;margin-bottom:1rem}.oauth-info-card h4{color:#fff;font-size:1.5rem;margin-bottom:1rem}.oauth-info-card p{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9}.oauth-features{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.oauth-feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;padding:.75rem 1rem}@media (max-width:768px){.oauth-features{flex-direction:column;gap:1rem}.oauth-info-card{padding:1.5rem}}.family-dashboard-header{background:var(--white);border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px 0 #0000001a;position:sticky;top:0;z-index:10}.family-header-mobile{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:64px;padding:.75rem 1rem}@media (max-width:1024px){.family-header-mobile{justify-content:space-between;padding:0 1rem;position:relative}}.family-header-nav{align-items:center;display:flex;flex:1 1;gap:1.5rem;justify-content:center}.family-nav-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.family-nav-link:hover{background:#8b45131a;border-color:#8b45134d;box-shadow:0 4px 12px #8b451326;color:#8b4513;transform:translateY(-1px)}.family-nav-link.active{background:linear-gradient(135deg,var(--beach-sand),var(--beach-sand-light))}.family-nav-link.active,.family-nav-link.storyteller-btn{border-color:#8b45134d;box-shadow:0 4px 15px #8b45134d;color:#8b4513}.family-nav-link.storyteller-btn{background:linear-gradient(135deg,var(--beach-sand-warm),var(--beach-sand))}.family-nav-link.storyteller-btn:hover{background:linear-gradient(135deg,var(--beach-sand),var(--beach-sand-dark));box-shadow:0 6px 20px #8b451366;transform:translateY(-1px)}.family-header-logo{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;padding:.5rem;transition:all .2s ease}@media (max-width:1024px){.family-header-logo{flex-shrink:0;margin-left:0;min-width:100px;order:1;padding:.5rem}.family-hamburger-menu-btn{left:50%;margin:0;order:2;position:absolute;transform:translateX(-50%)}.family-header-user{margin-left:auto;order:3}}.feature-request-page{background:linear-gradient(135deg,var(--beach-sand-light) 0,var(--beach-sand) 50%,var(--beach-sand-warm) 100%);min-height:100vh;position:relative}.feature-request-page:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='5' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='20' cy='80' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='80' cy='20' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='40' cy='40' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.feature-request-page .container{margin:0 auto;max-width:900px;position:relative;z-index:1}.feature-request-page h1{font-size:3.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.5rem;text-align:center}.feature-request-page .text-lg{color:var(--beach-sand-dark);font-size:1.25rem;font-weight:500;line-height:1.8;margin:0 auto 3rem;max-width:600px;text-align:center}.feature-request-page .container{max-width:1200px}.feature-request-page h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--beach-sand-dark),var(--aqua-blue-dark));-webkit-background-clip:text;background-clip:text}.feature-request-page .bg-white{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #e5e7eb;border-radius:24px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #ffffff1a;overflow:hidden;padding:3rem;position:relative}.feature-request-page .bg-white:before{background:linear-gradient(90deg,var(--beach-sand),var(--beach-sand-warm),var(--aqua-blue));border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.feature-request-page h2{color:var(--beach-sand-dark);font-size:2rem;font-weight:700;margin-bottom:2rem;position:relative;text-align:center}.feature-request-page h2:after{background:linear-gradient(90deg,var(--beach-sand),var(--aqua-blue));border-radius:2px;bottom:-.5rem;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.feature-request-page input,.feature-request-page textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:1rem;font-weight:500;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.feature-request-page label{color:#374151;display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.feature-request-page .form-group{margin-bottom:2rem}.feature-request-page input:focus,.feature-request-page textarea:focus{background:#fff;border-color:var(--beach-sand);box-shadow:0 10px 25px #8b451326,0 0 0 3px #8b45131a;outline:none;transform:translateY(-2px)}.feature-request-page button[type=submit]{background:linear-gradient(135deg,var(--beach-sand-warm),var(--beach-sand));border:none;border-radius:16px;box-shadow:0 10px 25px #8b45134d,0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;overflow:hidden;padding:1.25rem 3rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-request-page button[type=submit]:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.feature-request-page button[type=submit]:hover:before{left:100%}.feature-request-page button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,var(--beach-sand),var(--beach-sand-dark));box-shadow:0 20px 40px #8b451366,0 0 0 1px #fff3;transform:translateY(-3px)}.feature-request-page button[type=submit]:active:not(:disabled){transform:translateY(-1px)}.feature-request-page .bg-blue-50{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,var(--beach-sand-light),var(--beach-sand-warm));border:1px solid #8b451333;border-radius:20px;box-shadow:0 20px 40px #8b45131a,0 0 0 1px #8b45130d;overflow:hidden;position:relative}.feature-request-page .bg-blue-50:before{background:linear-gradient(90deg,var(--beach-sand),var(--aqua-blue));border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.feature-request-page .bg-blue-50 h3{color:var(--beach-sand-dark);font-size:1.25rem;font-weight:700}.feature-request-page .bg-blue-50 ul li{border-bottom:1px solid #8b45131a;color:var(--beach-sand-dark);font-weight:500;padding:.5rem 0}.feature-request-page .bg-blue-50 ul li:last-child{border-bottom:none}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:768px){.feature-request-page .container{padding:1.5rem 1.5rem 0}.feature-request-page h1{font-size:2.5rem}.feature-request-page h2{font-size:1.75rem}.feature-request-page .grid{gap:2rem;grid-template-columns:1fr}.feature-request-page .bg-white{padding:2rem}.feature-request-page button[type=submit]{font-size:1rem;padding:1rem 2rem}}.family-header-logo:hover{background:#f3f4f6;transform:scale(1.05)}.family-hamburger-menu-btn{background:none;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .2s ease}.family-hamburger-menu-btn:hover{background:#f3f4f6}.hamburger-icon{display:flex;flex-direction:column;gap:3px;height:16px;width:20px}.hamburger-icon span{background:#374151;border-radius:1px;height:2px;transition:all .2s ease;width:100%}.family-header-user{align-items:center;display:flex;flex-shrink:0;position:relative}.family-user-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.family-user-btn:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 16px #0000001f;transform:translateY(-1px)}.family-user-avatar{align-items:center;background:linear-gradient(135deg,var(--beach-sand),var(--beach-sand-light));border:2px solid #8b45134d;border-radius:50%;box-shadow:0 2px 8px #8b45134d;color:#8b4513;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;transition:all .3s ease;width:36px}.family-dropdown-arrow{color:#6b7280;font-size:.75rem;transition:all .2s ease}.family-mobile-nav-menu{animation:slideDownMenu .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:0 0 16px 16px;border-top:1px solid #fff3;box-shadow:0 8px 32px #0000001a;overflow:hidden;transform-origin:top}.family-mobile-nav{animation:fadeInContent .5s ease-out .1s both;display:flex;flex-direction:column;gap:.5rem;padding:1rem}@keyframes slideDownMenu{0%{max-height:0;opacity:0;transform:scaleY(0)}to{max-height:300px;opacity:1;transform:scaleY(1)}}@keyframes slideUpMenu{0%{max-height:300px;opacity:1;transform:scaleY(1)}to{max-height:0;opacity:0;transform:scaleY(0)}}.family-mobile-nav-menu.closing{animation:slideUpMenu .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLink{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.family-mobile-nav-link{animation:slideInLink .4s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid;border-color:#fff3 #fff3 #ffffff1a;border-radius:8px;color:#374151;cursor:pointer;font-size:1rem;font-weight:600;margin:.25rem 0;opacity:0;padding:1rem 1.5rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.family-mobile-nav-link:first-child{animation-delay:.15s}.family-mobile-nav-link:nth-child(2){animation-delay:.2s}.family-mobile-nav-link:nth-child(3){animation-delay:.25s}.family-mobile-nav-link:nth-child(4){animation-delay:.3s}.family-mobile-nav-link:hover{background:#8b45131a;border-color:#8b45134d;box-shadow:0 4px 12px #8b451333;color:#8b4513;transform:translateX(4px) scale(1.02)}.family-mobile-nav-link.active{background:linear-gradient(135deg,var(--beach-sand),var(--beach-sand-light));border-color:#8b45134d;color:#8b4513}.family-mobile-nav-link.storyteller-btn{background:linear-gradient(135deg,var(--beach-sand-warm),var(--beach-sand));border-color:#8b45134d;box-shadow:0 4px 15px #8b45134d;color:#8b4513}.family-mobile-nav-link.storyteller-btn:hover{background:linear-gradient(135deg,var(--beach-sand),var(--beach-sand-dark));box-shadow:0 6px 20px #8b45134d;transform:translateX(4px) scale(1.02)}.family-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001f;margin-top:.5rem;min-width:200px;position:absolute;right:0;top:100%;z-index:10}.family-user-info{background:linear-gradient(135deg,#667eea1a,#764ba20d);border-bottom:1px solid #ffffff1a;padding:1rem;position:relative}.family-user-name{color:#fff;font-size:.875rem;font-weight:600;margin:0;text-shadow:0 1px 3px #0000004d}.family-user-type{color:#fffc;font-size:.75rem;font-weight:500;margin:0;text-shadow:0 1px 2px #0003}.family-dropdown-divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;margin:.75rem 2rem}.family-logout-btn,.family-profile-btn{background:none;border:none;color:#374151;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.family-logout-btn:hover,.family-profile-btn:hover{background:#f9fafb;color:#1f2937}.family-logout-btn{color:#dc2626}.family-logout-btn:hover{background:#fef2f2;color:#dc2626}.family-user-name-text{color:#fff;font-size:.875rem;font-weight:500;text-shadow:0 1px 3px #0000004d}.upgrade-page{margin:0 auto;max-width:1200px;padding:2rem}.upgrade-header{margin-bottom:3rem;position:relative;text-align:center}.upgrade-header .back-button{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:50px;color:#fff;display:flex;font-weight:500;gap:.5rem;left:0;padding:.75rem 1.5rem;position:absolute;text-decoration:none;top:0;transition:all .3s ease}.upgrade-header .back-button:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#ffffff4d;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.upgrade-header h1{color:#fff;font-size:2.5rem;font-weight:800;margin:1rem 0;text-shadow:0 2px 4px #0000004d}.upgrade-header p{color:#fffc;font-size:1.125rem;margin:0 auto;max-width:600px}.success-section{align-items:center;display:flex;justify-content:center;min-height:60vh}.success-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:24px;box-shadow:0 32px 64px #0000004d,0 16px 32px #0003;max-width:500px;padding:3rem;text-align:center}.success-icon{margin-bottom:2rem}.success-card h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.success-card p{color:#fffc;line-height:1.6;margin-bottom:1.5rem}.success-card ul{list-style:none;margin:1.5rem 0;padding:0;text-align:left}.success-card li{color:#ffffffe6;padding:.5rem 0 .5rem 1.5rem;position:relative}.success-card li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.upgrade-summary{display:flex;justify-content:center;margin-bottom:3rem}.upgrade-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#667eea1a,#764ba20d);border:1px solid #667eea4d;border-radius:20px;box-shadow:0 20px 40px #0003,0 0 0 1px #667eea33;max-width:500px;padding:2.5rem;text-align:center}.upgrade-icon{color:#667eea;margin-bottom:1.5rem}.upgrade-card h3{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.upgrade-card p{color:#fffc;font-size:1.125rem;margin-bottom:2rem}.upgrade-benefits{text-align:left}.upgrade-benefits h4{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.upgrade-benefits ul{list-style:none;margin:0;padding:0}.upgrade-benefits li{color:#ffffffe6;padding:.5rem 0 .5rem 1.5rem;position:relative}.upgrade-benefits li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.plan-comparison{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.plan-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;padding:2rem}.plan-card:hover{box-shadow:0 20px 40px #0003,0 0 0 1px #667eea4d;transform:translateY(-4px)}.plan-card.current{border-color:#9ca3af4d}.plan-card.upgrade{background:linear-gradient(135deg,#667eea1a,#764ba20d);border-color:#667eea66}.plan-badge{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;font-size:.875rem;padding:.5rem 1.5rem;top:-12px}.plan-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.plan-name{color:#ffffffe6;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;text-align:center}.plan-price{color:#667eea;font-size:2rem;font-weight:800;margin-bottom:1.5rem}.plan-card ul{list-style:none;margin:0;padding:0}.plan-card li{border-bottom:1px solid #ffffff1a;color:#fffc;padding:.75rem 0 .75rem 1.5rem;position:relative}.plan-card li:last-child{border-bottom:none}.plan-card li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.payment-section{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;margin-bottom:2rem;padding:2rem}.payment-section h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.payment-section p{color:#ffffffb3;margin-bottom:2rem}.payment-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group label{color:#fff;letter-spacing:.05em;text-transform:uppercase}.card-element-container{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1rem;transition:all .3s ease}.card-element-container:focus-within{border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.billing-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem}.billing-info p{color:#fffc;margin:.5rem 0}.billing-info strong{color:#fff}.payment-summary,.plan-change-summary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.plan-change-summary{margin-bottom:1.5rem}.change-item{align-items:center;border-bottom:1px solid #ffffff1a;color:#fffc;display:flex;justify-content:space-between;padding:.75rem 0}.change-item:last-child{border-bottom:none}.change-item span:first-child,.payment-summary h4{color:#fff;font-weight:600}.payment-summary h4{font-size:1.125rem;margin-bottom:1rem}.summary-item{border-bottom:1px solid #ffffff1a;color:#fffc;padding:.75rem 0}.summary-item,.summary-total{align-items:center;display:flex;justify-content:space-between}.summary-total{color:#fff;font-size:1.125rem;font-weight:700;padding:1rem 0 0}.btn-large{border-radius:12px;font-size:1.125rem;font-weight:600;justify-content:center;min-height:56px}.btn-large,.payment-processing{align-items:center;display:flex;gap:.75rem}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.payment-note{color:#fff9;font-size:.875rem;line-height:1.5;margin-top:1rem;text-align:center}.error-message{background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef44444d;margin-top:1rem;padding:1rem}.error-message p{color:#fecaca;margin:0;text-align:center}@media (max-width:768px){.upgrade-page{padding:1rem}.upgrade-header h1{font-size:2rem}.upgrade-header .back-button{margin-bottom:1rem;position:relative}.plan-comparison{gap:1.5rem;grid-template-columns:1fr}.success-card{padding:2rem}.payment-section{padding:1.5rem}.upgrade-card{padding:2rem}.upgrade-card h3{font-size:1.5rem}}.loading-container{gap:1rem;min-height:400px}.loading-container p{color:var(--text-secondary);font-size:1rem;margin:0}.family-dashboard .dashboard-card{border-radius:12px;margin-bottom:1.5rem;padding:1.5rem 1.25rem}.family-dashboard .dashboard-card-title{font-size:1.25rem;margin-bottom:1rem}.family-dashboard .profile-info{gap:1.5rem}.family-dashboard .profile-avatar{font-size:1.25rem;height:3rem;width:3rem}.family-dashboard .profile-details{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.family-dashboard .profile-field label{font-size:.75rem;margin-bottom:.25rem}.family-dashboard .profile-field p{border-radius:8px;font-size:1rem;padding:.5rem .75rem}.family-dashboard .subscription-plans{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.family-dashboard .plan-card{border-radius:12px;padding:1.5rem}.family-dashboard .plan-card .plan-header{margin-bottom:1rem}.family-dashboard .plan-card .plan-header h4,.family-dashboard .plan-card .plan-price{font-size:1.125rem}.family-dashboard .plan-features{margin-bottom:1.5rem}.family-dashboard .plan-feature{font-size:.875rem;margin-bottom:.5rem;min-height:20px}.family-dashboard .checkmark-container{border-radius:10px;height:20px;margin-right:10px;width:20px}.family-dashboard .checkmark-symbol{font-size:12px}.family-dashboard .security-options{gap:1rem}.family-dashboard .security-option{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1rem}.family-dashboard .security-info h4{font-size:1rem;margin-bottom:.25rem}.family-dashboard .security-info p{color:#ffffffb3;font-size:.875rem;margin:0}.family-dashboard .preferences-header{margin-bottom:2rem;text-align:center}.family-dashboard .preferences-subtitle{color:#ffffffb3;font-size:1rem;line-height:1.5;margin:.5rem 0 0}.family-dashboard .preferences-options{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:2rem;max-width:800px}.family-dashboard .preference-option{align-items:center;background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid #ffffff26;border-radius:16px;display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.family-dashboard .preference-option:before{background:linear-gradient(90deg,#feca57,#ff6b6b);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.family-dashboard .preference-option:hover:before{transform:scaleX(1)}.family-dashboard .preference-option:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:#ffffff40;box-shadow:0 12px 30px #00000026;transform:translateY(-2px)}.family-dashboard .preference-info{flex:1 1;margin-right:2rem}.family-dashboard .preference-info h4{align-items:center;color:#fff;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;margin-bottom:.5rem}.family-dashboard .preference-info h4:before{background:linear-gradient(135deg,#feca57,#ff6b6b);border-radius:50%;content:"";flex-shrink:0;height:8px;width:8px}.family-dashboard .preference-info p{color:#ffffffbf;font-size:.9rem;line-height:1.5;margin:0}.family-dashboard .preference-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;min-width:200px;padding:.75rem 1rem;position:relative;transition:all .3s ease}.family-dashboard .preference-select:focus{background:#ffffff26;border-color:#feca57;box-shadow:0 0 0 3px #feca5733;outline:none;transform:translateY(-1px)}.family-dashboard .preference-select:hover{background:#ffffff1f;border-color:#ffffff4d}.family-dashboard .preference-select option{background:#2d3748;color:#fff;padding:.5rem}.family-dashboard .preferences-actions{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:center;padding-top:1rem}.family-dashboard .preferences-save-btn{background:linear-gradient(135deg,#feca57,#ff6b6b);border:none;border-radius:12px;box-shadow:0 4px 15px #feca574d;color:#fff;font-size:.95rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.family-dashboard .preferences-save-btn:hover{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 8px 25px #feca5766;transform:translateY(-2px)}.family-dashboard .preferences-reset-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#ffffffe6;font-size:.95rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.family-dashboard .preferences-reset-btn:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 15px #0000001a;transform:translateY(-1px)}@media (max-width:768px){.family-dashboard .preference-option{align-items:flex-start;flex-direction:column;gap:1rem}.family-dashboard .preference-info{margin-right:0}.family-dashboard .preference-select{min-width:auto;width:100%}}.family-dashboard .usage-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.family-dashboard .usage-stat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1rem;text-align:center}.family-dashboard .usage-stat-info h4{color:#ffffffe6;font-size:1rem;margin-bottom:.5rem;text-align:center}.family-dashboard .usage-stat-value{color:#feca57;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.family-dashboard .usage-stat-label{color:#fff9;font-size:.75rem;margin:0}.family-dashboard .usage-upgrade-cta{background:#667eea1a;border:1px solid #667eea33;border-radius:8px;padding:1rem;text-align:center}.family-dashboard .usage-upgrade-cta p{color:#ffffffe6;font-size:.875rem;margin-bottom:.75rem}.family-dashboard .danger-actions{gap:1rem}.family-dashboard .danger-action{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:1rem}.family-dashboard .danger-info h4{color:#ef4444;font-size:1rem;margin-bottom:.25rem}.family-dashboard .danger-info p{color:#ffffffb3;font-size:.875rem;margin:0}.family-dashboard .btn{border-radius:6px;font-size:.875rem;padding:.5rem 1rem}.family-dashboard .btn-large{font-size:1rem;padding:.75rem 1.5rem}.family-dashboard .dashboard-tabs{margin-bottom:1.5rem}.family-dashboard .dashboard-tab{font-size:.875rem;padding:.75rem 1.25rem}@media (max-width:768px){.family-dashboard .dashboard-card{padding:1rem}.family-dashboard .profile-details,.family-dashboard .subscription-plans,.family-dashboard .usage-stats{grid-template-columns:1fr}}.try-it-out-page{background:linear-gradient(135deg,var(--beach-sand) 0,var(--beach-sand-light) 50%,var(--aqua-blue-light) 100%);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:2rem 0}.trial-container{margin:0 auto;max-width:900px;padding:0 1.5rem}.trial-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #e5e7eb;border-radius:24px;box-shadow:0 20px 40px #00000014;margin-bottom:2rem;padding:2.5rem}.trial-header{margin-bottom:2.5rem;text-align:center}.status-indicator{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.status-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.3rem;font-weight:700}.trial-info{text-align:center}.demo-question{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:1px solid #fff3;border-radius:20px;box-shadow:0 12px 30px #667eea40;color:#fff;margin-bottom:2.5rem;padding:2rem}.demo-question h3{font-size:1.4rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px #0000001a}.demo-question p{font-size:1.2rem;font-style:italic;line-height:1.5;margin:0;opacity:.95}.trial-details{background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;margin-bottom:2.5rem;padding:2rem;text-align:left}.trial-details h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.trial-details ul{list-style:none;padding:0}.trial-details li{color:var(--text-secondary);font-size:1.1rem;line-height:1.5;padding:.75rem 0 .75rem 2rem;position:relative}.trial-details li:before{align-items:center;background:#4caf501a;border-radius:50%;color:var(--success-color);content:"✓";display:flex;font-size:1.2rem;font-weight:700;height:24px;justify-content:center;left:0;position:absolute;width:24px}.trial-limits{background:#ffc1071a;border:1px solid #ffc10733;border-radius:16px;margin-bottom:2.5rem;padding:1.5rem}.trial-limits p{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:0}.btn-large{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:50px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:.5px;padding:1.25rem 2.5rem;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-large:hover{box-shadow:0 15px 35px #667eea66;transform:translateY(-3px)}.btn-large:disabled{cursor:not-allowed;opacity:.6;transform:none}.calling-status,.recording-status{background:#fffc;border:1px solid #ffffff80;border-radius:20px;padding:3rem 2rem;text-align:center}.loading-spinner{border:4px solid #667eea33;border-top:4px solid var(--primary-color);height:60px;width:60px}.phone-number{background:#1976d21a;border:1px solid #1976d233;border-radius:25px;color:var(--primary-color);display:inline-block;font-weight:600;margin-top:1.5rem;padding:.75rem 1.5rem}.recording-indicator{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.recording-dot{animation:blink 1s infinite;background:var(--error-color);border-radius:50%;height:16px;width:16px}.question-display{background:#fff3e0cc;border:1px solid #ffc10733;border-radius:16px;color:var(--warning-color);font-weight:600;margin-top:1.5rem;padding:1.5rem}.recording-result{margin-top:2.5rem}.recording-card{background:#ffffffe6;border:1px solid #ffffff80;box-shadow:0 8px 25px #00000014;margin-top:2rem;padding:2rem}.recording-header{align-items:center;border-bottom:1px solid #0000001a;margin-bottom:1.5rem;padding-bottom:1.5rem}.recording-header h3{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin:0}.recording-date{font-size:.95rem;font-weight:500}.recording-content{margin-bottom:2rem}.recording-question{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.5;margin-bottom:1.5rem}.audio-player{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;padding:1.5rem;width:100%}.audio-player audio{border-radius:8px;box-shadow:0 2px 8px #0000001a;width:100%}.transcription-toggle{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fffc;cursor:pointer;margin-left:8px;padding:8px;transition:all .2s ease}.transcription-toggle:hover{background:#fff3;border-color:#ffffff4d;color:#fff}.transcription-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:1rem;padding:1rem}.transcription-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.transcription-header h4{color:#ffffffe6;font-size:1rem;font-weight:600;margin:0}.close-transcription{background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;padding:4px;transition:all .2s ease}.close-transcription:hover{background:#ffffff1a;color:#ffffffe6}.transcription-content{color:#fffc;font-size:.95rem;line-height:1.6}.transcription-content p{word-wrap:break-word;white-space:pre-wrap}.recording-actions{flex-wrap:wrap;gap:1rem;justify-content:center}.trial-footer{margin-top:3rem;text-align:center}.trial-footer h3{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:2rem}.benefits-grid{display:flex;flex-direction:column;margin:0 auto;max-width:600px}.benefit-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;text-align:left}.benefit-content h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.benefit-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0}.error-message{background:#f443361a;border:1px solid #f4433633;border-radius:16px;color:var(--error-color);margin-bottom:1.5rem;padding:1.5rem}.error-message p{font-weight:500;margin:0 0 1rem}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width:768px){.try-it-out-page{padding:1rem}.features-grid{gap:2rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}.feature-content h3{font-size:1.25rem}.step-card{padding:2rem 1.5rem}.step-screenshot{margin-bottom:1rem}.hero-screenshot{border-radius:16px}.hero-dashboard-screenshot{border-radius:14px}.story-display{margin-top:1.5rem;padding:1.5rem}.story-bubble{height:180px;max-width:100%;padding:1.5rem}.story-text{font-size:.9rem;line-height:1.6}}.trial-container{padding:0 1rem}.trial-card{border-radius:20px}.demo-question,.trial-card{padding:1.5rem}.demo-question h3{font-size:1.2rem}.demo-question p{font-size:1.1rem}.trial-details{padding:1.5rem}.signup-page{align-items:center;background:linear-gradient(135deg,var(--beach-sand) 0,var(--beach-sand-light) 50%,var(--aqua-blue-light) 100%);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;overflow:visible;padding:1rem;position:relative}.signup-container{margin:0 auto;max-width:450px;position:relative;width:100%;z-index:2}.signup-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:20px;box-shadow:0 15px 30px var(--shadow-color);overflow:visible;padding:1.5rem}.signup-header{margin-bottom:2rem}.signup-header h1{color:#1f2937;font-size:2rem;font-weight:600;letter-spacing:-.025em;line-height:1.2;margin:0 0 .75rem}.signup-header h1,.signup-header p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:center}.signup-header p{color:#6b7280;font-size:1rem;font-weight:400;line-height:1.5}.back-button{border-radius:8px;color:var(--text-secondary);font-size:.9rem;padding:.5rem}.back-button:hover{background:#ffffff1a;color:var(--text-primary)}.user-type-options{display:flex;flex-direction:column;gap:.75rem;margin:1rem auto;max-width:100%;width:100%}.user-type-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;cursor:pointer;overflow:hidden;padding:1.25rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.user-type-card:hover{border-color:#fff6;box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.user-type-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.user-type-card p{color:var(--text-secondary);font-size:.9rem;font-weight:500;line-height:1.4;margin:0}.signup-form{display:flex;flex-direction:column;gap:1.75rem;overflow:visible}.form-group{gap:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group:hover{transform:translateY(-2px)}.form-group label{color:#4b5563;letter-spacing:.25px;margin-bottom:.25rem;text-transform:none;transition:all .3s ease}.form-group input,.form-group label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.form-group input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;color:#1f2937;font-size:1rem;font-weight:400;line-height:1.5;padding:1.125rem 1.375rem;position:relative}.form-group input:hover{background:#fff;border-color:#d1d5db;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.form-group input::placeholder{color:#9ca3af;font-weight:400;transition:all .3s ease}.form-group input:focus{background:#ffffff1f;border-color:#6366f1;box-shadow:0 8px 32px #0000001a,0 0 0 4px #00c8ff1a;transform:translateY(-2px)}.form-group input:focus::placeholder{color:#fff6;transform:translateY(-2px)}.form-group input:hover:not(:focus){background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 6px 24px #00000014;transform:translateY(-1px)}.form-group.floating-label{position:relative}.form-group.floating-label label{color:#ffffffb3;font-size:1rem;font-weight:500;left:1.25rem;letter-spacing:0;pointer-events:none;position:absolute;text-transform:none;top:1rem;transform-origin:left top;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group.floating-label input:focus+label,.form-group.floating-label input:not(:placeholder-shown)+label{color:var(--aqua-blue);font-weight:600;transform:translateY(-1.5rem) scale(.85)}.btn{border-radius:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.25px;text-transform:none}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 16px #6366f14d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--aqua-blue-dark) 0,var(--aqua-blue) 100%);box-shadow:0 10px 32px #00c8ff66}.btn-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000a}.btn-secondary:hover:not(:disabled){background:#fff;border-color:#d1d5db;box-shadow:0 4px 16px #00000014}.btn:disabled{transform:none!important}.signup-logo{margin-bottom:1rem}.signup-logo img{height:auto;max-width:120px}.back-button{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:var(--text-primary);display:flex;font-size:.8rem;gap:.25rem;left:1rem;max-width:80px;padding:.5rem .75rem;position:absolute;top:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.back-button:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.signup-transition-container{transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.signup-transition-container>*{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.signup-logo{display:flex;justify-content:center;margin-bottom:.5rem;opacity:.9;transition:all .3s ease}.signup-logo:hover{opacity:1;transform:scale(1.02)}.signup-logo img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.error-message:after{animation:slideIn .3s ease-out}.signup-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff14;border:2px solid #ffffff26;border-radius:16px;box-shadow:0 20px 60px #0000001a;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.signup-card:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 25px 80px #00000026;transform:translateY(-4px)}.signup-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.signup-header{margin-bottom:1rem;padding-left:2rem;padding-right:2rem;padding-top:3.5rem;position:relative;text-align:center}.signup-header h1{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .375rem;text-shadow:0 2px 4px #0000001a}.signup-header p{color:var(--text-secondary);font-size:.85rem;font-weight:500;margin:0;opacity:.9}.city-input-container{position:relative}.city-suggestions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #e5e7eb;border-radius:0 0 16px 16px;border-top:none;box-shadow:0 4px 16px #00000014;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.city-suggestion{border-bottom:1px solid #e5e7eb80;color:#374151;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;font-weight:400;padding:1rem 1.25rem;transition:all .2s ease}.city-suggestion:last-child{border-bottom:none}.city-suggestion:hover{background:#6366f11a;color:#6366f1;font-weight:500}.form-actions{margin-top:1rem}.form-actions .btn{flex:1 1}.plan-options{display:flex;flex-direction:column;gap:2rem;margin:2rem auto;padding-top:1rem}.plan-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;cursor:pointer;overflow:visible;padding:2rem 1.5rem 1.5rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.plan-card:hover{border-color:#fff6;box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.plan-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.plan-badge{background:var(--aqua-blue);border-radius:20px;box-shadow:0 4px 12px #00000026;font-size:.8rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;top:-.75rem;transform:translateX(-50%);z-index:10}.plan-badge.popular{background:#feca57;box-shadow:0 4px 12px #feca5766;color:#1f2937;opacity:1}.loading-message{margin-bottom:1rem;padding:1rem;text-align:center}.loading-message .loading-spinner{animation:spin 1s linear infinite;border:2px solid #6366f11a;border-left-color:#6366f1;border-radius:50%;height:24px;margin:0 auto .5rem;width:24px}.loading-message p{color:#6b7280;font-size:.9rem;margin:0}.plan-card:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.plan-features ul{list-style:none;margin:0 0 1rem;padding:0}.plan-features li{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem;padding-left:1rem;position:relative}.plan-features li:before{color:var(--aqua-blue);content:"✓";font-weight:700;left:0;position:absolute}.plan-price{margin-top:1rem;text-align:center}.price-amount{color:var(--text-primary);font-size:2rem;font-weight:700}.price-period{color:var(--text-secondary);font-size:.9rem}.success-message{padding:2rem 0;text-align:center}.success-message p{color:var(--text-secondary);font-size:.9rem}.error-message{background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;color:#dc3545;font-size:.9rem;padding:.75rem}@media (max-width:768px){.signup-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.signup-container{margin:0 auto;max-width:100%;width:100%}.signup-card{border-radius:16px;margin:0;padding:1.5rem 1.25rem}.signup-header{margin-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:3rem}.signup-header h1{font-size:1.375rem}.signup-logo{margin-bottom:.375rem}.signup-logo img{width:90px!important}.signup-form{gap:.625rem}.form-group{gap:.25rem}.form-group input{font-size:.85rem;padding:.5rem .75rem}.btn{font-size:.8rem;padding:.5rem 1rem}.back-button{font-size:.8rem;left:1rem;max-width:80px;padding:.5rem .75rem;top:1rem}}@media (max-width:480px){.signup-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:.75rem}.signup-container{margin:0 auto;max-width:100%;width:100%}.signup-card{border-radius:16px;margin:0;padding:1.25rem 1rem}.signup-header{margin-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:3rem}.signup-header h1{font-size:1.25rem}.signup-logo{margin-bottom:.25rem}.signup-logo img{width:80px!important}.signup-form{gap:.5rem}.form-group{gap:.125rem}.form-group label{font-size:.7rem}.form-group input{border-radius:8px;font-size:.8rem;padding:.375rem .625rem}.btn{border-radius:8px;font-size:.75rem;padding:.375rem .875rem}.back-button{border-radius:8px;font-size:.8rem;left:1rem;max-width:80px;padding:.5rem .75rem;top:1rem}.form-actions{flex-direction:column;gap:.375rem}.error-message{font-size:.75rem;padding:.5rem .75rem}}.trial-details li:before{font-size:1rem;height:20px;width:20px}.benefits-grid{gap:1.5rem;grid-template-columns:1fr}.benefit-item{padding:2rem}.recording-actions{flex-direction:column}.btn-large{font-size:1.1rem;padding:1rem 2rem}.trial-footer h3{font-size:1.6rem}.status-text{font-size:1.1rem}.status-icon{display:none}.confirmation-summary{background:#fffffff2;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #00000014;margin-bottom:1.5rem;padding:1.5rem}.summary-section{border-bottom:1px solid #e5e7eb80;margin-bottom:1.5rem;padding-bottom:1rem}.summary-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.summary-section h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.75rem}.summary-section h3,.summary-section p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.summary-section p{color:#6b7280;font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.summary-section p:last-child{margin-bottom:0}.summary-section strong{color:#1f2937;font-weight:500}@media (max-width:768px){.confirmation-summary{margin-bottom:1.25rem;padding:1.25rem}.summary-section{margin-bottom:1.25rem;padding-bottom:.75rem}.summary-section h3{font-size:.95rem;margin-bottom:.5rem}.summary-section p{font-size:.85rem}}@media (max-width:480px){.confirmation-summary{margin-bottom:1rem;padding:1rem}.summary-section{margin-bottom:1rem;padding-bottom:.5rem}.summary-section h3{font-size:.9rem}.summary-section p{font-size:.8rem}}.family-dashboard-header.route-transition{transition:opacity .3s ease,transform .3s ease;will-change:opacity,transform}.family-dashboard-header.route-transition.route-animating{opacity:.96;transform:translateY(-2px)}.family-header-nav .family-nav-link,.family-mobile-nav .family-mobile-nav-link{transition:color .2s ease,background .2s ease,transform .2s ease}.loading-spinner{animation:spin .8s ease-in-out infinite;border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:12px;margin-right:6px;width:12px}.family-mobile-nav-link.storyteller-btn.loading,.family-nav-link.storyteller-btn.loading{opacity:.8;transform:scale(.98);transition:all .2s ease}.family-mobile-nav-link.storyteller-btn.loading:disabled,.family-nav-link.storyteller-btn.loading:disabled{cursor:not-allowed;pointer-events:none}.family-mobile-nav-link.storyteller-btn:not(.loading):active,.family-nav-link.storyteller-btn:not(.loading):active{transform:scale(.95);transition:transform .1s ease}.family-header-nav .family-nav-link:hover,.family-mobile-nav .family-mobile-nav-link:hover{transform:translateY(-1px)}.family-header-nav .family-nav-link.active,.family-mobile-nav .family-mobile-nav-link.active{transition:box-shadow .25s ease,background .25s ease,color .2s ease}.App,body{background-color:var(--background-primary)!important;background:var(--background-blend)!important}.App{min-height:100vh}.care-staff-dashboard,.family-dashboard,.storyteller-dashboard{-webkit-overflow-scrolling:touch;background-color:var(--background-primary)!important;background:var(--background-blend)!important;overflow-x:hidden;overscroll-behavior:none;touch-action:pan-y}@media (max-width:768px){html{background-color:var(--background-primary)!important;background:var(--background-blend)!important}.App,body{background-color:var(--background-primary)!important;background:var(--background-blend)!important;overflow-x:hidden;overscroll-behavior:none;touch-action:pan-y}.App{min-height:100vh}*{max-width:100vw}.care-staff-dashboard,.family-dashboard,.storyteller-dashboard{overscroll-behavior:none;touch-action:pan-y;width:100vw}.care-staff-dashboard,.dashboard-container,.dashboard-content,.family-dashboard,.storyteller-dashboard{max-width:100vw}.care-staff-dashboard,.container,.dashboard-container,.dashboard-content,.family-dashboard,.main-content,.page-container,.storyteller-dashboard{background-color:var(--background-primary)!important;background:var(--background-blend)!important;overflow-x:hidden}}:root{--beach-sand:#f7e8c8;--beach-sand-light:#faf2e0;--beach-sand-dark:#e8d4a8;--beach-sand-warm:#f0e2c0;--aqua-blue:#c5e8e8;--aqua-blue-light:#d8f0f0;--aqua-blue-dark:#a8d8d8;--aqua-blue-soft:#b8e6e6;--white:#fff;--white-soft:#fefefe;--black:#2a2a2a;--black-light:#3a3a3a;--black-lighter:#4a4a4a;--primary-color:var(--aqua-blue);--secondary-color:var(--beach-sand-dark);--accent-color:var(--aqua-blue-dark);--success-color:#4ade80;--warning-color:#fbbf24;--error-color:#f87171;--text-primary:#1a1a1a;--text-secondary:#2a2a2a;--text-light:#3a3a3a;--text-on-light:#1a1a1a;--text-on-dark:#fff;--background-primary:var(--beach-sand);--background-secondary:var(--white-soft);--background-tertiary:var(--beach-sand-light);--background-blend:linear-gradient(135deg,var(--beach-sand) 0%,var(--beach-sand-light) 50%,var(--aqua-blue-light) 100%);--border-color:#d4c4a0;--border-light:#e8dcc0;--border-soft:#f0e8d0;--shadow-color:#d4c4a026;--shadow-color-dark:#d4c4a040;--shadow-aqua:#c5e8e833}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7e8c8;background-color:var(--background-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:#1a1a1a;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;line-height:1.2;margin-bottom:.75rem;text-shadow:0 1px 2px #1a1a1a0d}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}}p{color:#1a1a1a;color:var(--text-primary);margin-bottom:1rem;text-shadow:0 1px 2px #1a1a1a08}a{color:#a8d8d8;color:var(--aqua-blue-dark);text-decoration:none;transition:color .2s ease}a:hover{color:#c5e8e8;color:var(--aqua-blue);text-decoration:underline}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.btn{border:2px solid #0000;border-radius:.5rem;line-height:1.5;padding:.875rem 1.75rem;white-space:nowrap}.btn:before{transition:left .5s}.btn-primary{background:linear-gradient(135deg,#c5e8e8,#a8d8d8);background:linear-gradient(135deg,var(--aqua-blue) 0,var(--aqua-blue-dark) 100%);border-color:#c5e8e8;border-color:var(--aqua-blue);box-shadow:0 4px 15px #b8e6e666;color:var(--white);text-shadow:0 1px 2px #1a1a1a1a}.btn-primary:hover{background:linear-gradient(135deg,#a8d8d8,#c5e8e8);background:linear-gradient(135deg,var(--aqua-blue-dark) 0,var(--aqua-blue) 100%);border-color:#a8d8d8;border-color:var(--aqua-blue-dark);box-shadow:0 8px 25px #b8e6e699}.btn-secondary{background:linear-gradient(135deg,#e8d4a8,#f7e8c8);background:linear-gradient(135deg,var(--beach-sand-dark) 0,var(--beach-sand) 100%);border-color:#e8d4a8;border-color:var(--beach-sand-dark);box-shadow:0 4px 15px #e8d4a866;color:#1a1a1a;color:var(--text-primary)}.btn-secondary:hover{background:linear-gradient(135deg,#f7e8c8,#faf2e0);background:linear-gradient(135deg,var(--beach-sand) 0,var(--beach-sand-light) 100%);border-color:#f7e8c8;border-color:var(--beach-sand);box-shadow:0 8px 25px #e8d4a899}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;box-shadow:0 4px 15px #28a74566;color:#fff}.btn-success:hover{background:linear-gradient(135deg,#218838,#1ea085);border-color:#218838;box-shadow:0 8px 25px #28a74599;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#dc3545,#e83e8c);border-color:#dc3545;box-shadow:0 4px 15px #dc354566;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#c82333,#d63384);border-color:#c82333;box-shadow:0 8px 25px #dc354599;transform:translateY(-2px)}.btn-outline{background:#0000;border-color:#feca57;color:#feca57}.btn-outline:hover{background:#feca57;box-shadow:0 8px 25px #667eea66;color:#fff}.btn-lg{border-radius:.75rem;font-size:1rem;padding:1rem 2rem}.btn-sm{border-radius:.375rem;font-size:.75rem;padding:.625rem 1.25rem}.btn-full{width:100%}input,select,textarea{background-color:#fff;border:2px solid #e9ecef;border-radius:.75rem;font-family:inherit;font-size:inherit;font-size:1rem;line-height:1.5;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{border-color:#c5e8e8;border-color:var(--aqua-blue);box-shadow:0 0 0 .25rem #c5e8e833;box-shadow:0 0 0 .25rem var(--shadow-aqua);outline:none;transform:translateY(-1px)}input:hover,select:hover,textarea:hover{border-color:#adb5bd}.form-control{margin-bottom:1.5rem;position:relative}.form-label{color:#1a1a1a;color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.form-control.error input,.form-control.error select,.form-control.error textarea{border-color:#dc3545;box-shadow:0 0 0 .25rem #dc354526}.form-control.success input,.form-control.success select,.form-control.success textarea{border-color:#28a745;box-shadow:0 0 0 .25rem #28a74526}.form-error{color:#dc3545;font-weight:500}.form-error,.form-help{font-size:.875rem;margin-top:.5rem}.form-help{color:#6c757d}.form-help-text{color:#ffffffb3;font-size:.875rem;font-weight:400;line-height:1.5;margin-top:.5rem;transition:color .2s ease}.form-help-text:hover{color:#ffffffe6}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}@media (max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}*{color:#1a1a1a!important;color:var(--text-primary)!important}.btn-primary,.btn-primary *{color:#fff!important;color:var(--white)!important}.btn-outline,.btn-outline *,.btn-secondary,.btn-secondary *{color:#1a1a1a!important;color:var(--text-primary)!important}h1,h2,h3,h4,h5,h6{font-weight:700;text-shadow:0 2px 4px #1a1a1a1a}div,input,label,p,select,span,textarea{color:#1a1a1a!important;color:var(--text-primary)!important;text-shadow:0 1px 2px #1a1a1a0d}[style*=linear-gradient] h1,[style*=linear-gradient] h2,[style*=linear-gradient] h3,[style*=linear-gradient] h4,[style*=linear-gradient] h5,[style*=linear-gradient] h6,h1,h2,h3,h4,h5,h6{-webkit-text-fill-color:unset!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#1a1a1a!important;color:var(--text-primary)!important}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;touch-action:pan-y}div,h1,h2,h3,h4,h5,h6,input,p,span,textarea{-webkit-user-select:text;user-select:text}.App{overflow-x:hidden;overscroll-behavior:none;touch-action:pan-y}@media (max-width:768px){.App,body{overscroll-behavior:none;touch-action:pan-y}.App{overflow-x:hidden}*{max-width:100vw}}.social-auth{margin:2rem 0;text-align:center}.social-auth-branding{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.social-auth-branding .logo{margin-bottom:.75rem}.social-auth-tagline{color:#fffc;font-size:.95rem;font-weight:500;line-height:1.4;margin:0}.social-auth-coming-soon{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem}.social-auth-coming-soon p{color:#fff9;font-size:.875rem;font-style:italic;margin:0}.social-auth-divider{margin:2rem 0;position:relative;text-align:center}.social-auth-divider:before{background:#fff3;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.social-auth-divider span{background:#1a1a1a;background:var(--background-color,#1a1a1a);color:#fff9;font-size:.875rem;padding:0 1rem}.social-auth-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem}.social-auth-btn{align-items:center;border:2px solid #0000;border-radius:50px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;max-width:300px;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease;width:100%}.social-auth-btn:disabled{cursor:not-allowed;opacity:.7}.social-auth-btn:not(:disabled):hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.social-auth-icon{flex-shrink:0;height:20px;width:20px}.google-btn{background:#fff;border-color:#fff3;color:#333}.google-btn:hover:not(:disabled){background:#f8f9fa;border-color:#ffffff4d}.loading-spinner{border:2px solid #f3f3f3;border-top-color:#4285f4;flex-shrink:0;height:20px;width:20px}@media (max-width:480px){.social-auth-btn{font-size:.875rem;padding:.75rem 1.25rem}.loading-spinner,.social-auth-icon{height:18px;width:18px}}.duplicate-email-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.duplicate-email-modal{animation:slideInUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{padding:24px 24px 0}.modal-icon{flex-shrink:0;margin-right:12px}.modal-title{flex:1 1;font-size:20px;font-weight:600;margin:0}.modal-close{border-radius:6px;flex-shrink:0;padding:4px}.modal-body{padding:24px}.info-section{align-items:flex-start;display:flex;margin-bottom:24px}.info-icon{flex-shrink:0;margin-right:12px;margin-top:2px}.info-content{flex:1 1}.info-text{color:#374151;font-size:16px;line-height:1.5;margin:0 0 8px}.info-subtext{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.benefits-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.benefits-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.benefits-list{list-style:none;margin:0;padding:0}.benefit-item{align-items:center;color:#374151;display:flex;font-size:14px;margin-bottom:12px}.benefit-item:last-child{margin-bottom:0}.benefit-item svg{flex-shrink:0;margin-right:8px}.modal-footer{justify-content:flex-end;padding:0 24px 24px}.btn{min-width:120px}.btn-primary{background-color:#3b82f6}.btn-primary:hover{background-color:#2563eb}@media (max-width:640px){.duplicate-email-modal-overlay{padding:16px}.duplicate-email-modal{border-radius:12px}.modal-body,.modal-footer,.modal-header{padding-left:20px;padding-right:20px}.modal-title{font-size:18px}.info-text{font-size:15px}.benefits-section{padding:16px}}.success-modal-overlay{background-color:#00000080}.success-modal{animation:slideInUp .4s ease-out;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;position:relative}.modal-header{justify-content:center;padding:32px 24px 0;position:relative}.success-icon{animation:bounceIn .6s ease-out}.modal-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:0 24px 24px;text-align:center}.modal-title{animation:fadeInUp .5s ease-out .2s both;color:#1f2937;font-size:28px;margin:0 0 8px}.modal-subtitle{animation:fadeInUp .5s ease-out .3s both;color:#6b7280;font-size:16px;margin:0 0 16px}.modal-message{animation:fadeInUp .5s ease-out .4s both;color:#374151;font-size:16px;line-height:1.6;margin:0 0 24px}.features-section{animation:fadeInUp .5s ease-out .5s both;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;margin:24px 0;padding:24px}.features-title{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.features-list{list-style:none;margin:0;padding:0;text-align:left}.feature-item{align-items:center;animation:slideInLeft .4s ease-out;color:#374151;display:flex;font-size:15px;margin-bottom:12px}.feature-item:last-child{margin-bottom:0}.feature-item svg{flex-shrink:0;margin-right:12px}.modal-footer{display:flex;justify-content:center;padding:0 24px 32px}.btn{animation:fadeInUp .5s ease-out .6s both;box-shadow:0 4px 12px #00000026;font-size:16px;min-width:160px;padding:16px 32px}.btn-primary{background-color:#10b981}.btn-primary:hover{box-shadow:0 8px 20px #0003}.btn-primary:active{transform:translateY(0)}@media (max-width:640px){.success-modal-overlay{padding:16px}.success-modal{border-radius:16px}.modal-body,.modal-footer,.modal-header{padding-left:20px;padding-right:20px}.modal-title{font-size:24px}.modal-message,.modal-subtitle{font-size:15px}.features-section{padding:20px}.btn{font-size:15px;padding:14px 28px}}.FacilitySignupSuccess_container__qhHez{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.FacilitySignupSuccess_card__CbxFp{animation:FacilitySignupSuccess_fadeInUp__gboiV .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:40px;text-align:center;width:100%}@keyframes FacilitySignupSuccess_fadeInUp__gboiV{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.FacilitySignupSuccess_header__RWZ15{margin-bottom:32px}.FacilitySignupSuccess_logo__SHoNn{margin-bottom:24px}.FacilitySignupSuccess_successIcon__\+XW4S{animation:FacilitySignupSuccess_bounce__rakPK .6s ease-out;font-size:4rem;margin-bottom:16px}@keyframes FacilitySignupSuccess_bounce__rakPK{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.FacilitySignupSuccess_header__RWZ15 h1{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:12px}.FacilitySignupSuccess_subtitle__OR7If{color:#4a5568;font-size:1.1rem;margin-bottom:0}.FacilitySignupSuccess_content__z9d-Y{margin-bottom:32px;text-align:left}.FacilitySignupSuccess_planDetails__9X1U\+{background:#f7fafc;border-radius:12px;margin-bottom:24px;padding:24px}.FacilitySignupSuccess_planDetails__9X1U\+ h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:16px;text-align:center}.FacilitySignupSuccess_detailRow__2CgMq{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.FacilitySignupSuccess_detailRow__2CgMq:last-child{border-bottom:none}.FacilitySignupSuccess_label__RQJVx{color:#4a5568;font-weight:500}.FacilitySignupSuccess_value__A4hfb{color:#2d3748;font-weight:600}.FacilitySignupSuccess_nextSteps__oH8ov{background:#edf2f7;border-radius:12px;margin-bottom:24px;padding:24px}.FacilitySignupSuccess_nextSteps__oH8ov h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:16px;text-align:center}.FacilitySignupSuccess_nextSteps__oH8ov ul{list-style:none;margin:0;padding:0}.FacilitySignupSuccess_nextSteps__oH8ov li{align-items:center;color:#4a5568;display:flex;font-size:1rem;gap:8px;padding:8px 0}.FacilitySignupSuccess_actions__nn8pW{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.FacilitySignupSuccess_btnPrimary__wy0Fa{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:160px;padding:12px 24px;transition:all .3s ease}.FacilitySignupSuccess_btnPrimary__wy0Fa:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.FacilitySignupSuccess_btnSecondary__YF8JM{background:#0000;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:1rem;font-weight:600;min-width:160px;padding:10px 24px;transition:all .3s ease}.FacilitySignupSuccess_btnSecondary__YF8JM:hover{background:#f7fafc;border-color:#cbd5e0}.FacilitySignupSuccess_footer__Vr-\+4{border-top:1px solid #e2e8f0;padding-top:24px;text-align:center}.FacilitySignupSuccess_footer__Vr-\+4 p{color:#718096;font-size:.9rem;margin:0}.FacilitySignupSuccess_loading__ZEc-m{padding:40px 20px;text-align:center}.FacilitySignupSuccess_spinner__cqpum{animation:FacilitySignupSuccess_spin__azgqC 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 24px;width:50px}@keyframes FacilitySignupSuccess_spin__azgqC{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.FacilitySignupSuccess_loading__ZEc-m h2{color:#2d3748;font-size:1.5rem;margin-bottom:12px}.FacilitySignupSuccess_loading__ZEc-m p{color:#4a5568;margin:0}.FacilitySignupSuccess_error__QMGbu{padding:40px 20px;text-align:center}.FacilitySignupSuccess_errorIcon__4CF18{font-size:4rem;margin-bottom:16px}.FacilitySignupSuccess_error__QMGbu h2{color:#e53e3e;font-size:1.5rem;margin-bottom:12px}.FacilitySignupSuccess_error__QMGbu p{color:#4a5568;margin-bottom:24px}@media (max-width:768px){.FacilitySignupSuccess_container__qhHez{padding:16px}.FacilitySignupSuccess_card__CbxFp{padding:24px}.FacilitySignupSuccess_header__RWZ15 h1{font-size:2rem}.FacilitySignupSuccess_actions__nn8pW{flex-direction:column}.FacilitySignupSuccess_btnPrimary__wy0Fa,.FacilitySignupSuccess_btnSecondary__YF8JM{width:100%}}.toast{background:#fff;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;min-width:300px;opacity:0;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:9999}.toast.show{opacity:1;transform:translateX(0)}.toast-content{align-items:center;display:flex;justify-content:space-between;padding:16px 20px}.toast-message{color:#333;font-size:14px;font-weight:500;line-height:1.4;margin-right:12px}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.toast-close:hover{background:#f5f5f5;color:#666}.toast-success{border-left-color:#28a745}.toast-success .toast-message{color:#155724}.toast-info{border-left-color:#17a2b8}.toast-info .toast-message{color:#0c5460}.toast-warning{border-left-color:#ffc107}.toast-warning .toast-message{color:#856404}.toast-error{border-left-color:#dc3545}.toast-error .toast-message{color:#721c24}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.toast-content{padding:14px 16px}.toast-message{font-size:13px}}.storyteller-management{background:#f7fafc;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;margin:0;max-width:100%;padding:0}.storyteller-header{align-items:flex-start;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin:0;padding:40px 60px}.storyteller-header-content{flex:1 1}.storyteller-header h2{color:#1a202c;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.storyteller-subtitle{color:#718096;font-size:16px;line-height:1.5;margin:0;max-width:500px}.storyteller-limit-info{align-items:center;display:flex;gap:12px;margin-top:8px}.limit-text{color:#4a5568;font-size:14px;font-weight:500}.limit-warning{background:#e76f511a;border:1px solid #e76f5133;border-radius:6px;color:#e76f51;font-size:13px;font-weight:600;padding:4px 8px}.add-storyteller-btn{align-items:center;align-self:flex-start;background:#f4a261;border:none;border-radius:12px;box-shadow:0 4px 12px #f4a26140;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;transition:all .2s ease}.add-storyteller-btn:hover{background:#e76f51;box-shadow:0 6px 20px #f4a26159;transform:translateY(-1px)}.add-storyteller-btn.disabled{color:#a0aec0;cursor:not-allowed}.add-storyteller-btn.disabled,.add-storyteller-btn.disabled:hover{background:#cbd5e0;box-shadow:none;transform:none}.add-storyteller-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:40px auto;max-width:800px;padding:40px}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.form-header h3{color:#1a202c;font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0}.close-btn{background:#e76f51;border-radius:12px;box-shadow:0 2px 8px #e76f5140;font-size:20px;font-weight:600;height:40px;width:40px}.close-btn:hover{background:#d62828;box-shadow:0 4px 12px #e76f5159;transform:translateY(-1px)}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.form-group label{color:#2d3748;font-size:14px;margin-bottom:8px}.form-group input,.form-group textarea{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 16px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#f4a261;box-shadow:0 0 0 3px #f4a2611a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-actions{border-top:1px solid #f0f4f8;gap:16px;margin-top:32px;padding-top:24px}.form-actions button{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .2s ease}.form-actions button:not(.primary){background:#f8f9fa;border:2px solid #e2e8f0;color:#718096}.form-actions button:not(.primary):hover{background:#e9ecef;border-color:#cbd5e0;color:#2d3748}.form-actions button.primary{background:#f4a261;box-shadow:0 2px 8px #f4a26140;color:#fff}.form-actions button.primary:hover{background:#e76f51;box-shadow:0 4px 12px #f4a26159;transform:translateY(-1px)}.storytellers-list{background:#f7fafc;flex:1 1;overflow-x:hidden;padding:40px 60px;width:100%}.storytellers-grid{grid-gap:16px;align-content:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;margin:0 auto;max-width:1200px;width:100%}@media (min-width:768px){.storytellers-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center}}.storytellers-grid:has(.storyteller-card:only-child){grid-template-columns:repeat(auto-fit,minmax(250px,400px));justify-content:center}.storytellers-grid:has(.storyteller-card:only-child) .storyteller-card{margin:0 auto;max-width:400px}.no-storytellers{background:#fff;border:2px dashed #e2e8f0;border-radius:16px;color:#718096;margin:0 auto;max-width:600px;padding:80px 40px}.no-storytellers p{font-size:18px;font-weight:500}.storyteller-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 8px #0000000a;max-width:400px;min-width:0;padding:12px;position:relative;transition:all .3s ease;width:100%}.storyteller-card:hover{border-color:#f4a261;box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.storyteller-card .storyteller-header{border-bottom:1px solid #f0f4f8;margin-bottom:8px;padding-bottom:6px}.storyteller-card .storyteller-header h3{color:#1a202c;font-size:16px;font-weight:700;letter-spacing:-.3px;margin:0}.storyteller-details{margin-bottom:12px}.detail-item{align-items:center;color:#4a5568;display:flex;font-size:12px;gap:6px;margin-bottom:6px;padding:0}.detail-item strong{color:#2d3748;font-weight:600;min-width:60px}.detail-item:before{background:#f4a261;border-radius:50%;content:"";flex-shrink:0;height:8px;width:8px}.storyteller-actions{display:flex;gap:6px;margin-top:0}.storyteller-actions button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:6px 12px;transition:all .2s ease}.portal-btn{background:#f4a261;box-shadow:0 2px 8px #f4a26140;color:#fff;flex:1 1}.portal-btn:hover{background:#e76f51;box-shadow:0 4px 12px #f4a26159;transform:translateY(-1px)}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.form-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.form-actions button:disabled:hover{box-shadow:none!important;transform:none!important}.success-modal-overlay{background:#0009;padding:20px}.success-modal{animation:modalSlideIn .3s ease-out;box-shadow:0 20px 60px #0000004d;width:100%}.success-modal-header{align-items:center;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:25px 30px 20px}.success-icon{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;margin-right:15px;width:40px}.success-modal-header h3{color:#2c3e50;flex:1 1;font-size:24px;font-weight:600;margin:0}.success-modal-body{padding:30px;text-align:center}.success-message{color:#2c3e50;font-size:18px;font-weight:500;margin-bottom:25px}.success-pin-display{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e1e8ed;border-radius:12px;margin:20px 0;padding:25px}.success-pin-display .pin-label{color:#7f8c8d;font-size:16px;font-weight:500;margin-bottom:10px}.pin-number-medium{background:#fff;border:2px solid #27ae60;border-radius:8px;box-shadow:0 4px 12px #27ae6033;color:#2c3e50;font-family:Courier New,monospace;font-size:32px;font-weight:700;letter-spacing:3px;padding:15px}.success-modal-footer{display:flex;justify-content:center;padding:20px 30px 30px}.success-modal-footer button{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 40px;transition:all .3s ease}.success-modal-footer button:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 6px 20px #27ae6066;transform:translateY(-2px)}.pin-modal-overlay{padding:20px;z-index:1000}.pin-modal{border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%}.pin-modal-header{border-bottom:1px solid #e1e8ed;padding:25px 30px 20px}.pin-modal-header h3{color:#2c3e50;font-size:24px;font-weight:600}.pin-modal-body{text-align:center}.pin-modal-body p{color:#2c3e50;font-size:16px;line-height:1.5;margin-bottom:25px}.pin-display{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e1e8ed;border-radius:12px;margin:25px 0;padding:30px}.pin-label{color:#7f8c8d;font-size:16px;font-weight:500;margin-bottom:15px}.pin-number-large{background:#fff;border:2px solid #3498db;border-radius:8px;box-shadow:0 4px 12px #3498db33;color:#2c3e50;font-family:Courier New,monospace;font-size:48px;font-weight:700;letter-spacing:4px;margin:20px 0;padding:20px}.pin-instructions{color:#7f8c8d;font-size:14px;line-height:1.4;margin-top:20px}.pin-modal-footer{display:flex;justify-content:center;padding:20px 30px 30px}.pin-modal-footer button{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 40px;transition:all .3s ease}.pin-modal-footer button:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 6px 20px #27ae6066;transform:translateY(-2px)}@media (max-width:1024px){.storyteller-header,.storytellers-list{padding:32px 40px}.add-storyteller-form{margin:32px 40px}.storytellers-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center}}@media (max-width:768px){.storyteller-header{align-items:stretch;flex-direction:column;gap:24px;padding:24px 20px}.storyteller-header h2{font-size:28px;text-align:center}.storyteller-subtitle{max-width:none;text-align:center}.add-storyteller-btn{align-self:center;padding:14px 28px}.storytellers-list{padding:24px 20px}.add-storyteller-form{margin:24px 20px;padding:32px 24px}.storytellers-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));justify-content:center}.storyteller-card{max-width:100%;min-width:0;padding:8px}.storyteller-card .storyteller-header h3{font-size:14px}.storyteller-actions{flex-direction:column;gap:12px}.form-row{gap:20px;grid-template-columns:1fr}}@media (max-width:480px){.storyteller-header{padding:20px 16px}.storyteller-header h2{font-size:24px}.storyteller-subtitle{font-size:14px}.add-storyteller-btn{font-size:14px;padding:12px 24px}.storytellers-list{padding:20px 16px}.add-storyteller-form{margin:20px 16px;padding:24px 20px}.storyteller-card{max-width:100%;min-width:0;padding:6px}.detail-item,.storyteller-card .storyteller-header h3{font-size:12px}}.pin-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;height:100vh;justify-content:center;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100vw;z-index:2147483647}.pin-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:90%;width:400px}.pin-modal-header{align-items:center;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.pin-modal-header h3{font-size:18px;margin:0}.pin-close-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.pin-modal-body{padding:30px}.pin-input-group{margin-bottom:20px}.pin-input-group label{color:#333;display:block;font-weight:500;margin-bottom:10px}.pin-input{border:2px solid #ddd;border-radius:8px;font-family:monospace;letter-spacing:8px;padding:15px;width:100%}.pin-input:focus{border-color:#f39c12}.pin-error{margin-top:8px}.pin-buttons{display:flex;gap:10px;justify-content:center}.pin-buttons button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:12px 24px}.pin-buttons button:first-child{background:#f8f9fa;border:1px solid #ddd;color:#333}.pin-buttons button:last-child{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.pin-buttons button:disabled{cursor:not-allowed;opacity:.6}.pin-success-state{padding:20px 0;text-align:center}.success-icon{animation:successBounce .6s ease-out}.success-title{color:#10b981;margin:0 0 10px}.success-message{color:#666;margin:0 0 30px}.redirecting-spinner{align-items:center;display:flex;flex-direction:column;gap:10px}.spinner{border:3px solid #f3f3f3;border-top-color:#f39c12;height:24px;width:24px}.redirecting-spinner span{color:#666;font-size:14px;font-weight:500}@keyframes successBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.pin-modal-overlay{animation:modalFadeIn .3s ease-out}.pin-modal{animation:modalSlideIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.custom-alert-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.custom-alert-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:400px;overflow:hidden;padding:0;width:90%}.custom-alert-modal.warning-enhanced{border:2px solid #f59e0b;box-shadow:0 20px 40px #f59e0b33,0 0 0 4px #f59e0b1a}.alert-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:24px 24px 16px}.alert-icon{flex-shrink:0;height:24px;width:24px}.alert-icon.success{color:#10b981}.alert-icon.error{color:#ef4444}.alert-icon.warning{color:#f59e0b}.alert-icon.info{color:#3b82f6}.alert-title{color:#1f2937;font-size:18px;font-weight:600;line-height:1.3;margin:0}.alert-content{padding:16px 24px}.alert-message{color:#4b5563;font-size:16px;line-height:1.5;margin:0}.alert-footer{display:flex;justify-content:flex-end;padding:16px 24px 24px}.alert-button{background:#f4a261;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 24px;transition:all .2s ease}.alert-button:hover{background:#e76f51;box-shadow:0 4px 12px #f4a2614d;transform:translateY(-1px)}.alert-button:active{transform:translateY(0)}@media (max-width:480px){.custom-alert-modal{margin:20px;width:calc(100% - 40px)}.alert-content,.alert-footer,.alert-header{padding-left:20px;padding-right:20px}}.storyteller-dropdown{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:600px;padding:30px}.dropdown-header{margin-bottom:30px;text-align:center}.dropdown-header h3{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 10px}.dropdown-header p{color:#7f8c8d;font-size:16px;margin:0}.storyteller-selection{margin-bottom:30px}.storytellers-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding:5px}.storyteller-option{align-items:center;background:#f8f9fa;border:2px solid #e1e8ed;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.storyteller-option:hover{background:#e3f2fd;border-color:#3498db;box-shadow:0 4px 12px #3498db33;transform:translateY(-2px)}.storyteller-option.selected{background:#e8f5e8;border-color:#27ae60;box-shadow:0 4px 12px #27ae6033}.storyteller-info{flex:1 1}.storyteller-name{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:4px}.storyteller-room{color:#7f8c8d;font-size:14px}.storyteller-pin-display{background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:20px;color:#fff;font-family:Courier New,monospace;font-size:14px;font-weight:600;letter-spacing:1px;padding:8px 16px}.no-storytellers{background:#f8f9fa;border:2px dashed #bdc3c7;border-radius:8px;color:#7f8c8d;padding:40px 20px;text-align:center}.no-storytellers p{font-size:16px;margin:0}.pin-entry{border-top:1px solid #e1e8ed;padding-top:30px}.pin-header{margin-bottom:25px;text-align:center}.pin-header h4{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 8px}.pin-header p{color:#7f8c8d;font-size:14px;margin:0}.pin-form{gap:20px}.pin-form,.pin-input-container{align-items:center;display:flex;flex-direction:column}.pin-input-container{gap:10px}.pin-input{background:#f8f9fa;border:3px solid #e1e8ed;border-radius:12px;font-family:Courier New,monospace;font-size:24px;font-weight:700;height:60px;letter-spacing:4px;text-align:center;transition:all .3s ease;width:120px}.pin-input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 4px #3498db1a;outline:none}.pin-input.error{background:#fdf2f2;border-color:#e74c3c}.pin-input.error:focus{border-color:#e74c3c;box-shadow:0 0 0 4px #e74c3c1a}.pin-error{color:#e74c3c;font-size:14px;font-weight:500;text-align:center}.pin-login-btn{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-width:180px;padding:16px 32px;transition:all .3s ease}.pin-login-btn:hover:not(:disabled){background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.pin-login-btn:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.loading-container{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:4px solid #e1e8ed;border-top-color:#3498db;margin-bottom:20px}.loading-spinner.small{border-width:2px;height:20px;margin-bottom:0;width:20px}@media (max-width:768px){.storyteller-dropdown{margin:10px;padding:20px}.storyteller-option{align-items:flex-start;flex-direction:column;gap:10px}.storyteller-pin-display{align-self:flex-end}.pin-input{font-size:20px;height:50px;width:100px}.pin-login-btn{min-width:auto;width:100%}}.storyteller-recording-page{background:var(--background-blend);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;position:relative}.storyteller-recording-page:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.05'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.recording-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid var(--border-light);box-shadow:0 4px 20px var(--shadow-color);padding:0;position:sticky;top:0;transition:all .3s ease;width:100%;z-index:10}.header-content{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1200px;min-height:64px;padding:.75rem 1rem}.header-left{align-items:center;flex-shrink:0}.header-center{display:flex;justify-content:center}.header-logo{height:32px;width:auto}.back-to-facility{align-items:center;background:var(--white);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 2px 6px var(--shadow-color);color:var(--text-primary);display:inline-flex;gap:.5rem;padding:.5rem .75rem}.back-to-facility:hover{background:var(--white-soft)}.back-icon,.back-text{font-size:.9rem}.back-text{font-weight:600}.user-profile-section{align-items:center;display:flex;flex-shrink:0;position:relative}.header-right{justify-self:end}.user-profile-btn{align-items:center;background:var(--white);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 6px var(--shadow-color);cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.user-profile-btn:hover{background:var(--white-soft);border-color:var(--border-color);box-shadow:0 4px 14px var(--shadow-color-dark);transform:translateY(-1px)}.user-avatar{background:linear-gradient(135deg,var(--beach-sand-dark) 0,var(--beach-sand) 100%);border:2px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color);color:#0000;font-size:.875rem;transition:all .3s ease}.user-name-text{color:var(--text-primary);font-size:.875rem;font-weight:500}.dropdown-arrow{color:var(--text-light);font-size:.75rem;transition:all .2s ease}.user-profile-btn:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{background:var(--white);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 12px 30px var(--shadow-color-dark);margin-top:.5rem;min-width:220px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.user-info{background:var(--background-tertiary);border-bottom:1px solid var(--border-light);padding:.875rem 1rem}.user-name{color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem}.user-type{color:var(--text-light);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.dropdown-divider{background:var(--border-light)}.user-dropdown-menu .logout-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.875rem 1rem;text-align:left;transition:background .2s ease;width:100%}.user-dropdown-menu .logout-btn:hover{background:var(--background-tertiary)}.welcome-banner{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:1rem;text-align:center;width:100%}.recording-content{margin:0 auto;max-width:900px;min-height:calc(100vh - 70px);padding:4rem 2rem;position:relative;z-index:2}.recording-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:4rem 3rem;text-align:center}.title-input-section{margin-bottom:2rem}.title-input-section h3{font-size:1.5rem;font-weight:600}.story-title-input,.title-input-section h3{color:var(--text-primary);margin-bottom:1.5rem}.story-title-input{background:#fffc;border:2px solid #0000001a;border-radius:12px;font-size:1.1rem;max-width:500px;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.story-title-input:focus{background:#fff;border-color:#f39c12;box-shadow:0 0 0 3px #f39c121a;outline:none}.title-actions{display:flex;gap:1rem;justify-content:center}.cancel-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;border-radius:8px;box-shadow:0 2px 8px #95a5a633;color:#fff;font-weight:600;transition:all .3s ease}.cancel-btn:hover{box-shadow:0 4px 12px #95a5a64d;transform:translateY(-1px)}.start-btn{background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:8px;box-shadow:0 2px 8px #f39c1233;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.start-btn:hover:not(:disabled){box-shadow:0 4px 12px #f39c124d;transform:translateY(-1px)}.start-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.recording-interface{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);margin-bottom:2.5rem}.recording-status{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .1s both;margin-bottom:2rem}.recording-ready{padding:2rem;text-align:center}.ready-content,.recording-ready{align-items:center;display:flex;flex-direction:column}.ready-content{gap:2rem}.microphone-icon{animation:microphoneFloat 3s ease-in-out infinite;color:#f4a261;margin-bottom:0}.ready-text h3{color:#2d3748;font-size:1.8rem;font-weight:600;margin:0 0 1rem}.ready-text p{color:#718096;font-size:1.1rem;line-height:1.6;margin:0;max-width:400px}@keyframes microphoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.recording-active,.recording-status{align-items:center;display:flex;flex-direction:column;padding:2rem}.recording-status{background:#ffffffe6;border:2px solid #f4a26133;border-radius:20px;box-shadow:0 8px 32px #f4a2611a;gap:1.5rem}.recording-pulse{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:80px}.pulse-ring{animation:pulseRing 2s ease-out infinite;border:3px solid #f4a261;border-radius:50%;height:80px;position:absolute;width:80px}.pulse-ring:nth-child(2){animation-delay:.5s}.pulse-ring:nth-child(3){animation-delay:1s}@keyframes pulseRing{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.recording-info{text-align:center}.recording-info h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.recording-time{color:#f4a261;font-family:Courier New,monospace;margin:0 0 1rem}.ai-status{align-items:center;background:#f4a2611a;border-radius:20px;color:#4a5568;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem}.recording-time{color:#e74c3c;font-family:Monaco,Menlo,monospace;font-size:2rem;font-weight:700}.recording-controls{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s both;margin-bottom:1.5rem}.start-recording-btn{align-items:center;background:linear-gradient(135deg,#f4a261,#e76f51);border:none;border-radius:50px;box-shadow:0 4px 16px #f4a2614d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin:1.5rem auto 0;padding:1.5rem 3rem;transition:all .3s ease}.start-recording-btn:hover{background:linear-gradient(135deg,#e76f51,#d62828);box-shadow:0 6px 20px #f4a26166;transform:translateY(-2px)}.stop-recording-btn{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:50px;box-shadow:0 4px 16px #e74c3c4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin:1.5rem auto 0;padding:1.5rem 3rem;transition:all .3s ease}.stop-recording-btn:hover{box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.current-story-title{background:#f39c121a;border-left:4px solid #f39c12;border-radius:8px;margin-top:1.5rem;padding:1rem}.current-story-title h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.recording-instructions{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .3s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-left:4px solid #3498db;border-radius:12px;padding:1.5rem;text-align:left}.recording-instructions h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.recording-instructions ul{color:var(--text-secondary);margin:0;padding-left:1.25rem}.recording-instructions li{line-height:1.6;margin-bottom:.5rem}.header-left{display:flex;flex-direction:column;gap:.25rem}.header-subtitle{color:var(--text-secondary);font-size:.9rem;font-weight:400;margin:0}.tab-navigation{border-bottom:1px solid #0000001a;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;border-radius:12px 12px 0 0;color:var(--text-secondary);flex:1 1;font-size:1rem;overflow:hidden;padding:1rem 2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.tab-btn:before{background:linear-gradient(135deg,#f4a2610d,#e76f510d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:-1}.tab-btn:hover{color:var(--text-primary);transform:translateY(-2px)}.tab-btn:hover:before{opacity:1}.tab-btn.active{background:linear-gradient(135deg,#f4a2611a,#e76f511a);border-bottom-color:#f4a261;box-shadow:0 4px 12px #f4a26133;color:#f4a261;transform:translateY(-1px)}.tab-btn.active:before{background:linear-gradient(135deg,#f4a26126,#e76f5126);opacity:1}.loading-spinner{flex-direction:column;gap:1rem;padding:3rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f39c1233;border-left-color:#f39c12;border-radius:50%;height:40px;width:40px}.recordings-history{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);margin-top:2rem}.recordings-history h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 2rem}.no-recordings{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:4rem 3rem;text-align:center}.no-recordings-icon{color:var(--text-secondary);font-size:4rem;opacity:.5}.no-recordings h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.no-recordings p{color:var(--text-secondary);font-size:1rem;margin:0}.recordings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:2rem}.recording-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000f;border-radius:20px;box-shadow:0 2px 16px #0000000a;padding:1.5rem;transition:all .3s ease}.recording-card:hover{background:#fffffffa;border-color:#0000001a;box-shadow:0 8px 32px #00000014;transform:translateY(-2px)}.recording-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.recording-title{color:var(--text-primary);font-size:1.2rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.recording-date{color:var(--text-secondary);flex-shrink:0;font-size:.85rem;white-space:nowrap}.recording-question{background:#f39c121a;border-left:3px solid #f39c12;border-radius:8px;margin-bottom:1rem;padding:.75rem}.recording-question strong{color:var(--text-primary);display:block;font-size:.9rem;margin-bottom:.5rem}.recording-question p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.recording-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.recording-duration,.recording-notify,.recording-size{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem}.recording-duration svg,.recording-size svg{color:#f39c12}.recording-notify{background:#3498db1a;border-left:3px solid #3498db;border-radius:6px;color:#2980b9;font-weight:500;padding:.25rem .5rem}.recording-transcription{margin-bottom:1rem}.recording-transcription strong{color:var(--text-primary);display:block;font-size:.9rem;margin-bottom:.5rem}.transcription-text{background:#0000000d;border-radius:6px;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0;padding:.75rem}.recording-actions{display:flex;gap:.75rem;margin-top:1rem}.play-btn{align-items:center;background:linear-gradient(135deg,#f4a261,#e76f51);border:none;border-radius:12px;box-shadow:0 4px 15px #f4a2614d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .3s ease}.play-btn:hover{background:linear-gradient(135deg,#e8954a,#d65a3f);box-shadow:0 8px 25px #f4a26166;transform:translateY(-2px)}.play-btn:active{box-shadow:0 2px 10px #f4a2614d;transform:translateY(0)}.play-btn svg{height:18px;transition:transform .3s ease;width:18px}.play-btn:hover svg{transform:scale(1.1)}.play-btn:active svg{transform:scale(.95)}.play-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.notify-interface{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000f;border-radius:20px;box-shadow:0 2px 16px #0000000a;margin-top:1rem;padding:2rem}.notify-header{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .1s both;margin-bottom:2rem;text-align:center}.notify-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.notify-header p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.notify-form{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s both;margin:0 auto;max-width:500px}.form-group label{font-size:.9rem}.form-input{background:#fffc;border:1px solid var(--border-light);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-input:focus{background:#fffffff2;border-color:#f4a261;box-shadow:0 0 0 3px #f4a2611a;outline:none}.form-input[type=tel]{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:500;letter-spacing:.5px}.form-input[type=tel]:focus{border-color:#f4a261;box-shadow:0 0 0 3px #f4a26126}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.notification-success-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 20px 60px #0000004d;margin:20px;max-width:400px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{padding:2rem;text-align:center}.modal-icon{animation:iconBounce .6s ease-out;margin-bottom:1.5rem}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.modal-message{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin-bottom:2rem}.modal-button{background:linear-gradient(135deg,#f4a261,#e76f51);border:none;border-radius:12px;box-shadow:0 4px 15px #f4a2614d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.875rem 2rem;transition:all .3s ease}.modal-button:hover{background:linear-gradient(135deg,#e8954a,#d65a3f);box-shadow:0 8px 25px #f4a26166;transform:translateY(-2px)}.modal-button:active{box-shadow:0 2px 10px #f4a2614d;transform:translateY(0)}.form-actions{text-align:center}.send-btn{align-items:center;background:linear-gradient(135deg,#f4a261,#e76f51);border:none;border-radius:12px;box-shadow:0 4px 15px #f4a2614d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.send-btn:hover{background:linear-gradient(135deg,#e8954a,#d65a3f);box-shadow:0 8px 25px #f4a26166;transform:translateY(-2px)}.send-btn:active{box-shadow:0 2px 10px #f4a2614d;transform:translateY(0)}.send-btn svg{height:20px;transition:transform .3s ease;width:20px}.send-btn:hover svg{transform:scale(1.1)}.send-btn:active svg{transform:scale(.95)}.send-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.send-btn:hover:before{left:100%}.existing-contacts{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .3s both;border-top:1px solid var(--border-light);margin-top:2rem;padding-top:2rem}.existing-contacts h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.contacts-list{display:flex;flex-direction:column;gap:.75rem}.contact-item{align-items:center;background:#fff9;border:1px solid #0000000d;border-radius:12px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.contact-item:hover{background:#fffc;border-color:#f4a26133}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.contact-email,.contact-phone,.contact-preference{color:var(--text-secondary);font-size:.85rem}.contact-preference{font-weight:500}.recording-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin:1rem 0;padding:1rem}.recording-error p{font-weight:500;margin:0 0 .5rem}.dismiss-error{background:#c33;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s ease}.dismiss-error:hover{background:#a22}.cancel-recording-btn{background:#95a5a6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-left:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-recording-btn:hover{background:#7f8c8d;transform:translateY(-1px)}.cancel-recording-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.countdown-container{align-items:center;display:flex;flex-direction:column;gap:2rem}.countdown-box{animation:countdownPulse 1s ease-in-out infinite;background:#f8f9fa;border:2px solid #e9ecef;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:3rem 4rem;text-align:center}.countdown-number{animation:countdownBounce 1s ease-in-out;color:#f39c12;font-size:4rem;font-weight:700;margin-bottom:1rem}.countdown-text{color:#6c757d;font-size:1.5rem;font-weight:500}.countdown-info{color:#6c757d;font-style:italic;padding:1rem;text-align:center}.cancel-countdown-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-countdown-btn:hover{background:#c82333;transform:translateY(-1px)}.ai-voice-status{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:1px solid #c3e6c3;border-radius:12px;margin-top:1.5rem;padding:1rem;text-align:center}.ai-voice-indicator{align-items:center;background:#f4a2611a;border:1px solid #f4a26133;border-radius:20px;color:#2d3748;display:flex;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:.75rem;padding:8px 16px}.ai-icon{animation:aiPulse 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(244,162,97,.3))}.ai-question{background:#fffc;border-left:3px solid #f4a261;border-radius:8px;color:#4a5568;font-size:.95rem;font-style:italic;margin:0;padding:8px 12px}@keyframes aiPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes countdownBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.recording-content{padding:2rem 1rem}.recording-container{padding:2rem 1.5rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem;padding:0 1rem}.header-content h1{font-size:1.5rem}.header-left{width:100%}.tab-navigation{flex-direction:column;gap:0}.tab-btn{border-bottom:1px solid #0000001a;border-radius:8px;margin-bottom:.5rem;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{transform:translateX(4px)}.tab-btn.active{background:linear-gradient(135deg,#f4a2611a,#e76f511a);border-bottom-color:#f4a261;box-shadow:0 2px 8px #f4a26133;transform:translateX(8px)}.title-actions{align-items:center;flex-direction:column}.start-recording-btn,.stop-recording-btn{font-size:1rem;padding:1rem 2rem}.recording-time{font-size:1.5rem}.recordings-grid{grid-template-columns:1fr}.recording-header{align-items:flex-start;flex-direction:column;gap:.5rem}.recording-date{white-space:normal}.recording-details{gap:.5rem}.recording-actions,.recording-details{flex-direction:column}}.success-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-modal{animation:slideUp .3s ease-out;background:#fff;border:2px solid #f4a261;border-radius:16px;box-shadow:0 10px 30px #0003;max-width:450px;padding:32px;text-align:center;width:90%}.success-icon{margin-bottom:20px}.success-title{color:#2d3748;font-size:24px;font-weight:600;line-height:1.3;margin:0 0 12px}.success-message{background:#0000;border:none;border-radius:0;color:#4a5568;font-size:16px;line-height:1.5;margin:0 0 20px;padding:0}.success-message:after,.success-message:before{content:none!important;display:none!important}.generated-title{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin:20px 0;padding:16px}.generated-title h3{color:#4a5568;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.title-text{color:#2d3748;font-size:16px;font-style:italic;font-weight:500;margin:0}.success-button{background:#f4a261;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:12px 24px;transition:all .2s ease}.success-button:hover{background:#e76f51;box-shadow:0 4px 12px #f4a2614d;transform:translateY(-1px)}.success-button:active{transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.storyteller-profile-page{background:linear-gradient(135deg,#f7fafc,#edf2f7);display:flex;flex-direction:column;min-height:100vh}.profile-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.profile-header-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.header-logo,.profile-header-container{align-items:center;display:flex}.header-user{position:relative}.dropdown-arrow{color:#6b7280;font-size:10px;margin-left:4px}.user-menu-divider{background:#e5e7eb;height:1px}.user-menu-item.logout{color:#ef4444}.user-menu-item.logout:hover{background:#fef2f2;color:#dc2626}.profile-content{flex:1 1;padding:24px 20px}.profile-container{margin:0 auto;max-width:800px}.profile-header-section{margin-bottom:20px}.back-button{background:none;border:none;color:#f4a261;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:12px;padding:4px 0;transition:all .2s ease}.back-button:hover{color:#e76f51;transform:translateX(-4px)}.profile-header-section h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.profile-header-section p{color:#6b7280;font-size:14px;margin:0}.profile-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #00000014;margin-bottom:16px;padding:20px}.profile-section h2{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;font-size:13px;font-weight:600;margin-bottom:6px}.form-group input{border:1px solid #e5e7eb;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-group input:focus{border-color:#f4a261;box-shadow:0 0 0 3px #f4a2611a}.form-group input.disabled-input{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-group small{color:#6b7280;font-size:12px;margin-top:4px}.form-actions{gap:12px;justify-content:flex-end}.btn-primary{box-shadow:0 2px 8px #f4a26140}.btn-primary:hover{box-shadow:0 4px 12px #f4a26159}.btn-primary:disabled{opacity:.6}.btn-upgrade{background:linear-gradient(135deg,#f4a261,#e76f51);border:none;border-radius:8px;box-shadow:0 2px 8px #f4a2614d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-upgrade:hover{background:linear-gradient(135deg,#e76f51,#d62828);box-shadow:0 4px 12px #f4a26166;transform:translateY(-2px)}.alert{align-items:center;border-radius:6px;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:16px;padding:10px 14px}.alert-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert-icon{font-size:16px;font-weight:700}.plan-info-card{align-items:center;background:linear-gradient(135deg,#f4a2610d,#e76f510d);border:1px solid #f4a26133;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:16px}.plan-badge{background:linear-gradient(135deg,#f4a261,#e76f51);border-radius:16px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 12px;text-transform:uppercase}.plan-details{flex:1 1}.plan-details h3{color:#1f2937;font-size:16px;font-weight:700;margin:0 0 2px}.plan-details p{color:#6b7280;font-size:13px;margin:0}.loading{height:100vh}@media (max-width:768px){.profile-header-container{height:56px;padding:10px 16px}.header-logo{transform:scale(.8);transform-origin:left center}.dropdown-arrow,.user-name{display:none}.profile-content{padding:20px 16px}.profile-section{padding:24px 20px}.form-grid{grid-template-columns:1fr}.plan-info-card{align-items:flex-start;flex-direction:column;text-align:left}.btn-upgrade{width:100%}}@media (max-width:480px){.profile-header-section h1{font-size:24px}.profile-section{padding:20px 16px}}.auth-callback{align-items:center;background:linear-gradient(135deg,#764ba2e6,#667eeae6);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-callback-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:500px;padding:3rem 2rem;text-align:center;width:100%}.auth-callback-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e8ff);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:1.5rem 0 1rem}.auth-callback-content p{color:#fffc;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.success-icon{color:#10b981}.error-icon,.success-icon{animation:scaleIn .5s ease-out;font-size:4rem;margin-bottom:1rem}.error-icon{color:#ef4444}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.btn{padding:.875rem 2rem}.btn-primary{background:linear-gradient(135deg,#ff6b6b,#feca57);box-shadow:0 8px 25px #ff6b6b4d}.btn-primary:hover{box-shadow:0 12px 35px #ff6b6b66}@media (max-width:768px){.auth-callback{padding:1rem}.auth-callback-content{padding:2rem 1.5rem}.auth-callback-content h2{font-size:1.75rem}.auth-callback-content p{font-size:1rem}}@media (max-width:480px){.auth-callback-content{padding:1.5rem 1rem}.auth-callback-content h2{font-size:1.5rem}.error-icon,.success-icon{font-size:3rem}}.recording-modal-overlay{align-items:center;animation:fadeInOverlay .2s ease-out forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.recording-modal-overlay.closing{animation:fadeOutOverlay .15s ease-in forwards}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}.recording-modal{animation:slideInModal .2s ease-out forwards;background:#fff;border:1px solid #f4a26126;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;max-height:75vh;max-width:420px;overflow:hidden;transform:scale(.9) translateY(10px);width:100%}.recording-modal.closing{animation:slideOutModal .15s ease-in forwards}@keyframes slideOutModal{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(10px)}}.recording-modal-header{align-items:center;background:linear-gradient(135deg,#f4a261,#e76f51);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;margin:-1px -1px 0;padding:14px 18px}.recording-title h2{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.close-btn{background:#ffffff26;color:#fff;font-size:16px;height:28px;padding:6px;width:28px}.close-btn:hover{background:#ffffff40}.recording-modal-content{background:#fff;flex:1 1;overflow-y:auto;padding:18px}.error-state,.loading-state{padding:20px}.loading-spinner{border:2px solid #f3f4f6;height:24px;margin:0 auto 12px;width:24px}.error-state p{font-size:.9rem;font-weight:500}.audio-player{background:#f9fafb;border:1px solid #f4a26126;border-radius:10px;margin-bottom:14px;overflow:hidden;padding:14px;position:relative;z-index:1}.audio-controls{align-items:center;display:flex;gap:10px;margin-bottom:6px}.play-pause-btn{align-items:center;background:linear-gradient(135deg,#f4a261,#e76f51);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.play-pause-btn svg{fill:currentColor;height:16px;width:16px}.play-pause-btn:hover:not(:disabled){background:linear-gradient(135deg,#e76f51,#d63031);transform:scale(1.05)}.play-pause-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.time-display{align-items:center;color:#6b7280;display:flex;font-family:Monaco,Menlo,monospace;font-size:.8rem;font-weight:500;gap:3px}.progress-bar{background:#f4a26126;border-radius:2px;cursor:pointer;height:4px;position:relative}.progress-fill{background:linear-gradient(90deg,#f4a261,#e76f51);border-radius:2px;transition:width .1s ease}.no-audio-message{background:#f4a26114;border:1px solid #f4a26126;border-radius:6px;clear:both;margin-top:10px;padding:10px;position:relative;text-align:center;z-index:1}.no-audio-message p{color:#6b7280;font-size:.8rem;font-weight:500;margin:0 0 3px}.no-audio-message small{color:#9ca3af;font-size:.7rem}.transcription-section{clear:both;margin-bottom:14px;position:relative;z-index:2}.transcription-section h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 10px;text-align:center}.transcription-content{background:#f9fafb;border:1px solid #f4a26126;border-radius:10px;min-height:70px;overflow:hidden;padding:14px;position:relative;z-index:2}.transcription-content p{color:#374151;font-size:.85rem;line-height:1.4;margin:0;text-align:left}.no-transcription{padding:14px;text-align:center}.no-transcription p{color:#6b7280;font-size:.8rem;font-weight:500;margin:0 0 3px}.no-transcription small{color:#9ca3af;font-size:.7rem}.recording-modal-footer{background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #f4a2611a;display:flex;justify-content:center;padding:14px 18px}.btn{border-radius:6px;font-size:.85rem;font-weight:500;padding:8px 16px}.btn-secondary{background:linear-gradient(135deg,#f4a261,#e76f51);border:1px solid #f4a2614d;color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#e76f51,#d63031)}@media (max-width:768px){.recording-modal-overlay{padding:6px}.recording-modal{max-height:80vh;max-width:95%}.recording-modal-header{padding:12px 14px}.recording-modal-content{padding:14px}.recording-modal-footer{padding:12px 14px}.audio-player{padding:12px}.transcription-content{min-height:60px;padding:12px}}.category-modal-overlay{align-items:center;animation:fadeInOverlay .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.category-modal{animation:slideInModal .3s ease-out;background:#fff;border:1px solid #f4a26126;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.category-modal-header{align-items:center;background:linear-gradient(135deg,#fff7ed,#fed7aa);border-bottom:1px solid #f4a26133;display:flex;justify-content:space-between;padding:20px 24px}.category-modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.close-btn{align-items:center;background:none;color:#6b7280;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{background:#f4a2611a;color:#1f2937}.category-modal-content{max-height:60vh;overflow-y:auto;padding:24px}.category-description{font-size:1rem;line-height:1.5;margin:0 0 24px;text-align:center}.categories-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.category-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;position:relative;transition:all .2s ease}.category-option:hover{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#f4a2614d;box-shadow:0 4px 12px #f4a2611a;transform:translateY(-1px)}.category-option.selected{background:linear-gradient(135deg,#fff7ed,#fed7aa);border-color:#f4a261;box-shadow:0 4px 16px #f4a26133}.category-details{flex:1 1}.category-details .category-name{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 4px}.category-details .category-description{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0;text-align:left}.selected-indicator{align-items:center;background:#f4a261;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.loading-state{padding:40px 20px;text-align:center}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#f4a261;height:32px;margin:0 auto 16px;width:32px}.loading-state p{font-size:1rem;margin:0}.error-state{padding:40px 20px;text-align:center}.error-state p{color:#dc2626;font-size:1rem;margin:0 0 16px}.category-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn{font-size:.9rem;min-width:100px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{color:#6b7280}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-primary{box-shadow:0 2px 8px #f4a2614d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #f4a26166;transform:translateY(-1px)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideInModal{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.category-modal{margin:10px;max-height:90vh}.category-modal-header{padding:16px 20px}.category-modal-header h2{font-size:1.25rem}.category-modal-content{padding:20px}.category-option{gap:12px;padding:12px}.category-details .category-name{font-size:1rem}.category-details .category-description{font-size:.85rem}.category-modal-footer{flex-direction:column;padding:16px 20px}.btn{width:100%}}.personalized-recommendations{background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:20px;box-shadow:0 8px 32px var(--shadow-color);margin-bottom:2rem;padding:2rem}.recommendations-header{align-items:center;border-bottom:2px solid var(--beach-sand-light);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.recommendations-title{align-items:center;display:flex;gap:.75rem}.recommendations-icon{animation:pulse 2s infinite;font-size:1.5rem}.recommendations-title h4{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.profile-summary{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.profile-stat{color:var(--text-light);font-size:.875rem;font-weight:500}.profile-topics{color:var(--text-light);font-size:.75rem;font-style:italic}.recommendations-list{display:flex;flex-direction:column;gap:1rem}.recommendation-item{background:var(--white);border:1px solid var(--border-light);border-radius:16px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.recommendation-item:before{background:linear-gradient(90deg,var(--beach-sand-warm),var(--aqua-blue-soft));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.recommendation-item:hover:before{transform:scaleX(1)}.recommendation-item:hover{border-color:var(--aqua-blue-soft);box-shadow:0 12px 40px var(--shadow-aqua);transform:translateY(-4px)}.recommendation-content{margin-bottom:1rem}.recommendation-question{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.5;margin-bottom:1rem}.recommendation-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.recommendation-bucket{align-items:center;background:var(--beach-sand-light);border:1px solid var(--border-soft);border-radius:20px;display:flex;gap:.5rem;padding:.5rem .75rem}.bucket-icon{font-size:1rem}.bucket-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.recommendation-reason{align-items:center;background:var(--aqua-blue-light);border:1px solid var(--aqua-blue-soft);border-radius:20px;display:flex;gap:.5rem;padding:.5rem .75rem}.reason-icon,.reason-text{font-size:.875rem}.reason-text{color:var(--text-primary);font-weight:500}.recommendation-score{align-items:center;background:var(--beach-sand-warm);border:1px solid var(--border-soft);border-radius:20px;display:flex;gap:.5rem;padding:.5rem .75rem}.score-label{color:var(--text-light);font-size:.875rem}.score-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.recommendation-action{display:flex;justify-content:flex-end}.recommendations-loading{padding:3rem 2rem;text-align:center}.loading-spinner{border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-top-color:var(--aqua-blue-soft);height:40px;margin:0 auto 1rem;width:40px}.recommendations-loading p{color:var(--text-light);font-size:1rem;margin:0}.recommendations-error{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;padding:2rem;text-align:center}.recommendations-error p{color:#ef4444;font-weight:500;margin-bottom:1rem}.personalized-recommendations-compact{background:none;border:none;box-shadow:none;margin:.5rem 0;padding:0}.compact-header{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;cursor:help;display:flex;gap:.5rem;opacity:1;padding:.5rem .75rem;position:relative;transition:all .2s ease}.compact-header:hover{background:#e9ecef;border-color:#adb5bd}.compact-title{color:#6c757d;font-size:.875rem;font-weight:500;margin:0}.info-icon{cursor:help;font-size:.875rem;opacity:.6;transition:opacity .2s ease}.info-icon:hover{opacity:1}.compact-tooltip{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:8px;max-width:320px;min-width:280px;opacity:0;padding:1rem;pointer-events:none;position:absolute;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1000}.compact-header:hover .compact-tooltip{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.compact-tooltip p{color:#495057;font-size:.875rem;line-height:1.4;margin:0 0 .75rem}.compact-tooltip .tooltip-cta{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.5rem .75rem;text-align:center}.compact-tooltip .tooltip-cta span{color:#495057;font-size:.8rem;font-weight:500}.recommendations-footer{border-top:1px solid var(--border-light);display:flex;justify-content:center;margin-top:1.5rem;padding-top:1rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.personalized-recommendations{padding:1.5rem}.recommendations-header{align-items:flex-start;flex-direction:column;gap:1rem}.profile-summary,.recommendation-meta{align-items:flex-start}.recommendation-meta{flex-direction:column;gap:.75rem}.recommendation-item{padding:1.25rem}.recommendation-question{font-size:1rem}}.storyteller-manager-overlay{animation:fadeInSmooth .4s cubic-bezier(.4,0,.2,1) forwards;backface-visibility:hidden;background-color:#000c;background-color:#000000e6!important;bottom:0;isolation:isolate;left:0;opacity:0;pointer-events:auto;position:fixed;right:0;top:0;transform:translateZ(0);will-change:transform;z-index:999999}@keyframes fadeInSmooth{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.storyteller-manager-overlay.closing{animation:fadeOut .3s ease-in forwards}.storyteller-manager-modal.closing{animation:slideOutDown .3s ease-in forwards}@keyframes slideOutDown{0%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translateY(20px) scale(.95)}}.storyteller-manager-modal{animation:slideInUpSmooth .5s cubic-bezier(.34,1.56,.64,1) .1s forwards;background:var(--white);border:2px solid #fff3;border-radius:12px;box-shadow:0 25px 50px -12px #0006,0 15px 25px -5px #0000004d;left:50%;max-height:95vh;max-width:600px;opacity:0;overflow-y:hidden;padding:0;position:fixed;top:40%;transform:translate(-50%,-50%) translateY(-30px) scale(.9);width:550px;z-index:1000000}@media (max-width:768px){.storyteller-manager-modal{left:50%;max-height:90vh;max-width:90vw;top:35%;transform:translate(-50%,-50%) translateY(-20px) scale(.95);width:90vw}}@media (max-width:480px){.storyteller-manager-modal{left:50%;max-height:95vh;max-width:95vw;top:30%;transform:translate(-50%,-50%) translateY(-20px) scale(.95);width:95vw}}@keyframes slideInUpSmooth{0%{opacity:0;transform:translate(-50%,-50%) translateY(-30px) scale(.9)}60%{opacity:1;transform:translate(-50%,-50%) translateY(5px) scale(1.02)}to{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translate(-50%,-50%) translateY(-20px) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}}.storyteller-choice{padding:1.5rem;text-align:center}.storyteller-choice h2{color:var(--text-primary);font-size:1.4rem;font-weight:600;margin:0 0 .75rem}.storyteller-choice p{color:var(--text-secondary);font-size:.95rem;margin:0 0 1.5rem}.choice-buttons{gap:.75rem;margin-bottom:1.5rem}.choice-btn,.choice-buttons{display:flex;flex-direction:column}.choice-btn{align-items:center;animation:fadeInUp .5s ease-out;background:var(--white);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:1.25rem;text-align:left;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.choice-btn:first-child{animation-delay:.1s}.choice-btn:nth-child(2){animation-delay:.2s}.choice-btn:hover{box-shadow:0 12px 20px -3px #b8e6e64d;transform:translateY(-4px)}.choice-btn.link-btn:hover,.choice-btn:hover{border-color:var(--aqua-blue)}.choice-btn.create-btn:hover{border-color:var(--aqua-blue-dark)}.choice-icon{font-size:1.75rem;margin-bottom:.4rem}.choice-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.4rem}.choice-description{color:var(--text-secondary);font-size:.85rem;line-height:1.3}.close-btn{background:var(--beach-sand-dark);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:var(--white);cursor:pointer;font-size:.875rem;padding:.75rem 1.5rem;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.close-btn:hover{background:var(--beach-sand);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.storyteller-create,.storyteller-link{animation:fadeInUp .4s ease-out;padding:1.5rem}.modal-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.back-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:.875rem;padding:.5rem;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.back-btn:hover{background:#f3f4f6;color:var(--text-primary);transform:translateY(-1px)}.modal-header h2{color:#1f2937;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input{background:var(--white);border:2px solid var(--border-color);border-radius:6px;box-shadow:0 1px 3px #0000001a;font-size:.875rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:focus{border-color:var(--aqua-blue);box-shadow:0 0 0 3px #b8e6e633;outline:none}.form-group small{color:var(--text-secondary);display:block;font-size:.75rem;margin-top:.25rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.submit-btn{background:var(--aqua-blue);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:var(--white);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.submit-btn:hover:not(:disabled){background:var(--aqua-blue-dark);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.submit-btn:disabled{background:var(--beach-sand-dark);cursor:not-allowed}.cancel-btn{background:var(--beach-sand-light);border:2px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px #0000001a;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.75rem 1.5rem;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-btn:hover{background:var(--beach-sand);border-color:var(--aqua-blue);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.error-message,.success-message{border-radius:6px;font-size:.875rem;font-weight:500;left:50%;padding:.75rem 1.5rem;position:absolute;top:1rem;transform:translateX(-50%);z-index:10}.success-message{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.error-message{background:#fee2e2;color:#991b1b}@media (max-width:640px){.storyteller-manager-modal{margin:1rem;width:95%}.storyteller-choice,.storyteller-create,.storyteller-link{padding:1.5rem}.choice-buttons{gap:.75rem}.choice-btn{padding:1.25rem}.form-actions{flex-direction:column}}.weekly-time-allowance{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:24px 0;padding:28px;transition:all .3s ease}.weekly-time-allowance:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.time-allowance-header{margin-bottom:32px;text-align:center}.week-navigation{gap:20px;margin-bottom:12px}.week-nav-btn,.week-navigation{align-items:center;display:flex;justify-content:center}.week-nav-btn{background:#fff;border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 4px #0000000d;color:#4b5563;cursor:pointer;font-size:18px;font-weight:600;height:40px;transition:all .2s ease;width:40px}.week-nav-btn:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 8px #3b82f626;color:#3b82f6;transform:translateY(-1px)}.week-nav-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.fade-in{animation:fadeIn .4s ease-in-out}.fade-out{animation:fadeOut .2s ease-in-out}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}.time-allowance-header h3{color:#1f2937;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin:0}.week-range{color:#6b7280;font-size:1rem;font-weight:500;margin:0 0 20px}.current-category{margin:16px 0;text-align:center}.category-loading{color:#6b7280;font-size:.9rem;font-style:italic}.category-info{align-items:center;background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #f4a26133;border-radius:20px;box-shadow:0 2px 8px #f4a2611a;display:inline-flex;gap:8px;padding:8px 16px;transition:all .2s ease}.category-info.clickable{cursor:pointer}.category-info.clickable:hover{background:linear-gradient(135deg,#fed7aa,#f4a261);border-color:#f4a26166;box-shadow:0 4px 12px #f4a26133;transform:translateY(-1px)}.category-name{color:#1f2937;font-size:.9rem;font-weight:600}.category-description{color:#6b7280;font-size:.8rem;font-style:italic}.category-placeholder{color:#9ca3af;font-size:.9rem;font-style:italic;transition:all .2s ease}.category-placeholder.clickable{background:#f9fafb;border:1px dashed #d1d5db;border-radius:20px;cursor:pointer;padding:8px 16px}.category-placeholder.clickable:hover{background:#f3f4f6;border-color:#9ca3af;color:#6b7280}.edit-indicator{font-size:.8rem;margin-left:4px;opacity:.7}.tab-navigation{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.tab-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.tab-btn:hover{background:#e2e8f0;color:#374151}.tab-btn.active{background:linear-gradient(135deg,#f4a261,#e76f51);border-color:#f4a261;box-shadow:0 2px 4px #f4a26133;color:#fff}.tab-btn.active:hover{background:linear-gradient(135deg,#e76f51,#d63031);border-color:#e76f51}.time-usage-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:28px}.time-usage-progress{margin-bottom:32px}.progress-bar{background:#f1f5f9;border-radius:6px;box-shadow:inset 0 1px 2px #0000001a;height:10px;margin-bottom:24px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:6px;height:100%;transition:width .4s ease,background-color .3s ease}.time-usage-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);text-align:center}.time-remaining,.time-total,.time-used{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;padding:20px;transition:all .2s ease}.time-remaining:hover,.time-total:hover,.time-used:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.time-number{color:#1f2937;font-size:2rem;font-weight:800;letter-spacing:-.025em;line-height:1;margin-bottom:6px}.time-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.time-usage-details{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr;margin-bottom:32px}.how-it-works-content,.stories-content{margin-bottom:32px}.stories-section h4{color:#1f2937;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0 0 8px}.stories-subtitle{color:#6b7280;font-size:1rem;font-weight:500;margin:0 0 24px}.stories-list{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding-right:8px}.story-item{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #f4a2611a;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s ease}.story-item:hover{background:linear-gradient(135deg,#fff7ed,#fed7aa);border-color:#f4a2614d;box-shadow:0 4px 12px #f4a26133;transform:translateY(-2px)}.story-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.story-title{font-size:1.1rem;font-weight:600;line-height:1.4}.story-date{margin-left:16px}.story-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.story-storyteller{font-size:.9rem;font-weight:600}.story-duration{font-weight:500}.story-description{font-size:.9rem;line-height:1.5;margin:0}.no-stories{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;padding:40px 20px}.no-stories p{font-weight:500;margin:0 0 8px}.no-stories small{color:#9ca3af;font-size:.875rem}.time-allowance-info h4,.usage-breakdown h4{color:#1f2937;font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin:0 0 20px}.breakdown-list{max-height:200px;overflow-y:auto}.breakdown-item{grid-gap:12px;align-items:center;border-bottom:1px solid #f3f4f6;display:grid;font-size:.875rem;gap:12px;grid-template-columns:1fr 1fr 1fr 1fr;padding:12px 0;transition:all .2s ease}.breakdown-item:last-child{border-bottom:none}.breakdown-item.clickable{border-radius:8px;cursor:pointer;margin:0 -12px;padding:12px;transition:all .2s ease}.breakdown-item.clickable:hover{background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #f4a2614d;box-shadow:0 4px 12px #f4a26133;transform:translateY(-2px)}.breakdown-time{color:#111827;font-weight:600;min-width:60px}.breakdown-date{color:#6b7280;font-size:.75rem;min-width:80px}.breakdown-storyteller{color:#374151;flex:1 1;font-weight:500;text-align:center}.breakdown-type{color:#64748b;font-size:.8rem;font-weight:500;text-align:right}.no-usage{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:8px;color:#6b7280;font-size:.9rem;font-style:italic;padding:32px;text-align:center}.time-allowance-info ul{list-style:none;margin:0;padding:0}.time-allowance-info li{align-items:flex-start;color:#374151;display:flex;font-size:.875rem;line-height:1.6;padding:8px 0}.time-allowance-info li:before{color:#10b981;content:"✓";flex-shrink:0;font-size:.875rem;font-weight:700;margin-right:12px;margin-top:1px}.time-actions{display:flex;gap:16px;margin-top:8px}.btn,.time-actions{justify-content:center}.btn{align-items:center;display:inline-flex;font-size:.875rem;letter-spacing:.025em;min-width:140px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 4px #3b82f633}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.btn-primary:disabled{background:#9ca3af;box-shadow:none;color:#d1d5db;cursor:not-allowed;transform:none}.btn-secondary{box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background:#f8fafc;border-color:#9ca3af;box-shadow:0 4px 8px #0000001a}.loading-spinner{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:center;padding:24px}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;margin:16px 0;padding:16px}@media (max-width:768px){.weekly-time-allowance{margin:16px 0;padding:20px}.time-allowance-header{margin-bottom:24px}.time-allowance-header h3{font-size:1.5rem}.time-usage-card{padding:16px}.time-usage-stats{gap:16px;grid-template-columns:1fr}.time-usage-details{gap:24px;grid-template-columns:1fr}.time-actions{flex-direction:column}.btn{width:100%}.breakdown-item{align-items:flex-start;flex-direction:column;gap:4px}.breakdown-storyteller{text-align:left}}@keyframes progressFill{0%{width:0}to{width:var(--progress-width)}}.progress-fill{animation:progressFill .8s ease-out}.storyteller-info-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:12px 0;padding:12px}.info-item{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:6px}.info-item:last-child{margin-bottom:0}.info-label{color:#718096;font-weight:500}.info-value{color:#2d3748;font-weight:600}.family-stories-page{background:linear-gradient(135deg,#f8fafc,#fff);min-height:100vh;position:relative}.family-stories-page:before{background:linear-gradient(135deg,#f4a2610d,#e76f510d);content:"";height:200px;left:0;position:absolute;right:0;top:0;z-index:0}.family-stories-content{margin:0 auto;max-width:1400px;padding:3rem 1rem;position:relative;z-index:1}.family-stories-container{width:100%}.stories-header{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #f4a2611a;border-radius:24px;box-shadow:0 8px 32px #00000014;margin-bottom:4rem;overflow:hidden;padding:3rem 0;position:relative;text-align:center}.stories-header:before{background:linear-gradient(90deg,#f4a261,#e76f51);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stories-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-.025em;margin:0 0 1rem;position:relative}.stories-header p{color:#6b7280;font-size:1.25rem;font-weight:500;line-height:1.6;margin:0 auto;max-width:600px}.category-filter{margin:32px 0;text-align:center}.filter-label{color:#4b5563;font-size:1rem;font-weight:600;margin-bottom:16px}.category-buttons{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto;max-height:200px;max-width:1000px;overflow-y:auto;padding:8px}.category-btn{border:2px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 4px #0000000d;color:#6b7280;font-size:.85rem;font-weight:600;min-width:fit-content;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.category-btn:hover{background:#f8fafc;border-color:#d1d5db;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.category-btn.active{background:linear-gradient(135deg,#f4a261,#e76f51);border-color:#f4a261;box-shadow:0 4px 12px #f4a2614d;color:#fff}.category-btn.active:hover{box-shadow:0 6px 16px #f4a26166;transform:translateY(-2px)}.error-state,.loading-state{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #f4a2611a;border-radius:24px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:5rem 3rem;position:relative;text-align:center}.error-state:before,.loading-state:before{background:linear-gradient(90deg,#f4a261,#e76f51);content:"";height:4px;left:0;position:absolute;right:0;top:0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f4a2611a;border-left-color:#f4a261;border-radius:50%;height:50px;margin:0 auto 2rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state p{color:#6b7280;font-size:1.125rem;font-weight:500}.error-state p{color:#ef4444;font-size:1.125rem;font-weight:600;margin-bottom:2rem}.stories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:3rem}.story-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #f4a2611a;border-radius:20px;box-shadow:0 4px 20px #00000014;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.story-card:before{background:linear-gradient(90deg,#f4a261,#e76f51);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.story-card:hover:before{transform:scaleX(1)}.story-card:hover{background:linear-gradient(135deg,#fff7ed,#fed7aa);border-color:#f4a2614d;box-shadow:0 20px 40px #f4a26126;transform:translateY(-8px) scale(1.02)}.story-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.story-title{color:#1f2937;flex:1 1;font-size:1.375rem;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin:0}.story-date{background:#f4a2611a;border:1px solid #f4a26133;border-radius:12px;color:#6b7280;font-size:.875rem;font-weight:500;padding:.5rem 1rem;white-space:nowrap}.story-card-meta{align-items:center;background:#f4a2610d;border:1px solid #f4a2611a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.story-storyteller{align-items:center;color:#f4a261;display:flex;font-size:1rem;font-weight:700;gap:.5rem}.story-storyteller:before{content:"👤";font-size:.875rem}.story-duration{background:#6b72801a;border-radius:8px;color:#6b7280;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.story-description{background:#f4a2610d;border-left:4px solid #f4a261;border-radius:12px;color:#4b5563;font-size:1rem;font-style:italic;line-height:1.6;margin:0 0 1.5rem;padding:1rem}.story-card-footer{align-items:center;border-top:1px solid #f4a2611a;display:flex;justify-content:space-between;padding-top:1.5rem}.story-type{background:#6b72801a;border:1px solid #6b728033;border-radius:20px;color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.1em;padding:.5rem 1rem;text-transform:uppercase}.play-indicator{align-items:center;background:linear-gradient(135deg,#f4a261,#e76f51);border-radius:50%;box-shadow:0 4px 12px #f4a2614d;color:#fff;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.play-indicator svg{fill:currentColor;height:20px;width:20px}.story-card:hover .play-indicator{box-shadow:0 6px 20px #f4a26166;transform:scale(1.1)}.no-stories{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #f4a2611a;border-radius:24px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:5rem 3rem;position:relative;text-align:center}.no-stories:before{background:linear-gradient(90deg,#f4a261,#e76f51);content:"";height:4px;left:0;position:absolute;right:0;top:0}.no-stories h3{color:#1f2937;font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0 0 1rem}.no-stories p{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0 auto 2.5rem;max-width:500px}.btn{border-radius:12px;display:inline-block;font-size:1rem;font-weight:700;overflow:hidden;padding:1rem 2rem;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{border:1px solid #f4a26133;box-shadow:0 8px 24px #f4a2614d}.btn-primary:hover{background:linear-gradient(135deg,#e76f51,#d63031);box-shadow:0 12px 32px #f4a26166}.btn-secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);box-shadow:0 4px 12px #0000001a}.btn-secondary:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 8px 20px #00000026}@media (max-width:768px){.family-stories-content,.stories-header{padding:2rem 1rem}.stories-header{margin-bottom:3rem}.stories-header h1{font-size:2.5rem}.stories-grid{gap:1.5rem;grid-template-columns:1fr}.story-card{padding:1.5rem}.story-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.story-date{align-self:flex-start}.story-card-meta{align-items:flex-start;flex-direction:column;gap:.75rem}.play-indicator{font-size:1rem;height:40px;width:40px}}@media (max-width:480px){.family-stories-content{padding:1.5rem .75rem}.stories-header{padding:1.5rem 1rem}.stories-header h1{font-size:2rem}.stories-header p{font-size:1rem}.category-filter{margin:24px 0}.filter-label{font-size:.9rem;margin-bottom:12px}.category-buttons{gap:6px;max-height:150px;padding:6px}.category-btn{font-size:.8rem;padding:6px 12px}.story-title{font-size:1.25rem}.story-card{padding:1.25rem}.btn{font-size:.9rem;padding:.875rem 1.5rem}}.storyteller-dashboard{background:linear-gradient(135deg,#f7fafc,#edf2f7);min-height:100vh}.storyteller-dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.storyteller-header-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.storyteller-logo{gap:12px}.storyteller-logo,.storyteller-logo-icon{align-items:center;display:flex}.storyteller-logo-text h1{color:#1f2937;font-size:24px;font-weight:700;margin:0}.storyteller-logo-text span{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.storyteller-nav{display:flex;gap:8px}.storyteller-nav-link{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.storyteller-nav-link:hover{background:#f3f4f6;color:#374151}.storyteller-nav-link.active{background:linear-gradient(135deg,#f4a261,#e76f51);color:#fff}.storyteller-user-section{align-items:center;display:flex;gap:16px}.storyteller-notifications{position:relative}.notification-btn{background:none;border:none;border-radius:8px;cursor:pointer;padding:8px;position:relative;transition:all .2s ease}.notification-btn:hover{background:#f3f4f6}.notification-icon{color:#6b7280;font-size:20px}.notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:600;min-width:16px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.refresh-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:18px;padding:8px;transition:all .2s ease}.refresh-btn:hover{background:#f3f4f6;color:#374151}.storyteller-user-dropdown{position:relative}.storyteller-user-btn{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all .2s ease}.storyteller-user-btn:hover{background:#f3f4f6}.storyteller-user-avatar{align-items:center;background:linear-gradient(135deg,#f4a261,#e76f51);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.storyteller-user-info{align-items:flex-start;display:flex;flex-direction:column}.storyteller-user-name{color:#1f2937;font-size:14px;font-weight:600}.storyteller-user-role{color:#6b7280;font-size:12px}.storyteller-dropdown-arrow{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #6b7280;height:0;transition:transform .2s ease;width:0}.storyteller-user-btn:hover .storyteller-dropdown-arrow{transform:rotate(180deg)}.storyteller-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000026;min-width:240px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-header{background:#f9fafb;padding:16px}.dropdown-user-info{align-items:center;display:flex;gap:12px}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#f4a261,#e76f51);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.dropdown-details{display:flex;flex-direction:column}.dropdown-name{color:#1f2937;font-size:14px;font-weight:600}.dropdown-email{color:#6b7280;font-size:12px}.dropdown-divider{background:#e5e7eb;height:1px}.dropdown-item{background:none;border:none;color:#374151;cursor:pointer;font-size:14px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f3f4f6;color:#1f2937}.dropdown-item.logout-item{color:#ef4444}.dropdown-item.logout-item:hover{background:#fef2f2;color:#dc2626}.storyteller-dashboard-content{min-height:calc(100vh - 70px);padding:40px 20px}.storyteller-dashboard-container{margin:0 auto;max-width:1200px}.dashboard-section{background:#fff;border:1px solid #f3f4f6;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:32px;padding:32px}.dashboard-section-header{text-align:center}.storyteller-quick-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.storyteller-quick-actions button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.storyteller-quick-actions button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.storyteller-quick-actions button:hover:before{left:100%}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.stat-number{font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.content-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .3s ease}.content-card:hover{border-color:#d1d5db;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.empty-state{color:#6b7280;padding:40px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state h4{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{font-size:14px;margin:0 0 24px}.btn-primary{background:linear-gradient(135deg,#f4a261,#e76f51);border:none;border-radius:12px;box-shadow:0 4px 15px #f4a2614d;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#e76f51,#d62828);box-shadow:0 8px 25px #f4a26166;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #f4a261;border-radius:12px;color:#f4a261;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.btn-secondary:hover{background:#f4a261;color:#fff;transform:translateY(-2px)}.btn-outline{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;font-size:16px;font-weight:600;padding:20px;transition:all .3s ease}.btn-outline:hover{border-color:#f4a261;color:#f4a261;transform:translateY(-2px)}.action-buttons{display:flex;gap:12px}.action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.action-btn-primary{background:#10b981;color:#fff}.action-btn-primary:hover{background:#059669}.action-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#6b7280}.action-btn-secondary:hover{background:#f3f4f6;color:#374151}.status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.status-scheduled{background:#10b981;color:#fff}.status-completed{background:#3b82f6;color:#fff}.status-pending{background:#f59e0b;color:#fff}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.loading{align-items:center;color:#6b7280;display:flex;font-size:18px;height:200px;justify-content:center}.storyteller-header-user{position:relative}.user-profile{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:6px 12px;transition:all .2s ease}.user-profile:hover{background:#f3f4f6}.user-avatar{align-items:center;background:linear-gradient(135deg,#f4a261,#e76f51);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.user-avatar,.user-name{font-size:14px;font-weight:600}.user-name{color:#1f2937}.user-dropdown-arrow{color:#6b7280;font-size:10px;margin-left:4px}.user-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000026;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.user-menu-item{color:#374151;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease}.user-menu-item:hover{background:#f3f4f6;color:#1f2937}.user-menu-item:last-child{color:#ef4444}.user-menu-item:last-child:hover{background:#fef2f2;color:#dc2626}@media (max-width:768px){.storyteller-dashboard-header{position:sticky;top:0;z-index:100}.storyteller-header-container{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;height:38px!important;justify-content:space-between!important;max-height:38px!important;min-height:38px!important;padding:3px 10px!important}.storyteller-header-logo{align-items:center!important;display:flex!important;flex-shrink:0!important;height:28px!important;max-height:28px!important;max-width:110px!important;order:1!important;overflow:visible!important}.storyteller-logo{transform:scale(.42);transform-origin:left center}.storyteller-logo img,.storyteller-logo svg{height:auto!important;max-height:20px!important;width:auto!important}.storyteller-nav{display:none}.storyteller-header-user{align-items:center!important;display:flex!important;flex-shrink:0!important;order:2!important;position:relative!important}.user-profile{background:#0000!important;gap:0;padding:0}.user-avatar{font-size:10px!important;height:28px!important;position:static!important;width:28px!important}.user-dropdown-arrow,.user-name{display:none}.user-menu{min-width:180px;right:0}.storyteller-dashboard-content{padding:20px 16px}.dashboard-section{margin-bottom:24px;padding:24px 20px}.storyteller-quick-actions{align-items:center;flex-direction:column}.storyteller-quick-actions button{max-width:300px;width:100%}.content-grid,.stats-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.storyteller-logo-text h1{font-size:20px}.storyteller-logo-text span{font-size:10px}.dashboard-section{padding:20px 16px}.stat-card{padding:20px}.stat-number{font-size:28px}}.AboutPage_main-content__FE0VJ{flex:1 1;position:relative;z-index:10}.AboutPage_main-content__FE0VJ *{color:var(--text-primary)!important}.AboutPage_main-content__FE0VJ h1,.AboutPage_main-content__FE0VJ h2,.AboutPage_main-content__FE0VJ h3,.AboutPage_main-content__FE0VJ h4,.AboutPage_main-content__FE0VJ h5,.AboutPage_main-content__FE0VJ h6{text-shadow:0 2px 4px #1a1a1a1a}.AboutPage_main-content__FE0VJ div,.AboutPage_main-content__FE0VJ p,.AboutPage_main-content__FE0VJ span{text-shadow:0 1px 2px #1a1a1a0d}.AboutPage_section__2ZeHT{padding:4rem 0}.AboutPage_section-container__XKoWr{margin:0 auto;max-width:1200px;padding:0 2rem}.AboutPage_section-header__iwTnw{margin-bottom:3rem;text-align:center}.AboutPage_section-header__iwTnw h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #1a1a1a1a}.AboutPage_section-header__iwTnw p{color:var(--text-primary);font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px;text-shadow:0 1px 2px #1a1a1a0d}.AboutPage_hero-section__FzgTg{background:linear-gradient(135deg,var(--beach-sand) 0,var(--beach-sand-light) 50%,var(--aqua-blue-light) 100%);color:var(--text-primary);padding:6rem 0;text-align:center}.AboutPage_hero-logo__qPRVa{margin-bottom:2rem}.AboutPage_hero-logo__qPRVa img{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;padding:8px}.AboutPage_hero-content__f8Qpf h1{color:var(--text-primary);font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 4px #1a1a1a26}.AboutPage_hero-subtitle__sUuzJ{color:var(--aqua-blue-dark);font-size:1.5rem;font-weight:500;margin-bottom:1.5rem;text-shadow:0 1px 2px #1a1a1a1a}.AboutPage_hero-description__BXZap{color:var(--text-primary);font-size:1.125rem;line-height:1.7;margin:0 auto;max-width:800px;text-shadow:0 1px 2px #1a1a1a0d}.AboutPage_mission-section__DyHnO{background:var(--beach-sand-light)}.AboutPage_mission-content__sj3zk{margin:0 auto;max-width:800px;text-align:center}.AboutPage_mission-content__sj3zk p{color:var(--text-primary);font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem;text-shadow:0 1px 2px #1a1a1a0d}.AboutPage_how-it-works-section__ilJtF{background:var(--white)}.AboutPage_steps-grid__Ct-sP{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.AboutPage_step-card__iOZFK{background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:16px;box-shadow:0 8px 32px var(--shadow-color);padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.AboutPage_step-card__iOZFK:hover{background:var(--beach-sand-warm);border-color:var(--aqua-blue-soft);box-shadow:0 25px 60px var(--shadow-aqua);transform:translateY(-8px)}.AboutPage_step-number__IqPIS{align-items:center;background:linear-gradient(135deg,var(--aqua-blue) 0,var(--aqua-blue-dark) 100%);border-radius:50%;box-shadow:0 4px 16px var(--shadow-aqua);color:var(--white);display:inline-block;display:flex;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;margin-bottom:1rem;width:40px}.AboutPage_step-icon__2ZlnI{font-size:3rem;margin-bottom:1rem}.AboutPage_step-card__iOZFK h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-shadow:0 1px 2px #1a1a1a1a}.AboutPage_step-card__iOZFK p{color:var(--text-primary);line-height:1.6;text-shadow:0 1px 2px #1a1a1a0d}.AboutPage_use-cases-section__r0Uyp{background:var(--beach-sand-light)}.AboutPage_use-cases-grid__CAJR6{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.AboutPage_use-case-card__02foF{background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:16px;box-shadow:0 8px 32px var(--shadow-color);padding:2rem;transition:all .3s ease}.AboutPage_use-case-card__02foF:hover{background:var(--beach-sand-warm);border-color:var(--aqua-blue-soft);box-shadow:0 25px 60px var(--shadow-aqua);transform:translateY(-8px)}.AboutPage_use-case-icon__cYKK2{font-size:3rem;margin-bottom:1rem}.AboutPage_use-case-card__02foF h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-shadow:0 1px 2px #1a1a1a1a}.AboutPage_use-case-card__02foF p{color:var(--text-primary);line-height:1.6;text-shadow:0 1px 2px #1a1a1a0d}.AboutPage_features-section__BPkf3{background:var(--white)}.AboutPage_features-grid__3Pbs4{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.AboutPage_feature-item__JSAJn{background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:16px;box-shadow:0 8px 32px var(--shadow-color);padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.AboutPage_feature-item__JSAJn:hover{background:var(--beach-sand-warm);border-color:var(--aqua-blue-soft);box-shadow:0 25px 60px var(--shadow-aqua);transform:translateY(-8px)}.AboutPage_feature-icon__qxhTh{font-size:3rem;margin-bottom:1rem}.AboutPage_feature-item__JSAJn h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-shadow:0 1px 2px #1a1a1a1a}.AboutPage_feature-item__JSAJn span{color:var(--text-primary);line-height:1.6;text-shadow:0 1px 2px #1a1a1a0d}.AboutPage_faq-section__RK4LQ{background:var(--beach-sand-light)}.AboutPage_faq-list__I6muq{margin:0 auto;max-width:800px}.AboutPage_faq-item__IEa2b{background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:16px;box-shadow:0 8px 32px var(--shadow-color);margin-bottom:1rem;overflow:hidden}.AboutPage_faq-question__rh\+5E{align-items:center;background:var(--beach-sand-light);border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.125rem;font-weight:500;justify-content:space-between;padding:1.5rem 2rem;text-align:left;transition:all .3s ease;width:100%}.AboutPage_faq-question__rh\+5E:hover{background:var(--beach-sand-warm)}.AboutPage_faq-toggle__-JgAl{color:var(--aqua-blue-dark);font-size:1.5rem;font-weight:700;transition:transform .2s ease}.AboutPage_faq-answer__sopeh{background:var(--beach-sand-light);border-top:2px solid var(--border-soft);padding:0 2rem 1.5rem}.AboutPage_faq-answer__sopeh p{color:var(--text-primary);line-height:1.6;margin:0;text-shadow:0 1px 2px #1a1a1a0d}.AboutPage_cta-section__eRxSI{background:linear-gradient(135deg,var(--beach-sand) 0,var(--beach-sand-light) 50%,var(--aqua-blue-light) 100%);color:var(--text-primary);text-align:center}.AboutPage_cta-content__8-iiI h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #1a1a1a26}.AboutPage_cta-content__8-iiI p{color:var(--text-primary);font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;text-shadow:0 1px 2px #1a1a1a14}.AboutPage_cta-buttons__UF-fo{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.AboutPage_btn__bPoN5{border:2px solid #0000;border-radius:8px;display:inline-block;font-size:1.125rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .2s ease}.AboutPage_btn-primary__9E\+Uq{background:linear-gradient(135deg,var(--aqua-blue) 0,var(--aqua-blue-dark) 100%);border-color:var(--aqua-blue);box-shadow:0 4px 16px var(--shadow-aqua);color:var(--white)}.AboutPage_btn-primary__9E\+Uq:hover{background:linear-gradient(135deg,var(--aqua-blue-dark) 0,var(--aqua-blue) 100%);box-shadow:0 8px 25px var(--shadow-aqua);transform:translateY(-2px)}.AboutPage_btn-secondary__Yp-p8{background:var(--beach-sand-light);border-color:var(--border-soft);box-shadow:0 4px 16px var(--shadow-color);color:var(--text-primary)}.AboutPage_btn-secondary__Yp-p8:hover{background:var(--beach-sand-warm);border-color:var(--aqua-blue-soft);box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-2px)}@media (max-width:768px){.AboutPage_section__2ZeHT{padding:3rem 0}.AboutPage_section-container__XKoWr{padding:0 1rem}.AboutPage_hero-content__f8Qpf h1{font-size:2.5rem}.AboutPage_hero-subtitle__sUuzJ{font-size:1.25rem}.AboutPage_section-header__iwTnw h2{font-size:2rem}.AboutPage_features-grid__3Pbs4,.AboutPage_steps-grid__Ct-sP,.AboutPage_use-cases-grid__CAJR6{gap:1.5rem;grid-template-columns:1fr}.AboutPage_cta-buttons__UF-fo{align-items:center;flex-direction:column}.AboutPage_btn__bPoN5{max-width:300px;text-align:center;width:100%}}@media (max-width:480px){.AboutPage_hero-content__f8Qpf h1{font-size:2rem}.AboutPage_section-header__iwTnw h2{font-size:1.75rem}.AboutPage_feature-item__JSAJn,.AboutPage_step-card__iOZFK,.AboutPage_use-case-card__02foF{padding:1.5rem 1rem}.AboutPage_faq-question__rh\+5E{padding:1.25rem 1.5rem}.AboutPage_faq-answer__sopeh{padding:0 1.5rem 1.25rem}}.password-change-modal{background-color:#fff!important;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-overlay .password-change-modal{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:none!important}.modal-overlay .password-change-modal *{background-color:initial!important}.modal-header,.modal-overlay .password-change-modal .modal-header,.modal-overlay .password-change-modal .password-change-form{background-color:#fff!important}.modal-header{border-radius:12px 12px 0 0;padding:1.5rem 1.5rem 0}.modal-header h2{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0}.password-change-form{background-color:#fff!important;padding:1.5rem}.password-change-form .form-group{background-color:initial!important;margin-bottom:1.5rem}.password-change-form label{color:#1a1a1a;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#111827;font-size:1rem;font-weight:500;padding:.75rem 4rem .75rem .75rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.password-input-container input::placeholder{color:#9ca3af;font-weight:400}.password-input-container input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 1px 2px 0 #0000000d;outline:none}.password-input-container input:disabled{background-color:#f8f9fa;cursor:not-allowed}.password-toggle{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;letter-spacing:.025em;padding:.5rem .75rem;position:absolute;right:.75rem;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}.password-toggle:hover:not(:disabled){background-color:#f3f4f6;color:#1f2937}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-strength{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.strength-bar{background-color:#e1e8ed;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.strength-text{font-size:.875rem;font-weight:600;min-width:60px}.password-requirements{background-color:#f8f9fa;border:1px solid #e1e8ed;border-radius:6px;margin-top:.75rem;padding:.75rem}.password-requirements .requirement{align-items:center;display:flex;font-size:.875rem;margin-bottom:.25rem}.password-requirements .requirement:last-child{margin-bottom:0}.password-requirements .requirement.valid{color:#27ae60}.password-requirements .requirement.invalid{color:#e74c3c}.password-match{font-size:.875rem;font-weight:500;margin-top:.5rem}.password-match.match{color:#27ae60}.password-match.no-match{color:#e74c3c}.error-message{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:2px solid #e74c3c;border-radius:12px;box-shadow:0 8px 32px #e74c3c33;color:#2c3e50;font-size:.95rem;font-weight:600;line-height:1.4;margin-bottom:1rem;padding:1rem 1.25rem;position:relative;text-align:center}.error-message:before{content:"⚠️";display:inline-block;font-size:1.1rem;margin-right:8px}.error-message:after{background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.modal-actions{border-top:1px solid #e1e8ed;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.modal-actions .btn{min-width:120px}@media (max-width:640px){.password-change-modal{margin:1rem;width:95%}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.password-change-form .btn:disabled{cursor:not-allowed;opacity:.6}.password-toggle:focus-visible{outline:2px solid #3498db;outline-offset:2px}.password-input-container input:focus-visible{outline:2px solid #3498db;outline-offset:2px}@keyframes strengthFill{0%{width:0}to{width:var(--target-width)}}.strength-fill{animation:strengthFill .3s ease-out}.password-change-form .form-group:hover label{color:#3498db}.password-input-container:hover input:not(:disabled){border-color:#bdc3c7}@media (prefers-color-scheme:dark){.password-change-form label{color:#ecf0f1}.password-input-container input{background-color:#2c3e50;border-color:#34495e;color:#ecf0f1}.password-input-container input:focus{border-color:#3498db}.password-requirements{background-color:#34495e;border-color:#2c3e50}.error-message{background-color:#2d1b1b;border-color:#5c2626}.success-message{background-color:#1b2d1b;border-color:#265c26}}.call-status-display{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:16px 0;padding:24px}.current-status{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:20px;text-align:center}.status-badge{align-items:center;border-radius:25px;display:inline-flex;font-size:16px;font-weight:600;margin-bottom:12px;padding:12px 20px}.status-amber{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-yellow{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.status-red{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status-gray{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.status-label{font-size:14px;letter-spacing:.5px;text-transform:uppercase}.status-description{color:#6b7280;font-size:14px;margin:0}.call-details{margin-bottom:24px}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#374151;font-size:14px;font-weight:600}.detail-value{color:#6b7280;font-size:14px;max-width:60%;text-align:right;word-break:break-word}.status-history{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.status-history h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.history-timeline{position:relative}.history-timeline:before{background:#e5e7eb;bottom:0;content:"";left:20px;position:absolute;top:0;width:2px}.history-entry{margin-bottom:16px;padding-left:50px;position:relative}.history-entry:before{background:#6b7280;border-radius:50%;content:"";height:8px;left:16px;position:absolute;top:8px;width:8px}.history-status{align-items:center;border-radius:15px;display:inline-flex;font-size:12px;font-weight:500;margin-bottom:4px;padding:6px 12px}.history-status.status-amber{background:#fef3c7;color:#d97706}.history-status.status-green{background:#d1fae5;color:#059669}.history-status.status-orange{background:#fed7aa;color:#d97706}.history-status.status-yellow{background:#fef3c7;color:#d97706}.history-status.status-red{background:#fee2e2;color:#dc2626}.history-status.status-gray{background:#f3f4f6;color:#4b5563}.history-label{font-size:11px;letter-spacing:.3px;text-transform:uppercase}.history-time{color:#9ca3af;font-size:12px;margin-bottom:4px}.history-notes{color:#6b7280;font-size:12px;line-height:1.4}.call-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center;margin-top:24px;padding-top:20px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}@media (max-width:768px){.call-status-display{margin:12px 0;padding:16px}.status-badge{font-size:14px;padding:10px 16px}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.detail-value{max-width:100%;text-align:left}.call-actions{flex-direction:column}.btn{width:100%}}.status-badge{animation:statusPulse .6s ease-out}@keyframes statusPulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.status-badge.status-in_progress,.status-badge.status-ringing{animation:livePulse 2s infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.7}}.blog-container{animation:fadeIn .3s ease-in-out;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blog-header{margin-bottom:3rem;text-align:center}.blog-navigation{display:flex;justify-content:flex-start;margin-bottom:2rem}.back-to-home{align-items:center;animation:slideInLeft .4s ease-out;background:#fafafa;border:1px solid #e1e5e9;border-radius:8px;color:#666;display:inline-flex;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.back-to-home:hover{background:#fff;border-color:#feca57;box-shadow:0 2px 8px #feca5733;color:#feca57;transform:translateX(-3px)}.blog-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#feca57,#f4a261);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:3rem;font-weight:700;margin-bottom:1rem}.blog-header p{color:#666;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.blog-categories{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.category-btn{background:#fff;border:2px solid #e1e5e9;border-radius:50px;color:#666;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.category-btn.active,.category-btn:hover{background:#feca57;border-color:#feca57;box-shadow:0 4px 12px #feca574d;color:#1a1a1a;transform:translateY(-2px)}.blog-posts{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.blog-post{animation:fadeInUp .5s ease-out;animation-fill-mode:both;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-post:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.blog-post:first-child{animation-delay:.1s}.blog-post:nth-child(2){animation-delay:.2s}.blog-post:nth-child(3){animation-delay:.3s}.blog-post:nth-child(4){animation-delay:.4s}.blog-post:nth-child(5){animation-delay:.5s}.blog-post:nth-child(6){animation-delay:.6s}.blog-post:nth-child(7){animation-delay:.7s}.blog-post:nth-child(8){animation-delay:.8s}.post-meta{font-size:.85rem;gap:.75rem;margin-bottom:1rem}.post-category{border-radius:12px;font-size:.75rem;padding:.2rem .6rem}.post-date,.post-read-time{color:#888;font-size:.8rem}.post-title{margin-bottom:1rem}.post-title a{color:#1a1a1a;display:block;font-size:1.25rem;font-weight:600;line-height:1.3;text-decoration:none;transition:color .3s ease}.post-title a:hover{color:#feca57}.post-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;flex-grow:1;font-size:.9rem;line-height:1.5;margin-bottom:1.25rem;overflow:hidden}.read-more-btn{align-items:center;color:#feca57;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;text-decoration:none;transition:all .3s ease}.read-more-btn:hover{color:#f4a261;transform:translateX(3px)}.blog-newsletter{background:linear-gradient(135deg,#feca57,#f4a261);border-radius:20px;color:#1a1a1a;margin-top:4rem;padding:3rem;text-align:center}.blog-newsletter h3{font-size:2rem;font-weight:600;margin-bottom:1rem}.blog-newsletter p{font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px;opacity:.9}.newsletter-form{max-width:400px}.newsletter-form input{font-size:1rem;padding:1rem}.newsletter-form button{padding:1rem 2rem}.blog-loading{color:#666;font-size:1.2rem;padding:4rem;text-align:center}.no-posts-found{grid-column:1/-1;padding:4rem 2rem;text-align:center}.no-posts-found h3{color:#1a1a1a;font-size:1.5rem;margin-bottom:1rem}.no-posts-found p{color:#666;font-size:1.1rem;margin-bottom:2rem}@media (max-width:768px){.blog-container{padding:1rem}.blog-navigation{justify-content:center;margin-bottom:1.5rem}.back-to-home{font-size:.85rem;padding:.6rem 1.2rem}.blog-header h1{font-size:2rem}.blog-posts{gap:1.25rem;grid-template-columns:1fr}.blog-post{padding:1.25rem}.post-title a{font-size:1.1rem}.post-excerpt{font-size:.85rem}.newsletter-form{flex-direction:column}.blog-categories{gap:.5rem}.category-btn{font-size:.9rem;padding:.5rem 1rem}}.blog-post-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:slideIn .4s ease-out;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;margin:0 auto;max-width:800px;padding:2rem;text-rendering:optimizeLegibility}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.back-to-blog{border-bottom:1px solid #f0f0f0;margin-bottom:2rem;padding:1rem 0}.back-link{align-items:center;animation:slideInLeft .4s ease-out;background:#fafafa;border:1px solid #e1e5e9;border-radius:8px;color:#666;display:inline-flex;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.back-link:hover{background:#fff;border-color:#feca57;box-shadow:0 2px 8px #feca5733;color:#feca57;transform:translateX(-3px)}.blog-post-header{border-bottom:1px solid #e1e5e9;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.post-meta{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem;justify-content:center;margin-bottom:2rem}.post-category{background:linear-gradient(135deg,#feca57,#f4a261);border-radius:20px;color:#1a1a1a;font-size:.8rem;font-weight:500;padding:.3rem .8rem;text-transform:capitalize}.post-author,.post-date,.post-read-time{color:#888}.post-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:2rem;text-align:center;text-rendering:optimizeLegibility}.post-actions{display:flex;gap:1rem;justify-content:center}.bookmark-btn,.share-btn{background:#fff;border:2px solid #e1e5e9;border-radius:50px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.bookmark-btn:hover,.share-btn:hover{background:#feca57;border-color:#feca57;box-shadow:0 4px 12px #feca574d;color:#fff;transform:translateY(-2px)}.blog-post-content{margin-bottom:4rem}.post-body{color:#333;font-size:1.1rem;font-weight:400;letter-spacing:.01em;line-height:1.8}.post-body h2{border-bottom:2px solid #feca57;color:#1a1a1a;font-size:1.8rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:3rem 0 1.5rem;padding-bottom:.5rem}.post-body h3{font-size:1.4rem;letter-spacing:-.01em;margin:2.5rem 0 1rem}.post-body h3,.post-body h4{color:#1a1a1a;font-weight:600;line-height:1.4}.post-body h4{font-size:1.2rem;letter-spacing:-.005em;margin:2rem 0 .75rem}.post-body p{color:#444;-webkit-hyphens:auto;hyphens:auto;margin-bottom:1.8rem;text-align:justify;word-spacing:.05em}.post-body ol,.post-body ul{line-height:1.7;margin:2rem 0;margin:1.5rem 0;padding-left:2rem}.post-body li{color:#444;line-height:1.6;margin-bottom:.8rem}.post-body strong{color:#1a1a1a;font-weight:600;letter-spacing:.01em}.post-body a{border-bottom:1px solid #0000;color:#feca57;font-weight:500;text-decoration:none;transition:all .3s ease}.post-body a:hover{border-bottom-color:#feca57;color:#f4a261}.blog-post-footer{border-top:1px solid #e1e5e9;padding-top:3rem}.related-posts{margin-bottom:3rem}.related-posts h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.related-posts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.related-post{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;display:block;padding:1.5rem;text-decoration:none;transition:all .3s ease}.related-post:hover{border-color:#feca57;box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.related-post h4{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.related-post p{color:#666;font-size:.95rem;margin:0}.newsletter-signup{background:linear-gradient(135deg,#feca57,#f4a261);border-radius:12px;color:#1a1a1a;margin-top:2rem;padding:2rem;text-align:center}.newsletter-signup h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.newsletter-signup p{margin-bottom:1.5rem;opacity:.9}.newsletter-form{display:flex;gap:1rem;margin:0 auto;max-width:350px}.newsletter-form input{border:none;border-radius:50px;flex:1 1;font-size:.95rem;outline:none;padding:.75rem 1rem}.newsletter-form button{background:#fff;border:none;border-radius:50px;color:#feca57;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.newsletter-form button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.blog-post-loading,.blog-post-not-found{color:#666;font-size:1.2rem;padding:4rem 2rem;text-align:center}.blog-post-not-found h1{color:#1a1a1a;margin-bottom:1rem}.blog-post-not-found a{color:#feca57;font-weight:600;text-decoration:none}.blog-post-not-found a:hover{text-decoration:underline}.post-tags{border-bottom:1px solid #e1e5e9;border-top:1px solid #e1e5e9;margin:2rem 0;padding:1.5rem 0}.post-tags h3{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:20px;color:#495057;display:inline-block;font-size:.85rem;font-weight:500;padding:.4rem .8rem;text-decoration:none;transition:all .3s ease}.tag:hover{background:#feca57;border-color:#feca57;color:#1a1a1a;transform:translateY(-1px)}@media (max-width:768px){.blog-post-container{padding:1rem}.post-title{font-size:2rem}.post-meta{gap:.5rem}.post-actions,.post-meta{align-items:center;flex-direction:column}.newsletter-form{flex-direction:column}.post-body h2{font-size:1.5rem}.post-body h3{font-size:1.3rem}}
/*# sourceMappingURL=main.3c072231.css.map*/