.next-layout{grid-template-columns:.86fr 1.14fr;gap:5vw}
.next-copy>small a{color:#adf5d0;text-underline-offset:3px}
.market-preview{--trend:#adf5d0;position:relative;min-width:0;padding:30px;background:radial-gradient(ellipse at 12% 0,#244a394d,transparent 62%),#0b110e;border:1px solid #adf5d030;border-radius:16px;box-shadow:0 30px 100px #0007,0 0 65px #adf5d008;transform:perspective(1200px) rotateY(-3deg) rotateZ(1deg);overflow:hidden}
.market-preview.is-down{--trend:#f18c95}
.market-top{align-items:center;gap:12px}
.market-top .market-feed{display:flex;align-items:center;gap:7px;font-size:8px;color:#adf5d0;white-space:nowrap}
.market-feed i{height:5px;width:5px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
[data-state="loading"] .market-feed{color:#a4b8ad}
[data-state="error"] .market-feed,[data-state="stale"] .market-feed{color:#e3bc85}
[data-state="live"] .market-feed i{animation:feed-pulse 2.5s ease-in-out infinite}
@keyframes feed-pulse{50%{opacity:.4;box-shadow:0 0 2px currentColor}}
.token-tabs{margin:27px 0 25px;gap:8px}
.token-tabs button{display:flex;align-items:center;gap:7px;border-radius:100px;padding:9px 14px;transition:background .2s,color .2s,border-color .2s}
.token-tabs svg{width:15px;height:15px;fill:currentColor}
.token-tabs button.active{background:#adf5d019;color:#adf5d0;border-color:#adf5d070}
.token-tabs button:hover{border-color:#adf5d070;color:#dff4e7}
.market-price{align-items:center;gap:10px;min-height:64px}
.market-price strong{font-size:clamp(29px,3.5vw,45px);font-variant-numeric:tabular-nums;color:#eef7f1;line-height:1.2;white-space:nowrap}
.market-price small{font-size:11px;letter-spacing:.03em}
.market-return{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
[data-market-change]{font-size:12px;color:var(--trend);padding:7px 10px;border:1px solid color-mix(in srgb,var(--trend) 22%,transparent);background:color-mix(in srgb,var(--trend) 7%,transparent);border-radius:5px;font-variant-numeric:tabular-nums;transition:color .35s,background .35s}
.market-return small{font-size:8px;letter-spacing:.06em;color:#849e8f}
.market-chart{margin-top:24px;background:none;overflow:visible;touch-action:pan-y;outline-offset:5px}
.market-chart svg{height:auto;width:100%;aspect-ratio:640/270;overflow:visible}
.chart-grid line{stroke:#d7ffe80c;stroke-width:1}
.chart-baseline{stroke:#b9c8be55;stroke-dasharray:3 6;stroke-width:1}
.live-line{fill:none;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.line-up{stroke:#adf5d0;filter:drop-shadow(0 2px 4px #adf5d02b)}
.line-down{stroke:#f18c95;filter:drop-shadow(0 2px 4px #f18c9520)}
.live-area{fill:url(#market-area-fill);opacity:.75}
#market-area-fill stop{stop-color:var(--trend);transition:stop-color .35s}
.chart-volume{opacity:.3}
.chart-live-dot{fill:var(--trend);stroke:#0b110e;stroke-width:2;transition:fill .35s}
.chart-live-halo{stroke:none;opacity:.18}
.chart-axis{fill:#6c8778;font-size:10px;font-family:var(--body);font-variant-numeric:tabular-nums}
.chart-drawing{transition:opacity .3s}
.chart-crosshair{stroke:#e6f5ec66;stroke-dasharray:3 4;opacity:0}
.chart-hover-dot{fill:#e6f5ec;stroke:#13241b;stroke-width:3;opacity:0}
.is-inspecting .chart-crosshair,.is-inspecting .chart-hover-dot{opacity:1}
.chart-tooltip{position:absolute;top:0;transform:translate(-50%,-25%);background:#15271ff5;border:1px solid #adf5d04d;box-shadow:0 12px 28px #0005;border-radius:7px;padding:10px 14px;pointer-events:none;z-index:2;white-space:nowrap}
.chart-tooltip strong{display:block;font:500 15px var(--display);color:#e4f7eb;font-variant-numeric:tabular-nums}
.chart-tooltip small{display:block;margin-top:4px;font-size:9px;color:#99b3a4}
.chart-timestamps{display:flex;justify-content:space-between;padding-right:13.75%;font-size:8px;color:#718c7b;font-variant-numeric:tabular-nums;margin-top:3px}
.chart-bottom{margin-top:20px;gap:8px}
.market-source{font-size:8px;color:#9ab3a4;text-decoration:none;letter-spacing:.02em}
.market-source:hover{color:#adf5d0}
.period-tabs{gap:3px;border:1px solid #adf5d015;border-radius:6px;padding:3px}
.period-tabs button{padding:7px 9px;border-radius:3px;font-size:10px;transition:color .2s,background .2s}
.period-tabs button.active{background:#adf5d014;color:#adf5d0}
.market-metrics{gap:8px;margin-top:19px;padding-top:20px}
.market-metrics small{font-size:7px;letter-spacing:.06em}
.market-metrics b{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.market-footnote{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #adf5d013;padding-top:15px;margin-top:19px;min-height:29px;font-size:8px;color:#698574}
.market-footnote time{font-variant-numeric:tabular-nums}
.market-footnote button{color:#e3bc85;background:transparent;border:0;font-size:10px;padding:0;text-decoration:underline;text-underline-offset:3px}
.market-footnote [hidden],.chart-tooltip[hidden]{display:none}
.market-preview[data-state="error"] .market-chart:after,.market-preview[data-state="loading"] .market-chart:after{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.04em;color:#829f8e;content:'Connecting to Coinbase…'}
.market-preview[data-state="error"] .market-chart:after{content:'Price feed is temporarily unavailable.'}
.motion-paused .market-preview *{animation:none!important;transition:none!important}
@media(max-width:1000px){.next-layout{gap:30px}.market-preview{padding:22px}.market-metrics b{font-size:11px}.market-price strong{font-size:29px}.market-top{font-size:7px;letter-spacing:.06em}.market-top .market-feed{font-size:7px}}
@media(max-width:700px){.next-layout{grid-template-columns:1fr;gap:40px}.market-preview{padding:23px;transform:none}.market-price strong{font-size:37px}.market-chart{margin-top:25px}.market-chart svg{height:auto}.market-top{font-size:8px}.market-top .market-feed{font-size:8px}.market-metrics b{font-size:12px}}
@media(max-width:380px){.market-preview{padding:18px}.market-price strong{font-size:31px}.token-tabs button{padding:8px 11px}.market-metrics b{font-size:10px}.market-metrics small{font-size:6px}.market-footnote{font-size:7px}.chart-tooltip{padding:7px 10px}}