.candle-animation-container{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.candles-wrapper{display:flex;align-items:flex-end;justify-content:center;gap:14px;position:relative;z-index:2;padding-bottom:25px}.trading-candle{display:flex;flex-direction:column;align-items:center;animation:candleFloat 4s ease-in-out infinite}.candle-wick{width:2px;background:rgba(148,163,184,.6);border-radius:1px}.candle-body{width:24px;border-radius:3px;position:relative;overflow:hidden}.candle-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,hsla(0,0%,100%,.15) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.15) 1px,transparent 0);background-size:6px 6px;pointer-events:none}.candle-bullish .candle-body{background:linear-gradient(180deg,#38c8ff,#1d9fe0 50%,#1682be);box-shadow:0 0 20px rgba(29,159,224,.8),0 0 40px rgba(29,159,224,.5),0 0 60px rgba(29,159,224,.3),inset 0 1px 0 hsla(0,0%,100%,.4)}.candle-bearish .candle-body{background:linear-gradient(180deg,#648cb4,#475569 50%,#334155);box-shadow:0 0 20px rgba(71,85,105,.8),0 0 40px rgba(71,85,105,.5),0 0 60px rgba(71,85,105,.3),inset 0 1px 0 hsla(0,0%,100%,.4)}@keyframes candleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.trading-candle:first-child{animation-duration:3s}.trading-candle:nth-child(2){animation-duration:3.5s}.trading-candle:nth-child(3){animation-duration:2.8s}.trading-candle:nth-child(4){animation-duration:3.8s}.trading-candle:nth-child(5){animation-duration:3.2s}.trading-candle:nth-child(6){animation-duration:3.6s}.wave-svg{position:absolute;bottom:-30px;left:0;width:100%;height:80px;z-index:1}.wave-base{fill:none;stroke:rgba(100,116,139,.25);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wave-glow{fill:none;stroke:url(#waveGradient);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:url(#glow);stroke-dasharray:150 200;animation:waveFlow 12s linear infinite}@keyframes waveFlow{0%{stroke-dashoffset:200}to{stroke-dashoffset:-150}}.tutorial-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none}.tutorial-dim{position:absolute;inset:0;pointer-events:auto;cursor:pointer}.tutorial-spotlight{position:fixed;border-radius:var(--radius-lg);box-shadow:0 0 0 9999px rgba(0,0,0,.7);pointer-events:none;transition:all .3s ease;z-index:10001}.tutorial-tooltip{position:fixed;background:var(--card-bg,#1e293b);border:1px solid var(--border-color,hsla(0,0%,100%,.12));border-radius:var(--radius-lg);padding:20px;width:320px;max-width:calc(100vw - 32px);pointer-events:auto;z-index:10002;box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 0 1px rgba(29,159,224,.2);animation:tooltipFadeIn .3s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial-tooltip-title{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--text-primary,rgba(226,232,240,.92))}.tutorial-tooltip-desc{font-size:14px;line-height:1.6;color:var(--text-secondary,#94a3b8);margin-bottom:16px}.tutorial-progress{display:flex;gap:6px;margin-bottom:16px}.tutorial-progress-dot{width:8px;height:8px;border-radius:50%;background:rgba(148,163,184,.3);transition:all .3s ease}.tutorial-progress-dot--active{width:24px;border-radius:4px;background:var(--primary-color)}.tutorial-nav{display:flex;gap:8px;justify-content:space-between;align-items:center}@media (max-width:480px){.tutorial-tooltip{padding:16px;width:280px}.tutorial-tooltip-title{font-size:14px}.tutorial-tooltip-desc{font-size:13px}}.chakra-ui-light .tutorial-tooltip,[data-color-mode=light] .tutorial-tooltip{background:hsla(0,0%,100%,.98);border-color:rgba(15,23,42,.12);box-shadow:0 10px 40px rgba(0,0,0,.15),0 0 0 1px rgba(29,159,224,.2)}.chakra-ui-light .tutorial-tooltip-title,[data-color-mode=light] .tutorial-tooltip-title{color:#0f172a}.chakra-ui-light .tutorial-tooltip-desc,[data-color-mode=light] .tutorial-tooltip-desc{color:#475569}