.interactive{--ix-accent:var(--primary);--ix-accent-soft:var(--primary-subtle);--ix-accent-contrast:var(--primary-fg);--ix-action:var(--primary);--ix-action-hover:var(--primary-hover);--ix-action-contrast:var(--primary-fg);--ix-surface:var(--surface);--ix-page:var(--bg-subtle);--ix-border:var(--border);--ix-text:var(--fg);--ix-muted:var(--fg-muted);--ix-correct:var(--success);--ix-correct-soft:var(--success-subtle);--ix-incorrect:var(--danger);--ix-incorrect-soft:var(--danger-subtle);--ix-radius:var(--radius-lg);--ix-shadow:var(--shadow);background:var(--ix-page);color:var(--ix-text);border:1px solid var(--ix-border);border-radius:var(--ix-radius);max-width:44rem;margin-inline:auto;padding:clamp(1rem,4vw,2rem)}.interactive[data-theme=youth]{--ix-accent:var(--secondary);--ix-accent-soft:var(--secondary-subtle)}.interactive[data-theme=awareness]{--ix-accent:var(--accent);--ix-accent-soft:var(--accent-subtle)}.interactive[data-theme=minimal]{--ix-accent:var(--neutral-800);--ix-accent-soft:var(--neutral-100);--ix-page:var(--surface);--ix-shadow:none}.ix-progress{margin-block-end:clamp(1rem,3vw,1.75rem)}.ix-progress__meta{color:var(--ix-muted);justify-content:space-between;align-items:baseline;gap:1rem;margin-block-end:.5rem;font-size:.875rem;display:flex}.ix-progress__track{border-radius:var(--radius-pill);background:var(--ix-border);height:8px;overflow:hidden}.ix-progress__fill{border-radius:var(--radius-pill);background:var(--ix-accent);height:100%;transition:width .32s}.ix-card{background:var(--ix-surface);border:1px solid var(--ix-border);border-radius:var(--ix-radius);box-shadow:var(--ix-shadow);padding:clamp(1rem,4vw,1.75rem)}.ix-prompt{text-wrap:balance;margin:0 0 .5rem;font-size:clamp(1.25rem,4.5vw,1.6rem);line-height:1.3}.ix-help{color:var(--ix-muted);margin:0 0 1.25rem}.ix-cover{border-radius:var(--ix-radius);width:100%;height:auto;margin-block-end:1rem}.ix-options{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.ix-options--images{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.ix-option{border:2px solid var(--ix-border);border-radius:var(--ix-radius);background:var(--ix-surface);cursor:pointer;align-items:flex-start;gap:.75rem;min-height:56px;padding:.875rem 1rem;transition:border-color .16s,background-color .16s,transform .16s;display:flex;position:relative}.ix-option input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.ix-option__marker{border:2px solid var(--ix-border);background:var(--ix-surface);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-block-start:2px;display:grid}.ix-option--multi .ix-option__marker{border-radius:6px}.ix-option__label{font-size:1.0625rem;line-height:1.4}.ix-option[data-selected=true]{border-color:var(--ix-accent);background:var(--ix-accent-soft)}.ix-option[data-selected=true] .ix-option__marker{border-color:var(--ix-accent);background:var(--ix-accent);color:var(--ix-accent-contrast)}.ix-option:has(input:focus-visible){outline:var(--focus-width) solid var(--focus-ring);outline-offset:2px}.ix-option__image{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%}.ix-options--images .ix-option{flex-direction:column;align-items:stretch}.ix-option[data-state=correct]{border-color:var(--ix-correct);background:var(--ix-correct-soft)}.ix-option[data-state=incorrect]{border-color:var(--ix-incorrect);background:var(--ix-incorrect-soft)}.ix-option__state{white-space:nowrap;align-items:center;gap:.25rem;margin-inline-start:auto;font-size:.8125rem;font-weight:600;display:inline-flex}.ix-option[data-state=correct] .ix-option__state{color:var(--ix-correct)}.ix-option[data-state=incorrect] .ix-option__state{color:var(--ix-incorrect)}.ix-feedback{border-radius:var(--ix-radius);border-inline-start:4px solid var(--ix-accent);background:var(--ix-accent-soft);margin-block-start:1.25rem;padding:1rem}.ix-feedback[data-correct=true]{border-inline-start-color:var(--ix-correct);background:var(--ix-correct-soft)}.ix-feedback[data-correct=false]{border-inline-start-color:var(--ix-incorrect);background:var(--ix-incorrect-soft)}.ix-feedback__title{align-items:center;gap:.5rem;margin:0 0 .25rem;font-weight:650;display:flex}.ix-feedback__body{color:var(--ix-text);margin:0}.ix-rating{flex-wrap:wrap;gap:.5rem;display:flex}.ix-rating__option{border:2px solid var(--ix-border);border-radius:var(--ix-radius);background:var(--ix-surface);cursor:pointer;place-items:center;min-width:56px;min-height:56px;font-size:1.125rem;display:grid;position:relative}.ix-rating__option input{opacity:0;width:1px;height:1px;position:absolute}.ix-rating__option[data-selected=true]{border-color:var(--ix-accent);background:var(--ix-accent-soft);font-weight:650}.ix-rating__option:has(input:focus-visible){outline:var(--focus-width) solid var(--focus-ring);outline-offset:2px}.ix-rating__ends{color:var(--ix-muted);justify-content:space-between;margin-block-start:.5rem;font-size:.8125rem;display:flex}.ix-textarea{border:2px solid var(--ix-border);border-radius:var(--ix-radius);width:100%;min-height:8rem;font:inherit;color:inherit;background:var(--ix-surface);resize:vertical;padding:.75rem}.ix-textarea:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:1px}.ix-counter{color:var(--ix-muted);text-align:end;margin-block-start:.25rem;font-size:.8125rem}.ix-actions{flex-wrap:wrap;gap:.75rem;margin-block-start:1.5rem;display:flex}.ix-button{font:inherit;border-radius:var(--radius-pill);background:var(--ix-action);min-height:52px;color:var(--ix-action-contrast);cursor:pointer;transition:background-color var(--duration) var(--ease), transform var(--duration-fast) var(--ease);border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding-inline:1.5rem;font-weight:600;display:inline-flex}.ix-button:hover:not(:disabled){background:var(--ix-action-hover)}.ix-button:disabled{opacity:.5;cursor:not-allowed}.ix-button--secondary{color:var(--ix-text);border-color:var(--ix-border);background:0 0}.ix-button--secondary:hover:not(:disabled){background:var(--ix-accent-soft)}.ix-button--ghost{color:var(--ix-muted);background:0 0;border-color:#0000;padding-inline:.75rem}.ix-actions .ix-button:last-child:not(.ix-button--ghost){margin-inline-start:auto}.ix-result{text-align:center}.ix-result__score{color:var(--ix-accent);margin:.5rem 0 0;font-size:clamp(2.5rem,12vw,4rem);font-weight:700;line-height:1}.ix-result__outof{color:var(--ix-muted);margin:.25rem 0 1.25rem}.ix-result__title{margin:0 0 .5rem;font-size:clamp(1.25rem,5vw,1.75rem)}.ix-result__meter{border-radius:var(--radius-pill);background:var(--ix-border);height:12px;margin-block:1.25rem;overflow:hidden}.ix-result__meter span{background:var(--ix-accent);height:100%;display:block}.ix-notice{border-radius:var(--ix-radius);background:var(--ix-accent-soft);color:var(--ix-text);margin-block-end:1rem;padding:.75rem 1rem;font-size:.9375rem}.ix-error{border-radius:var(--ix-radius);background:var(--ix-incorrect-soft);border-inline-start:4px solid var(--ix-incorrect);margin-block-start:1rem;padding:.75rem 1rem}.ix-demo-badge{letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent-subtle-fg);border:1px solid var(--amber-100);margin-block-end:.75rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-block}.ix-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ix-step{animation:.26s both ix-step-in}@keyframes ix-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ix-step{animation:none}.ix-progress__fill,.ix-button,.ix-option{transition:none}}