.candle-grid{height:190px;margin:24px 0;position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(3px,.65vw,7px);padding:12px 8px 16px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1);background-image:linear-gradient(rgba(130,158,188,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(130,158,188,.06) 1px,transparent 1px);background-size:100% 42px,58px 100%}.candle{position:relative;display:block;top:calc(82% - var(--level));flex:1;min-width:5px;max-width:12px;height:var(--wick);color:#1ac7a1;transform-origin:center;animation:candle-live 3.2s ease-in-out infinite;animation-delay:var(--delay)}.candle.down{color:#ef5a67}.candle:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:currentColor;transform:translateX(-50%);opacity:.85}.candle:after{content:"";position:absolute;left:12%;right:12%;top:50%;height:var(--body);border-radius:2px;background:currentColor;transform:translateY(-50%);box-shadow:0 0 12px color-mix(in srgb,currentColor 24%,transparent)}@keyframes candle-live{0%,100%{transform:scaleY(.9);opacity:.78}45%{transform:scaleY(1.06);opacity:1}70%{transform:scaleY(.96)}}@media(max-width:620px){.candle-grid{height:155px;gap:3px;padding-inline:4px}.candle{min-width:4px;max-width:9px}}@media(prefers-reduced-motion:reduce){.candle{animation:none}}