.market-section{--market-bg: #e6e8ed;--market-text: #1a1d24;--card-bg: #ffffff;--card-bg-soft: #f4f7fb;--card-border: rgba(0, 0, 0, .05);--shadow-1: 0 2px 10px rgba(0, 0, 0, .08);--shadow-2: 0 8px 22px rgba(0, 0, 0, .15);--ticker: #222;--sub: #777;--value: #1e2329;--gauge-bg: #e9edf3;--flash-up: #0ecb81;--flash-down: #f6465d;--c-extreme-fear: #d32f2f;--c-fear: #ff7043;--c-neutral: #616161;--c-greed: #2e7d32;--c-extreme-greed: #00c853;--g-extreme: #00e676;--g-greed: #7ee07a;--g-neutral: #ffd54f;--g-fear: #ff8a65;--g-extreme-fear: #f44336;--radius: 14px;--gap: 20px;width:100%;position:relative;padding:112px 0 40px;background:var(--market-bg);color:var(--market-text)}html[data-theme=dark] .market-section{--market-bg: #e6e8ed;--market-text: #1a1d24;--card-bg: #ffffff;--card-bg-soft: #f4f7fb;--card-border: rgba(0, 0, 0, .05);--shadow-1: 0 2px 10px rgba(0, 0, 0, .08);--shadow-2: 0 8px 22px rgba(0, 0, 0, .15);--ticker: #222;--sub: #777;--value: #1e2329;--gauge-bg: #e9edf3;--c-neutral: #616161}.market-shell{max-width:1400px;margin:0 auto;padding:0 25px;display:flex;flex-direction:column;gap:var(--gap)}.market-score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}.market-price-panel{background:#fff;border-radius:18px;box-shadow:var(--shadow-1);overflow:hidden;padding:14px 0 0}.market-price-tabs{display:flex;align-items:center;gap:28px;padding:0 20px 10px;border-bottom:1px solid rgba(0,0,0,.05)}.market-price-tab{position:relative;border:0;background:transparent;padding:0 0 10px;color:#8a92a3;font-size:1rem;font-weight:800;cursor:pointer}.market-price-tab.active{color:#111827}.market-price-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:999px;background:#f3ba2f}.market-price-list{display:flex;flex-direction:column;padding:8px 0 0}.market-price-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(88px,.7fr);gap:16px;align-items:center;padding:18px 20px;border-top:1px solid rgba(0,0,0,.04)}.market-price-row:first-child{border-top:0}.market-price-empty{padding:28px 20px 20px;color:#8a92a3;font-size:.95rem;line-height:1.6}.market-price-link{display:inline-flex;align-items:center;gap:4px;padding:14px 20px 18px;color:#7b8190;font-size:.92rem;font-weight:700;text-decoration:none}.market-price-link:hover{color:#111827}.market-price-link-arrow{font-size:1rem;line-height:1}.market-price-asset{min-width:0;display:flex;align-items:center;gap:12px}.market-coin-badge{width:34px;height:34px;flex:0 0 34px;border-radius:999px;display:grid;place-items:center;color:#fff;font-size:15px;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff24}.market-coin-btc{background:linear-gradient(135deg,#f7931a,#ffb347)}.market-coin-eth{background:linear-gradient(135deg,#627eea,#8ca2ff)}.market-coin-bnb{background:linear-gradient(135deg,#f3ba2f,#ffd76a);color:#1a1d24}.market-coin-xrp{background:linear-gradient(135deg,#2b3139,#59606b)}.market-coin-krw{background:linear-gradient(135deg,#246bff,#7ea8ff)}.market-price-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.market-price-symbol{font-size:1.05rem;font-weight:800;color:#1a1d24;white-space:nowrap}.market-price-name{font-size:.9rem;color:#8a92a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-price-cell{min-width:0;white-space:nowrap}.market-price-value{font-size:1.18rem;font-weight:800;text-align:right;color:#111827}.market-price-change{font-size:1.04rem;font-weight:800;text-align:right}.market-card{background:var(--card-bg);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-1);display:flex;flex-direction:column;transition:box-shadow .25s ease,transform .25s ease;min-width:0}@media(hover:hover)and (pointer:fine){.market-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}}@media(prefers-reduced-motion:reduce){.market-card,.score-gauge-fill,.vu-needle{transition:none!important}}.market-card.score-card{background:linear-gradient(145deg,var(--card-bg),var(--card-bg-soft));border:1px solid var(--card-border);position:relative}.market-ticker{font-size:1.15rem;font-weight:800;color:var(--ticker);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-sub{font-size:.85rem;color:var(--sub);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-value{font-size:1.75rem;font-weight:900;margin-top:8px;letter-spacing:-.5px;color:var(--value);transition:color .25s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-rate{font-size:.98rem;font-weight:800;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-label{margin-top:6px;font-size:.95rem;font-weight:800;letter-spacing:-.2px;color:var(--c-neutral)}.score-label.extreme-fear{color:var(--c-extreme-fear)}.score-label.fear{color:var(--c-fear)}.score-label.neutral{color:var(--c-neutral)}.score-label.greed{color:var(--c-greed)}.score-label.extreme-greed{color:var(--c-extreme-greed)}.score-gauge{margin-top:12px;width:100%;height:10px;border-radius:999px;background:var(--gauge-bg);overflow:hidden}.score-gauge-fill{height:100%;width:0;border-radius:999px;transition:width .6s ease,background .4s ease}.flash-up{color:var(--flash-up)!important}.flash-down{color:var(--flash-down)!important}@media(max-width:900px){.market-section{padding:84px 0 34px;--gap: 16px}.market-shell{padding:0 18px}.market-score-grid{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr))}.market-price-row{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(84px,.68fr);gap:14px;padding-left:16px;padding-right:16px}.market-price-tabs{padding-left:16px;padding-right:16px}.market-card{padding:16px 14px}.market-value{font-size:1.45rem}.market-ticker{font-size:1.02rem}.market-rate{font-size:.88rem}}@media(max-width:600px){.market-section{padding:68px 0 28px;--gap: 14px}.market-score-grid{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr))}.market-card{padding:14px 12px;border-radius:12px}.market-value{font-size:1.28rem}.score-label{font-size:.88rem}.market-rate{font-size:.82rem}.market-price-panel{border-radius:16px}.market-price-row{grid-template-columns:minmax(0,1.1fr) auto auto;gap:12px;padding:16px 14px}.market-price-tabs{justify-content:center;gap:24px;padding:0 14px 8px}.market-price-tab{font-size:.98rem}.market-coin-badge{width:30px;height:30px;flex-basis:30px;font-size:13px}.market-price-symbol{font-size:.98rem}.market-price-name{font-size:.84rem}.market-price-value{font-size:1rem}.market-price-change{font-size:.98rem}.market-price-link{width:100%;justify-content:center;padding:12px 14px 16px}}@media(max-width:430px){.market-section{padding:52px 0 22px;--gap: 12px}.market-score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.market-card{padding:12px 10px;border-radius:10px}.market-value{font-size:1.25rem}.market-price-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:15px 12px}.market-price-tabs{gap:20px;padding:0 12px 8px}.market-price-tab,.market-price-symbol{font-size:.95rem}.market-price-name{font-size:.8rem}.market-price-value,.market-price-change{font-size:.96rem}}.vu-gauge{position:relative;width:100%;height:120px;margin-top:16px;overflow:visible;opacity:1}.vu-band{position:absolute;bottom:0;height:24px;width:33.33%;opacity:.65}.vu-band.green{left:0;background:var(--g-extreme)}.vu-band.yellow{left:33.33%;background:var(--g-neutral)}.vu-band.red{right:0;background:var(--g-extreme-fear)}.vu-ticks{position:absolute;bottom:10px;left:50%;width:100%;height:100%;transform:translate(-50%)}.vu-tick{position:absolute;width:2px;height:55px;background:#00000059;transform-origin:bottom center}html[data-theme=dark] .vu-tick{background:#ffffff47}.vu-tick-label{position:absolute;bottom:62px;left:-12px;font-size:.8rem;font-weight:800;color:#000000a6}html[data-theme=dark] .vu-tick-label{color:#ffffffbf}.vu-needle{position:absolute;bottom:0;left:50%;width:3px;height:78px;background:#d50000;transform-origin:bottom center;z-index:5;transition:transform .6s cubic-bezier(.23,1.2,.32,1)}.vu-center{position:absolute;bottom:0;left:calc(50% - 7px);width:14px;height:14px;background:#000000d9;border-radius:50%;z-index:6}html[data-theme=dark] .vu-center{background:#ffffffd9}.vu-reflection{position:absolute;top:6px;left:12%;width:76%;height:38%;background:linear-gradient(transparent,#ffffff3b);border-radius:50%;filter:blur(5px);pointer-events:none}
