/* Cosmic instruments: slow ambient motion, spring-like feedback, truthful data cues. */
header>nav{max-width:none!important;padding-inline:clamp(24px,3.2vw,48px)!important}
.market-dashboard{isolation:isolate;background:linear-gradient(115deg,#08110ff7,#11200eea 62%,#09160ef5);border-bottom-color:#89d77958}
.market-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:layout paint}
.market-aurora{position:absolute;width:540px;height:280px;top:-160px;left:12%;border-radius:50%;background:radial-gradient(ellipse,#8fce022b,transparent 69%);animation:market-aurora-drift 22s ease-in-out infinite alternate}
.market-aurora.secondary{left:64%;top:-70px;width:360px;background:radial-gradient(ellipse,#5bff5d13,transparent 70%);animation-delay:-11s;animation-duration:29s}
.market-orbit-field{position:absolute;inset-inline-start:38%;top:-110px;width:610px;height:400px;opacity:.2;animation:market-field-turn 70s linear infinite;transform-origin:center}
.market-orbit-field ellipse{stroke:#9feb80;stroke-width:.7;fill:none}
.market-orbit-field circle{fill:#c4dc43}
.market-comet{position:absolute;left:82%;top:28%;width:4px;height:4px;border-radius:50%;background:#d9ffb8;box-shadow:0 0 10px #abef76;opacity:0;animation:market-comet-flight 16s linear infinite}
.market-comet:after{content:"";position:absolute;left:3px;top:1px;width:90px;height:1px;background:linear-gradient(90deg,#acdf78,transparent);transform:rotate(-8deg);transform-origin:left}
.market-comet.second{top:68%;animation-delay:-7s;animation-duration:23s;width:2px;height:2px}
.market-energy-rail{position:absolute;bottom:0;inset-inline:0;height:1px;overflow:hidden;background:#71a65225}
.market-energy-rail:after{content:"";position:absolute;inset:0;width:26%;background:linear-gradient(90deg,transparent,#c4dc43bb,#5bff5d88,transparent);animation:market-rail-flight 9s ease-in-out infinite;will-change:transform}
.market-refresh-sweep{position:absolute;inset:0;opacity:0;width:28%;background:linear-gradient(90deg,transparent,#c4dc431a,transparent);transform:translateX(-110%);pointer-events:none}
.market-dashboard.is-updated .market-refresh-sweep{animation:market-feed-sweep 1.1s cubic-bezier(.18,.7,.25,1) both}
.market-dashboard[data-feed-state="unavailable"] .market-refresh-sweep{animation:none}
.dashboard-home{position:relative;isolation:isolate;overflow:visible!important}
.dashboard-home:before,.dashboard-home:after{content:"";position:absolute;inset:-5px;border:1px solid #7cb35635;border-radius:50%;pointer-events:none;transform:rotate(-25deg) scaleY(.66);transition:opacity .3s}
.dashboard-home:after{border-color:transparent;border-top-color:#b8e974;border-inline-end-color:#68cc6738;animation:market-brand-orbit 12s linear infinite}
#top .dashboard-logo{transition:transform .65s cubic-bezier(.2,1.6,.35,1);transform-origin:50% 80%}
.dashboard-home:hover .dashboard-logo{transform:translateY(-2px) rotate(-9deg) scale(1.12)}
.dashboard-home:hover:after{animation-duration:2s;opacity:1}
.market-status-dot.live{position:relative;box-shadow:0 0 5px #8fce0266}
.market-status-dot.live:after{content:"";position:absolute;inset:-4px;border:1px solid #a1ed7377;border-radius:50%;animation:market-live-beacon 3.6s ease-out infinite}
.market-status-dot.loading{background:#c4dc43;animation:market-loading-dot 1s ease-in-out infinite alternate}
.market-price-block,.market-metric,.market-flow{position:relative;isolation:isolate;--card-x:0px;--card-y:0px;--card-rx:0deg;--card-ry:0deg;transform:perspective(700px) translate3d(var(--card-x),var(--card-y),0) rotateX(var(--card-rx)) rotateY(var(--card-ry));transform-origin:50% 70%;transition:transform .65s cubic-bezier(.2,1.45,.35,1)}
.market-price-block:before,.market-metric:before,.market-flow:before{content:"";position:absolute;inset:-10px -12px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,40%),#91d85a20,transparent 72%);opacity:0;border-bottom:1px solid #a5e56e55;transition:opacity .28s}
.market-price-block:hover:before,.market-metric:hover:before,.market-flow:hover:before{opacity:1}
.market-label{position:relative;padding-inline-start:18px}
.metric-satellite{position:absolute;inset-inline-start:0;top:50%;width:12px;height:12px;margin-top:-6px;border:1px solid #90c46655;border-radius:50%;transform:rotate(-24deg) scaleY(.65);animation:market-satellite-orbit 9s linear infinite;pointer-events:none;transition:width .45s cubic-bezier(.2,1.5,.3,1),height .45s cubic-bezier(.2,1.5,.3,1),opacity .3s;opacity:.8}
.metric-satellite:before{content:"";position:absolute;inset:3px;border-radius:50%;background:#8fce0288;box-shadow:0 0 6px #8fce0244}
.metric-satellite:after{content:"";position:absolute;left:-1px;top:4px;width:3px;height:3px;background:#c4dc43;border-radius:50%;box-shadow:0 0 4px #a7dc55aa}
.market-metric:nth-child(3) .metric-satellite{animation-delay:-3s;animation-duration:12s}
.market-metric:nth-child(4) .metric-satellite{animation-delay:-5s;animation-duration:14s}
.market-metric:hover .metric-satellite,.market-price-block:hover .metric-satellite,.market-flow:hover .metric-satellite{width:15px;height:15px;opacity:1}
.market-price,.market-metric strong,.market-flow strong{display:block;position:relative;transform-origin:0 60%}
.market-price{color:#d9ffc6;text-shadow:0 0 20px #6bba421a}
.market-value-updated{animation:market-value-settle .72s cubic-bezier(.16,.9,.3,1) both}
.market-price.market-value-rise{animation-name:market-price-rise}
.market-price.market-value-fall{animation-name:market-price-fall}
.market-flow-bar{position:relative;height:3px;border-radius:2px;overflow:hidden;margin-block:8px 5px}
.market-flow-bar:after{content:"";position:absolute;inset:0;width:18%;background:linear-gradient(90deg,transparent,#f4ffd9bb,transparent);animation:market-flow-travel 4.5s linear infinite;will-change:transform}
.market-flow-bar>span{transition:width .9s cubic-bezier(.18,.7,.25,1)}
.market-actions button{transition:transform .5s cubic-bezier(.2,1.5,.3,1),box-shadow .3s,background .3s}
.market-actions button:hover{transform:translateY(-2px);box-shadow:0 5px 18px #8fce0220}
.market-actions button:active{transform:translateY(1px) scale(.96);transition-duration:.12s}
.market-refresh-content{display:inline-flex;align-items:center;gap:6px}
.market-refresh-icon{display:inline-block;font-size:16px;line-height:1;transform-origin:center;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.market-actions button:hover .market-refresh-icon{transform:rotate(180deg)}
.market-dashboard[data-feed-state="loading"] .market-refresh-icon{animation:market-refresh-spin .9s linear infinite}
.market-feed-note{padding-inline-end:36px;min-height:14px}
.market-motion-toggle{position:absolute!important;bottom:7px;inset-inline-end:clamp(24px,3.2vw,48px);width:28px;height:28px;border:1px solid #83b65e38;border-radius:3px;background:#101f14;color:#b8dc94;display:grid;place-items:center;font-size:14px;z-index:2;cursor:pointer;transition:color .2s,border-color .2s}
.market-motion-toggle:hover{color:#e2ffc9;border-color:#a3d97977}
.market-motion-toggle:focus-visible,.market-actions button:focus-visible{outline:2px solid #c4dc43;outline-offset:3px}
.market-dashboard[data-motion-paused="true"] .market-atmosphere *,.market-dashboard[data-motion-paused="true"] .metric-satellite,.market-dashboard[data-motion-paused="true"] .dashboard-home:after,.market-dashboard[data-motion-paused="true"] .market-status-dot,.market-dashboard[data-motion-paused="true"] .market-status-dot:after,.market-dashboard[data-motion-paused="true"] .market-flow-bar:after,.market-dashboard[data-motion-paused="true"] .market-energy-rail:after{animation-play-state:paused!important}
.market-dashboard[data-motion-paused="true"] .market-value-updated,.market-dashboard[data-motion-paused="true"] .market-refresh-icon{animation:none!important}
.market-dashboard[data-motion-paused="true"] .hero-word:hover{animation:none!important}
.market-dashboard[data-motion-paused="true"] .dashboard-logo,.market-dashboard[data-motion-paused="true"] .market-price-block,.market-dashboard[data-motion-paused="true"] .market-metric,.market-dashboard[data-motion-paused="true"] .market-flow,.market-dashboard[data-motion-paused="true"] .market-actions button{transform:none!important;transition:none!important}
@keyframes market-aurora-drift{from{transform:translate3d(-90px,-20px,0) rotate(-12deg) scale(.95)}to{transform:translate3d(140px,25px,0) rotate(18deg) scale(1.12)}}
@keyframes market-field-turn{to{transform:rotate(360deg)}}
@keyframes market-comet-flight{0%,70%,100%{opacity:0;transform:translate3d(0,0,0)}73%{opacity:.55}84%{opacity:.55;transform:translate3d(-420px,60px,0)}88%{opacity:0;transform:translate3d(-530px,76px,0)}}
@keyframes market-rail-flight{0%,12%{transform:translate3d(-110%,0,0);opacity:0}20%,80%{opacity:.85}90%,100%{transform:translate3d(490%,0,0);opacity:0}}
@keyframes market-feed-sweep{0%{transform:translate3d(-110%,0,0);opacity:0}10%,65%{opacity:1}100%{transform:translate3d(490%,0,0);opacity:0}}
@keyframes market-brand-orbit{from{transform:rotate(-25deg) scaleY(.66)}to{transform:rotate(335deg) scaleY(.66)}}
@keyframes market-satellite-orbit{to{transform:rotate(336deg) scaleY(.65)}}
@keyframes market-live-beacon{0%{transform:scale(.6);opacity:.7}65%,100%{transform:scale(2);opacity:0}}
@keyframes market-loading-dot{to{opacity:.4}}
@keyframes market-value-settle{0%{transform:translateY(3px);opacity:.6;text-shadow:0 0 16px #b1f57288}65%{transform:translateY(-1px);opacity:1}100%{transform:none;opacity:1;text-shadow:none}}
@keyframes market-price-rise{0%{transform:translateY(4px);color:#5bff5d;text-shadow:0 0 16px #86df6999}65%{transform:translateY(-1px)}100%{transform:none;color:#d9ffc6;text-shadow:0 0 20px #6bba421a}}
@keyframes market-price-fall{0%{transform:translateY(-4px);color:#f6a099;text-shadow:0 0 16px #f6a09955}65%{transform:translateY(1px)}100%{transform:none;color:#d9ffc6;text-shadow:0 0 20px #6bba421a}}
@keyframes market-flow-travel{from{transform:translate3d(-110%,0,0)}to{transform:translate3d(660%,0,0)}}
@keyframes market-refresh-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){header>nav{padding-inline:10px!important}.market-orbit-field{inset-inline-start:15%;width:380px;opacity:.12}.market-aurora{width:340px;left:0}.market-motion-toggle{inset-inline-end:14px;bottom:5px}.market-label{padding-inline-start:14px}.metric-satellite{width:9px;height:9px;margin-top:-4px}.metric-satellite:before{inset:2px}.metric-satellite:after{top:2px;width:2px;height:2px}.market-price-block:before,.market-metric:before{inset:-6px}.market-refresh-icon{font-size:14px}.market-comet:after{width:55px}}
@media(hover:none){.market-price-block,.market-metric,.market-flow{transform:none!important}.market-price-block:before,.market-metric:before,.market-flow:before{display:none}}
@media(prefers-reduced-motion:reduce){.market-atmosphere *,.market-energy-rail:after,.metric-satellite,.dashboard-home:after,.market-status-dot,.market-status-dot:after,.market-flow-bar:after,.market-refresh-icon,.market-value-updated{animation:none!important}.market-price-block,.market-metric,.market-flow,.dashboard-logo,.market-actions button{transform:none!important;transition:none!important}.market-atmosphere{opacity:.5}.market-motion-toggle{display:none}}
