*,:before,:after{box-sizing:border-box}:root{--qt-green:#088c4c;--qt-green-dark:#135937;--qt-border:#cfe7d9;--qt-text:#0f2a1c;--qt-bg:#f5fcf8;--qt-surface:#fff;--qt-error:#e53e3e;--qt-error-dark:#b42318;--qt-success:#27ae60;--qt-success-dark:#219150;--qt-primary:var(--qt-green);--qt-green-rgb:8, 140, 76;--qt-green-dark-rgb:19, 89, 55;--qt-border-rgb:207, 231, 217;--qt-text-rgb:15, 42, 28;--qt-bg-rgb:245, 252, 248;--qt-surface-rgb:255, 255, 255;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--qt-text);background-color:var(--qt-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0;display:block}#root{width:100%}button{background-color:var(--qt-green);color:var(--qt-surface);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:background-color .25s,border-color .25s,transform .1s}button:hover{background-color:var(--qt-green-dark)}button:active{transform:scale(.98)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}h1,h2,h3,h4,h5,h6{color:var(--qt-text);margin:0 0 .5rem;font-weight:700}[data-theme=dark]{--qt-error:#ff6b6b;--qt-error-dark:#c53030;--qt-success:#48bb78;--qt-success-dark:#38a169;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--qt-green:#2ecc71!important;--qt-green-dark:#27ae60!important;--qt-border:#2a4a36!important;--qt-text:#d4e8da!important;--qt-bg:#0d1a10!important;--qt-surface:#162a1c!important;--qt-green-rgb:46, 204, 113!important;--qt-green-dark-rgb:39, 174, 96!important;--qt-border-rgb:42, 74, 54!important;--qt-text-rgb:212, 232, 218!important;--qt-bg-rgb:13, 26, 16!important;--qt-surface-rgb:22, 42, 28!important}#root{text-align:center;width:100%;min-height:100dvh;margin:0;padding:0;position:relative}#root:before{content:"";background-image:var(--qt-background-url,url(/assets/bg-Cw2adJll.webp));z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.app-shell{flex-direction:column;width:100%;min-height:max(100vh,100dvh);display:flex}.app-shell--home{background:color-mix(in srgb, var(--qt-surface) 90%, transparent)}.nav-container{justify-content:center;width:100%;min-height:65px;margin-bottom:20px;display:flex;position:relative}.scanner-logo{object-fit:contain;max-width:120px;max-height:80px;margin-top:10px;margin-bottom:12px;transition:transform .3s}@media (width>=360px){.scanner-logo{max-width:150px}}@media (width>=400px){.scanner-logo{max-width:180px}}.scanner-logo:hover{transform:scale(1.02)}.language-selector{margin:0;padding:10px 16px;position:absolute;right:1%}.language-selector select{border:1px solid var(--qt-border);background:var(--qt-surface);color:var(--qt-text);border-radius:6px;padding:15px 10px}.scanner-container{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.scanner-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.scanner-header h1{color:var(--qt-text);margin-bottom:10px;font-size:2rem}.scanner-footer{color:var(--qt-text);margin-top:30px;font-size:.9rem}.camera-icon{font-size:2rem}.scanner-box{aspect-ratio:1;width:100%;max-width:400px;box-shadow:0 10px 25px rgba(var(--qt-text-rgb), .18);border:2px solid var(--qt-border);background:var(--qt-surface);border-radius:20px;justify-content:center;align-items:center;display:flex;overflow:hidden}.scanner-error{background:var(--qt-surface);border:1px solid color-mix(in srgb, var(--qt-error) 30%, transparent);text-align:center;color:var(--qt-error);border-radius:12px;max-width:400px;margin-top:20px;padding:15px}.scanner-error button{background:var(--qt-green);color:var(--qt-surface);border:1px solid var(--qt-green-dark);cursor:pointer;border-radius:5px;margin-top:10px;padding:5px 15px}.shortcode-section{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:400px;margin-top:20px;display:flex}.shortcode-section label{color:var(--qt-text);font-size:.9rem}.shortcode-row{flex-direction:column;gap:8px;width:100%;display:flex}.shortcode-row input{border:1px solid var(--qt-border);background:var(--qt-surface);color:var(--qt-text);text-align:center;letter-spacing:.15em;border-radius:10px;flex:1;padding:10px 14px;font-size:1.1rem}.shortcode-row button{background:var(--qt-green);width:100%;color:var(--qt-surface);border:1px solid var(--qt-green-dark);cursor:pointer;border-radius:10px;padding:10px 18px;font-weight:600}.shortcode-row button:disabled{opacity:.6;cursor:not-allowed}.shortcode-error{color:var(--qt-error);text-align:center;margin:0;font-size:.85rem}.quiz-container{justify-content:center;align-items:center;min-height:100dvh;padding:24px 14px;display:flex}.quiz-card{background:color-mix(in srgb, var(--qt-surface) 92%, transparent);border:1px solid var(--qt-border);text-align:left;width:100%;max-width:520px;color:var(--qt-text);border-radius:16px;padding:20px}.question-title{color:var(--qt-text);margin-bottom:1.5rem;font-size:1.5rem}.answers-grid{gap:12px;display:grid}.answers-grid .answer-button{animation:.3s ease-out both answerSlideIn}.answers-grid .answer-button:first-child{animation-delay:0s}.answers-grid .answer-button:nth-child(2){animation-delay:60ms}.answers-grid .answer-button:nth-child(3){animation-delay:.12s}.answers-grid .answer-button:nth-child(4){animation-delay:.18s}.answers-grid .answer-button:nth-child(5){animation-delay:.24s}.answers-grid .answer-button:nth-child(6){animation-delay:.3s}@keyframes answerSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.answer-button{background:var(--qt-surface);border:1px solid var(--qt-border);color:var(--qt-text);cursor:pointer;text-align:left;border-radius:8px;padding:12px 16px;font-size:1rem;transition:background .2s}.answer-button:hover:not(:disabled){background:color-mix(in srgb, var(--qt-green) 8%, transparent)}.answer-button.correct{background:color-mix(in srgb, var(--qt-green) 16%, transparent);border-color:var(--qt-green);animation:.4s ease-out correctPulse}@keyframes correctPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--qt-green) 40%, transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb, var(--qt-green) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--qt-green) 0%, transparent)}}.answer-button.incorrect{background:color-mix(in srgb, var(--qt-error-dark) 12%, transparent);border-color:var(--qt-error-dark);animation:.35s ease-out subtleShake}@keyframes subtleShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.answer-button:disabled{cursor:default}.answer-button.disabled,.answer-button.disabled:hover{cursor:default;background-color:inherit;box-shadow:none;opacity:.45;transform:none}.answer-button:disabled,.answer-button:disabled:hover{transform:none}.result-container{border-top:1px solid var(--qt-border);margin-top:2rem}.result-text{margin-bottom:1rem;font-size:1.1rem;font-weight:700;animation:.3s ease-out scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.result-text.success{color:var(--qt-green)}.result-text.failure{color:var(--qt-error-dark)}.explanation{background:color-mix(in srgb, var(--qt-surface) 90%, transparent);border:1px solid var(--qt-border);border-radius:6px;margin-bottom:1rem;padding:1rem;font-size:.9rem}.reset-button{background:var(--qt-green);color:var(--qt-surface);border:1px solid color-mix(in srgb, var(--qt-green-dark) 70%, #111);cursor:pointer;border-radius:8px;padding:8px 16px;font-weight:700;box-shadow:0 2px 6px #0000002e}@media (width<=420px){.quiz-card{border-radius:14px;padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.media-container{justify-content:center;width:100%;margin-bottom:1.5rem;display:flex}.media-item{border-radius:8px;max-width:100%;max-height:400px}.media-item.image{object-fit:contain}.media-item.audio{width:100%;max-width:400px}.source-container{color:color-mix(in srgb, var(--qt-text) 60%, transparent);margin:1rem 0;font-size:.9rem}.source-link{color:color-mix(in srgb, var(--qt-green,#088c4c) 72%, #111);font-weight:600;text-decoration:underline}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.spinner{border:4px solid #0000001a;border-left-color:var(--qt-green);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error-boundary{text-align:center;background:var(--qt-surface,#fff);min-height:100dvh;color:var(--qt-text,#333);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.error-boundary-title{color:var(--qt-error);margin-bottom:1rem}.error-boundary-message{max-width:500px;margin-bottom:1.5rem}.error-boundary-pre{text-align:left;background:#f7f7f7;border-radius:4px;max-width:100%;margin-bottom:1.5rem;padding:1rem;font-size:.875rem;overflow:auto}.error-boundary-button{background-color:var(--qt-green,#088c4c);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.quiz-card.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.loading-text{color:var(--qt-text);opacity:.7;margin-top:1rem}.quiz-card.error{border-color:var(--qt-error)}.quiz-card.error h2{color:var(--qt-error)}.error-button{background:var(--qt-error);border-color:var(--qt-error);margin-top:1rem}.error-button:hover{background:var(--qt-error-dark);border-color:var(--qt-error-dark)}.end-quiz-button{background:var(--qt-green);color:#fff;cursor:pointer;border-radius:8px;margin-top:15px;padding:8px 24px;font-weight:600;transition:all .2s;box-shadow:0 2px 6px #0000001a}.end-quiz-button:hover{background:var(--qt-green-dark);transform:translateY(-1px);box-shadow:0 4px 10px #00000026}.end-quiz-card{padding:24px 20px}.end-quiz-card .scanner-logo{margin-bottom:8px}.end-quiz-card .question-title{margin-bottom:.75rem}.map-fab{background-color:var(--qt-green);color:#fff;cursor:pointer;z-index:900;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;transition:transform .2s,background-color .2s,box-shadow .2s;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 4px 15px #00000040}.map-fab:hover{background-color:var(--qt-green-dark);transform:scale(1.1);box-shadow:0 6px 20px #0000004d}.map-fab:active{transform:scale(.95)}.map-overlay{-webkit-backdrop-filter:blur(6px);z-index:2000;background-color:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.map-modal{background-color:var(--qt-surface);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:600px;height:85vh;display:flex;overflow:hidden;box-shadow:0 -10px 30px #0003}.map-header{border-bottom:1px solid var(--qt-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.map-header h2{color:var(--qt-text);margin:0;font-size:1.25rem;font-weight:700}.map-close-button{background:color-mix(in srgb, var(--qt-text) 5%, transparent);color:var(--qt-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s;display:flex}.map-close-button:hover{background:color-mix(in srgb, var(--qt-text) 10%, transparent)}.map-container{background-color:#f0f0f0;flex:1;position:relative}.map-iframe{border:none;width:100%;height:100%}.quiz-map-container{width:100%;height:100%;min-height:300px}.map-no-location{text-align:center;height:100%;color:var(--qt-text-secondary,#666);justify-content:center;align-items:center;margin:0;padding:2rem;font-size:1rem;display:flex}.slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=480px){.map-modal{height:90vh}.map-fab{width:55px;height:55px;bottom:20px;right:20px}}.share-section{width:100%;margin:16px 0}.share-title{color:var(--qt-text);opacity:.8;margin-bottom:8px;font-weight:600}.share-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.share-button{border:1px solid var(--qt-border);background:var(--qt-surface);color:var(--qt-text);cursor:pointer;border-radius:30px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.share-button.whatsapp:hover{color:#fff;background-color:#25d366;border-color:#25d366}.share-button.facebook:hover{color:#fff;background-color:#1877f2;border-color:#1877f2}.share-button.twitter:hover{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.share-button.primary-share{background-color:var(--qt-green);color:#fff;border-color:var(--qt-green);box-shadow:0 4px 12px rgba(var(--qt-green-rgb), .2);justify-content:center;align-items:center;gap:8px;min-width:200px;padding:12px 24px;font-size:1rem;display:inline-flex}.score-display{background:color-mix(in srgb, var(--qt-text) 5%, transparent);border-radius:12px;margin:.75rem 0;padding:.75rem}.score-display h2{margin-bottom:.25rem;font-size:1.2rem}.score-display .score-value{color:var(--qt-primary);margin:0;font-size:2rem;font-weight:700}.score-display .score-label{opacity:.8;margin-top:.25rem;font-size:.9rem}.score-word-display{flex-wrap:wrap;justify-content:center;gap:6px;margin:.5rem 0;display:flex}.letter-tile{text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;width:2.2rem;height:2.6rem;font-size:1.3rem;font-weight:700;transition:all .3s;display:inline-flex}.letter-tile.revealed{background:var(--qt-primary);color:#fff;animation:.4s ease-out both tileReveal;box-shadow:0 2px 8px #00000026}.letter-tile.hidden{background:color-mix(in srgb, var(--qt-text) 10%, transparent);color:color-mix(in srgb, var(--qt-text) 30%, transparent)}.score-image-grid{aspect-ratio:1;border-radius:12px;gap:4px;max-width:280px;margin:.5rem auto;display:grid;overflow:hidden}.image-tile{background:color-mix(in srgb, var(--qt-text) 10%, transparent);border-radius:4px;position:relative;overflow:hidden}.image-tile img{position:absolute;top:0;left:0}.image-tile.revealed{animation:.4s ease-out both tileReveal}.image-tile.hidden{filter:blur(8px)grayscale();opacity:.4}.image-tile.hidden img{filter:blur(8px)grayscale()}@keyframes tileReveal{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.end-quiz-actions{margin-top:20px}.reset-button.primary{padding:12px 30px;font-size:1.1rem;font-weight:700;box-shadow:0 4px 12px #0000001a}.quiz-end-fa-plus{margin-left:8px}.tutorial-banner{background:var(--qt-surface);border-bottom:3.5px solid var(--qt-green);z-index:1000;box-sizing:border-box;width:100%;padding:24px 28px;position:fixed;top:0;left:0;box-shadow:0 5px 20px #0000001f}.tutorial-content{flex-direction:column;gap:16px;max-width:650px;margin:0 auto;display:flex}.tutorial-header-row{align-items:center;gap:20px;display:flex}.tutorial-icon{background:color-mix(in srgb, var(--qt-green) 12%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;font-size:2.2rem;display:flex}.tutorial-text{text-align:left;flex:1}.tutorial-text h3{color:var(--qt-green);margin:0 0 4px;font-size:1.5rem;font-weight:800}.tutorial-text p{color:var(--qt-text);margin:0;font-size:1.15rem;font-weight:500;line-height:1.35}.tutorial-footer-row{border-top:1.5px solid var(--qt-border);justify-content:space-between;align-items:center;padding-top:14px;display:flex}.tutorial-hint{color:color-mix(in srgb, var(--qt-text) 80%, transparent);margin:0;font-size:1.05rem;font-style:italic;font-weight:500}.tutorial-close-button{background:var(--qt-green);color:#fff;cursor:pointer;border:none;border-radius:25px;padding:12px 32px;font-size:1.1rem;font-weight:700;transition:transform .2s,background .2s}.tutorial-close-button:hover{background:var(--qt-green-dark);transform:scale(1.05)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.fade-in-down{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInDown}@media (width<=480px){.tutorial-banner{padding:16px 18px}.tutorial-icon{width:45px;height:45px;font-size:1.6rem}.tutorial-text h3{font-size:1.25rem}.tutorial-text p{font-size:1rem}.tutorial-hint{max-width:60%;font-size:.9rem}.tutorial-close-button{padding:8px 20px;font-size:.95rem}}.line{border-top:var(--qt-border) 1px solid;width:100%}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-large-buttons=true] .answer-button,[data-large-buttons=true] .tof-button,[data-large-buttons=true] .estimating-submit,[data-large-buttons=true] .reset-button,[data-large-buttons=true] .end-quiz-button,[data-large-buttons=true] .share-button,[data-large-buttons=true] .tutorial-close-button,[data-large-buttons=true] .map-fab{min-height:52px;padding:16px 24px;font-size:1.15rem}[data-large-buttons=true] .answer-button{padding:16px 20px}[data-large-buttons=true] .estimating-input{padding:14px;font-size:1.15rem}[data-large-buttons=true] .language-selector select{padding:18px 14px;font-size:1.1rem}.accessibility-controls{align-items:center;margin:0;padding:14px 12px;display:flex;position:absolute;left:2%}.accessibility-toggle{border:1px solid var(--qt-border);background:var(--qt-surface);width:36px;height:36px;color:var(--qt-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.1rem;transition:background .2s,transform .1s;display:flex}.accessibility-toggle:hover{background:color-mix(in srgb, var(--qt-green) 12%, transparent)}.accessibility-toggle.active{background:var(--qt-green);color:#fff;border-color:var(--qt-green)}.settings-trigger{width:42px;height:42px;font-size:1.3rem}.settings-item .accessibility-toggle{width:36px;height:36px;font-size:1.1rem}.settings-overlay{-webkit-backdrop-filter:blur(6px);z-index:2000;background-color:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.settings-modal{background-color:var(--qt-surface);border-radius:20px;flex-direction:column;width:100%;max-width:400px;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000040}.settings-header{border-bottom:1px solid var(--qt-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-header h2{color:var(--qt-text);margin:0;font-size:1.25rem;font-weight:700}.settings-close-button{background:color-mix(in srgb, var(--qt-text) 5%, transparent);color:var(--qt-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s;display:flex}.settings-close-button:hover{background:color-mix(in srgb, var(--qt-text) 10%, transparent)}.settings-body{flex-direction:column;gap:4px;padding:12px 16px;display:flex}.settings-item{border-radius:12px;justify-content:space-between;align-items:center;padding:12px 8px;transition:background .2s;display:flex}.settings-item:hover{background:color-mix(in srgb, var(--qt-text) 4%, transparent)}.settings-item-info{color:var(--qt-text);align-items:center;gap:12px;font-size:1rem;font-weight:500;display:flex}.settings-item-info svg{text-align:center;width:20px;font-size:1.1rem}.error-actions{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;margin:0 auto;display:flex}.retry-button{border:1px solid var(--qt-green);background:var(--qt-green);width:100%;color:var(--qt-surface);cursor:pointer;border-radius:8px;padding:12px 20px;font-family:inherit;font-size:1rem;font-weight:500}.retry-button:hover{background:var(--qt-green-dark);border-color:var(--qt-green-dark)}[data-large-buttons=true] .retry-button{min-height:52px;padding:16px 24px;font-size:1.15rem}.name-section{width:100%;max-width:360px;margin:0 auto 16px}.name-input-row{align-items:stretch;gap:8px;width:100%;display:flex}@media (width<=400px){.name-input-row{flex-direction:column}.name-button{width:100%}}.name-input{border:1px solid var(--qt-border);background:var(--qt-surface);color:var(--qt-text);border-radius:8px;flex:1;min-height:44px;padding:10px 14px;font-family:inherit;font-size:1rem}.name-input:focus{outline:2px solid var(--qt-green);outline-offset:2px}.name-button{border:1px solid var(--qt-green);background:var(--qt-green);color:var(--qt-surface);cursor:pointer;white-space:nowrap;border-radius:8px;min-height:44px;padding:10px 18px;font-family:inherit;font-size:.95rem;font-weight:500}.name-button:hover{background:var(--qt-green-dark);border-color:var(--qt-green-dark)}.name-display{color:var(--qt-text);justify-content:center;align-items:center;gap:10px;padding:8px 0;font-size:1.05rem;display:flex}.name-change{color:var(--qt-green);border:1px solid var(--qt-border);cursor:pointer;background:0 0;border-radius:6px;min-height:auto;padding:4px 10px;font-family:inherit;font-size:.8rem}.name-change:hover{background:color-mix(in srgb, var(--qt-green) 10%, transparent)}[data-large-buttons=true] .name-input{min-height:52px;padding:14px 16px;font-size:1.15rem}[data-large-buttons=true] .name-button{min-height:52px;padding:14px 22px;font-size:1.05rem}