/* CryptoChoco 2.1 Unified Design System v679
 * Presentation-only. Never style financial validation / Turnstile / ad provider internals.
 * Namespaced design tokens and targeted surfaces; respects prior route-scroll fix v678.
 */
body[data-cc-design-v679="1"] {
  --cc21-content-wide: 1260px;
  --cc21-content-work: 1180px;
  --cc21-content-reading: 820px;
  --cc21-gutter: clamp(12px, 2.2vw, 28px);
  --cc21-gap: 14px;
  --cc21-card-pad: clamp(15px, 1.7vw, 22px);
  --cc21-radius: 16px;
  --cc21-radius-sm: 12px;
  --cc21-type-body: 15px;
  --cc21-type-meta: 12.5px;
  --cc21-type-label: 12px;
  --cc21-type-section: clamp(19px, 2vw, 24px);
  --cc21-type-title: clamp(26px, 3vw, 34px);
  --cc21-line: 1.55;
  --cc21-accent: #0abde1;
  --cc21-success: #21c995;
  --cc21-warning: #f2b447;
  --cc21-danger: #f57b88;
  --cc21-focus: 0 0 0 3px rgba(12,191,229,.34);
  --cc21-muted: #a8b9c7;
  --cc21-border: rgba(143,190,207,.18);
}
html:not(.dark) body[data-cc-design-v679="1"] {
  --cc21-accent:#057fae; --cc21-success:#087e62;
  --cc21-warning:#985f06; --cc21-danger:#b72744;
  --cc21-muted:#465b69; --cc21-border:rgba(35,92,118,.19);
}
body[data-cc-design-v679="1"] :is(button, input, select, textarea, a, summary):focus-visible {
  outline: 2px solid var(--cc21-accent);
  outline-offset: 3px;
}
/* Width hierarchy: shell, working dashboards, narrower operational tasks. */
body.cc-user-shell-v562[data-cc-design-v679="1"][data-cc-logged-in="1"] #cc-user-main-v562 {
  padding: 16px var(--cc21-gutter) 28px !important;
  min-width: 0;
}
body.cc-user-shell-v562[data-cc-design-v679="1"][data-cc-logged-in="1"] .cc-user-shell-v562-content-bridge {
  width:100%;max-width:var(--cc21-content-wide)!important;margin-inline:auto;
}
body.cc-user-shell-v562[data-cc-design-v679="1"] #app-dynamic-content-v220,
body.cc-user-shell-v562[data-cc-design-v679="1"] #app-dynamic-content-v220 > div {
  min-width:0;
}
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-dashboard-v589,.cc-rewards-v589,.cc-eng673,.cc-prog619,
 .cc2-earn-hub-v669,.cc-earn-page-v111,.cc-referrals-v589,
 .cc-wheel-rail-layout-v275,.cc-manual-faucet-v112
) {width:100%;max-width:var(--cc21-content-wide);margin-inline:auto;}
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-account-v589,.cc-tl671,.cc-security-v589,.cc-withdraw-v672
) {width:100%;max-width:var(--cc21-content-work);margin-inline:auto;}
body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-prog619 {max-width:var(--cc21-content-work);padding: 0 0 24px;}
body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-manual-faucet-layout-v275 {
  max-width:var(--cc21-content-wide)!important;align-items:flex-start;
}
body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-manual-faucet-layout-v275 .cc-v267-rail-main {
  min-width:0;max-width:980px;flex:1 1 0;
}
body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-wheel-rail-layout-v275 .cc-v267-rail-main {
  min-width:0;max-width:1040px;
}
/* Consistent top-level zone buttons without duplicating existing navigation. */
body.cc-user-shell-v562[data-cc-design-v679="1"] .cc2-zonebar-v668 {
  gap:6px;padding-block:8px;scrollbar-width:none;
}
body.cc-user-shell-v562[data-cc-design-v679="1"] .cc2-zone-v668 {
  min-height:44px;border-radius:var(--cc21-radius-sm);font-size:13px;
  font-weight:750;padding-inline:clamp(10px,1.6vw,18px);
}
body.cc-user-shell-v562[data-cc-design-v679="1"] #sidebar .cc-nav-item,
body.cc-user-shell-v562[data-cc-design-v679="1"] #sidebar .cc-nav-group > summary {
  font-size:13px;line-height:1.35;min-height:42px;
}
body.cc-user-shell-v562[data-cc-design-v679="1"] #sidebar .cc-nav-subitem {
  font-size:12.5px!important;min-height:38px;line-height:1.35;
}
/* Surface rhythm: only presentation wrappers owned by the site. */
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-eng673,.cc-rewards-v569,.cc-account-v570,.cc2-earn-hub-v669,
 .cc-dashboard-v589,.cc-tl671
) {row-gap:var(--cc21-gap);}
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-eng673-hero,.cc-eng673-next,.cc-eng673-panel,
 .cc-rw569-hero,.cc-rw569-panel,.cc-a570-hero,.cc-a570-panel,
 .cc-prog619-hero,.cc-prog619-panel,.cc-prog619-next,
 .cc-tl671-hero,.cc-tl671-panel,.cc2-earn-hero-v669
) {border-radius:var(--cc21-radius);}
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-eng673-hero,.cc-eng673-next,.cc-eng673-panel,
 .cc-rw569-hero,.cc-rw569-panel,.cc-a570-hero,.cc-a570-panel,
 .cc-tl671-hero,.cc2-earn-hero-v669
) {padding:var(--cc21-card-pad);}
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-prog619-panel,.cc-prog619-next,.cc-tl671-panel
) {padding:clamp(15px,1.6vw,20px);}
/* Readable content text; do not alter monetary values, statuses, counters or odds. */
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-eng673-hero,.cc-eng673-next,.cc-eng673-panel,
 .cc-rw569-hero,.cc-rw569-panel,.cc-a570-hero,.cc-a570-panel,
 .cc-prog619-hero,.cc-prog619-panel,.cc2-earn-hero-v669,
 .cc-tl671-hero,.cc-tl671-panel
) p {font-size:var(--cc21-type-meta);line-height:var(--cc21-line);}
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-eng673-step,.cc-rw569-step,.cc-rw569-card,.cc-a579-check,
 .cc2-earn-card-v669,.cc-prog619-achievements article
) {border-radius:var(--cc21-radius-sm);min-width:0;}
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-eng673-step,.cc-eng673-free article,.cc-rw569-card,
 .cc2-earn-card-v669,.cc-prog619-achievements article
) {padding:clamp(12px,1.35vw,17px);}
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-eng673-step b,.cc-rw569-card b,.cc2-earn-card-copy-v669 h3,
 .cc-prog619-ach-head b
) {font-size:14px;line-height:1.35;font-weight:750;}
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-eng673-step span,.cc-eng673-free small,.cc-rw569-card small,
 .cc-prog619-ach-head small,.cc2-earn-card-copy-v669 p
) {font-size:var(--cc21-type-label);line-height:1.5;}
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-eng673-kicker,.cc2-earn-kicker-v669,.cc2-earn-group-kicker-v669,
 .cc-a570-kicker,.cc-prog619-kicker
 ) {font-size:11.5px;letter-spacing:.085em;}
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-eng673-hero h2,.cc-a570-hero h2,.cc-prog619-hero h2,
 .cc-tl671-hero h2,.cc2-earn-hero-copy-v669 h1
 ) {font-size:var(--cc21-type-title);line-height:1.16;letter-spacing:-.025em;font-weight:800;}
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-rw569-head h3,.cc-prog619-head h3,.cc2-earn-group-head-v669 h2,
 .cc-a570-panel h3
 ) {font-size:var(--cc21-type-section);line-height:1.25;font-weight:750;}
/* Stacking responsive cards: preserve canonical controls, forms and disclosure text. */
body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-eng673-strip{gap:8px;}
body.cc-user-shell-v562[data-cc-design-v679="1"] .cc2-earn-grid-v669{gap:var(--cc21-gap);}
body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-prog619-achievements{gap:var(--cc21-gap);}
body.cc-user-shell-v562[data-cc-design-v679="1"] :is(
 .cc-eng673-primary,.cc-rw569-btn,.cc-a570-btn,.cc-tl671-btn,
 .cc2-earn-card-action-v669
) {min-height:44px;border-radius:var(--cc21-radius-sm);font-size:13px;font-weight:750;}
/* Keep scroll offset consistent with sticky topbar + zones without scrollIntoView. */
body.cc-user-shell-v562[data-cc-design-v679="1"] #cc-user-main-v562,
body.cc-user-shell-v562[data-cc-design-v679="1"] #app-dynamic-content-v220 :is(h1,h2,h3,[id]){
  scroll-margin-top:128px;
}
/* Public templates: same typography and restrained reading measures. */
body.cc-public-shell-v674[data-cc-design-v679="1"] {
  --cc-public-max:1180px;
  --cc-public-read:820px;
  --cc-public-radius:18px;
  --cc-public-gap:16px;
}
body.cc-public-shell-v674[data-cc-design-v679="1"] main {
  width:100%;max-width:var(--cc-public-max);margin-inline:auto;
}
body.cc-public-shell-v674[data-cc-design-v679="1"] :is(.cc-public-legal-copy-v598,.cc-prose){
  max-width:var(--cc21-content-reading);
}
body.cc-public-shell-v674[data-cc-design-v679="1"] .cc-prose :is(p,li){
  font-size:15px;line-height:1.75;
}
body.cc-public-shell-v674[data-cc-design-v679="1"] .cc-public-hero-v217 h1 {
  line-height:1.16!important;font-weight:800!important;letter-spacing:-.026em;
}
body.cc-public-shell-v674[data-cc-design-v679="1"] .cc-public-hero-v217 p {
  font-size:15px!important;line-height:1.7!important;
}
body.cc-public-shell-v674[data-cc-design-v679="1"] :is(a,button,summary):focus-visible{
  outline:2px solid var(--cc21-accent);outline-offset:3px;
}
@media(min-width:1400px){
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-user-shell-v562-content-bridge {max-width:1320px!important;}
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-dashboard-v589 {max-width:1320px;}
}
@media(max-width:900px){
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-prog619 {padding-inline:0;}
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-eng673-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc2-earn-grid-v669{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc2-earn-hero-v669{grid-template-columns:1fr;}
}
@media(max-width:767px){
  body.cc-user-shell-v562[data-cc-design-v679="1"] #cc-user-main-v562 {padding:12px 12px 24px!important;}
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc2-zonebar-v668 {padding-inline:12px;gap:5px;}
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc2-zone-v668{padding-inline:12px;}
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-eng673-overview,
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-rw569-hero,
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-a570-hero {grid-template-columns:1fr;}
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-prog619-achievements {grid-template-columns:1fr;}
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-prog619-next {grid-template-columns:1fr;}
  body.cc-user-shell-v562[data-cc-design-v679="1"] #app-dynamic-content-v220 :is(h1,h2,h3,[id]) {scroll-margin-top:116px;}
}
@media(max-width:560px){
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-eng673-strip,
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc-eng673-free,
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc2-earn-grid-v669{grid-template-columns:1fr;}
  body.cc-user-shell-v562[data-cc-design-v679="1"] .cc2-earn-hero-v669 {padding:16px;}
  body.cc-public-shell-v674[data-cc-design-v679="1"] main {min-width:0;}
}
@media(prefers-reduced-motion:reduce){
  body[data-cc-design-v679="1"] :is(.cc-eng673,.cc2-earn-hub-v669,.cc-prog619) *{
    transition-duration:.01ms!important;animation-duration:.01ms!important;
  }
}