:root{--primary-color: #667eea;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-color: #764ba2;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--neutral-color: #6b7280;--background-color: #f8fafc;--card-background: #ffffff;--text-primary: #1f2937;--text-secondary: #6b7280;--border-radius: 16px;--shadow: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--header-padding: 24px;--footer-padding: 12px;--progress-padding: 12px 24px;--content-padding: 18px 16px;--results-padding: 32px 24px;--button-padding: 16px;--overlay-padding: 24px;--score-padding: 32px;--action-button-padding: 16px 32px;--mobile-content-padding: 24px 16px;--mobile-header-padding: 20px 16px;--question-image-margin: 0px;--answers-margin-top: 32px;--results-score-margin: 32px;--results-message-margin: 32px;--share-buttons-margin: 32px;--progress-text-margin: 12px;--question-number-margin: 8px;--quiz-title-margin: 8px;--button-gap: 8px}[data-theme=dark]{--primary-color: #8b5cf6;--primary-gradient: linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%);--secondary-color: #06b6d4;--success-color: #10b981;--error-color: #f87171;--warning-color: #fbbf24;--neutral-color: #9ca3af;--background-color: #0f172a;--card-background: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1}[data-theme=compact]{--primary-color: #8b5cf6;--primary-gradient: linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%);--secondary-color: #06b6d4;--success-color: #10b981;--error-color: #f87171;--warning-color: #fbbf24;--neutral-color: #9ca3af;--background-color: #0f172a;--card-background: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--header-padding: 12px;--progress-padding: 8px 12px;--content-padding: 16px 12px;--results-padding: 20px 12px;--button-padding: 10px;--overlay-padding: 12px;--score-padding: 16px;--share-button-padding: 6px 12px;--action-button-padding: 8px 16px;--mobile-content-padding: 12px 8px;--mobile-header-padding: 10px 8px;--question-image-margin: 12px;--answers-margin-top: 16px;--results-score-margin: 16px;--results-message-margin: 16px;--share-buttons-margin: 16px;--progress-text-margin: 6px;--question-number-margin: 4px;--quiz-title-margin: 4px}[data-theme=corporate]{--primary-color: #1e40af;--primary-gradient: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);--secondary-color: #1e3a8a;--success-color: #059669;--error-color: #dc2626;--warning-color: #d97706;--neutral-color: #64748b;--background-color: #f1f5f9;--card-background: #ffffff;--text-primary: #0f172a;--text-secondary: #475569}[data-theme=vibrant]{--primary-color: #ec4899;--primary-gradient: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--secondary-color: #8b5cf6;--success-color: #22c55e;--error-color: #ef4444;--warning-color: #f59e0b;--neutral-color: #64748b;--background-color: #fef7ff;--card-background: #ffffff;--text-primary: #1f2937;--text-secondary: #6b7280}[data-theme=flat]{--primary-color: #1e40af;--primary-gradient: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);--secondary-color: #1e3a8a;--success-color: #059669;--error-color: #dc2626;--warning-color: #d97706;--neutral-color: #64748b;--background-color: #f1f5f9;--card-background: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--border-radius: 0 !important}@-webkit-keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}@keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}@-webkit-keyframes spin{to{-webkit-transform:translateY(-50%) rotate(360deg);transform:translateY(-50%) rotate(360deg)}}@keyframes spin{to{-webkit-transform:translateY(-50%) rotate(360deg);transform:translateY(-50%) rotate(360deg)}}#quiz-container.spa-mode{background:var(--card-background);border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);width:100%;max-width:900px;overflow:hidden;position:relative;-webkit-transition:var(--transition);transition:var(--transition)}#quiz-container.spa-mode .quiz-header{background:var(--primary-gradient);padding:var(--header-padding);text-align:center;color:#fff}#quiz-container.spa-mode .quiz-footer{background:var(--primary-gradient);padding:var(--footer-padding);text-align:center;color:#fff}#quiz-container.spa-mode .quiz-title{font-size:1.5em;font-weight:700;margin-bottom:var(--quiz-title-margin)}#quiz-container.spa-mode .quiz-subtitle{opacity:.9;font-size:.875em}#quiz-container.spa-mode .quiz-progress{padding:var(--progress-padding);background:var(--card-background);border-bottom:1px solid rgba(0,0,0,.05)}#quiz-container.spa-mode .progress-text{text-align:center;margin-bottom:var(--progress-text-margin);color:var(--text-secondary);font-size:.875em;font-weight:500}#quiz-container.spa-mode .progress{width:100%;height:12px;background:#0000000d;border-radius:6px;overflow:hidden}#quiz-container.spa-mode .progress-bar{height:100%;background:var(--primary-gradient);border-radius:6px;-webkit-transition:width .6s cubic-bezier(.4,0,.2,1);transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}#quiz-container.spa-mode .progress-bar:after{content:"";position:absolute;inset:0;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,.4)),to(transparent));background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite}#quiz-container.spa-mode .quiz-content{padding:var(--content-padding);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#quiz-container.spa-mode .quiz-content.loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:393px}#quiz-container.spa-mode .quiz-question{text-align:center;position:relative}#quiz-container.spa-mode .quiz-question.with-image .question-image-container{position:relative;margin-bottom:var(--question-image-margin);border-radius:var(--border-radius);overflow:hidden;-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}#quiz-container.spa-mode .quiz-question.with-image .question-image-container.loading .loading-spinner{display:block;position:absolute;top:50%;right:calc(50% - 12px)}#quiz-container.spa-mode .quiz-question.with-image .question-image{height:auto;-o-object-fit:cover;object-fit:cover;display:block;max-height:420px;width:100%}#quiz-container.spa-mode .quiz-question.with-image .question-overlay{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.8)),to(transparent));background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:var(--overlay-padding);color:#fff}#quiz-container.spa-mode .question-number{font-size:.875em;font-weight:600;opacity:.8;margin-bottom:var(--question-number-margin)}#quiz-container.spa-mode .question-title{font-size:1.25em;font-weight:600;line-height:1.4}#quiz-container.spa-mode .quiz-answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--button-gap)}#quiz-container.spa-mode .answer-button{background:var(--card-background);border:2px solid rgba(0,0,0,.1);border-radius:12px;padding:var(--button-padding);cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);font-size:1em;font-weight:500;color:var(--text-primary);text-align:left;position:relative;overflow:hidden}#quiz-container.spa-mode .answer-button:hover{border-color:var(--primary-color);background:#667eea0d;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}#quiz-container.spa-mode .answer-button:disabled{cursor:not-allowed;opacity:.6}#quiz-container.spa-mode .answer-button.correct{background:var(--success-color)!important;border-color:var(--success-color)!important;color:#fff!important}#quiz-container.spa-mode .answer-button.incorrect{background:var(--error-color)!important;border-color:var(--error-color)!important;color:#fff!important}#quiz-container.spa-mode .answer-button.neutral{background:var(--neutral-color)!important;border-color:var(--neutral-color)!important;color:#fff!important;opacity:.6}#quiz-container.spa-mode .answer-button.loading .loading-spinner{display:block}#quiz-container.spa-mode .loading-spinner{display:none;width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#quiz-container.spa-mode .quiz-footer{background:var(--primary-gradient);padding:var(--header-padding);text-align:center;color:#fff;border-radius:0 0 var(--border-radius) var(--border-radius)}#quiz-container.spa-mode .results-container{text-align:center;padding:var(--results-padding)}#quiz-container.spa-mode .results-score{background:var(--primary-gradient);color:#fff;padding:var(--score-padding);border-radius:var(--border-radius);margin-bottom:var(--results-score-margin);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}#quiz-container.spa-mode .score-value{font-size:3em;font-weight:800;margin-bottom:8px}#quiz-container.spa-mode .score-label{font-size:1em;opacity:.9}#quiz-container.spa-mode .results-message{margin-bottom:var(--results-message-margin)}#quiz-container.spa-mode .results-title{font-size:2em;font-weight:700;color:var(--text-primary);margin-bottom:16px}#quiz-container.spa-mode .results-description{font-size:1.125em;color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto}#quiz-container.spa-mode .share-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--button-gap);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:var(--share-buttons-margin)}#quiz-container.spa-mode .share-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--button-padding);border-radius:8px;text-decoration:none;color:#fff;font-weight:600;-webkit-transition:var(--transition);transition:var(--transition);font-size:.875em}#quiz-container.spa-mode .share-button:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}#quiz-container.spa-mode .share-button.share-facebook{background:#1877f2}#quiz-container.spa-mode .share-button.share-twitter{background:#1da1f2}#quiz-container.spa-mode .share-button.share-linkedin{background:#0a66c2}#quiz-container.spa-mode .share-button.share-whatsapp{background:#25d366}#quiz-container.spa-mode .action-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}#quiz-container.spa-mode .action-button{background:var(--primary-gradient);color:#fff;border:none;padding:var(--action-button-padding);border-radius:12px;font-size:1em;font-weight:600;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition)}#quiz-container.spa-mode .action-button:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}#quiz-container.spa-mode .action-button.secondary{background:var(--card-background);color:var(--text-primary);border:2px solid rgba(0,0,0,.1)}#quiz-container.spa-mode .theme-selector{position:absolute;top:20px;right:20px;z-index:100}#quiz-container.spa-mode .theme-button{background:#fff3;border:none;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:.875em;backdrop-filter:blur(10px)}#quiz-container.spa-mode .loading-text{text-align:center;color:var(--text-secondary)}#quiz-container.spa-mode .loading-icon{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-radius:50%;border-top-color:var(--primary-color);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin:0 auto 16px}#quiz-container.spa-mode #quiz-header-ad{background:#ffffff1a;margin:5px auto;text-align:center}#quiz-container.spa-mode #snack-top-slim{max-width:728px;max-height:90px;min-height:90px;width:100%;margin:0 auto;background:#ddd}#quiz-container.spa-mode .full-image-view .question-image{height:auto!important;min-height:200px;max-height:80vh}#quiz-container.spa-mode [data-theme=compact].full-image-view .question-image{max-height:60vh}#quiz-container.spa-mode .hidden{display:none}@media (min-width: 769px){#quiz-container.spa-mode .quiz-question.with-image .question-overlay{position:absolute;inset:0 0 auto;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(transparent));background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);padding:20px}#quiz-container.spa-mode .quiz-question.with-image .quiz-answers{position:absolute;bottom:24px;left:24px;right:24px;width:auto}#quiz-container.spa-mode .quiz-question.with-image .quiz-answers .answer-button{background:#000000b3;color:#fff!important;font-weight:700!important}#quiz-container.spa-mode :root .quiz-question.with-image{--question-image-margin: 0px}}@media (max-width: 768px){#quiz-container.spa-mode #snack-top-slim{max-width:320px;max-height:50px;min-height:50px;width:100%;margin:0 auto;background:#ddd}#quiz-container.spa-mode .quiz-content{padding:var(--mobile-content-padding);min-height:393px}#quiz-container.spa-mode .quiz-header{padding:var(--mobile-header-padding)}#quiz-container.spa-mode .quiz-title{font-size:1.25em}#quiz-container.spa-mode .quiz-answers{grid-template-columns:1fr 1fr}#quiz-container.spa-mode .question-image{height:200px}#quiz-container.spa-mode .question-title{font-size:1.125em}#quiz-container.spa-mode .results-title{font-size:1.5em}#quiz-container.spa-mode .score-value{font-size:2.5em}#quiz-container.spa-mode .share-buttons{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#quiz-container.spa-mode .share-button{width:200px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (max-width: 480px){#quiz-container.spa-mode:not(.embed-mode){width:calc(100% + 20px)!important;max-width:calc(100% + 20px);overflow:hidden;margin:5px -10px!important;min-height:100vh}#quiz-container.spa-mode:not(.embed-mode) .question-image{height:auto!important;max-height:50vh}}@media only screen and (orientation: portrait) and (min-height: 740px) and (max-height: 1080px) and (max-width: 768px){#quiz-container.spa-mode:not(.embed-mode){min-height:100vh}}@media (max-width: 768px){:root{--header-padding: 14px;--progress-padding: 10px 24px;--content-padding: 24px 14px;--results-padding: 16px 14px;--button-padding: 10px 20px;--score-padding: 32px;--share-button-padding: 12px 20px;--action-button-padding: 16px 32px;--mobile-header-padding: 20px 16px;--button-gap: 8px;--question-image-margin: 12px;--answers-margin-top: 16px;--results-score-margin: 16px;--results-message-margin: 16px;--share-buttons-margin: 16px;--progress-text-margin: 6px;--question-number-margin: 4px;--quiz-title-margin: 4px;--header-padding: 12px;--progress-padding: 8px 12px;--content-padding: 16px 12px;--results-padding: 20px 12px;--button-padding: 10px;--overlay-padding: 12px;--score-padding: 16px;--share-button-padding: 6px 12px;--action-button-padding: 8px 16px;--mobile-content-padding: 12px 8px;--mobile-header-padding: 10px 8px}}#quiz-container.embed-mode{-webkit-box-shadow:none;box-shadow:none;width:100%;max-width:100%}#quiz-container.embed-mode .quiz-content{padding:0;min-height:0;position:relative}#quiz-container.embed-mode .quiz-content .quiz-start{text-transform:uppercase;background:#000000b3;color:#fff!important;font-weight:700!important;font-size:1.8em!important;border:2px solid rgba(0,0,0,.1);border-radius:12px;padding:var(--button-padding);text-align:center;position:absolute;bottom:24px;left:24px;right:24px;width:auto}#quiz-container.embed-mode .quiz-content .quiz-question.with-image .question-image-container{position:relative;margin-bottom:0;border-radius:0;margin-bottom:0!important}#quiz-container.embed-mode .quiz-content .quiz-question.with-image .question-overlay{position:absolute;inset:0 0 auto;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(transparent));background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);padding:20px}#quiz-container.embed-mode .quiz-content .quiz-question.with-image .quiz-answers{position:absolute;bottom:24px;left:24px;right:24px;width:auto}#quiz-container.embed-mode .quiz-content .quiz-question.with-image .quiz-answers .answer-button{background:#000000b3;color:#fff!important;font-weight:700!important}#quiz-container.survey-mode .quiz-answers{grid-template-columns:1fr!important}#quiz-container.survey-mode .quiz-question:not(.with-image) .question-title{margin-bottom:var(--answers-margin-top)}#quiz-container.survey-mode .loading-spinner{border:3px solid rgba(255,255,255,.9)}