/* =============================================================================
   DD Coin Box - front-end styles (self-contained, premium). v2 redesign:
   - one full-width chart hero (buy/sell moved to the intro converter panel)
   - ۲۴ ساعت / ۱ ماه / ۱ سال range switcher on the chart
   - the detail area is a single unified "market console" card (labeled
     sections + hairline-divided cells) instead of floating mosaic tiles
   - seamless gradient hand-off from the .dd-cointro hero above
   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.
   Animations are transform/opacity only (compositor-friendly).
   ========================================================================== */
.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 */
	--ddc-faint:#6f6f7b;          /* a11y: ≥4.5:1 on white surface    */

	--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:24px;
	--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;
	position:relative;
	isolation:isolate;
	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;}

/* ---------- seamless hand-off from the intro hero above ---------- */
/* warm wash continuing the intro's gold ambience, fading into the page */
.dd-coinbox::before{
	content:"";position:absolute;inset:0 0 auto;height:min(440px,62%);
	z-index:-1;pointer-events:none;
	background:linear-gradient(180deg,rgba(253,184,55,.085),rgba(253,184,55,.035) 46%,transparent 100%);
}
/* soft gold aurora glow behind the whole box */
.dd-coinbox::after{
	content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
	background:
		radial-gradient(44% 58% at 84% -8%,rgba(255,197,61,.14),transparent 60%),
		radial-gradient(40% 54% at 4% 6%,rgba(255,197,61,.08),transparent 58%);
}
/* when the intro hero sits right above, close the gap so the two washes merge */
.dd-cointro--duo + .dd-coinbox{padding-top:clamp(10px,1.8vw,22px);}
/* ...and hand off without a seam: the wash holds the intro's exit alpha across
   the join before decaying, and the aurora blobs (whose centres sit above the
   top edge) are eased in instead of being hard-clipped by it. */
.dd-cointro--duo + .dd-coinbox::before{
	height:min(560px,72%);
	background:linear-gradient(180deg,
		rgba(253,184,55,.085) 0,
		rgba(253,184,55,.085) 14%,
		rgba(253,184,55,.045) 48%,
		transparent 100%);
}
.dd-cointro--duo + .dd-coinbox::after{
	-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 28%);
	mask-image:linear-gradient(180deg,transparent 0,#000 28%);
}

/* ---------- hero: the full-width chart card ---------- */
.dd-coinbox__inner{
	max-width:1080px;
	margin-inline:auto;
}
.dd-coinbox__chartwrap{
	position:relative;
	border-radius:var(--ddc-radius-lg);
	padding:clamp(18px,2.4vw,30px);
	background:
		linear-gradient(180deg,var(--ddc-surface),var(--ddc-surface-3)) padding-box,
		linear-gradient(160deg,rgba(253,184,55,.75),rgba(224,163,0,.16) 42%,rgba(20,20,45,.10) 72%,rgba(253,184,55,.55)) border-box;
	border:1.5px solid transparent;
	box-shadow:0 2px 8px rgba(18,18,40,.05),0 34px 64px -36px rgba(18,18,40,.34),inset 0 1px 0 rgba(255,255,255,.72);
	overflow:hidden;
}
.dd-coinbox__chartwrap>*{position:relative;z-index:1;}
/* breathing gold halo behind the price (compositor-only opacity pulse) */
.dd-coinbox__chartwrap::after{
	content:"";position:absolute;z-index:0;inset:0;pointer-events:none;
	background:radial-gradient(52% 42% at 72% 16%,rgba(255,197,61,.16),transparent 70%);
	animation:ddcx-breathe 6s ease-in-out infinite;
}
@keyframes ddcx-breathe{0%,100%{opacity:.5;}50%{opacity:.95;}}

.dd-coinbox__head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:14px;
	flex-wrap:wrap;
	margin-bottom:12px;
}
.dd-coinbox__name{
	display:flex;
	align-items:center;
	gap:9px;
	font-size:1.06rem;
	font-weight:800;
	margin:0;
	color:var(--ddc-ink);
	line-height:1.3;
}
/* live dot: ring pulse via transform/opacity (never an animated box-shadow) */
.dd-coinbox__name::before{
	content:"";
	position:relative;
	width:8px;height:8px;
	border-radius:50%;
	background:var(--ddc-up);
	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;
	box-shadow:0 4px 10px -6px rgba(224,163,0,.5);
}
.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.55rem,3vw,2.15rem);
	font-weight:800;
	color:var(--ddc-ink);
	letter-spacing:-.01em;
	line-height:1.1;
	text-shadow:0 1px 0 rgba(255,255,255,.5);
}
.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);
	border:1px solid transparent;
	box-shadow:0 6px 16px -10px rgba(18,18,40,.45);
}
.dd-coinbox .dd-chg.is-up{background:var(--ddc-up-bg);color:var(--ddc-up-fg);border-color:rgba(30,169,124,.22);}
.dd-coinbox .dd-chg.is-down{background:var(--ddc-down-bg);color:var(--ddc-down-fg);border-color:rgba(226,85,78,.22);}
.dd-coinbox .dd-chg.is-flat,
.dd-coinbox .dd-chg--na{background:var(--ddc-flat-bg);color:var(--ddc-flat-fg);}

/* ---------- chart toolbar: range switcher + unit note ---------- */
.dd-coinbox__toolbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	flex-wrap:wrap;
	margin:2px 0 14px;
}
.dd-coinbox__ranges,
.dd-coinbox__ccy{
	display:inline-flex;
	align-items:center;
	gap:4px;
	padding:4px;
	border-radius:13px;
	background:var(--ddc-surface-2);
	border:1px solid var(--ddc-line);
}
.dd-coinbox__ccywrap{
	display:inline-flex;
	align-items:center;
	gap:8px;
}
.dd-range,
.dd-ccy{
	appearance:none;
	border:0;
	background:transparent;
	font-family:inherit;
	font-size:.82rem;
	font-weight:800;
	color:var(--ddc-muted);
	padding:7px 14px;
	border-radius:10px;
	cursor:pointer;
	transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.dd-range:hover,
.dd-ccy:hover{color:var(--ddc-ink);}
.dd-range:active,
.dd-ccy:active{transform:scale(.96);}
.dd-range.is-on,
.dd-ccy.is-on{
	color:#231a00;
	background:var(--ddc-grad);
	box-shadow:0 8px 18px -9px rgba(224,163,0,.9);
}
.dd-range:focus-visible,
.dd-ccy:focus-visible{outline:2px solid var(--ddc-gold);outline-offset:2px;}
.dd-coinbox__unitnote{
	font-size:.73rem;
	font-weight:600;
	color:var(--ddc-faint);
}

/* ---------- chart ---------- */
.dd-coinbox__chart{
	position:relative;
	height:clamp(190px,24vw,250px);
	cursor:crosshair;
	border-radius:12px;
	/* faint trading-terminal grid behind the line */
	background:repeating-linear-gradient(0deg,transparent 0 30px,rgba(20,20,45,.045) 30px 31px);
}
.dd-coinchart{display:block;width:100%;height:100%;filter:drop-shadow(0 5px 10px rgba(18,18,40,.13));}
.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;}
/* endpoint pulse (SVG halo circle, opacity-only) */
.dd-coinchart__halo{animation:ddcx-breathe 2.6s ease-in-out infinite;transform-origin:center;}

/* chart footer axis (renamed from __axis so stale Additional-CSS overrides
   authored for the old layout no longer apply) */
.dd-coinchart__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-coinchart__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;}

/* =============================================================================
   Market console - one unified card: header - performance - extremes - stats
   ========================================================================== */
.dd-console{
	max-width:1080px;
	margin:clamp(16px,2.2vw,24px) auto 0;
	background:linear-gradient(180deg,var(--ddc-surface),var(--ddc-surface-3));
	border:1px solid var(--ddc-line);
	border-radius:var(--ddc-radius-lg);
	box-shadow:0 2px 8px rgba(18,18,40,.05),0 34px 64px -36px rgba(18,18,40,.30),inset 0 1px 0 rgba(255,255,255,.72);
	overflow:hidden;
}
/* gold signature top bar */
.dd-console{position:relative;}
.dd-console::before{
	content:"";position:absolute;inset:0 0 auto;height:3px;
	background:var(--ddc-grad);
	opacity:.9;
}
.dd-console__head{
	display:flex;
	align-items:center;
	gap:13px;
	padding:clamp(16px,2vw,22px) clamp(16px,2.4vw,26px);
	border-bottom:1px solid var(--ddc-line-2);
}
.dd-console__ico{
	flex:none;width:44px;height:44px;
	display:grid;place-items:center;
	border-radius:13px;
	color:#231a00;
	background:var(--ddc-grad);
	box-shadow:0 10px 22px -10px rgba(224,163,0,.85);
}
.dd-console__ico svg{width:22px;height:22px;}
.dd-console__titles{display:flex;flex-direction:column;gap:2px;min-width:0;}
.dd-console__title{
	margin:0 !important;
	font-size:1.05rem !important;
	font-weight:800 !important;
	color:var(--ddc-ink);
	line-height:1.4 !important;
}
.dd-console__sub{font-size:.76rem;font-weight:600;color:var(--ddc-muted);}
.dd-console__live{
	margin-inline-start:auto;
	display:inline-flex;align-items:center;gap:7px;
	font-size:.74rem;font-weight:700;color:var(--ddc-up-fg);
	background:var(--ddc-up-bg);
	border:1px solid rgba(30,169,124,.25);
	border-radius:999px;
	padding:5px 12px;
	white-space:nowrap;
}
.dd-console__live i{
	position:relative;width:7px;height:7px;border-radius:50%;
	background:var(--ddc-up);flex:none;
}
.dd-console__live i::after{
	content:"";position:absolute;inset:0;border-radius:50%;
	background:rgba(30,169,124,.5);
	will-change:transform,opacity;
	animation:ddcx-ping 2.2s ease-out infinite;
	pointer-events:none;
}
@keyframes ddcx-ping{0%{transform:scale(1);opacity:.7;}70%,100%{transform:scale(3);opacity:0;}}

.dd-console__sec{
	padding:clamp(14px,1.8vw,20px) clamp(16px,2.4vw,26px) clamp(16px,2.2vw,24px);
}
.dd-console__sec + .dd-console__sec{border-top:1px solid var(--ddc-line-2);}
.dd-console__k{
	display:flex;align-items:center;gap:8px;
	margin:0 0 12px !important;
	font-size:.85rem !important;
	font-weight:800 !important;
	color:var(--ddc-ink);
	line-height:1.5 !important;
}
.dd-console__kico{
	flex:none;width:26px;height:26px;
	display:grid;place-items:center;
	border-radius:8px;
	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-console__kico svg{width:14px;height:14px;}

/* ---------- performance strip (24h / 7d / 30d / 1y) - segmented, no mosaic ---------- */
.dd-perf{
	display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
	background:var(--ddc-line);
	border:1px solid var(--ddc-line);
	border-radius:var(--ddc-radius);
	overflow:hidden;
}
.dd-perf__item{
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
	padding:15px 12px;
	background:var(--ddc-surface);
	transition:background .18s ease;
}
.dd-perf__item:hover{background:var(--ddc-surface-3);}
.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);
	border-radius:var(--ddc-radius);
	border:1px solid var(--ddc-line);
	overflow:hidden;
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.dd-extreme--ath{background:linear-gradient(150deg,rgba(30,169,124,.07),var(--ddc-surface) 55%);}
.dd-extreme--atl{background:linear-gradient(150deg,rgba(226,85,78,.06),var(--ddc-surface) 55%);}
.dd-extreme--ath:hover{transform:translateY(-2px);border-color:rgba(30,169,124,.4);box-shadow:0 18px 38px -24px rgba(30,169,124,.55);}
.dd-extreme--atl:hover{transform:translateY(-2px);border-color:rgba(226,85,78,.4);box-shadow:0 18px 38px -24px rgba(226,85,78,.55);}
.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 - hairline-divided bento inside the console ----------
   NOTE: the cells are .dd-mstat, NOT .dd-stat. The site's Additional CSS owns a
   generic .dd-stat (for the theme's [dd_stats] shortcode) that adds a border,
   its own radius, 20px padding and `margin:3px !important` - inside this bento
   that rendered 12 double-bordered boxes floating in the console's own box.
   Same reason __stats/__axis carry console-scoped names: never reuse a bare,
   generic class here. */
/* Wrapping flex, not a fixed grid: the card count varies with the dominance /
   UCID toggles, and a short last row left empty grid cells showing through as
   bare hairline-coloured blocks. With flex the last row's cards just stretch.
   --ddc-mstat-basis is small enough that N+1 cards can never fit a row. */
.dd-console__stats{
	--ddc-mstat-basis:22%;
	display:flex;flex-wrap:wrap;gap:1px;
	background:var(--ddc-line);
	border:1px solid var(--ddc-line);
	border-radius:var(--ddc-radius);
	overflow:hidden;
}
.dd-mstat{
	flex:1 1 var(--ddc-mstat-basis);min-width:0;
	display:flex;align-items:center;gap:12px;
	padding:15px 16px;
	background:var(--ddc-surface);
	transition:background .18s ease,box-shadow .18s ease;
}
/* belt & braces - the console owns the spacing; no stray outside rule may add
   frames or margins back onto the cells (see the NOTE above) */
.dd-console__stats > *{margin:0 !important;border-radius:0;}
.dd-mstat:hover{background:var(--ddc-surface-3);}
.dd-mstat__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-mstat__ico svg{width:20px;height:20px;}
.dd-mstat__body{display:flex;flex-direction:column;gap:2px;min-width:0;}
.dd-mstat__k{font-size:.73rem;color:var(--ddc-muted);font-weight:600;}
.dd-mstat__v{font-size:.98rem;font-weight:800;color:var(--ddc-ink);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dd-mstat__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:linear-gradient(180deg,var(--ddc-surface),var(--ddc-surface-3));
	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:linear-gradient(180deg,var(--ddc-surface),var(--ddc-surface-3));
	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:900px){
	.dd-console__stats{--ddc-mstat-basis:30%;}   /* 3 per row */
}
@media (max-width:620px){
	.dd-perf{grid-template-columns:repeat(2,1fr);}
	.dd-extremes{grid-template-columns:1fr;}
	.dd-console__stats{--ddc-mstat-basis:46%;}   /* 2 per row */
	.dd-console__head{flex-wrap:wrap;}
	.dd-console__live{margin-inline-start:0;width:100%;justify-content:center;}
}
@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;}
	.dd-coinbox__toolbar{justify-content:center;gap:8px;}
	.dd-coinbox__unitnote{display:none;}
	.dd-coinbox__ranges{width:100%;justify-content:stretch;}
	.dd-range{flex:1;}
	.dd-coinbox__ccywrap{width:100%;}
	.dd-coinbox__ccy{width:100%;justify-content:stretch;}
	.dd-ccy{flex:1;}
}
@media (max-width:400px){
	.dd-mstat{padding:12px;gap:10px;}
	.dd-mstat__ico{width:36px;height:36px;border-radius:10px;}
	.dd-mstat__ico svg{width:18px;height:18px;}
	.dd-mstat__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;

	--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::before{
	background:linear-gradient(180deg,rgba(253,184,55,.06),rgba(253,184,55,.025) 46%,transparent 100%);
}
html[data-dracula-scheme="dark"] .dd-cointro--duo + .dd-coinbox::before{
	background:linear-gradient(180deg,
		rgba(253,184,55,.06) 0,
		rgba(253,184,55,.06) 14%,
		rgba(253,184,55,.03) 48%,
		transparent 100%);
}
html[data-dracula-scheme="dark"] .dd-coinbox::after{
	background:
		radial-gradient(46% 60% at 84% -8%,rgba(255,197,61,.17),transparent 60%),
		radial-gradient(42% 56% at 4% 6%,rgba(255,197,61,.10),transparent 58%);
}
html[data-dracula-scheme="dark"] .dd-coinbox__chartwrap{
	background:
		linear-gradient(180deg,var(--ddc-surface),var(--ddc-surface-3)) padding-box,
		linear-gradient(160deg,rgba(253,184,55,.55),rgba(224,163,0,.12) 42%,rgba(255,255,255,.08) 72%,rgba(253,184,55,.4)) border-box;
	box-shadow:0 2px 8px rgba(0,0,0,.35),0 34px 64px -34px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-dracula-scheme="dark"] .dd-coinbox__price{text-shadow:none;}
html[data-dracula-scheme="dark"] .dd-coinbox__chart{background:repeating-linear-gradient(0deg,transparent 0 30px,rgba(255,255,255,.05) 30px 31px);}
html[data-dracula-scheme="dark"] .dd-coinchart{filter:drop-shadow(0 5px 12px rgba(0,0,0,.55));}
html[data-dracula-scheme="dark"] .dd-coinchart__tip{background:rgba(10,11,16,.96);}
html[data-dracula-scheme="dark"] .dd-console{
	box-shadow:0 2px 8px rgba(0,0,0,.35),0 34px 64px -34px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-dracula-scheme="dark"] .dd-extreme--ath{background:linear-gradient(150deg,rgba(34,201,147,.10),var(--ddc-surface) 55%);}
html[data-dracula-scheme="dark"] .dd-extreme--atl{background:linear-gradient(150deg,rgba(255,107,99,.09),var(--ddc-surface) 55%);}
html[data-dracula-scheme="dark"] .dd-mstat__ico,
html[data-dracula-scheme="dark"] .dd-console__kico{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,
	.dd-coinbox *,
	.dd-coinbox *::before,
	.dd-coinbox *::after{animation:none !important;transition:none !important;}
}