:root{--quiz-accent:#1f68ff;--quiz-accent-soft:#263e70}.quizPage{min-height:100dvh;padding:24px 16px calc(24px + env(safe-area-inset-bottom));color:#f7f7f8;background:radial-gradient(circle at 50% -10%,#12346155,#0000 35%),#151517;align-content:start;place-items:start center;gap:16px;display:grid}.quizPage.accentTEAL{--quiz-accent:#138c83;--quiz-accent-soft:#244b48}.quizPage.accentSKY{--quiz-accent:#168ee8;--quiz-accent-soft:#244d6b}.quizPage.accentEMERALD{--quiz-accent:#159b68;--quiz-accent-soft:#244d3d}.quizBrand{color:var(--quiz-accent);align-items:center;gap:7px;text-decoration:none;display:flex}.quizBrand b{color:#fff}.quizCard{background:#252527;border:1px solid #39393e;border-radius:16px;width:min(650px,100%);animation:.22s cubic-bezier(.22,1,.36,1) quizIn;position:relative;overflow:visible;box-shadow:0 24px 70px #0008}.quizScreen{flex-direction:column;padding:28px 30px;animation:.22s cubic-bezier(.22,1,.36,1) quizStep;display:flex}.quizScreen>span,.quizQuestion header>span{color:var(--quiz-accent);letter-spacing:1px;font-size:10px;font-weight:800}.quizScreen h1{letter-spacing:-.5px;overflow-wrap:break-word;margin:8px 0;font-size:28px;line-height:1.2}.quizScreen h2{color:#d0d0d5;margin:0;font-size:17px;line-height:1.4}.quizScreen p{color:#b6b6be;line-height:1.55}.quizScreen>small,.quizScreen>em{color:#92929c;font-style:normal}.quizPrimary{background:var(--quiz-accent);color:#fff;white-space:normal;overflow-wrap:anywhere;cursor:pointer;border:0;border-radius:9px;min-height:50px;margin-top:20px;padding:12px 20px;font-weight:800;line-height:1.25;transition:transform .19s,filter .19s}.quizPrimary:hover{filter:brightness(1.1);transform:translateY(-1px)}.quizPrimary:active{transform:scale(.985)}.quizPrimary:disabled{opacity:.58;cursor:not-allowed;filter:saturate(.65)}.quizTextButton{color:#91b5ff;cursor:pointer;background:0 0;border:0;padding:11px}.quizPrimary:focus-visible,.quizTextButton:focus-visible,.quizOptions button:focus-visible,.quizBlockImage:focus-visible,.quizIntroDetails button:focus-visible{outline-offset:3px;outline:3px solid #fff}.quizIntro,.quizFinal{text-align:center;align-items:stretch}.quizIntro>em{margin-top:9px}.quizIntroDetails{margin:14px 0 2px;display:grid}.quizIntroDetails button{color:#8fb4ff;cursor:pointer;background:0 0;border:0;justify-self:center;font-weight:700}.quizIntroDetails p{text-align:left;margin:8px 0 0}.quizHero{aspect-ratio:16/7;background:#202024;border-radius:11px;width:100%;margin-bottom:20px;position:relative;overflow:hidden}.quizHero img{object-fit:cover}.quizStepHeader{align-items:center;gap:12px;margin-bottom:12px;display:flex}.quizStepHeader>span{flex:none}.quizProgress{background:#3a3a3f;border-radius:99px;flex:1;height:4px;overflow:hidden}.quizProgress i{background:var(--quiz-accent);height:100%;transition:width .22s;display:block}.quizQuestionCopy h1:focus{outline:none}.quizQuestionCopy p{text-align:left;margin:3px 0 0;font-size:16px}.quizOptions{gap:9px;margin-top:18px;display:grid}.quizOptions.yesNo{grid-template-columns:1fr 1fr}.quizOptions button{color:#eee;text-align:left;cursor:pointer;background:#303034;border:1px solid #45454c;border-radius:9px;align-items:center;gap:12px;min-height:50px;padding:12px 15px;font-size:16px;line-height:1.35;transition:background .19s,border-color .19s,transform .19s;display:flex}.quizOptions button:hover{background:#35353a;border-color:#666670}.quizOptions button:active{transform:scale(.99)}.quizOptions button[aria-pressed=true]{border-color:var(--quiz-accent);background:var(--quiz-accent-soft)}.quizOptions i{border:1px solid #6b6b75;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;font-style:normal;display:grid}.quizInput,.quizTextarea textarea{color:#fff;width:100%;font:inherit;background:#303034;border:1px solid #4a4a52;border-radius:9px;margin-top:18px;padding:13px}.quizTextarea{position:relative}.quizTextarea textarea{resize:vertical;min-height:130px;padding-bottom:28px}.quizTextarea small{color:#999;position:absolute;bottom:9px;right:12px}.quizFeedback{color:#c9f8ed;background:#123f3b;border:1px solid #247f75;border-radius:9px;grid-template-columns:auto 1fr;gap:8px;margin-top:12px;padding:11px 12px;animation:.2s quizFeedback;display:grid}.quizFeedback>b{font-size:14px}.quizFeedback p{color:inherit;margin:0;font-size:15px;line-height:1.45}.quizFeedback:not(.expanded) p{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.quizFeedback button{color:#9ed9ff;text-align:left;cursor:pointer;background:0 0;border:0;grid-column:2;padding:2px 0}.quizActions{z-index:5;padding:10px 8px calc(2px + env(safe-area-inset-bottom));background:linear-gradient(#252527e8,#252527 28%);border-top:1px solid #3c3c41;justify-content:flex-end;align-items:center;gap:8px;margin:15px -8px -12px;display:flex;position:sticky;bottom:0}.quizActions .quizPrimary{min-width:170px;margin-top:0}.quizSummary{text-align:left;margin-top:16px}.quizSummary p{border-bottom:1px solid #3b3b40;padding:9px;display:grid}.quizSummary span{color:#8f8f98;font-size:11px}.quizPrivacy{color:#85858f;text-align:center;margin-top:12px;font-size:11px}.alignLEFT .quizIntro,.alignLEFT .quizFinal{text-align:left}.quizUnavailable{text-align:center;color:#fff;background:#171719;place-content:center;min-height:100dvh;display:grid}.quizUnavailable a{color:#79a4ff}@keyframes quizIn{0%{opacity:0;transform:translateY(8px)}}@keyframes quizStep{0%{opacity:0;transform:translateY(6px)}}@keyframes quizFeedback{0%{opacity:0;transform:translateY(4px)}}@media (max-width:600px){.quizPage{padding:10px 12px calc(12px + env(safe-area-inset-bottom));gap:9px}.quizBrand{font-size:13px}.quizCard{border-radius:14px;width:100%;box-shadow:0 18px 50px #0008}.quizScreen{padding:19px 17px 17px}.quizScreen h1{letter-spacing:-.25px;font-size:23px;line-height:1.22}.quizScreen h2{font-size:16px}.quizIntro>h1,.quizFinal>h1{text-align:center}.quizIntroDetails{margin-top:10px}.quizIntroDetails:not(.expanded) p{display:none}.quizIntroDetails.expanded p{animation:.2s quizFeedback}.quizHero{aspect-ratio:16/8;margin-bottom:15px}.quizStepHeader{margin-bottom:9px}.quizQuestionCopy p{font-size:15px;line-height:1.5}.quizOptions{gap:8px;margin-top:14px}.quizOptions button{min-height:49px;padding:12px 14px;font-size:15px}.quizActions{margin-top:12px}.quizActions .quizPrimary{flex:1;min-width:0}.quizFeedback,.quizPrivacy{margin-top:10px}.quizFinal .quizPrimary{margin-top:17px}}@media (max-width:340px){.quizScreen{padding-inline:16px}.quizOptions.yesNo{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.quizCard,.quizScreen,.quizFeedback,.quizIntroDetails.expanded p{animation:none!important}.quizProgress i,.quizPrimary,.quizOptions button{scroll-behavior:auto!important;transition:none!important}}
.quizBlockImage{aspect-ratio:16/9;color:#fff;cursor:zoom-in;background:#202024;border:1px solid #3d4148;border-radius:11px;width:100%;max-height:280px;margin:0 0 12px;padding:0;animation:.22s cubic-bezier(.22,1,.36,1) quizImageIn;position:relative;overflow:hidden}.quizBlockImage img{object-fit:cover;opacity:0;transition:opacity .2s}.quizBlockImage.isLoaded img{opacity:1}.quizBlockImage.fitCONTAIN img,.quizLightboxImage.fitCONTAIN img{object-fit:contain}.quizImageSkeleton{background:linear-gradient(100deg,#202024 20%,#2c2c31 45%,#202024 70%) 0 0/220% 100%;animation:1.2s ease-in-out infinite quizSkeleton;position:absolute;inset:0}.quizZoomHint{color:#fff;background:#111c;border-radius:99px;padding:5px 8px;font-size:11px;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #0007}.quizImageError{color:#d0d0d6;place-content:center;gap:8px;padding:20px;font-size:14px;display:grid;position:absolute;inset:0}.quizImageError i{color:#8fb4ff;cursor:pointer;font-style:normal;text-decoration:underline}.quizLightbox{z-index:1000;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));touch-action:pinch-zoom;background:#09090bea;place-items:center;display:grid;position:fixed;inset:0}.quizLightboxImage{width:min(1200px,100%);height:min(82dvh,900px);position:relative;overflow:auto}.quizLightboxImage img{object-fit:contain}.quizLightboxClose{z-index:2;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));color:#fff;cursor:pointer;background:#202024;border:1px solid #fff4;border-radius:50%;place-items:center;width:46px;height:46px;font-size:28px;display:grid;position:fixed}.quizLightboxClose:focus-visible{outline-offset:3px;outline:3px solid #6da0ff}@keyframes quizImageIn{0%{opacity:0;transform:translateY(5px)}}@keyframes quizSkeleton{to{background-position:-220% 0}}@media (max-width:600px){.quizBlockImage{aspect-ratio:auto;height:clamp(150px,44vw,190px);max-height:none;margin-bottom:10px}.quizZoomHint{font-size:10px}.quizLightbox{padding:calc(62px + env(safe-area-inset-top)) 8px calc(12px + env(safe-area-inset-bottom));place-items:center}.quizLightboxImage{width:100%;height:calc(100dvh - 90px)}}@media (prefers-reduced-motion:reduce){.quizBlockImage,.quizImageSkeleton{animation:none}.quizBlockImage img{transition:none}}
