/* Design baseline v1: the approved home page is the visual reference.
   Keep page-specific layout and behavior; unify materials, rhythm and controls. */
body.cdh-dark[data-view]{
  --cd-u-ink:#f5f6ff;
  --cd-u-muted:#bac5df;
  --cd-u-edge:rgba(193,206,255,.24);
  --cd-u-panel:radial-gradient(ellipse 70% 18% at 32% 0%,rgba(235,244,255,.13),transparent 95%),linear-gradient(125deg,rgba(20,38,80,.44),rgba(24,31,69,.48) 57%,rgba(83,34,90,.37));
  --cd-u-inner:inset 0 1px rgba(245,249,255,.14);
  --cd-u-small:12px;
  --cd-u-radius:17px;
  color:var(--cd-u-ink);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
/* Shared chrome lives in site-design-system.css. */
/* Primary surfaces. Apply only to top-level section cards, not nested editors. */
html:root body.cdh-dark[data-view="submit"] #clip-form>.community-sheet,
html:root body.cdh-dark[data-view="submit"] #submit-auth-gate,
html:root body.cdh-dark[data-view="moderation"] :is(#moderation-auth,.mod-catalog-card,.mod-catalog-toolbar,.mod-workspace-card),
html:root body.cdh-dark[data-view="testing"] :is(.cds-intro,[data-testing-content]>.cds-panel,[data-testing-content]>.cds-card),
html:root body.cdh-dark[data-view="about"] .cd-about-hero,
html:root body.cdh-dark[data-view="what-next"] :is(.game-round-meta,.game-card,.game-panel){
  border:1px solid var(--cd-u-edge)!important;
  border-radius:var(--cd-u-radius)!important;
  background:var(--cd-u-panel)!important;
  -webkit-backdrop-filter:blur(15px) saturate(138%)!important;
  backdrop-filter:blur(15px) saturate(138%)!important;
  box-shadow:var(--cd-u-inner)!important;
}
/* The studio had multiple late overrides, including one targeting every input.
   Reset to its established geometry and only adjust decorative surfaces. */
body.cdh-dark[data-view="submit"] #clip-form{
  --studio-border:var(--cd-u-edge);
  --studio-border-hot:rgba(247,164,210,.64);
  --studio-inner:var(--cd-u-inner);
}
html:root body.cdh-dark[data-view="submit"] #clip-form :is(.cd-auto-finder,.cd-ref-selected-clip,.cd-ref-ready-block,.ai-draft-panel){
  border-color:rgba(193,206,255,.16)!important;
  background:linear-gradient(122deg,rgba(33,53,97,.24),rgba(63,40,83,.21))!important;
  box-shadow:inset 0 1px rgba(245,248,255,.065)!important;
}
body.cdh-dark[data-view="submit"] #clip-form :is(.cd-time-editor,.answer-editor-row){
  box-shadow:none!important;
}
body.cdh-dark[data-view="submit"] #clip-form :is(.cd-ref-pane-desc,.cd-source-lead,.cd-auto-help){
  color:var(--cd-u-muted);
}
body.cdh-dark[data-view="submit"] #clip-form :is(.cd-studio-search,.cd-studio-questions,.cd-studio-video):focus-within{
  border-color:rgba(219,199,252,.38)!important;
}
/* Same corner scale and calm focus state in forms, without touching ranges,
   radio buttons, checkboxes, file inputs or the custom select overlays. */
body.cdh-dark[data-view]:not([data-view="home"]) :is(input[type="text"],input[type="url"],input[type="search"],input[type="number"],textarea,select){
  border-radius:10px;
  font-family:inherit;
}
body.cdh-dark[data-view]:not([data-view="home"]) :is(input[type="text"],input[type="url"],input[type="search"],input[type="number"],textarea,select):focus-visible{
  outline:2px solid rgba(247,140,204,.48);
  outline-offset:2px;
}
body.cdh-dark[data-view]:not([data-view="home"]) :is(button,a,[role="button"]):focus-visible{
  outline:2px solid rgba(247,159,215,.68);
  outline-offset:2px;
}
body.cdh-dark[data-view] :is(.game-subtitle,.cd-about-hero p,.cds-intro p,.form-help){
  color:var(--cd-u-muted);
}
/* Retain native menu layering and leave active controls clickable. */
body.cdh-dark[data-view="submit"] #clip-form>.community-sheet:has(.cd-menu-trigger[aria-expanded="true"]){
  position:relative;z-index:25;overflow:visible;
}
body.cdh-dark[data-view] [hidden]{display:none!important}
@media(max-width:700px){
  html:root body.cdh-dark[data-view="submit"] #clip-form>.community-sheet,
  html:root body.cdh-dark[data-view="moderation"] #moderation-auth,
  html:root body.cdh-dark[data-view="about"] .cd-about-hero{border-radius:14px!important}
}
@media(prefers-reduced-transparency:reduce){
  html:root body.cdh-dark[data-view] :is(.cd-glass--framed,.community-sheet,.game-card,.cd-about-hero){
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    background:rgba(27,33,67,.93)!important;
  }
}