.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)}}