/* Oct1: restore published CHILLS card surfaces, verified against live CSS.
   Load after premium.css. Layout, text legibility, focus and grain stay intact. */
body[data-premium-page] :is(.cp-card,.panel,.panel-live,.price-card,.price-constant,.form-shell,.offer-survey,.offer-option,.quiz-opt,.phone-hero,.pt-gate,.pt-option,.pt-skills,.fc-cat,.fc-face,.fc-quiz,.fc-option,.iv-track,.iv-box,.iv-honest,.seo-card,.progress-card,.sound-card,.detail,.coach-card,.ux-context,dialog.ux-confirm) {
  --color-void:#050504; --color-ink-900:#0b0b0a; --color-ink-850:#111110;
  --color-ink-800:#171715; --color-ink-700:#1f1f1c; --color-ink-600:#2b2b27;
  --radius-card:20px; box-shadow:none;
}
body[data-premium-page] .panel {
  border:1px solid #1f1f1c; border-radius:20px; background-color:#050504; background-image:var(--noise-fine);
}
body[data-premium-page] .panel-live {
  border:1px solid color-mix(in oklab,#ffe24d 35%,transparent); border-radius:20px;
  background-color:#050504;
  background-image:var(--noise-fine),linear-gradient(180deg,color-mix(in oklab,#ffe24d 7%,#050504),#050504);
}
body[data-premium-page] .price-card {
  border:1px solid #1f1f1c; border-radius:20px; background-color:#050504; background-image:var(--noise-fine);
}
body[data-premium-page] .price-card.is-best { border-color:color-mix(in oklab,#ffe24d 42%,transparent); }
body[data-premium-page] .price-constant {
  border:1px solid color-mix(in oklab,#ffe24d 32%,transparent); border-radius:20px; background-color:transparent;
  background-image:var(--noise-fine),linear-gradient(180deg,color-mix(in oklab,#ffe24d 6%,#050504),#050504);
}
body[data-premium-page] .form-shell {
  border:1px solid #1f1f1c; border-radius:24px; background-color:#050504; background-image:var(--noise-fine);
}
body[data-premium-page] .phone-hero {
  border:1px solid color-mix(in oklab,#ffe24d 38%,transparent); border-radius:16px;
  background:color-mix(in oklab,#ffe24d 5%,transparent);
}
body[data-premium-page] .offer-survey {
  border:1px solid color-mix(in oklab,#ffe24d 45%,transparent); border-radius:clamp(1.5rem,3vw,2.5rem);
  background:radial-gradient(circle at 50% 0%,color-mix(in oklab,#ffe24d 6%,transparent),transparent 42%),#050504;
}
body[data-premium-page] .offer-option { border:1px solid #1f1f1c; border-radius:20px; background:#171715; }
body[data-premium-page] .offer-option:hover,body[data-premium-page] .offer-option:focus-visible {
  border-color:color-mix(in oklab,#ffe24d 68%,transparent); background:#1f1f1c;
}
body[data-premium-page] .quiz-opt { border:1px solid #1f1f1c; border-radius:16px; background:#171715; }
body[data-premium-page] .quiz-opt:hover { border-color:color-mix(in srgb,#ffe24d 60%,transparent); background:#1f1f1c; }
body[data-premium-page] .pt-gate {
  border:1px solid color-mix(in oklab,#ffe24d 32%,transparent); border-radius:20px;
  background:color-mix(in oklab,#ffe24d 4%,#111110);
}
body[data-premium-page] .pt-skills { border:1px solid #1f1f1c; border-radius:18px; background-color:#050504; background-image:var(--noise-fine); }
body[data-premium-page] .pt-option { border:1px solid #1f1f1c; border-radius:14px; background-color:#050504; background-image:var(--noise-fine); }
body[data-premium-page] .pt-option:hover { border-color:#2b2b27; }
body[data-premium-page] .pt-option.is-on { border-color:#ffe24d; background:color-mix(in oklab,#ffe24d 8%,#111110); }
body[data-premium-page] .fc-cat { border:1px solid #1f1f1c; border-radius:16px; background-color:#050504; background-image:var(--noise-fine); }
body[data-premium-page] .fc-cat:hover { border-color:#2b2b27; }
body[data-premium-page] .fc-cat.is-on { border-color:color-mix(in oklab,#ffe24d 45%,transparent); background:color-mix(in oklab,#ffe24d 5%,#111110); }
body[data-premium-page] .fc-face,body[data-premium-page] .fc-quiz { border:1px solid #1f1f1c; border-radius:22px; background-color:#050504; background-image:var(--noise-fine); }
body[data-premium-page] .fc-option { border:1px solid #1f1f1c; border-radius:14px; background:#0b0b0a; }
body[data-premium-page] .fc-option:hover:not(:disabled) { border-color:#ffe24d; }
body[data-premium-page] .fc-option.is-right { border-color:#ffe24d; background:color-mix(in oklab,#ffe24d 12%,#0b0b0a); }
body[data-premium-page] .fc-option.is-wrong { border-color:var(--color-danger); }
body[data-premium-page] .iv-track,body[data-premium-page] .iv-box { border:1px solid #1f1f1c; border-radius:14px; background-color:#050504; background-image:var(--noise-fine); }
body[data-premium-page] .iv-box--warn { border-color:color-mix(in oklab,var(--color-danger) 32%,transparent); }
body[data-premium-page] .iv-honest { border:0; border-left:2px solid #ffe24d; border-radius:0; background:color-mix(in oklab,#ffe24d 4%,transparent); }
body[data-premium-page] .seo-card { border:1px solid #454538; border-radius:20px; background:#111110; }
body[data-premium-page] .pron-lab :is(.progress-card,.sound-card,.detail) { border:1px solid #1f1f1c; border-radius:0; background:#111110; }
body[data-premium-page] .pron-lab .sound-card:hover,body[data-premium-page] .pron-lab .sound-card.active {
  border-color:#ffe24d; background:color-mix(in srgb,#ffe24d 5%,#111110);
}
body[data-premium-page] .pron-lab .coach-card { border:1px solid #1f1f1c; border-radius:0; background:#0b0b0a; }
body[data-premium-page] .cp .cp-card { border:1px solid #30302a; border-radius:0; background:#090908; box-shadow:none; }
/* New functional panels have no live equivalent; use the existing form surface. */
body[data-premium-page] .ux-context,body[data-premium-page] dialog.ux-confirm {
  border:1px solid #1f1f1c; border-radius:24px; background-color:#050504; background-image:var(--noise-fine);
}
/* The homepage form replaces its outer quiz shell in the published experience. */
body[data-premium-page] #quiz.quiz-form-panel-active { border-color:transparent; background:transparent; box-shadow:none; }
@media(max-width:640px) { body[data-premium-page] .offer-option { border-radius:16px; } }