:root { --quizBg: rgb(23, 48, 162) radial-gradient(circle, rgba(11,20,60,0),rgba(11,20,60,1)); --quizPanel: #111827; --quizText: #e5e7eb; --quizMuted: #94a3b8; --quizBrand: #EF4123; --quizBrand-2: #E12F10; }* { box-sizing: border-box; }body.quizOpen { overflow: hidden; }.ic-quiz-shell { margin: 0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; min-height: 100vh; background: var(--quizBg); color: var(--quizText);overflow: auto; }.ic-quiz-shell.active { display: block; }.ic-quiz-shell .ic-quiz-wrapper { display: grid; grid-template-rows: 8px auto 1fr; width: 100%; min-height: 100vh;}.ic-quiz-shell { --fontColor: #fff;}.ic-quiz-shell .quiz-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px clamp(16px, 4vw, 40px); }.ic-quiz-shell .brand { display: flex; align-items: center; gap: 6px; font-weight: 700; letter-spacing: .2px; }.ic-quiz-shell .quiz-nav-button { color: var(--quizText); font-size: 1.5em; cursor: pointer; border: none; background: none; }.ic-quiz-shell .progress { height: 8px; background: rgba(148,163,184,.15); overflow: hidden; flex-shrink: 0; }.ic-quiz-shell .progress .bar { height: 100%; width: 0%; background: linear-gradient(90deg, var(--quizBrand), var(--quizBrand-2)); transition: width .35s ease; }.ic-quiz-shell .quiz-panel { width: min(1100px, 100%); margin: 0 auto; padding: 24px clamp(16px, 5vw, 48px) 40px; display: grid; align-content: center; justify-items: center; gap: 22px; text-align: center; }.ic-quiz-shell .question { width: min(720px, 100%);}.ic-quiz-shell .kicker { color: var(--quizMuted); font-size: 14px; letter-spacing: .2px; text-transform: uppercase; }.ic-quiz-shell .question-text { font-size: clamp(22px, 3.5vw, 40px); font-weight: 800; line-height: 1.15; margin: 0 auto 12px; }.ic-quiz-shell .question-subtext { font-size: clamp(16px, 2.2vw, 20px); width: min(720px, 100%); font-weight: 600; line-height: 1.25; margin: -6px auto 12px; }.ic-quiz-shell .answers { width: 100%; display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 6px; }@media (min-width: 640px) { .ic-quiz-shell .answers { grid-template-columns: repeat(2, 1fr); }}@media (min-width: 1024px) { .ic-quiz-shell .answers { grid-template-columns: repeat(2, 1fr); } }.ic-quiz-shell .answer-btn { position: relative; display: grid; grid-template-columns: 1fr; align-items: center; gap: 12px; width: 100%; padding: 18px 18px; border: 1px solid rgba(148,163,184,.18); border-radius: 16px; background: rgba(17,24,39,.65); color: var(--quizText); text-align: center; cursor: pointer; user-select: none; transition: transform .08s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease; }.ic-quiz-shell .answer-btn .emoji { font-size: 28px; line-height: 1; filter: drop-shadow(0 1px 0 rgba(255,255,255,.15)); }.ic-quiz-shell .answer-btn .emoji i { font-size: 2em; margin-bottom: 4px; color: #03A4F1; }.ic-quiz-shell .answer-btn .label { font-size: 16px; font-weight: 600; }.ic-quiz-shell .answer-btn:hover { border-color: rgba(56,189,248,.55); box-shadow: 0 6px 20px rgba(56,189,248,.12); }.ic-quiz-shell .answer-btn:active { transform: translateY(1px) scale(.998); }.ic-quiz-shell .answer-btn[disabled] { opacity: .6; cursor: wait; }.ic-quiz-shell .answer-btn.is-selected { border-color: var(--quizBrand-2); box-shadow: 0 0 0 2px rgba(56,189,248,.25) inset; }.ic-quiz-shell .answer-btn.is-selected::after { content: "✓"; position: absolute; right: 12px; top: 12px; font-weight: 800; }.ic-quiz-shell .text-wrap { width: 100%; max-width: 720px; display: grid; gap: 12px; margin-top: 10px; }.ic-quiz-shell .text-field { width: 100%; font-size: clamp(18px, 2.6vw, 22px); padding: 16px 18px; border-radius: 14px; border: 1px solid rgba(148,163,184,.25); background: rgba(17,24,39,.15); color: var(--quizText); }.ic-quiz-shell .text-field::placeholder { color: rgba(229,231,235,.5); }.ic-quiz-shell .submit-answer { justify-self: center; padding: 14px 18px; font-size: 16px; width: 100%; font-weight: 700; border-radius: 12px; border: 1px solid rgba(148,163,184,.25); background: var(--quizBrand); color: #fff; cursor: pointer; }.ic-quiz-shell .submit-answer:disabled { opacity: .6; cursor: not-allowed; }.ic-quiz-shell .optin-form { width: 100%; max-width: 720px; display: grid; gap: 12px; margin: 10px auto; }.ic-quiz-shell .submit-optin { justify-self: center; padding: 14px 18px; font-size: 16px; width: 100%; font-weight: 700; border-radius: 12px; border: 1px solid rgba(148,163,184,.25); background: var(--quizBrand); color: #fff; cursor: pointer; }.ic-quiz-shell .submit-optin:disabled { opacity: .6; cursor: not-allowed; }.ic-quiz-shell .quiz-foot { padding: 10px clamp(16px, 4vw, 40px) 24px; color: var(--muted); font-size: 13px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }.ic-quiz-shell .question, .ic-quiz-shell .optin { display: none; }.ic-quiz-shell .question.active, .ic-quiz-shell .optin.active { display: block; animation: fadeIn .28s ease both; }@keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }.ic-quiz-shell .input-error { border-color: #e11d48 !important; outline: 0; }.ic-quiz-shell .shake { animation: shake 0.4s ease; }@keyframes shake {0% { transform: translateX(0); }15% { transform: translateX(-8px); }30% { transform: translateX(8px); }45% { transform: translateX(-6px); }60% { transform: translateX(6px); }75% { transform: translateX(-3px); }90% { transform: translateX(3px); }100% { transform: translateX(0); }}@media (prefers-reduced-motion: reduce) {.ic-quiz-shell .shake { animation: none; }}@media (max-width: 640px) { .ic-quiz-shell .ic-quiz-wrapper { padding-bottom: 15vh; } }