.ch{padding:96px 0 48px}
.ch-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.ch-kick{font:11px var(--pix);color:var(--leaf);letter-spacing:.08em;margin:0 0 6px;display:flex;align-items:center;gap:8px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 0 rgba(95,191,110,.6);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(95,191,110,0)}100%{box-shadow:0 0 0 0 rgba(95,191,110,0)}}
.ch h1{font:400 clamp(34px,5vw,52px)/1 var(--serif);margin:0}.ch h1 em{color:var(--gold)}
.picker{display:flex;gap:6px;background:var(--surface);border:1px solid var(--line);padding:5px;border-radius:999px}
.picker button,.tf button{font:600 14px var(--font);color:var(--muted);background:none;border:0;padding:8px 16px;border-radius:999px;cursor:pointer;transition:.2s var(--ease)}
.picker button[aria-selected=true]{background:var(--gold);color:#140f04}
.card{background:linear-gradient(180deg,var(--raise),var(--surface));border:1px solid var(--line);border-radius:var(--r)}
.pricebar{display:grid;grid-template-columns:auto auto 1fr;gap:28px;align-items:center;padding:18px 22px;margin-bottom:14px}
.pb-id{display:flex;gap:12px;align-items:center}.pb-id img{border-radius:50%;background:var(--bg)}
.pb-id b{display:block;font-size:20px}.pb-id span{font-size:13px;color:var(--faint)}
.pb-price{display:flex;align-items:baseline;gap:12px}
#price{font:600 30px var(--mono);padding:2px 8px;border-radius:8px;transition:color .6s}
#price.up{animation:fu 1s}#price.down{animation:fd 1s}
@keyframes fu{0%{background:rgba(95,191,110,.35);color:var(--lime)}100%{background:transparent}}
@keyframes fd{0%{background:rgba(224,128,90,.35);color:var(--ember)}100%{background:transparent}}
.chg{font:600 14px var(--mono);padding:4px 9px;border-radius:999px}.chg.pos{color:var(--leaf);background:rgba(95,191,110,.12)}.chg.neg{color:var(--ember);background:rgba(224,128,90,.12)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;justify-self:end;text-align:right}
.stats span{display:block;font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.06em}.stats b{font:600 15px var(--mono)}
.grid{display:grid;grid-template-columns:1fr 340px;gap:14px}
.chartcard{padding:12px 12px 8px;min-width:0}
.tf{display:flex;gap:4px;margin-bottom:8px}.tf button{padding:6px 12px;font-size:13px}.tf button.on{color:var(--gold);background:rgba(242,193,78,.12)}
#chart{height:460px;position:relative}
.ch-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--faint);padding:8px 4px 0}
.feed{padding:16px;display:flex;flex-direction:column;max-height:560px}
.feed h3{margin:0 0 10px;font-size:15px}.feed .stag{font-size:14px}
.fh,#trades li{display:grid;grid-template-columns:52px 1fr 1fr 44px;gap:6px;font:12px var(--mono)}
.fh{color:var(--faint);padding:0 8px 6px;border-bottom:1px solid var(--line)}
#trades{list-style:none;margin:0;padding:0;overflow:auto;flex:1}
#trades li{padding:7px 8px;border-radius:8px;margin-top:3px;text-decoration:none}
#trades li.b{background:rgba(95,191,110,.07)}#trades li.b .s{color:var(--leaf)}
#trades li.s{background:rgba(224,128,90,.07)}#trades li.s .s{color:var(--ember)}
#trades li.new{animation:slide .6s var(--ease)}
@keyframes slide{0%{transform:translateX(30px);opacity:0;background:rgba(242,193,78,.25)}}
#trades a{color:inherit;text-decoration:none}#trades .ag{color:var(--faint);text-align:right}
@media(max-width:900px){.grid{grid-template-columns:1fr}.pricebar{grid-template-columns:1fr auto;gap:14px}.stats{grid-column:1/-1;justify-self:stretch;grid-template-columns:repeat(2,1fr);text-align:left}#chart{height:340px}.feed{max-height:420px}}
@media(max-width:520px){.ch{padding-top:118px}.ch-head{align-items:flex-start}#price{font-size:22px}.pricebar{padding:14px}}
#chart canvas.fx{position:absolute;inset:0;pointer-events:none;z-index:5}
.chartcard{transition:box-shadow .3s}.flash-r{box-shadow:inset 0 0 0 2px rgba(224,128,90,.7),0 0 40px rgba(224,128,90,.35)}.flash-g{box-shadow:inset 0 0 0 2px rgba(95,191,110,.7)}
.shake{animation:shake .45s}
@keyframes shake{20%{transform:translate(-5px,3px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}
@media(prefers-reduced-motion:reduce){.shake,#trades li.new,.dot,#price.up,#price.down{animation:none}}
.casearch{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;margin-bottom:14px;border-color:rgba(242,193,78,.28);box-shadow:0 0 0 4px rgba(242,193,78,.04)}
.casearch:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px rgba(242,193,78,.12)}
.casearch svg{width:18px;height:18px;color:var(--gold);flex:none}
#caIn{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ink);font:15px var(--mono);padding:10px 0}
#caIn::placeholder{color:var(--faint)}
#caGo{font:600 14px var(--font);background:var(--gold);color:#140f04;border:0;border-radius:999px;padding:10px 18px;cursor:pointer}
#caGo:disabled{opacity:.6}
.casearch .picker{padding:3px}.casearch .picker button{padding:7px 12px;font-size:13px}
.caerr{margin:-6px 0 14px;color:var(--ember);font-size:14px}
.pb-id b{font-size:18px}
@media(max-width:640px){.casearch{flex-wrap:wrap;padding:10px 12px}#caIn{flex-basis:calc(100% - 40px)}#caGo{flex:1}.casearch .picker{margin-left:auto}}