/* R222 visual parity. Only published Task Wall + the creator preview.
   Colors come from the creator's saved design; no global CSS or theme reset. */
.cb221-page .cb-wall-preview,
.cb-tw {
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.cb221-page .cb-wall-preview{
  --tw-accent:#159cf2;--tw-bg:#f6fbff;--tw-card:#fff;
  --tw-text:#153048;--tw-muted:#647e92;
  border:1px solid color-mix(in srgb,var(--tw-text) 8%,transparent);
  border-radius:22px;
  box-shadow:0 16px 42px rgba(17,68,116,.11);
}
.cb221-page .cb-wall-preview-inner{padding:16px;}
.cb221-page .cb-wall-preview-top{
  padding:14px 15px;border-radius:15px;
  background:color-mix(in srgb,var(--tw-card) 92%,var(--tw-accent) 8%);
  border:1px solid color-mix(in srgb,var(--tw-text) 8%,transparent);
}
.cb221-page .cb-wall-preview-brand{font-size:16px;letter-spacing:-.035em;}
.cb221-page .cb-wall-preview-share{font-size:10px;}
.cb221-page .cb-wall-preview-filter{margin:12px 0;gap:7px;overflow-x:auto;}
.cb221-page .cb-wall-preview-filter span{
  background:color-mix(in srgb,var(--tw-card) 88%,var(--tw-accent) 12%);
  border:1px solid color-mix(in srgb,var(--tw-accent) 13%,transparent);
  color:var(--tw-muted);padding:7px 12px;border-radius:11px;
}
.cb221-page .cb-wall-preview-filter span.on{
  background:var(--tw-accent);color:#fff;border-color:var(--tw-accent);
  box-shadow:0 3px 9px color-mix(in srgb,var(--tw-accent) 25%,transparent);
}
.cb221-page .cb-wall-preview-card{
  background:var(--tw-card);
  border:1px solid color-mix(in srgb,var(--tw-text) 9%,transparent);
  box-shadow:0 4px 16px color-mix(in srgb,var(--tw-text) 5%,transparent);
  padding:14px;border-radius:var(--tw-radius);
}
.cb221-page .cb-wall-preview-card small{text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:750;}
.cb221-page .cb-wall-preview-card b{line-height:1.45;min-height:2.7em;}
.cb221-page .cb-wall-preview-foot{padding-top:9px;border-top:1px solid color-mix(in srgb,var(--tw-text) 6%,transparent);}
.cb221-page .cb-wall-preview-foot button{
  min-height:34px;padding:8px 14px;background:var(--tw-accent);color:#fff;
  box-shadow:0 4px 9px color-mix(in srgb,var(--tw-accent) 22%,transparent);
}
/* Published wall uses the same card, filters, and rounded-button proportions.
   Never touch web player, account dialog or advertiser wizard. */
.cb-tw {--tw-accent:#159cf2;--tw-bg:#f6fbff;--tw-card:#fff;--tw-text:#153048;--tw-muted:#647e92;}
.cb-tw .cb-tw-shell{border-radius:21px;}
.cb-tw .cb-tw-head{
  background:color-mix(in srgb,var(--tw-card) 92%,var(--tw-accent) 8%);
  border:1px solid color-mix(in srgb,var(--tw-text) 8%,transparent);
  padding:14px;border-radius:15px;
}
.cb-tw .cb-tw-title b{letter-spacing:-.035em;}
.cb-tw .cb-tw-filters{gap:7px;}
.cb-tw .cb-tw-filter{
  border-radius:11px;
  background:color-mix(in srgb,var(--tw-card) 88%,var(--tw-accent) 12%);
  color:var(--tw-muted);
  border:1px solid color-mix(in srgb,var(--tw-accent) 13%,transparent);
}
.cb-tw .cb-tw-filter.active{
  background:var(--tw-accent);color:#fff;border-color:var(--tw-accent);
  box-shadow:0 3px 9px color-mix(in srgb,var(--tw-accent) 24%,transparent);
}
.cb-tw .cb-tw-card{
  border:1px solid color-mix(in srgb,var(--tw-text) 9%,transparent);
  background:var(--tw-card);
  box-shadow:0 4px 16px color-mix(in srgb,var(--tw-text) 5%,transparent);
  border-radius:var(--tw-radius);
}
.cb-tw .cb-tw-meta{font-size:.76em;letter-spacing:.04em;}
.cb-tw .cb-tw-foot{padding-top:9px;border-top:1px solid color-mix(in srgb,var(--tw-text) 6%,transparent);}
.cb-tw .cb-tw-start{
  background:var(--tw-accent);color:#fff;min-height:34px;
  box-shadow:0 4px 10px color-mix(in srgb,var(--tw-accent) 22%,transparent);
}
@media(max-width:520px){.cb221-page .cb-wall-preview-inner{padding:11px}.cb221-page .cb-wall-preview-top{padding:11px}}