.floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:1rem 0;font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.breadcrumb-item{display:inline-flex;align-items:center}.breadcrumb-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;font-size:.9rem;text-decoration:none}.breadcrumb-link:hover{color:var(--text-primary);background:var(--bg-hover)}.breadcrumb-current{color:var(--text-primary);font-weight:500;padding:.25rem .5rem}.breadcrumb-separator{color:var(--text-secondary);opacity:.5;-webkit-user-select:none;user-select:none;font-size:1.1rem}@media (max-width: 768px){.breadcrumb{font-size:.85rem;padding:.75rem 0}.breadcrumb-link,.breadcrumb-current{padding:.2rem .4rem}}.vow-progress{margin:2rem 0;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.vow-progress-bar{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.vow-progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.vow-progress-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-secondary);transition:all .3s ease}.vow-progress-step.active .vow-progress-circle{background:linear-gradient(135deg,#a855f7,#ec4899);border-color:#a855f7;color:#fff;transform:scale(1.1);box-shadow:0 4px 15px #a855f766}.vow-progress-step.completed .vow-progress-circle{background:#10b981;border-color:#10b981;color:#fff}.vow-progress-label{font-size:.85rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.vow-progress-step.active .vow-progress-label{color:var(--text-primary);font-weight:600}.vow-progress-line{width:60px;height:2px;background:var(--border-color);margin:0 .5rem;margin-bottom:30px;transition:all .3s ease}.vow-progress-line.completed{background:#10b981}.vow-progress-text{text-align:center;font-size:.9rem;color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.vow-progress{padding:1rem;margin:1.5rem 0}.vow-progress-circle{width:35px;height:35px;font-size:.9rem}.vow-progress-label{font-size:.75rem}.vow-progress-line{width:40px;margin:0 .25rem}}@media (max-width: 480px){.vow-progress-line{width:30px}.vow-progress-label{font-size:.7rem}}.vow-counter{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;margin:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.vow-counter:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-color);border-color:#a855f780}.vow-counter-content{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.vow-counter-icon{font-size:2.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.vow-counter-text{flex:1}.vow-counter-numbers{display:flex;align-items:baseline;gap:.3rem;font-weight:700;line-height:1;margin-bottom:.5rem}.vow-counter-active{font-size:2.5rem;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 8px rgba(168,85,247,.5))}50%{filter:drop-shadow(0 0 16px rgba(236,72,153,.7))}}.vow-counter-separator{font-size:1.5rem;color:var(--text-secondary);opacity:.5}.vow-counter-total{font-size:1.5rem;color:var(--text-secondary)}.vow-counter-label{font-size:.95rem;color:var(--text-secondary);font-weight:500}.vow-counter-badge{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:1.1rem;box-shadow:0 4px 15px #a855f766;white-space:nowrap}.vow-counter-bar{height:8px;background:var(--bg-secondary);border-radius:10px;overflow:hidden;position:relative}.vow-counter-progress{height:100%;background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:10px;transition:width .6s ease;position:relative;overflow:hidden}.vow-counter-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.vow-counter-hint{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;font-size:.9rem;color:var(--text-secondary);text-align:center;border-left:3px solid #a855f7}@media (max-width: 768px){.vow-counter{padding:1rem;margin:1.5rem 0}.vow-counter-content{flex-wrap:wrap;gap:.75rem}.vow-counter-icon,.vow-counter-active{font-size:2rem}.vow-counter-separator,.vow-counter-total{font-size:1.2rem}.vow-counter-badge{padding:.4rem .8rem;font-size:1rem}.vow-counter-hint{font-size:.85rem;padding:.75rem}}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #a855f766;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:999}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 6px 20px #a855f799}.scroll-to-top:active{transform:translateY(-2px) scale(.98)}.scroll-to-top svg{width:24px;height:24px}@media (max-width: 768px){.scroll-to-top{bottom:20px;right:20px;width:45px;height:45px}.scroll-to-top svg{width:20px;height:20px}}@media (min-width: 769px){.scroll-to-top{right:30px}}.journal-page{max-width:1200px;margin:0 auto;padding:2rem}.journal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.journal-header h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.journal-subtitle{color:#ffffffb3;font-size:1rem}.btn-new-entry{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-new-entry:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.journal-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;overflow-y:auto}.journal-form{background:var(--card-bg, #1a1a2e);border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.form-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.form-header h2{font-size:1.5rem;margin:0}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#fff9;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.btn-close:hover{background:#ffffff1a;color:#fff}.form-body{padding:2rem}.form-group{margin-bottom:2rem}.form-group label{display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#ffffffe6}.field-hint{font-size:.9rem;color:#ffffff80;margin-bottom:.75rem;font-style:italic}.form-group textarea{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease}.form-group textarea:focus{outline:none;border-color:#667eea;background:#ffffff14;box-shadow:0 0 0 3px #667eea1a}.progress-rating{margin-bottom:1rem}.stars-display{font-size:2rem;text-align:center;margin-bottom:1rem}.progress-slider{width:100%;height:8px;border-radius:4px;background:#ffffff1a;outline:none;-webkit-appearance:none;margin-bottom:.5rem}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 8px #667eea66}.progress-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 8px #667eea66}.progress-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#ffffff80;margin-bottom:1rem}.form-footer{display:flex;gap:1rem;padding:2rem;border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end}.btn-cancel,.btn-save{padding:.75rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-cancel{background:#ffffff1a;color:#fff}.btn-cancel:hover{background:#ffffff26}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.journal-entries{display:flex;flex-direction:column;gap:2rem}.no-entries{text-align:center;padding:4rem 2rem;background:#ffffff08;border-radius:20px;border:2px dashed rgba(255,255,255,.1)}.no-entries-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-entries h3{font-size:1.5rem;margin-bottom:.5rem}.no-entries p{color:#fff9;margin-bottom:2rem}.journal-entry{background:#ffffff0d;border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;animation:fadeInUp .5s ease}.journal-entry:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d;border-color:#667eea4d}.entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.entry-date{font-size:1.1rem;font-weight:600;color:#667eea}.entry-updated{font-size:.85rem;color:#fff6;margin-top:.25rem}.entry-actions{display:flex;gap:.5rem}.btn-edit,.btn-delete{background:#ffffff1a;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-edit:hover{background:#667eea4d;transform:scale(1.1)}.btn-delete:hover{background:#ff6b6b4d;transform:scale(1.1)}.entry-section{margin-bottom:1.5rem}.entry-section:last-child{margin-bottom:0}.entry-section h4{font-size:1rem;margin-bottom:.75rem;color:#ffffffb3;font-weight:600}.entry-section p{color:#ffffffe6;line-height:1.6;white-space:pre-wrap}.entry-section.insights{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:1rem;border-radius:12px;border-left:4px solid #667eea}.entry-section.progress{background:#6bcb771a;padding:1rem;border-radius:12px;border-left:4px solid #6BCB77}.progress-display{display:flex;flex-direction:column;gap:.5rem}.progress-stars{font-size:1.5rem}@media (max-width: 768px){.journal-page{padding:1rem}.journal-header{flex-direction:column;gap:1rem}.btn-new-entry{width:100%}.journal-form-overlay{padding:1rem}.form-header,.form-body,.form-footer,.journal-entry{padding:1.5rem}.entry-header{flex-direction:column;gap:1rem}.entry-actions{align-self:flex-start}}:root{--bg-primary: linear-gradient(135deg, rgba(10, 10, 15, .85) 0%, rgba(26, 10, 31, .85) 50%, rgba(10, 10, 15, .85) 100%);--bg-secondary: rgba(255, 255, 255, .05);--bg-hover: rgba(255, 255, 255, .08);--text-primary: #f5f5f5;--text-secondary: rgba(255, 255, 255, .8);--border-color: rgba(255, 255, 255, .1);--shadow-color: rgba(255, 107, 53, .3);--card-bg: rgba(255, 255, 255, .05)}body[data-theme=light]{--bg-primary: linear-gradient(135deg, rgba(176, 196, 222, .4) 0%, rgba(135, 169, 200, .4) 50%, rgba(176, 196, 222, .4) 100%);--bg-secondary: rgba(0, 0, 0, .04);--bg-hover: rgba(0, 0, 0, .08);--text-primary: #1a1a2e;--text-secondary: rgba(0, 0, 0, .75);--border-color: rgba(0, 0, 0, .2);--shadow-color: rgba(100, 130, 160, .3);--card-bg: rgba(255, 255, 255, .85)}body[data-theme=light] .nav-button,body[data-theme=light] .search-input,body[data-theme=light] .search-input::placeholder,body[data-theme=light] .chakra-grid,body[data-theme=light] p,body[data-theme=light] span,body[data-theme=light] li,body[data-theme=light] h1,body[data-theme=light] h2,body[data-theme=light] h3,body[data-theme=light] label,body[data-theme=light] a{color:#1a1a2e}body[data-theme=light] .search-input::placeholder{color:#0006}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3{font-family:Great Vibes,cursive;font-weight:400;letter-spacing:.5px}h1{font-size:5.5rem;line-height:1.15}h2{font-size:4rem;line-height:1.2}h3{font-size:3rem;line-height:1.25}p,span,li,label,input,textarea,select,a,button{font-family:Cormorant Garamond,Georgia,serif;font-weight:300}button{font-size:22px;letter-spacing:.5px}p,li{font-size:22px;line-height:1.9}span,label,input,textarea,select,a{font-size:20px}body{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:22px;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background .3s ease,color .3s ease;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/background-cosmic.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;z-index:-1;opacity:.6}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:-1;pointer-events:none}body[data-theme=light]:before{opacity:.6}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem}.chakra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0}.chakra-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:center;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center}.chakra-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow-color);background:var(--bg-hover)}.chakra-image{width:180px;height:180px;margin:0 auto 1rem;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.chakra-image img{width:100%;height:100%;object-fit:cover}.chakra-icon{font-size:4rem;margin:1rem 0}.chakra-name{font-size:1.3rem;margin:.5rem 0;font-weight:700}.chakra-stats{display:flex;gap:1rem;justify-content:center;margin-top:.5rem;font-size:.9rem;opacity:.8}.chakra-color-bar{width:60px;height:4px;margin:1rem auto 0;border-radius:2px}.nav{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.nav-button{background:var(--border-color);border:1px solid var(--border-color);color:#fff;padding:.8rem 1.5rem;border-radius:10px;cursor:pointer;transition:all .3s;font-size:.9rem}.nav-button:hover{background:var(--border-color);transform:translateY(-2px)}.nav-button.active{background:linear-gradient(45deg,#ff6b35,#f72585);border-color:#ff6b35}.header{text-align:center;padding:2rem 0}.header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(45deg,#ff6b35,#f72585);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.search-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:15px;padding:2rem;margin:2rem 0}.search-input{width:100%;padding:1rem;font-size:1rem;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:#fff;margin-bottom:1rem}.chakra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.chakra-card{background:linear-gradient(135deg,#0a0e1a,#1a2332);border:2px solid var(--card-color);border-radius:20px;padding:2.5rem 2rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.chakra-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--card-color);transition:height .4s ease}.chakra-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00000026}.chakra-card:hover:before{height:100%;opacity:.08}.chakra-icon{width:90px;height:90px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--card-color),var(--card-color-light));color:#fff;font-size:2.5rem;box-shadow:0 8px 25px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.chakra-icon:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:var(--card-color);opacity:0;z-index:-1;transition:opacity .4s ease}.chakra-card:hover .chakra-icon{transform:scale(1.15) rotate(10deg);box-shadow:0 12px 35px #0003}.chakra-card:hover .chakra-icon:after{opacity:.15}.chakra-name{font-size:1.4rem;margin-bottom:.5rem;color:#fff;font-weight:600}.content-section{background:var(--bg-secondary);border-radius:15px;padding:2rem;margin:2rem 0}.vow-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem;margin:1rem 0;cursor:pointer;transition:all .3s}.vow-card:hover{background:var(--bg-hover);transform:translate(5px)}.premium-badge{background:linear-gradient(45deg,gold,#ffed4e);color:#000;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;display:inline-block}.free-badge{background:linear-gradient(45deg,#4ade80,#22c55e);color:#000;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;display:inline-block}.button{background:linear-gradient(45deg,#ff6b35,#f72585);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease}.button:hover{transform:scale(1.05);box-shadow:0 5px 20px #ff6b3580}.button-secondary{background:var(--border-color);border:1px solid var(--border-color)}.quiz-question{background:var(--bg-secondary);padding:1.5rem;margin:1rem 0;border-radius:10px}.quiz-answers{display:flex;gap:1rem;margin-top:1rem}.quiz-button{flex:1;padding:.8rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:#fff;border-radius:8px;cursor:pointer;transition:all .3s}.quiz-button:hover{background:var(--border-color)}.quiz-button.selected{background:linear-gradient(45deg,#ff6b35,#f72585);border-color:#ff6b35}.result-card{background:#ff6b351a;border:2px solid #ff6b35;border-radius:10px;padding:1.5rem;margin:1rem 0}@media (max-width: 768px){.header h1{font-size:2rem}.chakra-grid{grid-template-columns:1fr}.quiz-answers{flex-direction:column}}.quiz-section{background:#ff6b351a;border:2px solid rgba(255,107,53,.3);border-radius:15px;padding:2rem;margin:2rem 0;text-align:center}.quiz-section h2{color:#ff6b35;margin-bottom:1rem}.btn-start-quiz{background:linear-gradient(45deg,#ff6b35,#f72585);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1.1rem;cursor:pointer;margin-top:1rem;transition:all .3s;font-weight:700}.btn-start-quiz:hover{transform:scale(1.05);box-shadow:0 5px 20px #ff6b3566}.chakra-quiz{background:var(--bg-secondary);border-radius:15px;padding:2rem;margin:2rem 0}.quiz-intro{background:#ff6b351a;padding:1rem;border-radius:10px;margin:1rem 0 2rem;border-left:4px solid #ff6b35}.quiz-questions{margin:2rem 0}.quiz-question{background:var(--bg-secondary);padding:1.5rem;margin:1.5rem 0;border-radius:10px;border:1px solid var(--border-color)}.quiz-question h3{color:#ff6b35;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase}.quiz-question p{font-size:1.1rem;margin-bottom:1rem;line-height:1.6}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1rem}@media (max-width: 600px){.quiz-options{grid-template-columns:1fr}}.quiz-option{background:var(--bg-secondary);border:2px solid var(--border-color);color:#fff;padding:1rem 1.5rem;border-radius:10px;cursor:pointer;transition:all .3s;font-size:1rem;text-align:center;font-weight:500}.quiz-option:hover{background:var(--border-color);transform:translateY(-2px);border-color:#ff6b3580}.quiz-option.selected{font-weight:700;transform:scale(1.05)}.option-no.selected{background:linear-gradient(45deg,#666,#999);border-color:#999;box-shadow:0 0 12px #9999}.option-sometimes.selected{background:linear-gradient(45deg,#4a5568,#718096);border-color:#718096;box-shadow:0 0 12px #71809699}.option-often.selected{background:linear-gradient(45deg,#ed8936,#f6ad55);border-color:#ed8936;box-shadow:0 0 14px #ed8936bf}.option-yes.selected{background:linear-gradient(45deg,#ff6b35,#f72585);border-color:#ff6b35;box-shadow:0 0 16px #f72585cc}@media (max-width: 768px){.quiz-option.selected{transform:scale(1.06);outline:3px solid white;outline-offset:2px}.option-often.selected{box-shadow:0 0 20px #ed8936e6}.option-yes.selected{box-shadow:0 0 22px #f72585f2}}.btn-submit-quiz{background:linear-gradient(45deg,#ff6b35,#f72585);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1.1rem;cursor:pointer;margin-top:2rem;width:100%;max-width:400px;display:block;margin-left:auto;margin-right:auto;font-weight:700;transition:all .3s}.btn-submit-quiz:hover:not(:disabled){transform:scale(1.02);box-shadow:0 5px 20px #ff6b3566}.quiz-results{text-align:center;padding:3rem 2rem}.quiz-results h2{color:#ff6b35;margin-bottom:1rem}.loading-spinner{font-size:3rem;animation:spin 2s linear infinite}.chakra-health{background:var(--bg-secondary);padding:2.5rem;border-radius:15px;margin:2rem 0;border-left:4px solid currentColor}.health-title{margin-bottom:2rem;font-size:1.8rem;padding-bottom:1rem;border-bottom:2px solid;text-align:center}.health-section-title{margin:2rem 0 1rem;font-size:1.3rem;font-weight:600;padding-left:.5rem;border-left:3px solid}.health-content p{margin-bottom:1.5rem;line-height:2;font-size:1.05rem;padding-left:.5rem}.health-highlight{background:var(--bg-secondary);padding:1rem;border-radius:8px;border-left:3px solid;margin:1rem 0;font-weight:500}.vows-intro{background:#ff6b351a;padding:1rem;border-radius:10px;margin-bottom:2rem;border-left:4px solid #ff6b35}.vows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.vow-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;min-height:150px}.vow-card:hover{transform:translateY(-3px);border-color:#ff6b3580;box-shadow:0 8px 25px #ff6b3533}.vow-card.locked{opacity:.6;position:relative}.vow-card.locked:after{content:"🔒";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;opacity:.3}.vow-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.vow-header h3{font-size:1.1rem;flex:1}.badge-free{background:linear-gradient(45deg,#10b981,#059669);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap}.badge-premium{background:linear-gradient(45deg,#8b5cf6,#7c3aed);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap}.badge-unlocked{background:linear-gradient(45deg,#ff6b35,#f72585);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap}.vow-detail{max-width:900px;margin:0 auto;padding:2rem}.vow-detail .vow-header{text-align:center;padding:2rem 0;border-bottom:3px solid;margin-bottom:3rem}.vow-detail .vow-header h1{font-size:2rem;margin-bottom:1rem}.badge-free-large{background:linear-gradient(45deg,#10b981,#059669);color:#fff;padding:.5rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:700;display:inline-block}.vow-section{margin:2.5rem 0;padding:2rem;background:var(--bg-secondary);border-radius:15px;border-left:4px solid rgba(255,107,53,.5)}.vow-section h2{color:#ff6b35;margin-bottom:1.5rem;font-size:1.4rem}.section-content p{margin-bottom:1.2rem}.section-content ul{list-style:none;padding-left:0}.section-content li{padding:.8rem 0 .8rem 2rem;position:relative;line-height:1.7}.liberation-section{background:linear-gradient(135deg,#ff6b351a,#f725851a);border-left-color:#ff6b35}.detection-section{background:linear-gradient(135deg,#8a2be21a,#4b00821a);border-left-color:#8a2be2;margin-top:0}.detection-content{font-size:1.1rem;background:var(--bg-secondary);padding:1.5rem;border-radius:10px;border-left:3px solid #8a2be2}.liberation-content p{font-size:1.1rem;line-height:1.9}.affirmations-section{background:linear-gradient(135deg,#10b9811a,#0596691a);border-left-color:#10b981}.meditation-section{text-align:center;background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);border-left-color:#8b5cf6}.btn-meditation{display:inline-block;background:linear-gradient(45deg,#8b5cf6,#7c3aed);color:#fff;padding:1rem 2rem;border-radius:10px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s}.btn-meditation:hover{transform:scale(1.05);box-shadow:0 5px 20px #8b5cf666}.btn-back{background:var(--border-color);border:2px solid var(--border-color);color:#fff;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s;margin-bottom:2rem}.btn-back:hover{background:#ffffff26;border-color:#ff6b3580}.btn-back-bottom{margin-top:3rem;margin-bottom:0}.chakra-quiz{max-width:900px;margin:0 auto}.quiz-header{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:15px;border-bottom:3px solid;margin-bottom:2rem}.quiz-header h1{font-size:2rem;margin-bottom:.5rem}.quiz-header h2{font-size:1.5rem;opacity:.9;margin-bottom:1rem}.quiz-intro{font-size:1.05rem;line-height:1.8;opacity:.8;max-width:700px;margin:0 auto}.quiz-intro strong{color:#4ade80}.quiz-progress{display:none}.quiz-progress-vertical{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:100;background:var(--bg-secondary);border:2px solid rgba(168,85,247,.3);border-radius:15px;padding:1rem .8rem;box-shadow:0 8px 24px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-counter{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:2px solid rgba(168,85,247,.3)}.counter-number{font-size:1.5rem;font-weight:700;color:var(--chakra-color, #a855f7);line-height:1}.counter-divider{font-size:1rem;opacity:.5;margin:.2rem 0}.counter-total{font-size:1rem;opacity:.7;line-height:1}.progress-dots{display:flex;flex-direction:column;gap:.5rem;align-items:center}.progress-dot{width:12px;height:12px;border-radius:50%;border:2px solid;cursor:pointer;transition:all .3s;position:relative}.progress-dot.answered{box-shadow:0 0 8px currentColor}.progress-dot.unanswered{opacity:.4}.progress-dot:hover{transform:scale(1.3);opacity:1!important}@media (max-width: 1024px){.quiz-progress-vertical{display:none}.quiz-progress{display:block;position:sticky;top:80px;z-index:99;margin:1rem 0;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:2px solid rgba(168,85,247,.3);box-shadow:0 4px 12px #0003}.quiz-progress .progress-counter{display:flex;justify-content:center;align-items:center;gap:.3rem;margin-bottom:.8rem;font-size:1.1rem;font-weight:600}.quiz-progress .progress-dots{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem;justify-content:center}.quiz-progress .progress-dot{width:10px;height:10px}}.progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;transition:width .3s ease;border-radius:10px}.progress-text{font-size:.9rem;opacity:.7}.quiz-questions{display:flex;flex-direction:column;gap:2rem}.quiz-question{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:15px;padding:2rem;transition:all .3s}.quiz-question:hover{border-color:var(--border-color);background:#ffffff12}.question-number{font-size:.9rem;font-weight:700;margin-bottom:1rem;opacity:.8}.question-text{font-size:1.15rem;line-height:1.7;margin-bottom:1.5rem;color:#f0f0f0}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quiz-option{padding:1rem 1.5rem;background:var(--bg-secondary);border:2px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .3s;font-weight:500}.quiz-option:hover{transform:translateY(-2px);border-color:#ffffff4d;background:var(--bg-hover)}.quiz-option.option-no{border-color:#ef44444d}.quiz-option.option-no:hover{border-color:#ef444480;background:#ef44441a}.quiz-option.option-yes{border-color:#4ade804d}.quiz-option.option-yes:hover{border-color:#4ade8080;background:#4ade801a}.quiz-option.selected{transform:translateY(-2px);box-shadow:0 5px 20px var(--border-color)}.quiz-option.option-no.selected{background:#ef444433;border-color:#ef4444;color:#fca5a5}.quiz-option.option-yes.selected{background:#4ade8033;border-color:#4ade80;color:#86efac}.quiz-footer{margin-top:3rem;text-align:center;padding:2rem 0}.btn-submit-quiz{padding:1.2rem 3rem;font-size:1.2rem;border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s;background:var(--border-color)}.btn-submit-quiz:hover:not(:disabled){transform:scale(1.05);box-shadow:0 10px 30px #ffffff4d}.btn-submit-quiz:disabled{opacity:.5;cursor:not-allowed}.quiz-loading{display:flex;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-content{background:var(--bg-secondary);border-radius:20px;padding:3rem;border:2px solid var(--border-color)}.loading-spinner{font-size:4rem;animation:spin 2s linear infinite;margin-bottom:1.5rem}.loading-content h2{font-size:1.8rem;margin-bottom:1rem}.loading-content p{font-size:1.1rem;opacity:.8}.quiz-results-page{max-width:1000px;margin:0 auto}.results-header{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:15px;border-bottom:3px solid;margin-bottom:2rem}.results-header h1{font-size:2.2rem;margin-bottom:.5rem}.results-header h2{font-size:1.5rem;opacity:.9;margin-bottom:1rem}.results-intro{font-size:1.05rem;line-height:1.8;opacity:.8;max-width:700px;margin:0 auto}.no-vows-detected{text-align:center;padding:3rem;background:#4ade801a;border:2px solid rgba(74,222,128,.3);border-radius:15px;margin:2rem 0}.no-vows-detected h3{font-size:1.8rem;color:#4ade80;margin-bottom:1rem}.no-vows-detected p{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;opacity:.9}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.summary-stat{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s}.summary-stat:hover{border-color:var(--border-color);background:var(--bg-hover)}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:#ff6b35;margin-bottom:.5rem}.stat-label{display:block;font-size:1rem;opacity:.7;text-transform:uppercase;letter-spacing:1px}.vow-keywords{font-size:.9rem;opacity:.7;margin-bottom:.5rem;font-style:italic}.vow-cta{font-weight:500;margin-top:.5rem}.results-actions{margin-top:3rem;text-align:center}@media (max-width: 768px){.quiz-options{grid-template-columns:1fr}.quiz-option{font-size:1rem;padding:.9rem 1.2rem}.question-text{font-size:1.05rem}.results-summary{grid-template-columns:1fr}}.navigation{position:sticky;top:0;z-index:100;background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:1rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-left{display:flex;gap:1rem;align-items:center}.btn-nav-home,.btn-nav-back{background:var(--border-color);border:1px solid var(--border-color);color:#fff;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .3s;font-weight:500}.btn-nav-home:hover{background:#ff6b3533;border-color:#ff6b35;transform:translateY(-2px)}.btn-nav-back:hover{background:#ffffff26;border-color:#ffffff4d}.nav-actions{display:flex;gap:1rem;align-items:center}.btn-connect{background:linear-gradient(45deg,#ff6b35,#f72585);border:none;color:#fff;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.btn-connect:hover{transform:scale(1.05);box-shadow:0 5px 20px #ff6b3566}.btn-logout{background:var(--border-color);border:1px solid var(--border-color);color:#fff;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .3s}.btn-logout:hover{background:#ef444433;border-color:#ef4444}.vow-problem-page,.vow-liberation-page,.vow-meditation-page{max-width:900px;margin:0 auto;padding:2rem 0}.page-nav{display:flex;gap:1rem;margin-bottom:2rem}.vow-navigation-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:2px solid rgba(168,85,247,.3)}.btn-dashboard{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;color:#fff;padding:.8rem 1.5rem;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #6366f14d}.btn-dashboard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.vow-nav-arrows{display:flex;gap:1rem}.btn-nav-arrow{background:var(--bg-secondary);border:2px solid rgba(255,255,255,.2);color:var(--text-primary);padding:.7rem 1.3rem;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .3s;font-weight:500}.btn-nav-arrow:hover:not(:disabled){background:#a855f733;border-color:#a855f7;transform:translate(0) scale(1.05)}.btn-nav-arrow:disabled{opacity:.3;cursor:not-allowed}.bottom-navigation{margin-top:3rem;padding:2rem;background:var(--bg-secondary);border-radius:12px;border:2px solid rgba(168,85,247,.2)}.btn-dashboard-bottom{width:100%;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;color:#fff;padding:1rem 2rem;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;transition:all .3s;box-shadow:0 4px 12px #6366f14d}.btn-dashboard-bottom:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.vow-nav-arrows-bottom{display:flex;gap:1rem;justify-content:center}.vow-nav-arrows-bottom .btn-nav-arrow{flex:1;max-width:250px}@media (max-width: 768px){.vow-navigation-bar{flex-direction:column}.vow-nav-arrows{width:100%;flex-direction:column}.btn-nav-arrow{width:100%}.vow-nav-arrows-bottom{flex-direction:column}.vow-nav-arrows-bottom .btn-nav-arrow{max-width:100%}}.btn-nav{background:var(--bg-secondary);border:2px solid rgba(255,255,255,.15);color:#fff;padding:.7rem 1.3rem;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .3s;font-weight:500}.btn-nav:hover{background:var(--border-color);border-color:#ffffff4d;transform:translateY(-2px)}.vow-header{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:15px;border-bottom:3px solid;margin-bottom:2rem}.vow-header h1{font-size:2rem;margin-bottom:1rem}.vow-phase{margin-top:1rem}.phase-badge{display:inline-block;padding:.5rem 1.5rem;border-radius:20px;color:#fff;font-weight:600;font-size:.95rem}.vow-content{display:flex;flex-direction:column;gap:2rem}.vow-section{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:15px;padding:2rem;transition:all .3s}.vow-section:hover{border-color:var(--border-color);background:#ffffff12}.vow-section h2{font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.section-content{line-height:1.8;font-size:1.05rem}.section-content p{margin-bottom:1rem}.beliefs-list,.affirmations-list,.tips-list,.after-list{list-style:none;padding-left:0}.beliefs-list li,.affirmations-list li,.tips-list li,.after-list li{padding:.8rem 0;padding-left:0;position:relative;line-height:1.7}.content-placeholder{opacity:.6;font-style:italic;color:#a0a0a0}.vow-actions{margin-top:3rem;display:flex;gap:1rem;justify-content:center}.btn-next-phase{padding:1.2rem 3rem;font-size:1.2rem;border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.btn-next-phase:hover{transform:scale(1.05);box-shadow:0 10px 30px #ffffff4d}.btn-primary{padding:1rem 2.5rem;font-size:1.1rem;border:none;border-radius:10px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.btn-primary:hover{transform:scale(1.05)}.btn-secondary{padding:1rem 2.5rem;font-size:1.1rem;background:var(--border-color);border:2px solid var(--border-color);border-radius:10px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.meditation-content{display:flex;flex-direction:column;gap:2rem}.meditation-intro{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:15px;padding:2rem}.meditation-intro h2{font-size:1.8rem;margin-bottom:1rem}.intro-text{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.intro-tips{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .8rem}.meditation-video{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:15px;padding:2rem;text-align:center}.meditation-video h3{font-size:1.5rem;margin-bottom:1.5rem}.video-container{margin:2rem 0}.btn-youtube{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2.5rem;font-size:1.2rem;border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s;text-decoration:none}.btn-youtube:hover{transform:scale(1.05);box-shadow:0 10px 30px #ffffff4d}.youtube-icon{font-size:1.5rem}.video-note{margin-top:1rem;opacity:.7;font-size:.95rem}.video-placeholder{padding:3rem 2rem;background:var(--bg-secondary);border-radius:10px;border:2px dashed var(--border-color)}.video-placeholder p{font-size:1.2rem;margin-bottom:1rem}.placeholder-note{opacity:.7;font-size:1rem}.after-meditation{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:15px;padding:2rem}.after-meditation h3{font-size:1.5rem;margin-bottom:1rem}.app{display:flex;flex-direction:column;min-height:100vh}.container{flex:1}footer{margin-top:auto;background:#0a0a0ff2;border-top:1px solid var(--border-color);padding:2rem 0}@media (max-width: 768px){.nav-container{flex-direction:column;gap:1rem}.nav-left{width:100%;justify-content:flex-start;flex-wrap:nowrap;align-items:center;overflow-x:auto;gap:6px}.nav-actions{width:100%;justify-content:center}.vow-actions{flex-direction:column}.btn-next-phase,.btn-primary,.btn-secondary{width:100%}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes glow{0%,to{box-shadow:0 0 20px #ff6b354d}50%{box-shadow:0 0 40px #ff6b3599,0 0 60px #ff6b3566}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.container>*{animation:fadeInUp .6s ease-out}.chakra-grid{animation:fadeInUp .8s ease-out .2s backwards}.chakra-card{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:visible}.chakra-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgba(255,107,53,.3),transparent);border-radius:17px;opacity:0;transition:opacity .4s;z-index:-1;animation:glow 3s infinite}.chakra-card:hover:before{opacity:1}.chakra-card:active{transform:translateY(-5px) scale(.98)}.chakra-image{position:relative;overflow:hidden}.chakra-image:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .5s;pointer-events:none}.chakra-card:hover .chakra-image:after{transform:translate(-50%,-50%) scale(1.5);opacity:1}.chakra-image img{transition:transform .5s ease}.chakra-card:hover .chakra-image img{transform:scale(1.1) rotate(2deg)}.vow-card{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.vow-card:before{content:"✨";position:absolute;top:10px;right:10px;font-size:1.5rem;opacity:0;transform:scale(0) rotate(-180deg);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.vow-card:hover:before{opacity:1;transform:scale(1) rotate(0)}.vow-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--border-color)}.vow-card:active{transform:translateY(-2px) scale(.98)}@keyframes particle-float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px);opacity:0}}.app:before,.app:after{content:"✨";position:fixed;font-size:1.5rem;pointer-events:none;z-index:1;animation:particle-float 15s infinite}.app:before{left:10%;bottom:0;animation-delay:0s}.app:after{right:10%;bottom:0;animation-delay:7s}.btn-start-quiz,.btn-next-phase,.btn-youtube{animation:pulse 2s infinite;position:relative}.btn-start-quiz:hover,.btn-next-phase:hover,.btn-youtube:hover{animation:none}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.badge-free,.badge-premium,.badge-unlocked,.phase-badge{position:relative;overflow:hidden}.badge-free:after,.badge-premium:after,.badge-unlocked:after,.phase-badge:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;animation:shimmer 3s infinite}.quiz-question{animation:slideInFromRight .5s ease-out}.quiz-question:nth-child(2n){animation-delay:.1s}.progress-fill{position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.quiz-loading{animation:fadeIn .5s ease-out}.loading-spinner{animation:spin 2s linear infinite,pulse 1s ease-in-out infinite}.vow-section{animation:fadeInUp .6s ease-out}.btn-nav-home,.btn-nav-back,.btn-nav{position:relative;overflow:hidden}.btn-nav-home:before,.btn-nav-back:before,.btn-nav:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--border-color);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-nav-home:hover:before,.btn-nav-back:hover:before,.btn-nav:hover:before{width:300px;height:300px}.results-summary{animation:fadeInUp .8s ease-out}.summary-stat{animation:fadeInUp .6s ease-out}.summary-stat:nth-child(1){animation-delay:.1s}.summary-stat:nth-child(2){animation-delay:.2s}.summary-stat:nth-child(3){animation-delay:.3s}.stat-number{display:inline-block;animation:pulse 2s infinite}@media (max-width: 768px){.chakra-card:before,.app:before,.app:after{display:none}.chakra-card:hover{transform:translateY(-5px)}}.chakra-card,.vow-card,.btn-start-quiz,.btn-next-phase,.quiz-option{cursor:pointer}body{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="10" fill="rgba(255,107,53,0.3)"/><circle cx="16" cy="16" r="4" fill="rgba(255,255,255,0.8)"/></svg>') 16 16,auto}.chakra-card:hover,.vow-card:hover,button:hover{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="12" fill="rgba(255,107,53,0.5)"/><circle cx="16" cy="16" r="6" fill="rgba(255,255,255,1)"/></svg>') 16 16,pointer}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.container>*{animation:pageEnter .5s ease-out}@keyframes chakraGlow{0%,to{box-shadow:0 0 20px #ff6b354d}50%{box-shadow:0 0 40px #ff6b3599,0 0 60px #ff6b3566}}.chakra-card{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.chakra-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgba(255,107,53,.3),transparent);border-radius:15px;opacity:0;transition:opacity .4s;z-index:-1}.chakra-card:hover:before{opacity:1;animation:rotateGlow 3s linear infinite}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chakra-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 60px #ff6b3566}.chakra-image{position:relative;overflow:visible}.chakra-card:hover .chakra-image{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.vow-card{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.vow-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s,height .6s}.vow-card:hover:after{width:300px;height:300px}.vow-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px var(--border-color)}@keyframes vowReveal{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}.vow-card{animation:vowReveal .6s ease-out;animation-fill-mode:both}.vow-card:nth-child(1){animation-delay:.1s}.vow-card:nth-child(2){animation-delay:.2s}.vow-card:nth-child(3){animation-delay:.3s}.vow-card:nth-child(4){animation-delay:.4s}.vow-card:nth-child(5){animation-delay:.5s}.vow-card:nth-child(6){animation-delay:.6s}@keyframes energyWave{0%{box-shadow:0 0 #ff6b35b3}50%{box-shadow:0 0 0 15px #ff6b3500}to{box-shadow:0 0 #ff6b3500}}.btn-start-quiz:hover,.btn-next-phase:hover,.btn-youtube:hover{animation:energyWave 1.5s infinite}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.badge-free,.badge-premium,.badge-unlocked{position:relative;overflow:hidden}.badge-free:after,.badge-premium:after,.badge-unlocked:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.6}}.header:before,.header:after{content:"✨";position:absolute;font-size:2rem;opacity:.3;animation:float 6s ease-in-out infinite}.header:before{top:10%;left:10%;animation-delay:0s}.header:after{top:20%;right:15%;animation-delay:3s}.header{position:relative}.vow-section{animation:sectionFadeIn .6s ease-out}@keyframes sectionFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.vow-section:nth-child(1){animation-delay:.1s}.vow-section:nth-child(2){animation-delay:.2s}.vow-section:nth-child(3){animation-delay:.3s}.vow-section:nth-child(4){animation-delay:.4s}.vow-section:nth-child(5){animation-delay:.5s}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 5px rgba(255,107,53,.5))}50%{filter:drop-shadow(0 0 20px rgba(255,107,53,1))}}.loading-spinner{animation:spin 2s linear infinite,glowPulse 2s ease-in-out infinite}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.chakra-card:active:after,.vow-card:active:after,.quiz-option:active:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);animation:ripple .6s ease-out}.phase-badge{position:relative;animation:auraPulse 3s ease-in-out infinite}@keyframes auraPulse{0%,to{box-shadow:0 0 10px currentColor}50%{box-shadow:0 0 25px currentColor,0 0 40px currentColor}}.page-nav{animation:slideInFromTop .5s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.affirmations-list li{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.affirmations-list li:nth-child(1){animation-delay:.1s}.affirmations-list li:nth-child(2){animation-delay:.2s}.affirmations-list li:nth-child(3){animation-delay:.3s}.affirmations-list li:nth-child(4){animation-delay:.4s}.affirmations-list li:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body{cursor:default}a,button,.chakra-card,.vow-card{cursor:pointer}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.quiz-question{animation:questionAppear .5s ease-out}@keyframes questionAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn-youtube{position:relative;overflow:hidden}.btn-youtube:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,var(--border-color) 50%,transparent 70%);transform:rotate(45deg);animation:mysticalShine 3s linear infinite}@keyframes mysticalShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.results-summary{animation:resultsReveal .8s ease-out}@keyframes resultsReveal{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.summary-stat{animation:statPop .6s ease-out;animation-fill-mode:both}.summary-stat:nth-child(1){animation-delay:.2s}.summary-stat:nth-child(2){animation-delay:.4s}.summary-stat:nth-child(3){animation-delay:.6s}@keyframes statPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.search-container{max-width:900px;margin:2rem auto;animation:searchFadeIn .6s ease-out}@keyframes searchFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-box{position:relative;margin-bottom:1rem}.search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--bg-secondary);border:2px solid rgba(255,255,255,.15);border-radius:50px;padding:.5rem 1rem;transition:all .3s}.search-input-wrapper:focus-within{border-color:#ff6b35;box-shadow:0 0 20px #ff6b354d;background:var(--bg-hover)}.search-icon{font-size:1.3rem;margin-right:.8rem;opacity:.7}.search-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:1.05rem;padding:.5rem 0}.search-input::placeholder{color:#ffffff80}.search-clear{background:var(--border-color);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .3s}.search-clear:hover{background:#ef44444d;transform:scale(1.1)}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#14141efa;border:2px solid rgba(255,255,255,.15);border-radius:15px;overflow:hidden;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:resultsSlideDown .3s ease-out;max-height:500px;overflow-y:auto}@keyframes resultsSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.results-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:#ff6b351a}.results-count{color:#ff6b35;font-weight:600;font-size:.95rem}.results-list{padding:.5rem}.search-result-item{padding:1rem 1.5rem;border-left:3px solid;border-radius:8px;margin:.5rem 0;background:var(--bg-secondary);cursor:pointer;transition:all .3s;position:relative}.search-result-item:hover{background:var(--bg-hover);transform:translate(5px);box-shadow:0 5px 20px #0000004d}.result-chakra{font-size:.85rem;font-weight:600;margin-bottom:.3rem;display:flex;align-items:center;gap:.3rem}.result-vow-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.match-type-badge{font-size:.75rem;padding:.2rem .5rem;border-radius:8px;font-weight:500;display:inline-flex;align-items:center;opacity:.8}.match-type-badge.fuzzy{background:#ffc10733;border:1px solid rgba(255,193,7,.4);color:#ffc107}.match-type-badge.phonetic{background:#9c27b033;border:1px solid rgba(156,39,176,.4);color:#ce93d8}.result-keywords{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.keyword-tag{background:var(--border-color);padding:.2rem .6rem;border-radius:12px;font-size:.8rem;color:var(--text-secondary)}.result-badge{position:absolute;top:1rem;right:1rem;font-size:.75rem;padding:.3rem .8rem;border-radius:12px;font-weight:600}.no-results{padding:2rem;text-align:center}.no-results p{margin-bottom:.5rem;opacity:.8}.no-results-hint{font-size:.9rem;opacity:.6}.search-suggestions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.suggestions-label{font-size:.9rem;opacity:.7;font-weight:500}.suggestion-tag{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);padding:.4rem 1rem;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s}.suggestion-tag:hover{background:#ff6b3533;border-color:#ff6b35;color:#fff;transform:translateY(-2px)}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:var(--bg-secondary)}.search-results::-webkit-scrollbar-thumb{background:#ff6b3580;border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background:#ff6b35b3}.footer{background:#0a0a0ffa;border-top:1px solid var(--border-color);padding:2rem 0;margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;justify-content:center}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:all .3s;background:none;border:none;cursor:pointer;padding:.3rem .5rem}body[data-theme=light] .footer-link{color:#ffffffe6}.footer-link:hover{color:#ff6b35;transform:translateY(-2px)}.footer-separator{color:#ffffff4d;font-size:.8rem}.footer-social{display:flex;gap:1rem}.social-icon{font-size:1.5rem;text-decoration:none;transition:all .3s;filter:grayscale(50%)}.social-icon:hover{filter:grayscale(0%);transform:scale(1.2) translateY(-3px)}.footer-copyright{text-align:center}.footer-copyright p{color:#ffffff80;font-size:.9rem}.faq-modal{max-width:800px;max-height:90vh;overflow-y:auto;padding:2rem}.faq-modal h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:#ff6b35}.faq-content{display:flex;flex-direction:column;gap:1.5rem}.faq-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid #ff6b35;border-radius:10px;padding:1.5rem;transition:all .3s}.faq-item:hover{background:var(--bg-hover);border-left-width:6px;transform:translate(3px)}.faq-item h3{font-size:1.2rem;margin-bottom:.8rem;color:#ff6b35}.faq-item p{line-height:1.7;color:var(--text-primary)}.faq-item strong{color:#ff6b35}.btn-close-faq{width:100%;padding:1rem;margin-top:2rem;background:linear-gradient(45deg,#ff6b35,#f72585);border:none;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-close-faq:hover{transform:scale(1.02);box-shadow:0 5px 20px #ff6b3566}.faq-modal::-webkit-scrollbar{width:8px}.faq-modal::-webkit-scrollbar-track{background:var(--bg-secondary)}.faq-modal::-webkit-scrollbar-thumb{background:#ff6b3580;border-radius:4px}.faq-modal::-webkit-scrollbar-thumb:hover{background:#ff6b35b3}@media (max-width: 768px){.footer-links{flex-direction:column;gap:.8rem}.footer-separator{display:none}.footer-link{padding:.5rem 1rem;border-radius:8px;background:var(--bg-secondary)}}.promo-section{margin:1.5rem 0;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px}.promo-input-wrapper{display:flex;gap:.5rem}.promo-input{flex:1;padding:.8rem 1rem;background:var(--bg-secondary);border:2px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:all .3s}.promo-input:focus{border-color:#ff6b35;background:var(--bg-hover)}.promo-input::placeholder{color:#ffffff80}.btn-apply-promo{padding:.8rem 1.5rem;background:linear-gradient(45deg,#ff6b35,#f72585);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s}.btn-apply-promo:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 20px #ff6b3566}.btn-apply-promo:disabled{opacity:.5;cursor:not-allowed}.promo-message{margin-top:1rem;padding:.8rem;border-radius:8px;text-align:center;font-weight:600;animation:promoSlideDown .3s ease-out}@keyframes promoSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.promo-valid{background:#4ade8033;border:2px solid #4ade80;color:#4ade80}.promo-invalid{background:#ef444433;border:2px solid #ef4444;color:#ef4444}.price-amount-old{font-size:1.5rem;color:#ffffff80;text-decoration:line-through;margin-right:1rem}.price-amount{font-size:3rem;font-weight:700;color:#ff6b35}.premium-guarantee p{margin:.3rem 0}.plan-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.plan-option{position:relative;padding:1.5rem;background:var(--bg-secondary);border:2px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;transition:all .3s;text-align:center}.plan-option:hover{background:var(--bg-hover);border-color:#ff6b3580;transform:translateY(-3px)}.plan-option.selected{background:#ff6b3526;border-color:#ff6b35;box-shadow:0 5px 20px #ff6b354d}.plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(45deg,#ff6b35,#f72585);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap}.plan-name{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#fff}.plan-price{font-size:1.8rem;font-weight:700;color:#ff6b35;margin:.5rem 0}.plan-desc{font-size:.85rem;opacity:.7}@media (max-width: 768px){.plan-selector{grid-template-columns:1fr}}.promo-message.promo-used{background:#fb923c33;border:2px solid #fb923c;color:#fb923c}.auth-dropdown-container{position:relative}.auth-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:1000;animation:dropdownSlideIn .3s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-dropdown-content{background:#14141efa;border:2px solid rgba(255,255,255,.15);border-radius:15px;padding:2rem;min-width:350px;box-shadow:0 10px 40px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.dropdown-close{position:absolute;top:1rem;right:1rem;background:var(--border-color);border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}.dropdown-close:hover{background:#ef44444d;transform:scale(1.1)}.auth-dropdown:before{content:"";position:absolute;top:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(255,255,255,.15)}.auth-dropdown:after{content:"";position:absolute;top:-6px;right:21px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(20,20,30,.98)}@media (max-width: 768px){.auth-dropdown{position:fixed;top:80px;right:10px;left:10px}.auth-dropdown-content{min-width:auto;width:100%}}.star-cursor-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.star-particle{position:fixed;pointer-events:none;animation:starFloat 1s ease-out forwards;font-size:1em;filter:drop-shadow(0 0 1px var(--star-color));transform-origin:center}@keyframes starFloat{0%{opacity:.35;transform:translate(-50%,-50%) scale(0) rotate(0)}50%{opacity:.25;transform:translate(-50%,-50%) scale(1) rotate(180deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(360deg) translateY(-20px)}}@keyframes starRise{0%{opacity:1;transform:translate(-50%,-50%) scale(.5) rotate(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(180deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(360deg) translateY(-50px)}}@media (max-width: 768px){.star-cursor-container{display:none}}.progress-dashboard{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(45deg,#ff6b35,#f72585,#7209b7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboard-subtitle{color:var(--text-secondary);font-size:1.1rem}.global-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--bg-secondary);border-radius:15px;padding:1.5rem;display:flex;align-items:center;gap:1rem;border:2px solid var(--border-color);transition:all .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#ff6b3580}.stat-icon{font-size:2.5rem}.stat-number{font-size:2rem;font-weight:700;color:#fff}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-liberated .stat-number{color:#6bcb77}.stat-completion .stat-number{color:#ffd93d}.global-progress-bar{background:var(--bg-secondary);border-radius:15px;padding:1.5rem;margin-bottom:3rem}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.1rem}.progress-percentage{font-weight:700;color:#ffd93d;font-size:1.3rem}.progress-bar{height:20px;background:var(--border-color);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#f72585,#7209b7);transition:width 1s ease;border-radius:10px}.favorites-section{background:#ffd7000d;border:2px solid rgba(255,215,0,.3);border-radius:20px;padding:2rem;margin:2rem 0}.favorites-section h2{font-size:1.8rem;margin-bottom:.5rem;text-align:center;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.favorites-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;opacity:.8}.favorites-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.favorite-vow-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-left-width:4px;border-radius:12px;padding:1.2rem;cursor:pointer;transition:all .3s ease}.favorite-vow-card:hover{background:var(--bg-hover);transform:translateY(-3px);box-shadow:0 8px 20px #ffd70033}.favorite-vow-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.favorite-chakra{font-size:.9rem;font-weight:600;flex:1}.favorite-vow-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.favorite-vow-action{margin-top:.8rem;text-align:right;font-size:.9rem;color:gold;font-weight:600}@media (max-width: 768px){.favorites-grid{grid-template-columns:1fr}.favorites-section{padding:1.5rem}}.chakras-progress h2{font-size:1.8rem;margin-bottom:2rem;text-align:center}.chakras-grid{display:grid;gap:2rem}.chakra-progress-card{background:var(--bg-secondary);border-radius:15px;padding:1.5rem;border:2px solid var(--border-color)}.chakra-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid}.chakra-info{display:flex;align-items:center;gap:1rem}.chakra-icon{font-size:2.5rem}.chakra-info h3{font-size:1.3rem;margin:0}.chakra-stats-text{color:#fff9;font-size:.9rem;margin:.3rem 0 0}.chakra-completion{font-size:2rem;font-weight:700}.chakra-progress-bar{height:12px;background:var(--border-color);border-radius:6px;overflow:hidden;margin-bottom:1.5rem}.chakra-progress-fill{height:100%;transition:width .8s ease;border-radius:6px}.vows-list{display:flex;flex-direction:column;gap:.8rem}.vow-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:10px;border-left:4px solid transparent;cursor:pointer;transition:all .3s}.vow-item:hover{background:var(--bg-hover);transform:translate(5px)}.vow-status-detected{border-left-color:#ff6b6b}.vow-status-in-progress{border-left-color:#ffd93d}.vow-status-liberated{border-left-color:#6bcb77}.vow-status-reinforcing{border-left-color:#4d96ff}.vow-status-indicator{font-size:1.5rem}.vow-info{flex:1}.vow-title{font-weight:600;margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem;justify-content:space-between}.vow-date{font-size:.85rem;color:#ffffff80}.vow-notes{font-size:.85rem;color:#fff9;font-style:italic;margin-top:.3rem}.vow-action{font-size:1.5rem;color:#ffffff4d}.motivation-message{background:var(--bg-secondary);border-radius:15px;padding:1.5rem;margin-top:3rem;display:flex;align-items:center;gap:1rem;border-left:4px solid}.motivation-icon{font-size:2.5rem}.progress-25{border-left-color:#6bcb77}.progress-50{border-left-color:#ffd93d}.progress-75{border-left-color:#ff6b35}.progress-100{border-left-color:#f72585;animation:celebration-pulse 2s infinite}@keyframes celebration-pulse{0%,to{box-shadow:0 0 20px #f725854d}50%{box-shadow:0 0 40px #f7258599}}.dashboard-empty{display:flex;justify-content:center;align-items:center;min-height:60vh}.empty-state{text-align:center;max-width:500px}.empty-icon{font-size:5rem;display:block;margin-bottom:1rem}.empty-state h2{font-size:1.8rem;margin-bottom:1rem}.empty-state p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.empty-suggestion{background:#ff6b351a;padding:1rem;border-radius:10px;border-left:3px solid #ff6b35}.vow-status-manager{background:var(--bg-secondary);border-radius:15px;padding:2rem;margin:2rem 0}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.status-header h3{font-size:1.5rem;margin:0}.current-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;border:2px solid;background:var(--bg-secondary)}.status-icon{font-size:1.2rem}.status-label{font-weight:600}.status-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.status-option{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:10px;border:2px solid;background:transparent;color:#fff;cursor:pointer;transition:all .3s;text-align:left}.status-option:hover{transform:scale(1.05)}.status-option.active{font-weight:700}.status-option-icon{font-size:2rem}.status-option-label{font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.status-option-description{font-size:.85rem;color:var(--text-secondary)}.progress-info{background:var(--bg-secondary);border-radius:10px;padding:1rem;margin-bottom:1.5rem}.progress-date{display:flex;align-items:center;gap:.8rem;padding:.5rem 0;color:var(--text-secondary)}.progress-date.celebration{color:#6bcb77;font-weight:600}.date-icon{font-size:1.2rem}.work-duration{display:flex;align-items:center;gap:.8rem;padding:.8rem;margin-top:.5rem;background:#ffd7001a;border-radius:8px;border-left:3px solid #FFD93D}.duration-icon{font-size:1.2rem}.notes-section{margin-top:1.5rem}.btn-add-notes{background:#ff6b3533;color:#fff;border:2px solid rgba(255,107,53,.5);padding:.8rem 1.5rem;border-radius:10px;cursor:pointer;font-size:1rem;transition:all .3s;width:100%}.btn-add-notes:hover{background:#ff6b354d;border-color:#ff6b35}.notes-editor{margin-top:1rem}.notes-textarea{width:100%;padding:1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:#fff;font-size:1rem;font-family:inherit;resize:vertical}.notes-textarea:focus{outline:none;border-color:#ff6b35}.notes-actions{display:flex;gap:1rem;margin-top:1rem}.btn-save-notes,.btn-cancel-notes{flex:1;padding:.8rem;border-radius:8px;border:none;cursor:pointer;font-size:1rem;transition:all .3s}.btn-save-notes{background:linear-gradient(45deg,#6bcb77,#4d96ff);color:#fff}.btn-save-notes:hover{transform:scale(1.05)}.btn-cancel-notes{background:var(--border-color);color:#fff}.btn-cancel-notes:hover{background:var(--border-color)}.notes-display{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:10px;border-left:3px solid #ff6b35}.notes-header{font-weight:600;margin-bottom:.5rem;color:#ffffffe6}.notes-content{color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.fireworks-container.magical-theme{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at center,#19003200,#000000e6)}.fireworks-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8a2be20d,#000000e6,#190032e6);display:flex;justify-content:center;align-items:center;animation:overlay-mystic 1s ease-out}@keyframes overlay-mystic{0%{background:#0000}to{background:linear-gradient(135deg,#8a2be20d,#000000e6,#190032e6)}}.celebration-message.magical{text-align:center;animation:spiritual-float 2s cubic-bezier(.68,-.55,.265,1.55) forwards;position:relative;z-index:10001;padding:3rem}.energy-aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(186,104,200,.3) 0%,rgba(138,43,226,.2) 30%,rgba(156,39,176,.1) 60%,transparent 80%);animation:aura-pulse 3s ease-in-out infinite;filter:blur(20px)}@keyframes aura-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.9}}.celebration-title.magical{font-size:3.5rem;margin-bottom:1.5rem;background:linear-gradient(45deg,gold,#ff69b4,#ba68c8,#00bcd4,#9c27b0,gold);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:mystic-gradient 4s ease-in-out infinite,float-gentle 3s ease-in-out infinite;font-weight:700;letter-spacing:3px}.symbol-glow{display:inline-block;font-size:2.5rem;animation:symbol-rotate 4s linear infinite,symbol-glow 2s ease-in-out infinite;margin:0 1rem}@keyframes symbol-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes symbol-glow{0%,to{filter:drop-shadow(0 0 10px #FFD700)}50%{filter:drop-shadow(0 0 30px #FF69B4) drop-shadow(0 0 40px #BA68C8)}}@keyframes mystic-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.celebration-main.magical{font-size:1.8rem;color:#fff;margin:1rem 0;font-weight:600;animation:text-shimmer 2s ease-in-out infinite;text-shadow:0 0 20px rgba(255,255,255,.5)}@keyframes text-shimmer{0%,to{opacity:.9;text-shadow:0 0 20px rgba(255,255,255,.5)}50%{opacity:1;text-shadow:0 0 30px rgba(255,215,0,.8),0 0 40px rgba(255,105,180,.6)}}.celebration-subtext.magical{font-size:1.3rem;color:#fffffff2;animation:spiritual-pulse 2.5s ease-in-out infinite}.sparkle{display:inline-block;margin-left:.5rem;animation:sparkle-spin 3s linear infinite}@keyframes sparkle-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.3)}to{transform:rotate(360deg) scale(1)}}.chakra-symbols{margin-top:2rem;font-size:2rem;display:flex;justify-content:center;gap:2rem}.chakra-symbols span{display:inline-block;animation:chakra-float 3s ease-in-out infinite}.chakra-symbols span:nth-child(1){animation-delay:0s}.chakra-symbols span:nth-child(2){animation-delay:.2s}.chakra-symbols span:nth-child(3){animation-delay:.4s}.chakra-symbols span:nth-child(4){animation-delay:.6s}.chakra-symbols span:nth-child(5){animation-delay:.8s}@keyframes chakra-float{0%,to{transform:translateY(0) rotate(0);filter:drop-shadow(0 0 5px currentColor)}50%{transform:translateY(-20px) rotate(180deg);filter:drop-shadow(0 0 15px currentColor)}}@keyframes spiritual-float{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.1) rotate(10deg)}80%{transform:scale(.95) rotate(-5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes spiritual-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.energy-wave{position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid var(--wave-color);animation:wave-expand calc(var(--wave-size) / 50 * 1s) ease-out forwards;animation-delay:var(--wave-delay);opacity:0;box-shadow:0 0 20px var(--wave-color),inset 0 0 20px var(--wave-color)}@keyframes wave-expand{0%{width:10px;height:10px;opacity:1;border-width:3px}50%{opacity:.8;border-width:2px}to{width:var(--wave-size);height:var(--wave-size);opacity:0;border-width:1px}}.mandala-particle{position:absolute;width:var(--size);height:var(--size);animation:mandala-spiral 6s cubic-bezier(.25,.46,.45,.94) forwards;transform-origin:center;filter:drop-shadow(0 0 5px var(--color))}.particle-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(var(--size) * 1.5);color:var(--color);font-weight:700;animation:symbol-pulse 2s ease-in-out infinite;text-shadow:0 0 10px var(--color),0 0 20px var(--color),0 0 30px var(--color),0 0 40px var(--color)}@keyframes symbol-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.particle-aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;border-radius:50%;background:radial-gradient(circle,var(--color) 0%,transparent 70%);opacity:.6;animation:aura-shimmer 2s ease-in-out infinite}@keyframes aura-shimmer{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.3)}}@keyframes mandala-spiral{0%{transform:translate(0) rotate(var(--rotation)) scale(.5);opacity:1}15%{transform:translate(calc(cos(var(--angle)) * calc(var(--velocity) * 30px) + var(--spiral)),calc(sin(var(--angle)) * calc(var(--velocity) * 30px))) rotate(calc(var(--rotation) + 120deg)) scale(1.5);opacity:1}50%{transform:translate(calc(cos(var(--angle)) * calc(var(--velocity) * 100px) + var(--spiral) * 2),calc(sin(var(--angle)) * calc(var(--velocity) * 100px) + 40px)) rotate(calc(var(--rotation) + 360deg)) scale(1.2);opacity:.9}85%{transform:translate(calc(cos(var(--angle)) * calc(var(--velocity) * 150px) + var(--spiral) * 3),calc(sin(var(--angle)) * calc(var(--velocity) * 150px) + 150px)) rotate(calc(var(--rotation) + 720deg)) scale(.8);opacity:.5}to{transform:translate(calc(cos(var(--angle)) * calc(var(--velocity) * 180px) + var(--spiral) * 3),calc(sin(var(--angle)) * calc(var(--velocity) * 180px) + 250px)) rotate(calc(var(--rotation) + 900deg)) scale(.2);opacity:0}}.ambient-star{position:absolute;color:#fff9;animation:star-twinkle 2s ease-in-out infinite;filter:drop-shadow(0 0 3px white)}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.4) rotate(180deg)}}@media (max-width: 768px){.celebration-title.magical{font-size:2.5rem}.celebration-main.magical{font-size:1.4rem}.celebration-subtext.magical{font-size:1.1rem}.chakra-symbols{font-size:1.5rem;gap:1rem}@keyframes mandala-spiral{0%{transform:translate(0) rotate(var(--rotation)) scale(.5);opacity:1}20%{transform:translate(calc(cos(var(--angle)) * calc(var(--velocity) * 20px)),calc(sin(var(--angle)) * calc(var(--velocity) * 20px))) rotate(calc(var(--rotation) + 120deg)) scale(1.2);opacity:1}60%{transform:translate(calc(cos(var(--angle)) * calc(var(--velocity) * 60px)),calc(sin(var(--angle)) * calc(var(--velocity) * 60px) + 30px)) rotate(calc(var(--rotation) + 360deg)) scale(.8);opacity:.7}to{transform:translate(calc(cos(var(--angle)) * calc(var(--velocity) * 100px)),calc(sin(var(--angle)) * calc(var(--velocity) * 100px) + 150px)) rotate(calc(var(--rotation) + 720deg)) scale(.2);opacity:0}}}@media (max-width: 768px){.global-stats{grid-template-columns:repeat(2,1fr)}.status-options{grid-template-columns:1fr}.celebration-message h1{font-size:2rem}.celebration-message p{font-size:1.2rem}}.btn-nav-dashboard{background:linear-gradient(45deg,#4d96ff,#6bcb77);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;display:flex;align-items:center;gap:.5rem}.btn-nav-dashboard:hover{transform:scale(1.05);box-shadow:0 5px 15px #4d96ff66}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.loading-spinner{font-size:4rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vow-section .section-content p{line-height:2.2!important;margin-bottom:1.8rem!important;text-align:justify}.section-content[style*=pre-line] p,.section-content[style*=pre-line]{line-height:2.2!important}.beliefs-list li,.affirmations-list li{line-height:2!important;margin-bottom:1rem!important;padding:1rem 0!important}.detection-content p{line-height:2.2!important;margin-bottom:1.5rem!important}.meditation-text{line-height:2.5!important;font-size:1.1rem!important;margin-bottom:2rem!important}.liberation-content p{line-height:2.2!important;margin-bottom:1.8rem!important}.formatted-content{line-height:2.2}.formatted-content p{margin-bottom:1.5rem;line-height:2.2}.section-subtitle{display:block;font-size:1.2rem;font-weight:700;text-decoration:none;margin-top:2rem;margin-bottom:1.2rem;letter-spacing:.3px;padding-bottom:.5rem;border-bottom:3px solid currentColor;position:relative}.section-subtitle:before{content:"✨ ";opacity:.7;margin-right:.3rem}.section-title{font-size:1.4rem;font-weight:700;margin-top:2.5rem;margin-bottom:1.5rem;letter-spacing:.5px;line-height:1.4;padding-bottom:.5rem;border-bottom:3px solid currentColor}.numbered-section-title{font-size:1.3rem;font-weight:700;margin-top:2.5rem;margin-bottom:1.2rem;letter-spacing:.4px;line-height:1.4;padding-bottom:.6rem;border-bottom:3px solid currentColor;display:block}.formatted-content .section-title:first-child{margin-top:1rem}.formatted-content strong.section-subtitle:first-of-type{margin-top:0}.formatted-content .custom-list{list-style:none;padding-left:0;margin:1.5rem 0}.formatted-content .custom-list li{padding-left:2rem;position:relative;margin-bottom:1.2rem;line-height:1.9}.formatted-content .custom-list li:before{content:"•";position:absolute;left:.5rem;color:var(--bullet-color, #a855f7);font-weight:700;font-size:1.3rem}.formatted-content strong:not(.section-subtitle){color:#e9d5ff;font-weight:600}.vow-section{margin-bottom:3rem;padding-bottom:2rem}.vow-section h2{margin-bottom:1.5rem;padding-bottom:.8rem}.section-content ul:not(.custom-list){margin:1.5rem 0}.section-content ul:not(.custom-list) li{margin-bottom:1rem;line-height:1.9;padding:.8rem 0}.affirmations-list li{background:#a855f714;padding:1.2rem 1.5rem!important;border-radius:8px;margin-bottom:1rem!important;border-left:3px solid #a855f7}.liberation-content{padding:1.5rem 0}.liberation-content p{margin-bottom:2rem!important}@media (max-width: 768px){.section-subtitle{font-size:1.05rem;margin-top:1.5rem;margin-bottom:1rem}.formatted-content .custom-list li{padding-left:1.5rem}}.theme-toggle{position:fixed!important;top:20px;right:20px;z-index:99999;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text-primary);box-shadow:0 4px 15px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 6px 20px var(--shadow-color);background:var(--bg-hover)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{width:24px;height:24px;transition:all .3s ease}.theme-toggle:hover svg{filter:drop-shadow(0 0 5px currentColor)}@media (max-width: 768px){.theme-toggle{top:15px;right:15px;width:45px;height:45px}}.sound-toggle{position:fixed!important;top:20px;right:85px;z-index:99999;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px var(--shadow-color);background:var(--bg-hover)}.sound-toggle:active{transform:scale(.95)}.sound-icon{font-size:24px;transition:all .3s ease}.sound-icon.active{animation:soundPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 8px #a855f7)}.sound-icon.inactive{opacity:.5}.sound-toggle:hover .sound-icon{transform:scale(1.1)}@keyframes soundPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.sound-toggle{top:15px;right:75px;width:45px;height:45px}.sound-icon{font-size:20px}}.sound-toggle-container{position:fixed!important;top:20px;right:85px;z-index:99999;display:flex;flex-direction:column;gap:10px}.ambient-type-selector{display:flex;gap:5px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:25px;padding:5px;box-shadow:0 4px 15px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ambient-btn{background:transparent;border:2px solid transparent;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:18px;opacity:.5}.ambient-btn:hover{opacity:1;transform:scale(1.1);background:var(--bg-hover)}.ambient-btn.active{opacity:1;border-color:#a855f7;background:#a855f71a;animation:ambientPulse 2s ease-in-out infinite}@keyframes ambientPulse{0%,to{box-shadow:0 0 5px #a855f74d}50%{box-shadow:0 0 15px #a855f799}}@media (max-width: 768px){.sound-toggle-container{top:15px;right:75px}.ambient-type-selector{padding:3px;gap:3px}.ambient-btn{width:30px;height:30px;font-size:16px}.theme-toggle svg{width:20px;height:20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chakra-card{animation:fadeInUp .6s ease-out forwards;opacity:0}.chakra-card:nth-child(1){animation-delay:.1s}.chakra-card:nth-child(2){animation-delay:.2s}.chakra-card:nth-child(3){animation-delay:.3s}.chakra-card:nth-child(4){animation-delay:.4s}.chakra-card:nth-child(5){animation-delay:.5s}.chakra-card:nth-child(6){animation-delay:.6s}.chakra-card:nth-child(7){animation-delay:.7s}.header{animation:fadeIn .8s ease-out}.container>*{animation:fadeIn .5s ease-out}.chakra-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 40px var(--shadow-color)}button,.btn-primary,.btn-secondary{transition:all .3s cubic-bezier(.4,0,.2,1)}button:active,.btn-primary:active,.btn-secondary:active{transform:scale(.95)}.vow-item{animation:fadeInUp .4s ease-out forwards;opacity:0}.vow-item:nth-child(1){animation-delay:.05s}.vow-item:nth-child(2){animation-delay:.1s}.vow-item:nth-child(3){animation-delay:.15s}.vow-item:nth-child(4){animation-delay:.2s}.vow-item:nth-child(5){animation-delay:.25s}.vow-item:nth-child(6){animation-delay:.3s}.vow-item:nth-child(7){animation-delay:.35s}.vow-item:nth-child(8){animation-delay:.4s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header .subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.intro-text{max-width:800px;margin:2rem auto;padding:2rem;background:var(--card-bg);border-radius:16px;border:2px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;line-height:1.8;box-shadow:0 4px 20px var(--shadow-color)}.intro-text p{margin-bottom:1.2rem;font-size:1rem;color:var(--text-primary)}.intro-text p:last-child{margin-bottom:0}.intro-text strong{color:var(--text-primary);font-weight:600;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.medical-disclaimer-box{margin-top:2.5rem;padding:2rem;background:linear-gradient(135deg,#3b82f614,#8b5cf614);border:2px solid rgba(59,130,246,.3);border-radius:12px}.medical-disclaimer-box h3{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#3b82f6;display:flex;align-items:center;gap:.5rem}.medical-disclaimer-box p{margin-bottom:1rem;line-height:1.8}.medical-warning{background:#ef44441a;border-left:4px solid #ef4444;padding:1.2rem;border-radius:8px;margin:1.5rem 0}.medical-warning p{margin:0;color:var(--text-primary)}.medical-warning strong{color:#ef4444;background:none;-webkit-text-fill-color:#ef4444}.medical-positive{background:#10b9811a;border-left:4px solid #10b981;padding:1.2rem;border-radius:8px;margin:1.5rem 0}.medical-positive p{margin:0;color:var(--text-primary)}.medical-positive strong{color:#10b981;background:none;-webkit-text-fill-color:#10b981}.medical-note{font-size:.95rem;font-style:italic;opacity:.9;margin-top:1rem;margin-bottom:0!important}@media (max-width: 768px){.intro-text{padding:1.5rem;margin:1.5rem 1rem}.intro-text p{font-size:.95rem;line-height:1.7}.medical-disclaimer-box{padding:1.5rem;margin-top:2rem}.medical-disclaimer-box h3{font-size:1.1rem}.medical-warning,.medical-positive{padding:1rem}.medical-note{font-size:.9rem}.header .subtitle{font-size:1.1rem}}.modal-overlay{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.modal-content{max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--card-bg);border-radius:20px;border:2px solid var(--border-color);box-shadow:0 20px 60px #00000080;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ff6b6b33;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;color:#ff6b6b;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ff6b6b;color:#fff;transform:rotate(90deg)}.btn-close-faq{margin-top:2rem;width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-close-faq:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.about-modal{max-width:900px;max-height:85vh;overflow-y:auto;padding:3rem}.about-content{color:var(--text-primary)}.about-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2.5rem;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section{margin-bottom:2.5rem}.about-section h2{font-size:1.6rem;font-weight:700;margin-bottom:1rem;color:#a855f7;border-bottom:2px solid rgba(168,85,247,.3);padding-bottom:.5rem}.about-section p{line-height:1.8;margin-bottom:1rem;font-size:1.05rem}.about-section strong{color:#e9d5ff;font-weight:600}.chakra-list{display:grid;gap:1.5rem;margin-top:1.5rem}.chakra-item{background:#a855f70d;padding:1.2rem;border-radius:12px;border-left:4px solid #a855f7}.chakra-item h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.chakra-item p{margin:.3rem 0;font-size:1rem}.chakra-item .examples{font-size:.95rem;opacity:.8;margin-top:.5rem}.process-steps{display:grid;gap:1.5rem;margin-top:1.5rem}.process-step{background:#667eea14;padding:1.5rem;border-radius:12px;border-left:4px solid #667eea}.process-step h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#667eea}.process-step p{margin:0;font-size:1rem}.trust-points{display:grid;gap:1.5rem;margin-top:1.5rem}.trust-item{background:#10b98114;padding:1.5rem;border-radius:12px;border-left:4px solid #10b981}.trust-item h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#10b981}.trust-item p{margin:0;font-size:1rem}.contact-section{background:#a855f71a;padding:2rem;border-radius:16px;text-align:center}.contact-email{font-size:1.3rem;margin:1.5rem 0}.contact-email strong{color:#a855f7}.contact-note{font-size:.95rem;opacity:.8}.about-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(168,85,247,.2)}.about-footer p{font-size:1.1rem;color:var(--text-secondary)}@media (max-width: 768px){.modal-overlay{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;align-items:flex-start;padding:.5rem}.modal-close{top:1rem;right:1rem;width:35px;height:35px;font-size:1.2rem}.about-modal{padding:1.5rem;max-height:90vh}.about-title{font-size:1.5rem;margin-bottom:1.5rem}.about-section h2{font-size:1.3rem}.about-section p,.chakra-item p,.process-step p,.trust-item p{font-size:.95rem}.contact-email{font-size:1.1rem}}.medical-disclaimer{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-bottom:2px solid rgba(59,130,246,.4);padding:1rem 1.5rem;position:sticky;top:0;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .5s ease-out}.medical-disclaimer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1rem}.medical-icon{font-size:1.8rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.medical-text{flex:1;font-size:.95rem;line-height:1.5;color:var(--text-primary);margin:0}.medical-text strong{color:#3b82f6;font-weight:700}.medical-dismiss{background:#ef444433;border:none;width:28px;height:28px;border-radius:50%;font-size:1.1rem;cursor:pointer;color:#ef4444;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.medical-dismiss:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.medical-disclaimer{padding:.8rem 1rem}.medical-disclaimer-content{gap:.8rem}.medical-icon{font-size:1.5rem}.medical-text{font-size:.85rem}.medical-dismiss{width:24px;height:24px;font-size:1rem}}.legal-modal{max-width:900px;max-height:85vh;overflow-y:auto;padding:3rem}.legal-content{color:var(--text-primary);line-height:1.8}.legal-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:1rem;color:#a855f7}.legal-update{text-align:center;font-size:.9rem;opacity:.7;margin-bottom:2rem}.legal-section{margin-bottom:2.5rem}.legal-section h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#a855f7;border-bottom:2px solid rgba(168,85,247,.3);padding-bottom:.5rem}.legal-section h3{font-size:1.2rem;font-weight:600;margin:1.5rem 0 .8rem;color:#667eea}.legal-section h4{font-size:1.1rem;font-weight:600;margin:1rem 0 .5rem;color:#ec4899}.legal-section p{margin-bottom:1rem;font-size:1.05rem}.legal-section ul{margin:1rem 0 1rem 1.5rem;list-style:none}.legal-section ul li{margin-bottom:.8rem;padding-left:1.5rem;position:relative}.legal-section ul li:before{content:"•";position:absolute;left:0;color:#a855f7;font-weight:700;font-size:1.2rem}.info-box,.highlight-box,.warning-box{padding:1.5rem;border-radius:12px;margin:1.5rem 0}.info-box{background:#667eea1a;border-left:4px solid #667eea}.highlight-box{background:#10b9811a;border-left:4px solid #10b981}.warning-box{background:#ef44441a;border-left:4px solid #ef4444}.info-box p,.highlight-box p,.warning-box p{margin-bottom:.5rem}.contact-email{font-size:1.3rem;text-align:center;margin:1.5rem 0}.contact-email a{color:#a855f7;text-decoration:none;font-weight:600;transition:color .3s ease}.contact-email a:hover{color:#ec4899;text-decoration:underline}.contact-note{text-align:center;font-size:.95rem;opacity:.7;font-style:italic}.contact-section{margin-bottom:2rem}.contact-topics{margin-top:1rem}.response-times{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.response-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#a855f71a;border-radius:8px}.response-type{font-weight:600}.response-delay{color:#10b981;font-weight:700}.contact-tips{margin-top:1rem}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.right-item{background:#a855f71a;padding:1.5rem;border-radius:12px;border-left:4px solid #a855f7}.right-item h4{margin:0 0 .5rem;color:#a855f7}.right-item p{margin:0;font-size:.95rem;opacity:.9}.legal-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(168,85,247,.2);text-align:center}.legal-footer p{font-size:1.05rem;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.legal-modal{padding:1.5rem;max-height:90vh}.legal-title{font-size:1.5rem}.legal-section h2{font-size:1.3rem}.legal-section h3{font-size:1.1rem}.legal-section p,.legal-section ul li{font-size:.95rem}.rights-grid{grid-template-columns:1fr}.response-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.favorite-button{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.3rem;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;opacity:.6;filter:grayscale(100%)}.favorite-button:hover{opacity:1;filter:grayscale(0%);transform:scale(1.15)}.favorite-button.is-favorite{opacity:1;filter:grayscale(0%) drop-shadow(0 0 8px rgba(255,215,0,.6));animation:starPulse 2s ease-in-out infinite}.favorite-button.is-favorite:hover{transform:scale(1.2) rotate(15deg)}.favorite-btn-small{font-size:1.2rem;padding:.2rem}.favorite-btn-medium{font-size:1.5rem;padding:.3rem}.favorite-btn-large{font-size:2rem;padding:.5rem}.favorite-added{animation:favoriteAdded .3s ease-out}@keyframes favoriteAdded{0%{transform:scale(1)}50%{transform:scale(1.5) rotate(15deg)}to{transform:scale(1)}}@keyframes starPulse{0%,to{filter:grayscale(0%) drop-shadow(0 0 8px rgba(255,215,0,.6))}50%{filter:grayscale(0%) drop-shadow(0 0 12px rgba(255,215,0,.9))}}@keyframes cardSlideIn{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.animate-card-entry{animation:cardSlideIn .5s ease-out forwards;opacity:0}.animate-card-entry:nth-child(1){animation-delay:0s}.animate-card-entry:nth-child(2){animation-delay:.1s}.animate-card-entry:nth-child(3){animation-delay:.2s}.animate-card-entry:nth-child(4){animation-delay:.3s}.animate-card-entry:nth-child(5){animation-delay:.4s}.animate-card-entry:nth-child(6){animation-delay:.5s}.animate-card-entry:nth-child(7){animation-delay:.6s}.animate-card-entry:nth-child(8){animation-delay:.7s}.animate-card-entry:nth-child(9){animation-delay:.8s}.animate-card-entry:nth-child(10){animation-delay:.9s}.animate-card-entry:nth-child(11){animation-delay:1s}.animate-card-entry:nth-child(12){animation-delay:1.1s}.animate-card-entry:nth-child(13){animation-delay:1.2s}.animate-card-entry:nth-child(14){animation-delay:1.3s}.animate-card-entry:nth-child(15){animation-delay:1.4s}.animate-card-entry:nth-child(16){animation-delay:1.5s}.animate-card-entry:nth-child(17){animation-delay:1.6s}@media (max-width: 768px){@keyframes cardSlideIn{0%{opacity:0;transform:translate(-20px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.animate-card-entry{animation-duration:.4s}.animate-card-entry:nth-child(1){animation-delay:0s}.animate-card-entry:nth-child(2){animation-delay:.05s}.animate-card-entry:nth-child(3){animation-delay:.1s}.animate-card-entry:nth-child(4){animation-delay:.15s}.animate-card-entry:nth-child(5){animation-delay:.2s}.animate-card-entry:nth-child(6){animation-delay:.25s}.animate-card-entry:nth-child(7){animation-delay:.3s}.animate-card-entry:nth-child(8){animation-delay:.35s}.animate-card-entry:nth-child(9){animation-delay:.4s}.animate-card-entry:nth-child(10){animation-delay:.45s}.animate-card-entry:nth-child(11){animation-delay:.5s}.animate-card-entry:nth-child(12){animation-delay:.55s}.animate-card-entry:nth-child(13){animation-delay:.6s}.animate-card-entry:nth-child(14){animation-delay:.65s}.animate-card-entry:nth-child(15){animation-delay:.7s}.animate-card-entry:nth-child(16){animation-delay:.75s}.animate-card-entry:nth-child(17){animation-delay:.8s}}.reset-section{display:flex;justify-content:center;margin:1.5rem 0 2rem;padding:1rem;background:#ff6b6b1a;border-radius:12px;border:1px solid rgba(255,107,107,.3)}.btn-reset-all{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:.8rem 1.8rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff6b6b4d}.btn-reset-all:hover{background:linear-gradient(135deg,#ee5a52,#dc143c);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.vow-item{display:flex;flex-direction:column;gap:.8rem;padding:1rem;background:var(--bg-secondary);border-radius:10px;border-left:4px solid transparent;transition:all .3s}.vow-item-content{display:flex;align-items:center;gap:1rem;cursor:pointer;flex:1}.vow-item-content:hover{opacity:.9}.btn-remove-vow{align-self:flex-end;background:#ff6b6b26;color:#ff6b6b;border:1px solid rgba(255,107,107,.3);padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-remove-vow:hover{background:#ff6b6b40;border-color:#ff6b6b80;transform:translate(-2px)}.favorite-vow-card{display:flex;flex-direction:column;gap:.8rem}.favorite-vow-content{flex:1;cursor:pointer}.btn-remove-vow-card{align-self:flex-end;background:#ff6b6b26;color:#ff6b6b;border:1px solid rgba(255,107,107,.3);padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-remove-vow-card:hover{background:#ff6b6b40;border-color:#ff6b6b80;transform:translate(-2px)}@media (max-width: 768px){.reset-section{padding:.8rem}.btn-reset-all{width:100%;padding:1rem}.btn-remove-vow,.btn-remove-vow-card{font-size:.8rem;padding:.4rem .8rem}}@media (max-width: 768px){.navigation{position:relative;z-index:100}.nav-container{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}.nav-left,.nav-right{flex:1 1 100%;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.theme-toggle,.sound-toggle{position:relative!important;top:auto!important;right:auto!important;margin:.25rem}.btn-nav-home,.btn-nav-dashboard,.btn-nav-journal{font-size:.85rem;padding:.5rem .75rem}}.view-arrow{font-size:1.8rem!important;font-weight:700;transition:transform .2s ease}.vow-item-content:hover .view-arrow{transform:translate(5px)}.favorite-button.size-small{font-size:1.5rem!important}.favorite-button{font-size:1.8rem!important}.btn-remove-vow{padding:.35rem .6rem!important;font-size:.75rem!important;min-width:auto!important}.btn-remove-vow-card{padding:.35rem .6rem!important;font-size:.75rem!important}.progress-dashboard{display:flex;flex-direction:column}.reset-section{order:999;margin-top:3rem!important;margin-bottom:2rem;padding-top:2rem;border-top:2px dashed rgba(139,92,246,.3)}.btn-reset-all{width:100%;max-width:400px;margin:0 auto;display:block;padding:1rem 1.5rem;font-size:1rem;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;box-shadow:0 4px 6px #dc262633;transition:all .3s ease}.btn-reset-all:hover{background:linear-gradient(135deg,#991b1b,#7f1d1d);transform:translateY(-2px);box-shadow:0 6px 12px #dc26264d}.btn-reset-all:active{transform:translateY(0)}@media (max-width: 480px){.vow-item{padding:.75rem}.vow-title{font-size:.95rem}.view-arrow,.favorite-button{font-size:1.5rem!important}.btn-remove-vow,.btn-remove-vow-card{padding:.3rem .5rem!important;font-size:.7rem!important}}@media (max-width: 768px){.theme-toggle{top:15px!important;left:15px!important;right:auto!important;width:45px;height:45px}.sound-toggle{top:15px!important;left:75px!important;right:auto!important;width:45px;height:45px}.sound-toggle-container{top:15px!important;left:75px!important;right:auto!important}}.view-arrow{display:none!important}.vow-action{display:flex;align-items:center;justify-content:center}.btn-view-vow{padding:.35rem .8rem!important;font-size:.75rem!important;font-weight:600;background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #10b98133;white-space:nowrap;min-width:auto!important}.btn-view-vow:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translate(3px);box-shadow:0 4px 8px #10b9814d}.btn-view-vow:active{transform:translate(1px)}.vow-item-content{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;cursor:default!important}.vow-item-content .vow-action{pointer-events:auto}@media (max-width: 480px){.btn-view-vow{padding:.3rem .6rem!important;font-size:.7rem!important}}.theme-toggle{position:absolute!important;top:80px!important;left:20px!important;right:auto!important;z-index:99999;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text-primary);box-shadow:0 4px 15px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle{position:absolute!important;top:80px!important;left:85px!important;right:auto!important;z-index:99999;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle-container{position:absolute!important;top:80px!important;left:85px!important;right:auto!important;z-index:99999;display:flex;flex-direction:column;gap:10px}@media (max-width: 768px){.theme-toggle{position:fixed!important;top:auto!important;bottom:80px!important;left:auto!important;right:15px!important;width:45px;height:45px}.sound-toggle{position:fixed!important;top:auto!important;bottom:140px!important;left:auto!important;right:15px!important;width:45px;height:45px}.sound-toggle-container{position:fixed!important;top:auto!important;bottom:140px!important;left:auto!important;right:15px!important}}@media (max-width: 480px){.theme-toggle{bottom:70px!important;right:12px!important;width:42px;height:42px}.sound-toggle{bottom:125px!important;right:12px!important;width:42px;height:42px}.sound-toggle-container{bottom:125px!important;right:12px!important}.sound-icon{font-size:18px}}.theme-toggle{position:absolute!important;top:20px!important;left:20px!important;right:auto!important;z-index:99999;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text-primary);box-shadow:0 4px 15px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle{position:absolute!important;top:20px!important;left:85px!important;right:auto!important;z-index:99999;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle-container{position:absolute!important;top:20px!important;left:85px!important;right:auto!important;z-index:99999;display:flex;flex-direction:column;gap:10px}@media (max-width: 768px){.theme-toggle{position:absolute!important;top:15px!important;left:15px!important;right:auto!important;bottom:auto!important;width:45px;height:45px}.sound-toggle{position:absolute!important;top:15px!important;left:75px!important;right:auto!important;bottom:auto!important;width:45px;height:45px}.sound-toggle-container{position:absolute!important;top:15px!important;left:75px!important;right:auto!important;bottom:auto!important}}@media (max-width: 480px){.theme-toggle{top:15px!important;left:15px!important;width:42px;height:42px}.sound-toggle{top:70px!important;left:15px!important;right:auto!important;width:42px;height:42px}.sound-toggle-container{top:70px!important;left:15px!important;right:auto!important}.sound-icon{font-size:18px}}.theme-toggle{position:absolute!important;top:15px!important;left:10px!important;right:auto!important;z-index:99999;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text-primary);box-shadow:0 4px 15px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle{position:absolute!important;top:15px!important;left:75px!important;right:auto!important;z-index:99999;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle-container{position:absolute!important;top:15px!important;left:75px!important;right:auto!important;z-index:99999;display:flex;flex-direction:column;gap:10px}@media (max-width: 768px){.theme-toggle{position:absolute!important;top:5px!important;left:10px!important;right:auto!important;bottom:auto!important;width:45px;height:45px}.sound-toggle{position:absolute!important;top:5px!important;left:65px!important;right:auto!important;bottom:auto!important;width:45px;height:45px}.sound-toggle-container{position:absolute!important;top:5px!important;left:65px!important;right:auto!important;bottom:auto!important}}@media (max-width: 480px){.theme-toggle{top:5px!important;left:10px!important;width:42px;height:42px}.sound-toggle{top:57px!important;left:10px!important;right:auto!important;width:42px;height:42px}.sound-toggle-container{top:57px!important;left:10px!important;right:auto!important}.sound-icon{font-size:18px}}.theme-toggle{position:absolute!important;top:10px!important;left:0!important;right:auto!important;z-index:99999;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text-primary);box-shadow:0 4px 15px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle{position:absolute!important;top:10px!important;left:65px!important;right:auto!important;z-index:99999;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle-container{position:absolute!important;top:10px!important;left:65px!important;right:auto!important;z-index:99999;display:flex;flex-direction:column;gap:10px}@media (max-width: 768px){.theme-toggle{position:absolute!important;top:0!important;left:5px!important;right:auto!important;bottom:auto!important;width:45px;height:45px}.sound-toggle{position:absolute!important;top:0!important;left:60px!important;right:auto!important;bottom:auto!important;width:45px;height:45px}.sound-toggle-container{position:absolute!important;top:0!important;left:60px!important;right:auto!important;bottom:auto!important}}@media (max-width: 480px){.theme-toggle{top:0!important;left:5px!important;width:42px;height:42px}.sound-toggle{top:52px!important;left:5px!important;right:auto!important;width:42px;height:42px}.sound-toggle-container{top:52px!important;left:5px!important;right:auto!important}.sound-icon{font-size:18px}}.theme-toggle{position:absolute!important;top:10px!important;left:5px!important;right:auto!important;z-index:99999;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text-primary);box-shadow:0 4px 15px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle{position:absolute!important;top:5px!important;left:45px!important;right:auto!important;z-index:99999;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-toggle-container{position:absolute!important;top:5px!important;left:45px!important;right:auto!important;z-index:99999;display:flex;flex-direction:column;gap:10px}@media (max-width: 768px){.theme-toggle{position:absolute!important;top:0!important;left:5px!important;right:auto!important;bottom:auto!important;width:45px;height:45px}.sound-toggle{position:absolute!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;width:45px;height:45px}.sound-toggle-container{position:absolute!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important}}@media (max-width: 480px){.theme-toggle{top:0!important;left:5px!important;width:42px;height:42px}.sound-toggle{top:52px!important;left:0!important;right:auto!important;width:42px;height:42px}.sound-toggle-container{top:52px!important;left:0!important;right:auto!important}.sound-icon{font-size:18px}}.controls-bar{position:fixed!important;top:12px!important;left:12px!important;z-index:99999!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important}.theme-toggle{position:static!important;top:auto!important;left:auto!important;right:auto!important;width:46px!important;height:46px!important;border-radius:50%!important;background:var(--card-bg)!important;border:2px solid var(--border-color)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;color:var(--text-primary)!important;box-shadow:0 4px 15px var(--shadow-color)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;flex-shrink:0!important}.sound-toggle-container{position:static!important;top:auto!important;left:auto!important;right:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important}.sound-toggle{position:static!important;top:auto!important;left:auto!important;right:auto!important;width:46px!important;height:46px!important;border-radius:50%!important;background:var(--card-bg)!important;border:2px solid var(--border-color)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 15px var(--shadow-color)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;flex-shrink:0!important}@media (max-width: 768px){.controls-bar{position:static!important;flex-direction:column!important;gap:4px!important;margin-left:auto!important;top:auto!important;left:auto!important}.theme-toggle,.sound-toggle{width:36px!important;height:36px!important}.sound-icon{font-size:14px!important}}.vow-progress-text{color:var(--text-primary)!important}.vow-progress-label{color:var(--text-secondary)!important}.vow-progress-step.active .vow-progress-label{color:var(--text-primary)!important;font-weight:600}.btn-nav-arrow{color:var(--text-primary)!important}body[data-theme=light] .btn-nav-arrow{border-color:#0003!important;background:#0000000d!important}body[data-theme=light] .btn-nav-arrow:hover:not(:disabled){background:#0000001a!important;border-color:#0000004d!important}.btn-promo-toggle{background:transparent;border:1px dashed rgba(255,255,255,.3);color:var(--text-secondary);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:16px;width:100%;margin:12px 0;transition:all .2s ease}.btn-promo-toggle:hover{border-color:#fff9;color:var(--text-primary);background:#ffffff0d}body[data-theme=light] .btn-promo-toggle{border-color:#0003;color:var(--text-secondary)}.promo-field{margin:12px 0}.promo-input-row{display:flex;gap:10px;align-items:center}.promo-input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:var(--text-primary);font-family:Cormorant Garamond,Georgia,serif;font-size:18px;letter-spacing:1px}body[data-theme=light] .promo-input{border-color:#0003;background:#0000000a}.promo-input:focus{outline:none;border-color:var(--chakra-color, #9c88ff)}.btn-promo-check{padding:10px 20px;border-radius:8px;border:none;background:var(--chakra-color, #9c88ff);color:#fff;font-family:Cormorant Garamond,Georgia,serif;font-size:18px;cursor:pointer;transition:opacity .2s;white-space:nowrap}.btn-promo-check:hover:not(:disabled){opacity:.85}.btn-promo-check:disabled{opacity:.4;cursor:not-allowed}.promo-message{margin-top:10px;padding:10px 14px;border-radius:8px;font-size:17px;line-height:1.5}.promo-success{background:#4caf5026;border:1px solid rgba(76,175,80,.4);color:#4caf50}.promo-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336}.freemium-info{display:inline-block;background:#667eea1f;border:1px solid rgba(102,126,234,.35);border-radius:12px;padding:12px 22px;margin:1rem 0 1.5rem;font-size:18px;color:var(--text-secondary);line-height:1.6}.freemium-info strong{color:var(--text-primary)}body[data-theme=light] .freemium-info{background:#667eea14;border-color:#667eea40}