.btn-enhanced{backface-visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateZ(0)}.btn-enhanced:active{transition:all .1s ease-out;transform:scale(.95)translateZ(0);box-shadow:inset 0 2px 4px #0000001a}.btn-enhanced:hover{transform:translateY(-2px)translateZ(0);box-shadow:0 8px 25px #00000026}.btn-enhanced:after{content:"";background:#ffffff80;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-enhanced:active:after{width:300px;height:300px}@keyframes success-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.success-animation{animation:.6s ease-in-out success-pulse}@keyframes fire-flicker{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-5deg)}50%{transform:scale(1.2)rotate(5deg)}75%{transform:scale(1.1)rotate(-3deg)}}.streak-fire{transform-origin:50%;animation:2s ease-in-out infinite fire-flicker}@keyframes xp-gain{0%{opacity:0;transform:translateY(0)scale(.5)}50%{opacity:1;transform:translateY(-20px)scale(1.2)}to{opacity:0;transform:translateY(-40px)scale(.8)}}.xp-popup{pointer-events:none;z-index:1000;animation:1.5s ease-out forwards xp-gain}@keyframes progress-fill{0%{width:0}to{width:var(--progress-width)}}.progress-bar-animated{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%) 0 0/200% 100%;animation:.8s ease-out progress-fill,2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes recording-pulse{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.05);box-shadow:0 0 0 20px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.recording-active{animation:2s ease-in-out infinite recording-pulse}@keyframes score-reveal{0%{opacity:0;transform:scale(0)rotate(180deg)}50%{opacity:.8;transform:scale(1.2)rotate(90deg)}to{opacity:1;transform:scale(1)rotate(0)}}.score-reveal{animation:.8s cubic-bezier(.34,1.56,.64,1) score-reveal}@media (max-width:768px){.btn-enhanced{min-height:44px;font-size:16px}.btn-enhanced:active{transition:all .1s ease-out;transform:scale(.92)}}@media (prefers-color-scheme:dark){.btn-enhanced:after{background:#fff3}}@media (prefers-reduced-motion:reduce){.btn-enhanced,.success-animation,.streak-fire,.xp-popup,.recording-active,.score-reveal{transition:none;animation:none}.btn-enhanced:hover{transform:none}}.btn-enhanced:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #667eea}@media (prefers-contrast:high){.btn-enhanced{border:2px solid}}
:root{--success-primary:#10b981;--success-light:#34d399;--success-dark:#059669;--success-bg:#ecfdf5;--progress-accent:#f59e0b;--progress-light:#fcd34d;--progress-dark:#d97706;--progress-bg:#fffbeb;--streak-fire:#ef4444;--streak-orange:#f97316;--streak-yellow:#fcd34d;--streak-bg:#fef2f2;--level-gold:#fcd34d;--level-bronze:#92400e;--level-silver:#9ca3af;--level-diamond:#06b6d4;--learning-active:#6366f1;--learning-idle:#9ca3af;--learning-complete:#10b981;--learning-error:#ef4444;--gradient-success:linear-gradient(135deg,#10b981 0%,#059669 100%);--gradient-progress:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);--gradient-streak:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);--gradient-premium:linear-gradient(135deg,#fcd34d 0%,#f59e0b 100%);--confidence-high:#10b981;--confidence-medium:#f59e0b;--confidence-low:#ef4444;--morning-glow:#fcd34d;--afternoon-calm:#6366f1;--evening-focus:#7c3aed;--night-relax:#1f2937}.success-emphasis{background-color:var(--success-bg);color:var(--success-primary);border-color:var(--success-primary)}.progress-emphasis{background-color:var(--progress-bg);color:var(--progress-dark);border-color:var(--progress-accent)}.streak-emphasis{background:var(--gradient-streak);color:#fff;box-shadow:0 4px 15px #ef44444d}.premium-emphasis{background:var(--gradient-premium);color:#78350f;font-weight:600}.confidence-high{background-color:var(--confidence-high);color:#fff}.confidence-medium{background-color:var(--confidence-medium);color:#fff}.confidence-low{background-color:var(--confidence-low);color:#fff}.morning-theme{color:#78350f;background:linear-gradient(135deg,#fef3c7 0%,#fcd34d 100%)}.afternoon-theme{color:#fff;background:linear-gradient(135deg,#e0e7ff 0%,#6366f1 100%)}.evening-theme{color:#fff;background:linear-gradient(135deg,#ede9fe 0%,#7c3aed 100%)}.level-bronze{color:#fef3c7;background:linear-gradient(135deg,#92400e 0%,#78350f 100%)}.level-silver{color:#fff;background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%)}.level-gold{color:#78350f;background:linear-gradient(135deg,#fcd34d 0%,#f59e0b 100%)}.level-diamond{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);box-shadow:0 4px 20px #06b6d466}.interactive-element{cursor:pointer;transition:all .2s}.interactive-element:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.interactive-element:active{transform:translateY(0)scale(.98);box-shadow:0 2px 10px #0000001a}.xp-gain{color:var(--success-primary);text-shadow:0 1px 2px #10b9814d;font-weight:600}.streak-fire-effect{background:var(--gradient-streak);background-size:200% 200%;animation:3s ease-in-out infinite fire-animation}@keyframes fire-animation{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-color-scheme:dark){:root{--success-bg:#064e3b;--progress-bg:#451a03;--streak-bg:#450a0a;--learning-idle:#4b5563}}@media (prefers-contrast:high){:root{--success-primary:#000;--progress-accent:#000;--streak-fire:#000;--level-gold:#000}}@media (prefers-reduced-data:reduce){:root{--gradient-success:var(--success-primary);--gradient-progress:var(--progress-accent);--gradient-streak:var(--streak-fire);--gradient-premium:var(--level-gold)}}
@keyframes pulse-glow{0%{box-shadow:0 0 #6366f1b3}70%{box-shadow:0 0 0 20px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes bounce-subtle{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:640px){.paywall-container{border-radius:0!important;max-width:100vw!important;height:100vh!important;margin:0!important}.paywall-cta-button{touch-action:manipulation!important;min-height:60px!important;padding:1.25rem 1rem!important;font-size:1.25rem!important}.benefits-grid{grid-template-columns:1fr!important;gap:.75rem!important}.paywall-close-button{touch-action:manipulation!important;width:48px!important;height:48px!important}.paywall-headline{font-size:1.5rem!important;line-height:1.3!important}.paywall-value-prop{font-size:1.1rem!important;line-height:1.4!important}}@media (min-width:641px) and (max-width:1024px){.paywall-container{max-width:90vw!important;margin:2rem!important}.paywall-cta-button{padding:1rem 1.5rem!important;font-size:1.125rem!important}}@media (min-width:1025px){.paywall-container{max-width:600px!important}.paywall-cta-button:hover{transform:translateY(-2px)scale(1.02)!important;box-shadow:0 20px 40px #6366f14d!important}.benefit-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #0000001a!important}}.paywall-cta-button{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)!important;position:relative!important;overflow:hidden!important}.paywall-cta-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.paywall-cta-button:hover:before{left:100%}.urgency-badge{animation:2s infinite pulse-glow}.streak-indicator{animation:2s infinite bounce-subtle;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important}.content-blur{-webkit-filter:blur(4px);transition:filter .3s}.payment-processing{-webkit-backdrop-filter:blur(10px);background:#fffffff2!important}.payment-error{animation:.5s ease-in-out shake;border:2px solid #ef4444!important}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (prefers-contrast:high){.paywall-cta-button{border:2px solid #000!important}.paywall-text{color:#000!important}}@media (prefers-reduced-motion:reduce){.paywall-cta-button,.urgency-badge,.streak-indicator{animation:none!important}.paywall-cta-button:hover{transform:none!important}}@media (prefers-color-scheme:dark){.paywall-container{background:#1f2937!important;border-color:#374151!important}.paywall-text{color:#f9fafb!important}.benefit-card{background:#374151!important;border-color:#4b5563!important}}@media (pointer:coarse){.paywall-cta-button{min-width:200px!important;min-height:48px!important}.paywall-close-button{min-width:44px!important;min-height:44px!important}.benefit-card{min-height:60px!important;padding:1rem!important}}.paywall-cta-button:focus,.paywall-close-button:focus{outline-offset:2px!important;outline:3px solid #6366f1!important}@media print{.paywall-overlay{display:none!important}.content-blur{-webkit-filter:none!important}}