/* Uses the current site/app tokens: Plus Jakarta Sans, Inter, flat charcoal, red controls. */
.creator-quiz-section{padding:100px 0;scroll-margin-top:110px}
.creator-quiz-invite{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}
.creator-quiz-eyebrow{font:500 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}
.creator-quiz-invite h2{font:800 clamp(2.4rem,4.5vw,4.8rem)/1.06 var(--display);letter-spacing:-.05em;margin:0 0 24px}
.creator-quiz-invite h2 span{color:var(--red)}
.creator-quiz-invite p:not(.creator-quiz-eyebrow){max-width:520px;color:var(--muted);line-height:1.7}
.creator-quiz-invite .button{margin-top:18px;gap:28px;border:0;cursor:pointer;font-family:var(--sans)}
.creator-quiz-invite .creator-quiz-caption{font-size:12px;margin-top:18px}
.creator-quiz-preview{border:1px solid var(--line);border-radius:24px;padding:34px;background:var(--surface-1)}
.creator-quiz-preview>div{display:grid;grid-template-columns:32px 1fr;gap:6px 14px;border-bottom:1px solid var(--line);padding:22px 0}
.creator-quiz-preview>div>span:first-child{grid-row:span 2;color:var(--red);font-size:12px;padding-top:4px}
.creator-quiz-preview strong{font:700 20px var(--display);letter-spacing:-.025em}
.creator-quiz-preview>div>span:last-child{font-size:12px;color:var(--muted);line-height:1.6}
.creator-quiz-preview>p{font-size:12px;margin:22px 0 0}
.creator-quiz-dialog{width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:28px 36px 32px;border:1px solid #303030;border-radius:24px;background:var(--surface-1);color:#f4f3f0;overflow-y:auto;overscroll-behavior:contain;font-family:var(--sans)}
.creator-quiz-dialog::backdrop{background:rgba(0,0,0,.86)}
body:has(.creator-quiz-dialog[open]){overflow:hidden}
.creator-quiz-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.creator-quiz-top button{height:44px;width:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:white;cursor:pointer;font-size:16px}
.creator-quiz-dialog h2{font:800 clamp(1.9rem,5vw,2.7rem)/1.13 var(--display);letter-spacing:-.045em;margin:20px 0 14px;outline:none}
.creator-quiz-dialog h3{font:700 18px var(--display);letter-spacing:-.025em;margin:24px 0 12px}
.creator-quiz-dialog p{font-size:14px;line-height:1.7;color:var(--muted)}
.creator-quiz-progress{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:12px}
.creator-quiz-dialog progress{display:block;width:100%;height:3px;border:0;background:#2b2b2b;accent-color:var(--red);border-radius:2px}
.creator-quiz-dialog progress::-webkit-progress-bar{background:#2b2b2b}
.creator-quiz-dialog progress::-webkit-progress-value{background:var(--red)}
.creator-quiz-options{border:0;padding:0;margin:24px 0;display:grid;gap:10px;min-width:0}
.creator-quiz-options label{display:flex;align-items:center;gap:14px;min-height:66px;padding:16px;border:1px solid #333;border-radius:14px;background:var(--surface-2);cursor:pointer;font-size:14px;line-height:1.5}
.creator-quiz-options label:has(input:checked){border-color:var(--red);background:#191112}
.creator-quiz-options label:hover{border-color:#777}
.creator-quiz-options input{accent-color:var(--red);width:18px;height:18px;flex-shrink:0}
.creator-quiz-dialog button:focus-visible,.creator-quiz-dialog a:focus-visible,.creator-quiz-options label:has(input:focus-visible){outline:2px solid #fff;outline-offset:4px}
.creator-quiz-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.creator-quiz-dialog .button{border:1px solid var(--line);cursor:pointer;font:600 13px var(--sans);padding:16px 22px;min-height:48px;justify-content:center;letter-spacing:0;text-transform:none}
.creator-quiz-dialog button:disabled{opacity:.5;cursor:default;transform:none}
.creator-quiz-dialog .creator-quiz-result-line{color:#fff;font-size:18px;font-weight:600}
.creator-quiz-features{padding-left:20px;color:#ddd;font-size:14px;line-height:1.7}
.creator-quiz-features li{margin:8px 0}
.creator-quiz-result-label{color:var(--red);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.creator-quiz-signup{padding-top:4px;margin-top:24px;border-top:1px solid var(--line)}
.creator-quiz-signup .form-field{margin:14px 0}
.creator-quiz-signup input{width:100%;padding:15px;color:#fff;font:16px var(--sans)}
.creator-quiz-signup .button{width:100%;margin-top:12px}
.creator-quiz-dialog .creator-quiz-disclosure{font-size:11px;margin-top:16px}
.creator-quiz-dialog .creator-quiz-message{font-size:13px;color:#ccc;min-height:22px}
.creator-quiz-message[data-tone=err]{color:#ff9b9b}
.creator-quiz-dialog .turnstile{margin:16px 0;min-height:65px}
.creator-quiz-dialog .creator-quiz-footnote{font-size:11px;margin:20px 0 0}
.creator-quiz-dialog [hidden],.creator-quiz-section [hidden]{display:none!important}
@media(max-width:700px){.creator-quiz-section{padding:64px 0}.creator-quiz-invite{grid-template-columns:1fr;gap:30px}.creator-quiz-preview{padding:24px}.creator-quiz-dialog{padding:18px 20px 24px;max-height:calc(100dvh - 24px);width:calc(100% - 24px);border-radius:20px}.creator-quiz-top{padding-bottom:14px}.creator-quiz-actions .button{padding:14px 18px}.creator-quiz-options label{padding:14px;min-height:64px}}

/* Keep navigation in the dialog's fixed footer, including short and zoomed windows. */
.creator-quiz-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.creator-quiz-top{flex:0 0 auto}
#creator-quiz-content{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:4px;scrollbar-gutter:stable}
#creator-quiz-actions{flex:0 0 auto;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);background:var(--surface-1)}
@media(max-height:600px){.creator-quiz-dialog{padding:12px 20px;max-height:calc(100dvh - 16px)}.creator-quiz-top{padding-bottom:8px}.creator-quiz-dialog h2{margin-top:12px;font-size:clamp(1.5rem,4vw,2.2rem)}#creator-quiz-actions{margin-top:8px;padding-top:8px}}