.survey-background {
            position: fixed;
            inset: 0;
            z-index: -1;
            contain: paint;
            pointer-events: none;
        }
        .survey-background .bg-grid {
            opacity: 0.09;
            background-size: 64px 64px;
            -webkit-mask-image: linear-gradient(to bottom, #000, transparent 85%);
            mask-image: linear-gradient(to bottom, #000, transparent 85%);
        }
        .survey-background .floating-orb { opacity: 0.35; }
        .reward-tier-option:has(input:checked) {
            border-color: #10b981;
            background: #ecfdf5;
            box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.14);
        }
        /* Keep the first choices close to the page title on laptop and phone screens. */
        .survey-main { padding-top: 88px; padding-bottom: 48px; }
        .survey-intro { margin-bottom: 24px; }
        .survey-intro h1 { margin-bottom: 8px; padding: 0; font-size: 32px; line-height: 1.2; }
        .survey-intro p { font-size: 15px; line-height: 1.5; }
        .survey-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); gap: 24px; align-items: start; }
        .survey-form-card { min-width: 0; padding: 24px; }
        .survey-form-heading { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
        .survey-form-heading svg { width: 18px; height: 18px; color: #059669; }
        .survey-form-heading h2 { font-size: 16px; font-weight: 700; color: #0f172a; }
        .survey-reward-summary {
            margin-bottom: 20px;
            padding: 16px 18px;
            border: 1px solid #a7f3d0;
            border-radius: 16px;
            background: linear-gradient(120deg, #ecfdf5, #f0fdfa 70%, #fff);
        }
        .survey-reward-top { display: grid; grid-template-columns: minmax(0, 1fr) 88px; align-items: center; gap: 12px; }
        .survey-reward-art { position: relative; display: block; width: 88px; height: 88px; overflow: hidden; filter: drop-shadow(0 6px 8px rgba(6, 78, 59, 0.1)); }
        .survey-reward-eyebrow { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; color: #047857; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
        .survey-reward-eyebrow svg { width: 13px; height: 13px; }
        .survey-reward-heading { display: flex; align-items: center; gap: 12px; margin: 0; color: #064e3b; font-size: 14px; font-weight: 700; line-height: 1.35; }
        .survey-reward-heading > span:last-child { max-width: 170px; }
        .survey-reward-percent { flex-shrink: 0; color: #059669; font-size: 42px; font-weight: 800; line-height: 1; letter-spacing: -.04em; }
        .survey-reward-copy { margin-top: 8px; color: #047857; font-size: 12px; line-height: 1.6; }
        .survey-repeat-note { display: flex; align-items: flex-start; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #bcebd8; color: #475569; font-size: 12px; line-height: 1.5; }
        .survey-repeat-note svg { flex-shrink: 0; width: 16px; height: 16px; margin-top: 1px; color: #059669; }
        .survey-repeat-note strong { color: #065f46; }
        .survey-fields > * + * { margin-top: 24px; }
        .survey-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
        .reward-tier-option { padding: 12px; gap: 8px; }
        .reward-tier-option > input { border: 1px solid #94a3b8; }
        .reward-tier-option > input:checked { border-color: #059669; background-color: #059669; }
        .survey-industry-option { min-width: 0; padding: 10px; }
        .survey-industry-option > .ml-3 { margin-left: 8px; }
        .survey-sidebar { position: sticky; top: 88px; }
        #apply_reason, #email { scroll-margin-top: 88px; }
        #apply_reason { padding-bottom: 28px; }
        @media (max-width: 900px) {
            .survey-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }
            .survey-sidebar { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
            .survey-sidebar > * + * { margin-top: 0; }
        }
        @media (max-width: 600px) {
            .survey-main { padding-top: 80px; padding-right: 12px; padding-left: 12px; padding-bottom: 32px; }
            .survey-intro { margin-bottom: 16px; }
            .survey-intro h1 { font-size: 26px; }
            .survey-intro p { max-width: 320px; font-size: 13px; }
            .survey-form-card { padding: 16px; }
            .survey-form-heading { margin-bottom: 12px; }
            .survey-reward-summary { padding: 12px; margin-bottom: 18px; }
            .survey-reward-top { grid-template-columns: minmax(0, 1fr) 68px; gap: 8px; }
            .survey-reward-art { width: 68px; height: 80px; }
            .survey-reward-heading { flex-wrap: wrap; gap: 4px 8px; font-size: 12px; }
            .survey-reward-percent { font-size: 36px; }
            .survey-reward-heading > span:last-child { max-width: 150px; }
            .survey-fields > * + * { margin-top: 20px; }
            .survey-choice-grid { gap: 8px; }
            .reward-tier-option { position: relative; padding: 10px; padding-top: 34px; }
            .reward-tier-option > input { position: absolute; top: 10px; left: 10px; margin: 0; }
            .reward-tier-option .text-base { font-size: 14px; line-height: 1.35; flex-wrap: wrap; gap: 4px; }
            .reward-tier-option .text-base > span { display: none; }
            .survey-industry-option { align-items: center; min-height: 64px; padding: 8px; }
            .survey-industry-option .text-sm { font-size: 12px; line-height: 1.4; }
            /* Keep examples available to screen readers without adding eight rows of copy. */
            .survey-industry-description { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
            .survey-sidebar { grid-template-columns: minmax(0, 1fr); }
            #apply_reason, #email { font-size: 16px; }
        }
        @media (max-width: 359px) {
            .survey-choice-grid { grid-template-columns: minmax(0, 1fr); }
            .reward-tier-option { padding: 12px; padding-left: 40px; }
            .reward-tier-option > input { top: 14px; left: 12px; }
        }

/* Keep small light-mode copy readable on its existing card surfaces. */
html[data-kiki-page-mode="day"] .survey-page :is(.survey-industry-description, .survey-field-hint, footer p) {
    color: #64748b;
}
html[data-kiki-page-mode="day"] .survey-page .survey-status-card .text-slate-500 {
    color: #94a3b8;
}

/* Keep the replacement illustration's visible artwork inside the existing slot. */
.survey-reward-art img {
    position: absolute;
    top: 50%;
    left: -18.18%;
    width: 136.36%;
    height: auto;
    max-width: none;
    transform: translateY(-50%);
}

/* The original style block above remains the light-mode baseline. */
html[data-kiki-page-mode="night"] .survey-page {
    --survey-page-bg: var(--kiki-night-page-bg);
    --survey-surface: var(--kiki-night-surface);
    --survey-soft: var(--kiki-night-surface-soft);
    --survey-raised: var(--kiki-night-surface-raised);
    --survey-ink: var(--kiki-night-text-primary);
    --survey-copy: var(--kiki-night-text-secondary);
    --survey-line: var(--kiki-night-border);
    --survey-accent: var(--kiki-night-accent);
    --survey-focus: var(--kiki-night-accent);
    --survey-action-ink: var(--kiki-night-page-bg);
    --survey-warning: #fdba74;
    --survey-error: #fca5a5;
}
html[data-kiki-page-mode="high_contrast"] .survey-page {
    --survey-page-bg: var(--kiki-hc-page-bg);
    --survey-surface: var(--kiki-hc-surface);
    --survey-soft: var(--kiki-hc-surface-soft);
    --survey-raised: var(--kiki-hc-surface-soft);
    --survey-ink: var(--kiki-hc-text-primary);
    --survey-copy: var(--kiki-hc-text-secondary);
    --survey-line: var(--kiki-hc-border);
    --survey-accent: var(--kiki-hc-accent);
    --survey-focus: var(--kiki-hc-focus-ring);
    --survey-action-ink: var(--kiki-hc-page-bg);
    --survey-warning: var(--kiki-hc-text-primary);
    --survey-error: #fca5a5;
}

/* The outer navbar uses the same gutters as the main content. */
.survey-page #main-navbar > div { padding-left: 0 !important; padding-right: 0 !important; }
.survey-page .survey-nav-actions { display: flex; align-items: center; gap: .65rem; }
.survey-page .survey-home-link { min-height: 2.5rem; }

/* Crop transparent padding so Kiki leans in from the status card's right edge. */
.survey-status-art {
    position: absolute;
    top: 14px;
    right: -4px;
    width: 116px;
    height: 154px;
    overflow: hidden;
    pointer-events: none;
}
.survey-status-art img {
    position: absolute;
    top: -12px;
    left: -134px;
    width: 280px;
    height: auto;
    max-width: none;
}
html[data-kiki-page-mode="high_contrast"] .survey-page .survey-status-art { display: none; }


/* Shared helpers and Tailwind utilities use !important; scope their overrides here. */
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page :is(.survey-nav, .survey-form-card, .survey-success-card, .survey-instructions-card) {
    border-color: var(--survey-line) !important;
    background: var(--survey-surface) !important;
    color: var(--survey-ink) !important;
    box-shadow: none !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-status-card {
    border-color: var(--survey-line) !important;
    background: var(--survey-soft) !important;
    color: var(--survey-ink) !important;
    box-shadow: none !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page :is([class*="text-slate-900"], [class*="text-slate-800"], [class*="text-slate-700"], .survey-form-heading h2) {
    color: var(--survey-ink) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page :is([class*="text-slate-600"], [class*="text-slate-500"], [class*="text-slate-400"], .survey-intro > p, .survey-repeat-note, .survey-industry-description) {
    color: var(--survey-copy) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page :is([class^="text-emerald-"], [class*=" text-emerald-"], .survey-form-heading svg, .survey-reward-eyebrow, .survey-reward-percent, .survey-repeat-note svg, .survey-repeat-note strong) {
    color: var(--survey-accent) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .text-red-500 {
    color: var(--survey-error) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page :is([class*="border-slate-"], [class*="border-gray-"]) {
    border-color: var(--survey-line) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-home-link {
    color: var(--survey-copy) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page #main-navbar .survey-home-link:hover {
    color: var(--survey-accent) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page footer {
    border-color: var(--survey-line) !important;
    background: var(--survey-page-bg) !important;
}

html[data-kiki-page-mode="night"] .survey-page .survey-background .bg-grid { opacity: .05; }
html[data-kiki-page-mode="night"] .survey-page .survey-background .floating-orb { opacity: .12; }
html[data-kiki-page-mode="high_contrast"] .survey-page .survey-background { display: none; }
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-reward-summary {
    border-color: var(--survey-line);
    background: var(--survey-soft);
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-reward-heading {
    color: var(--survey-ink);
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-reward-copy {
    color: var(--survey-copy);
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-repeat-note {
    border-color: var(--survey-line);
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-reward-art { filter: none; }
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-status-card [class*="bg-slate-"] {
    background: var(--survey-raised) !important;
    color: var(--survey-ink) !important;
}

/* Reward cards share one palette; higher reward tiers keep their text and icon cues. */
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page :is(.reward-tier-option, .survey-industry-option) {
    border-color: var(--survey-line) !important;
    background: var(--survey-surface) !important;
    color: var(--survey-ink) !important;
    box-shadow: none !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .reward-tier-option [class*="text-amber-"] {
    color: var(--survey-accent) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page :is(.reward-tier-option, .survey-industry-option):hover {
    border-color: var(--survey-accent) !important;
    background: var(--survey-raised) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page :is(.reward-tier-option, .survey-industry-option):has(input:checked) {
    border-color: var(--survey-accent) !important;
    background: var(--survey-raised) !important;
    box-shadow: none !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page :is(.reward-tier-option, .survey-industry-option):focus-within {
    outline: 3px solid var(--survey-focus);
    outline-offset: 3px;
    box-shadow: none !important;
}
/* Override each radio's existing inline accent while retaining a visible checked dot. */
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .reward-tier-option > input[type="radio"] {
    accent-color: var(--survey-accent) !important;
    border-color: var(--survey-line);
    background-color: var(--survey-surface);
    box-shadow: none;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .reward-tier-option > input[type="radio"]:checked {
    border-color: var(--survey-accent);
    background-color: var(--survey-accent);
    background-image: radial-gradient(circle, var(--survey-action-ink) 34%, transparent 40%);
}
/* Exact circle and dot hooks avoid adding borders to the label's copy wrappers. */
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-industry-option > input[type="radio"] + div > div {
    border-color: var(--survey-line) !important;
    background: var(--survey-surface) !important;
    box-shadow: none;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-industry-option:has(input:checked) > input[type="radio"] + div > div {
    border-color: var(--survey-accent) !important;
    background: var(--survey-accent) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-industry-option > input[type="radio"] + div > div > div {
    background: var(--survey-action-ink) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-industry-option:has(input:checked) > input[type="radio"] + div > div > div { opacity: 1; }
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-industry-option > .pointer-events-none {
    border-color: var(--survey-accent) !important;
}

html[data-kiki-page-mode="high_contrast"] .survey-page :is(.survey-form-card, .survey-success-card, .survey-status-card, .survey-instructions-card) {
    border: 2px solid var(--survey-line) !important;
    background: var(--survey-surface) !important;
}
html[data-kiki-page-mode="high_contrast"] .survey-page :is(.reward-tier-option, .survey-industry-option):has(input:checked) {
    background: var(--survey-accent) !important;
    color: var(--survey-action-ink) !important;
}
/* Utility text rules otherwise force pale copy onto the selected green surface. */
html[data-kiki-page-mode="high_contrast"] .survey-page :is(.reward-tier-option, .survey-industry-option):has(input:checked) :is(span, [class*="text-"]) {
    color: var(--survey-action-ink) !important;
}
html[data-kiki-page-mode="high_contrast"] .survey-page .survey-industry-option:has(input:checked) > input[type="radio"] + div > div {
    border-color: var(--survey-action-ink) !important;
    background: var(--survey-action-ink) !important;
}
html[data-kiki-page-mode="high_contrast"] .survey-page .survey-industry-option:has(input:checked) > input[type="radio"] + div > div > div {
    background: var(--survey-accent) !important;
}

html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page :is(#apply_reason, #email) {
    border-color: var(--survey-line) !important;
    background: var(--survey-soft) !important;
    color: var(--survey-ink) !important;
    box-shadow: none !important;
    caret-color: var(--survey-accent);
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page :is(#apply_reason, #email)::placeholder {
    color: var(--survey-copy);
    opacity: 1;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page :is(#apply_reason, #email):focus {
    border-color: var(--survey-focus) !important;
    outline: 2px solid var(--survey-focus) !important;
    outline-offset: 2px !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page :is(#apply_reason, #email)[aria-invalid="true"] {
    border-color: var(--survey-error) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-field-hint {
    background: var(--survey-soft) !important;
    color: var(--survey-copy) !important;
}
html[data-kiki-page-mode="high_contrast"] .survey-page :is(#apply_reason, #email, .survey-field-hint) {
    background: var(--survey-surface) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page #creditUsageNotice {
    border-color: var(--survey-warning) !important;
    background: var(--survey-soft) !important;
    color: var(--survey-ink) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page #creditUsageNotice [class*="text-amber-"] {
    color: var(--survey-ink) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page #creditUsageNotice svg {
    color: var(--survey-warning) !important;
}

html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page :is(#post_msg_btn, .survey-success-card .btn-primary) {
    border: 1px solid var(--survey-accent) !important;
    background: var(--survey-accent) !important;
    color: var(--survey-action-ink) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page #post_msg_btn:disabled {
    border-color: var(--survey-line) !important;
    border-style: dashed !important;
    background: var(--survey-soft) !important;
    color: var(--survey-copy) !important;
    opacity: 1 !important;
    cursor: not-allowed;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page #post_msg_btn[aria-busy="true"] { cursor: progress; }
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-success-icon {
    background: var(--survey-soft) !important;
    color: var(--survey-accent) !important;
    box-shadow: none !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-success-icon [class*="text-amber-"] {
    color: var(--survey-warning) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-success-message {
    border-color: var(--survey-line) !important;
    background: var(--survey-soft) !important;
    color: var(--survey-ink) !important;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-success-message :is(p, div, span, strong, b, li) { color: inherit !important; }
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-success-message a {
    color: var(--survey-accent) !important;
    text-decoration: underline;
}
html:is([data-kiki-page-mode="night"], [data-kiki-page-mode="high_contrast"]) .survey-page .survey-instructions-card li > span {
    background: var(--survey-accent) !important;
    color: var(--survey-action-ink) !important;
}

.survey-page .survey-success-message { overflow-wrap: anywhere; }

@media (max-width: 600px) {
    .survey-page .survey-nav { padding-left: 12px; padding-right: 12px; }
    .survey-page .survey-background .floating-orb { animation: none; will-change: auto; }
    .survey-page .survey-result-main { padding: 88px 12px 40px; }
    .survey-page .survey-result-main .survey-success-card { padding: 24px 18px; }
}
@media (max-width: 480px) {
    .survey-page .survey-nav-actions { gap: .25rem; }
    .survey-page .survey-home-text { display: none; }
    .survey-page .survey-home-link { justify-content: center; min-width: 2.5rem; }
    .survey-page .survey-home-link svg { margin-right: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .survey-page *, .survey-page *::before, .survey-page *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
    .survey-page .fade-in { opacity: 1; transform: none; }
    .survey-page .survey-background .floating-orb { will-change: auto; }
}
@media (forced-colors: active) {
    html[data-kiki-page-mode] .survey-page {
        --survey-page-bg: Canvas;
        --survey-surface: Canvas;
        --survey-soft: Canvas;
        --survey-raised: Canvas;
        --survey-ink: CanvasText;
        --survey-copy: CanvasText;
        --survey-line: CanvasText;
        --survey-accent: Highlight;
        --survey-focus: Highlight;
        --survey-action-ink: HighlightText;
        --survey-warning: CanvasText;
        --survey-error: CanvasText;
    }
    .survey-page :is(.survey-background, .survey-status-art) { display: none; }
    html[data-kiki-page-mode] .survey-page :is(.reward-tier-option, .survey-industry-option):has(input:checked) {
        border-color: Highlight !important;
        background: Highlight !important;
        color: HighlightText !important;
        forced-color-adjust: none;
    }
    html[data-kiki-page-mode] .survey-page :is(.reward-tier-option, .survey-industry-option):has(input:checked) :is(span, [class*="text-"]) {
        color: HighlightText !important;
    }
    html[data-kiki-page-mode] .survey-page :is(.reward-tier-option, .survey-industry-option):focus-within,
    html[data-kiki-page-mode] .survey-page :focus-visible {
        outline-color: Highlight !important;
    }
    html[data-kiki-page-mode] .survey-page .survey-industry-option:has(input:checked) > input[type="radio"] + div > div {
        border-color: HighlightText !important;
        background: HighlightText !important;
    }
    html[data-kiki-page-mode] .survey-page .survey-industry-option:has(input:checked) > input[type="radio"] + div > div > div {
        background: Highlight !important;
    }
}