/* =============================================================================
   DD Coin Box — front-end styles (self-contained, premium).
   Design tokens are scoped to .dd-coinbox so they never collide with the
   theme's global --dd-* tokens and so dark mode works on ANY theme.
   Surfaces are opaque + crisp (no pervasive backdrop-filter) → fast paint
   and scroll, and a cleaner, more professional read.
   ========================================================================== */
.dd-coinbox{
	--ddc-gold:#e0a300;
	--ddc-gold-bright:#ffc53d;
	--ddc-grad:linear-gradient(135deg,#fdb837 0%,#ffc53d 48%,#e0a300 100%);
	--ddc-gold-soft:rgba(224,163,0,.10);

	--ddc-ink:#16161d;
	--ddc-ink-2:#42424f;
	--ddc-muted:#696975;          /* a11y: ≥4.5:1 on surface/surface-2 (was #71717f) */
	--ddc-faint:#6f6f7b;          /* a11y: ≥4.5:1 on white surface (was #9a9aa6)    */

	--ddc-surface:#ffffff;          /* primary card */
	--ddc-surface-2:#f7f7fa;        /* recessed cell / chip */
	--ddc-surface-3:#fbfbfd;
	--ddc-line:rgba(20,20,45,.09);  /* hairline border */
	--ddc-line-2:rgba(20,20,45,.05);
	--ddc-hair:rgba(224,163,0,.42); /* gold hairline (hover) */

	--ddc-radius-sm:12px;
	--ddc-radius:16px;
	--ddc-radius-lg:22px;
	--ddc-shadow:0 1px 2px rgba(18,18,40,.04), 0 10px 26px -18px rgba(18,18,40,.20);
	--ddc-shadow-hover:0 2px 6px rgba(18,18,40,.06), 0 22px 48px -26px rgba(18,18,40,.32);

	--ddc-up:#1ea97c;  --ddc-up-deep:#0f7d59;
	--ddc-down:#e2554e; --ddc-down-deep:#bb3a33;
	--ddc-up-bg:rgba(30,169,124,.12);   --ddc-up-fg:#0c7350;
	--ddc-down-bg:rgba(226,85,78,.12);  --ddc-down-fg:#c23a33;
	--ddc-flat-bg:rgba(120,120,140,.12);--ddc-flat-fg:var(--ddc-muted);

	box-sizing:border-box;
	width:100vw !important;
	max-width:100vw !important;
	margin-left:calc(50% - 50vw) !important;
	margin-right:calc(50% - 50vw) !important;
	padding:clamp(26px,4vw,52px) clamp(16px,4vw,40px);
	color:var(--ddc-ink);
	font-family:inherit;
	font-variant-numeric:tabular-nums;
	font-feature-settings:"tnum" 1,"ss01" 1;
}
.dd-coinbox *{box-sizing:border-box;}

/* ---------- top: chart card + buy/sell panel ---------- */
.dd-coinbox__inner{
	max-width:1080px;
	margin-inline:auto;
	display:grid;
	grid-template-columns:1.4fr 1fr;
	gap:clamp(16px,2vw,24px);
	align-items:stretch;
}
.dd-coinbox__chartwrap,
.dd-coinbox__panel{
	position:relative;
	background:var(--ddc-surface);
	border:1px solid var(--ddc-line);
	border-radius:var(--ddc-radius-lg);
	box-shadow:var(--ddc-shadow);
	padding:clamp(18px,2vw,26px);
}
/* signature gold top hairline */
.dd-coinbox__chartwrap::before,
.dd-coinbox__panel::before{
	content:"";
	position:absolute;
	inset-inline:18px;
	top:0;
	height:3px;
	border-radius:0 0 3px 3px;
	background:var(--ddc-grad);
	opacity:.9;
}

.dd-coinbox__head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:14px;
	flex-wrap:wrap;
	margin-bottom:14px;
}
.dd-coinbox__name{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:1.04rem;
	font-weight:800;
	margin:0;
	color:var(--ddc-ink);
	line-height:1.3;
}
/* live pulse */
.dd-coinbox__name::before{
	content:"";
	width:8px;height:8px;
	border-radius:50%;
	background:var(--ddc-up);
	box-shadow:0 0 0 0 rgba(30,169,124,.5);
	animation:ddc-pulse 2.2s infinite;
	flex:none;
}
.dd-coinbox__sym{
	font-size:.72rem;
	color:var(--ddc-muted);
	font-weight:800;
	letter-spacing:.04em;
	background:var(--ddc-surface-2);
	border:1px solid var(--ddc-line);
	border-radius:7px;
	padding:2px 7px;
}
.dd-coinbox__price-col{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:5px;
}
.dd-coinbox__pricewrap{
	display:flex;
	align-items:center;
	gap:9px;
	flex-wrap:wrap;
	justify-content:flex-end;
}
.dd-coinbox__price{
	font-size:clamp(1.32rem,2.4vw,1.82rem);
	font-weight:800;
	color:var(--ddc-ink);
	letter-spacing:-.01em;
	line-height:1.1;
}
.dd-coinbox__unit{
	font-size:.7rem;
	color:var(--ddc-muted);
	font-weight:700;
	margin-inline-start:-3px;
}
.dd-coinbox__price-usd{
	font-size:.92rem;
	font-weight:700;
	color:var(--ddc-faint);
	letter-spacing:.02em;
}

/* ---------- percent-change badge (pill) ---------- */
.dd-coinbox .dd-chg{
	display:inline-flex;
	align-items:center;
	gap:3px;
	font-weight:800;
	font-size:.82rem;
	line-height:1;
	padding:5px 9px;
	border-radius:9px;
	white-space:nowrap;
	background:var(--ddc-flat-bg);
	color:var(--ddc-flat-fg);
}
.dd-coinbox .dd-chg.is-up{background:var(--ddc-up-bg);color:var(--ddc-up-fg);}
.dd-coinbox .dd-chg.is-down{background:var(--ddc-down-bg);color:var(--ddc-down-fg);}
.dd-coinbox .dd-chg.is-flat,
.dd-coinbox .dd-chg--na{background:var(--ddc-flat-bg);color:var(--ddc-flat-fg);}

/* ---------- 24h chart ---------- */
.dd-coinbox__chart{
	position:relative;
	height:172px;
	cursor:crosshair;
}
.dd-coinchart{display:block;width:100%;height:100%;}
.dd-coinchart__cursor{
	position:absolute;top:0;bottom:0;width:1px;
	background:linear-gradient(180deg,transparent,var(--ddc-gold),transparent);
	opacity:0;pointer-events:none;transition:opacity .15s ease;
}
.dd-coinchart__tip{
	position:absolute;top:2px;left:0;
	padding:7px 11px;border-radius:11px;
	background:rgba(22,20,16,.94);color:#fff;
	font-size:.78rem;line-height:1.5;text-align:center;
	box-shadow:0 12px 28px -10px rgba(0,0,0,.6);
	opacity:0;pointer-events:none;transition:opacity .15s ease;
	display:flex;flex-direction:column;gap:1px;min-width:104px;
	-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
}
.dd-coinchart__tip b{color:var(--ddc-gold-bright);font-weight:800;}
.dd-coinchart__tip span{color:#cfc9bd;font-size:.7rem;}
.dd-coinbox__axis{
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	margin-top:12px;font-size:.75rem;color:var(--ddc-muted);
	direction:ltr; /* chart runs old→new left→right */
}
.dd-coinbox__axis>span{direction:rtl;}
.dd-coinbox__time{
	padding:3px 10px;border-radius:999px;
	background:var(--ddc-surface-2);border:1px solid var(--ddc-line-2);
	font-weight:600;
}
.dd-coinbox__hilo b{color:var(--ddc-ink);font-weight:800;}

/* ---------- buy / sell panel ---------- */
.dd-coinbox__panel{display:flex;flex-direction:column;gap:12px;}
.dd-trade{
	position:relative;
	border-radius:var(--ddc-radius);
	padding:15px 16px;
	border:1px solid var(--ddc-line);
	display:flex;flex-direction:column;gap:9px;
	overflow:hidden;
}
.dd-trade::before{
	content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;
}
.dd-trade--buy{background:linear-gradient(135deg,rgba(30,169,124,.10),rgba(30,169,124,0) 70%);border-color:rgba(30,169,124,.30);}
.dd-trade--buy::before{background:linear-gradient(180deg,var(--ddc-up),#16c089);}
.dd-trade--sell{background:linear-gradient(135deg,rgba(226,85,78,.10),rgba(226,85,78,0) 70%);border-color:rgba(226,85,78,.30);}
.dd-trade--sell::before{background:linear-gradient(180deg,var(--ddc-down),#ef6f67);}
.dd-trade__label{
	display:flex;align-items:center;gap:6px;
	font-size:.84rem;font-weight:700;color:var(--ddc-muted);
}
.dd-trade--buy .dd-trade__label::before,
.dd-trade--sell .dd-trade__label::before{
	content:"";width:7px;height:7px;border-radius:2px;flex:none;
}
.dd-trade--buy .dd-trade__label::before{background:var(--ddc-up);}
.dd-trade--sell .dd-trade__label::before{background:var(--ddc-down);}
.dd-trade__price{font-size:1.22rem;font-weight:800;color:var(--ddc-ink);letter-spacing:-.01em;}
.dd-trade__price i{font-size:.7rem;font-weight:700;color:var(--ddc-muted);font-style:normal;margin-inline-start:-2px;}
.dd-trade__btn{
	display:inline-flex;align-items:center;justify-content:center;gap:7px;
	margin-top:3px;padding:12px 18px;border-radius:13px;
	font-weight:800;font-size:.94rem;text-decoration:none;color:#fff;
	transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.dd-trade__btn::after{
	content:"";width:13px;height:13px;flex:none;
	background:currentColor;
	-webkit-mask:var(--ddc-arrow) center/contain no-repeat;
	mask:var(--ddc-arrow) center/contain no-repeat;
	transition:transform .2s ease;
}
.dd-coinbox{--ddc-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5l-7 7 7 7'/%3E%3C/svg%3E");}
.dd-trade__btn--buy{background:linear-gradient(135deg,#1ea97c,#13c089);box-shadow:0 12px 24px -12px rgba(30,169,124,.8);}
.dd-trade__btn--sell{background:linear-gradient(135deg,#e2554e,#ef6f67);box-shadow:0 12px 24px -12px rgba(226,85,78,.8);}
.dd-trade__btn:hover{transform:translateY(-2px);filter:saturate(1.08) brightness(1.03);}
.dd-trade__btn:hover::after{transform:translateX(-3px);}
.dd-stockline{
	display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:auto;
	padding:12px 14px;border-radius:var(--ddc-radius);
	background:linear-gradient(135deg,rgba(224,163,0,.10),rgba(224,163,0,0) 72%);
	border:1px solid var(--ddc-hair);
	font-size:.84rem;color:var(--ddc-muted);
}
.dd-stockline__dot{
	width:9px;height:9px;border-radius:50%;background:var(--ddc-up);
	box-shadow:0 0 0 0 rgba(30,169,124,.5);animation:ddc-pulse 2s infinite;flex:none;
}
.dd-stockline__txt b{color:var(--ddc-ink);font-weight:800;}
.dd-stockline__badge{
	margin-inline-start:auto;font-size:.72rem;font-weight:800;color:#231a00;
	background:var(--ddc-grad);padding:4px 11px;border-radius:999px;
	box-shadow:0 6px 14px -8px rgba(224,163,0,.9);
}

@keyframes ddc-pulse{
	0%{box-shadow:0 0 0 0 rgba(30,169,124,.5);}
	70%{box-shadow:0 0 0 7px rgba(30,169,124,0);}
	100%{box-shadow:0 0 0 0 rgba(30,169,124,0);}
}

/* =============================================================================
   Detail hub — performance · all-time extremes · market stats
   ========================================================================== */
.dd-coinbox__detail{
	max-width:1080px;
	margin:clamp(14px,2vw,20px) auto 0;
	display:flex;flex-direction:column;
	gap:clamp(12px,1.6vw,18px);
}

/* ---------- performance strip (24h / 7d / 30d / 1y) ---------- */
.dd-perf{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.2vw,14px);}
.dd-perf__item{
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
	padding:15px 12px;
	background:var(--ddc-surface);border:1px solid var(--ddc-line);
	border-radius:var(--ddc-radius);box-shadow:var(--ddc-shadow);
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.dd-perf__item:hover{transform:translateY(-2px);box-shadow:var(--ddc-shadow-hover);border-color:var(--ddc-hair);}
.dd-perf__k{font-size:.75rem;font-weight:700;color:var(--ddc-muted);}
.dd-perf__item .dd-chg{font-size:clamp(.92rem,1.7vw,1.06rem);padding:6px 11px;border-radius:10px;}

/* ---------- all-time high / low feature cards ---------- */
.dd-extremes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,18px);}
.dd-extreme{
	position:relative;display:flex;flex-direction:column;
	padding:clamp(16px,2vw,22px);
	background:var(--ddc-surface);border:1px solid var(--ddc-line);
	border-radius:var(--ddc-radius-lg);box-shadow:var(--ddc-shadow);
	overflow:hidden;
	transition:transform .18s ease,box-shadow .18s ease;
}
.dd-extreme:hover{transform:translateY(-2px);box-shadow:var(--ddc-shadow-hover);}
.dd-extreme::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;}
.dd-extreme--ath::before{background:linear-gradient(180deg,var(--ddc-up),#16c089);}
.dd-extreme--atl::before{background:linear-gradient(180deg,var(--ddc-down),#ef6f67);}
.dd-extreme__delta--push{margin-top:auto;padding-top:12px;}
.dd-extreme__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;}
.dd-extreme__k{font-size:.82rem;font-weight:700;color:var(--ddc-muted);}
.dd-extreme__badge{
	font-size:.64rem;font-weight:800;letter-spacing:.07em;color:#fff;
	background:var(--ddc-up);border-radius:999px;padding:3px 9px;
}
.dd-extreme__badge--atl{background:var(--ddc-down);}
.dd-extreme__v{font-size:clamp(1.12rem,2.3vw,1.48rem);font-weight:800;color:var(--ddc-ink);line-height:1.25;letter-spacing:-.01em;}
.dd-extreme__meta{
	display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px;
	font-size:.75rem;color:var(--ddc-muted);font-weight:600;
}
.dd-extreme__meta [data-dd-coin-field$="_d"]{direction:ltr;}
.dd-extreme__dot{opacity:.55;}
.dd-extreme__bar{margin-top:14px;height:7px;border-radius:999px;background:var(--ddc-surface-2);overflow:hidden;}
.dd-extreme__fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#16c089,var(--ddc-up));transition:width .6s cubic-bezier(.22,1,.36,1);}
.dd-extreme__delta{display:flex;align-items:center;gap:8px;margin-top:11px;}
.dd-extreme__dlabel{font-size:.73rem;color:var(--ddc-muted);font-weight:600;}

/* ---------- market-stats grid (icon cards) ---------- */
.dd-coinbox__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.2vw,14px);}
.dd-stat{
	display:flex;align-items:center;gap:12px;padding:14px 15px;
	background:var(--ddc-surface);border:1px solid var(--ddc-line);
	border-radius:var(--ddc-radius);box-shadow:var(--ddc-shadow);
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.dd-stat:hover{transform:translateY(-2px);box-shadow:var(--ddc-shadow-hover);border-color:var(--ddc-hair);}
.dd-stat__ico{
	flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;
	color:var(--ddc-gold);
	background:linear-gradient(140deg,rgba(255,197,61,.20),rgba(224,163,0,.07));
	border:1px solid var(--ddc-hair);
}
.dd-stat__ico svg{width:20px;height:20px;}
.dd-stat__body{display:flex;flex-direction:column;gap:2px;min-width:0;}
.dd-stat__k{font-size:.73rem;color:var(--ddc-muted);font-weight:600;}
.dd-stat__v{font-size:.98rem;font-weight:800;color:var(--ddc-ink);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dd-stat__u{font-size:.71rem;color:var(--ddc-faint);font-weight:600;direction:ltr;text-align:start;}

/* ---------- meta strip: tags + trust (audit / social) ---------- */
.dd-coinbox__meta{
	max-width:1080px;margin:clamp(14px,2vw,20px) auto 0;
	display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 18px;
	padding:14px 18px;background:var(--ddc-surface);border:1px solid var(--ddc-line);
	border-radius:var(--ddc-radius);box-shadow:var(--ddc-shadow);
}
.dd-coinbox__tags{display:flex;flex-wrap:wrap;gap:7px;min-width:0;}
.dd-tag{
	font-size:.73rem;font-weight:700;color:var(--ddc-ink-2);
	background:var(--ddc-surface-2);border:1px solid var(--ddc-line);
	border-radius:999px;padding:4px 11px;white-space:nowrap;
	transition:border-color .16s ease,color .16s ease;
}
.dd-tag:hover{border-color:var(--ddc-hair);}
.dd-tag--cat{color:#231a00;background:var(--ddc-grad);border-color:transparent;box-shadow:0 6px 14px -9px rgba(224,163,0,.9);}
.dd-coinbox__trust{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.dd-audit,.dd-audit-link{text-decoration:none;}
.dd-audit{
	display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:var(--ddc-ink);
	background:var(--ddc-up-bg);border:1px solid rgba(30,169,124,.30);border-radius:999px;padding:4px 11px;
}
.dd-audit svg{width:15px;height:15px;color:var(--ddc-up);flex:none;}
.dd-audit span{color:var(--ddc-up-fg);font-weight:800;}
.dd-social{display:inline-flex;align-items:center;gap:7px;}
.dd-social__a{
	display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:10px;
	color:var(--ddc-muted);background:var(--ddc-surface-2);border:1px solid var(--ddc-line);
	transition:color .18s ease,background .18s ease,transform .18s ease,border-color .18s ease;
}
.dd-social__a:hover{color:#231a00;background:var(--ddc-grad);border-color:transparent;transform:translateY(-1px);}
.dd-social__a svg{width:16px;height:16px;}

/* ---------- smart-contract addresses ---------- */
.dd-coinbox__contracts{
	max-width:1080px;margin:clamp(12px,1.6vw,18px) auto 0;
	display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;
	padding:14px 18px;background:var(--ddc-surface);border:1px solid var(--ddc-line);
	border-radius:var(--ddc-radius);box-shadow:var(--ddc-shadow);font-size:.78rem;
}
.dd-coinbox__contracts-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;}
.dd-coinbox__contracts-k{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--ddc-ink);white-space:nowrap;}
.dd-coinbox__contracts-k svg{width:17px;height:17px;color:var(--ddc-gold);}
.dd-contract{
	display:inline-flex;align-items:center;gap:8px;
	background:var(--ddc-surface-2);border:1px solid var(--ddc-line);border-radius:999px;
	padding:4px 6px 4px 12px;transition:border-color .16s ease;
}
.dd-contract:hover{border-color:var(--ddc-hair);}
.dd-contract__net{font-size:.7rem;font-weight:800;color:var(--ddc-ink-2);}
.dd-contract__addr{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:var(--ddc-muted);background:none;padding:0;}
.dd-contract__copy{
	display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;
	border:0;border-radius:8px;cursor:pointer;color:var(--ddc-muted);background:rgba(120,120,140,.12);
	transition:color .16s ease,background .16s ease;
}
.dd-contract__copy:hover{color:#231a00;background:var(--ddc-gold-bright);}
.dd-contract__copy svg{width:14px;height:14px;}
.dd-contract__copy.is-copied{color:#fff;background:var(--ddc-up);}
.dd-contract__copy.is-copied svg{display:none;}
.dd-contract__copy.is-copied::after{content:"✓";font-size:13px;font-weight:800;}

/* =============================================================================
   Responsive
   ========================================================================== */
@media (max-width:880px){
	.dd-coinbox__inner{grid-template-columns:1fr;}
	/* Stacked (mobile/tablet) only: show the buy/sell panel first, chart below.
	   Desktop (>880px, side-by-side grid) keeps its original order. */
	.dd-coinbox__panel{order:1;}
	.dd-coinbox__chartwrap{order:2;}
}
@media (max-width:900px){
	.dd-coinbox__stats{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:620px){
	.dd-perf{grid-template-columns:repeat(2,1fr);}
	.dd-extremes{grid-template-columns:1fr;}
	.dd-coinbox__stats{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
	.dd-coinbox__meta{flex-direction:column;align-items:stretch;gap:12px;}
	.dd-coinbox__trust{width:100%;justify-content:space-between;}
	.dd-coinbox__contracts{flex-direction:column;align-items:stretch;}
	.dd-contract{width:100%;justify-content:space-between;}
}
@media (max-width:400px){
	.dd-stat{padding:12px;gap:10px;}
	.dd-stat__ico{width:36px;height:36px;border-radius:10px;}
	.dd-stat__ico svg{width:18px;height:18px;}
	.dd-stat__v{font-size:.92rem;}
}

/* =============================================================================
   Dark mode (Dracula scheme) — scoped to the box, self-contained
   ========================================================================== */
html[data-dracula-scheme="dark"] .dd-coinbox{
	--ddc-ink:#ececf3;
	--ddc-ink-2:#c4c4d0;
	--ddc-muted:#9a9aab;
	--ddc-faint:#8c8c9c;          /* a11y: ≥4.5:1 on dark surface (was #7c7c8c) */

	--ddc-surface:#1c1d27;
	--ddc-surface-2:#262834;
	--ddc-surface-3:#222330;
	--ddc-line:rgba(255,255,255,.08);
	--ddc-line-2:rgba(255,255,255,.05);
	--ddc-hair:rgba(255,197,61,.40);

	--ddc-shadow:0 1px 2px rgba(0,0,0,.30), 0 14px 30px -20px rgba(0,0,0,.7);
	--ddc-shadow-hover:0 2px 8px rgba(0,0,0,.4), 0 26px 52px -26px rgba(0,0,0,.8);

	--ddc-up:#22c993; --ddc-up-deep:#19a878;
	--ddc-down:#ff6b63; --ddc-down-deep:#e0524b;
	--ddc-up-bg:rgba(34,201,147,.16); --ddc-up-fg:#3bd6a3;
	--ddc-down-bg:rgba(255,107,99,.16); --ddc-down-fg:#ff8a83;
	--ddc-flat-bg:rgba(255,255,255,.08); --ddc-flat-fg:#9a9aab;
}
html[data-dracula-scheme="dark"] .dd-coinbox__name::before,
html[data-dracula-scheme="dark"] .dd-stockline__dot{box-shadow:0 0 0 0 rgba(34,201,147,.5);}
html[data-dracula-scheme="dark"] .dd-coinchart__tip{background:rgba(10,11,16,.96);}
html[data-dracula-scheme="dark"] .dd-trade--buy{background:linear-gradient(135deg,rgba(34,201,147,.14),rgba(34,201,147,0) 70%);}
html[data-dracula-scheme="dark"] .dd-trade--sell{background:linear-gradient(135deg,rgba(255,107,99,.14),rgba(255,107,99,0) 70%);}
html[data-dracula-scheme="dark"] .dd-stockline{background:linear-gradient(135deg,rgba(255,197,61,.12),rgba(255,197,61,0) 72%);}
html[data-dracula-scheme="dark"] .dd-stat__ico{background:linear-gradient(140deg,rgba(255,197,61,.18),rgba(224,163,0,.06));}

/* =============================================================================
   Motion preferences
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
	.dd-coinbox *,
	.dd-coinbox *::before,
	.dd-coinbox *::after{animation:none !important;transition:none !important;}
}