*,: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-text-secondary:color-mix(in srgb, var(--qt-text) 70%, transparent);--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}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}.scanner-logo{object-fit:contain;grid-column:2;justify-self:center;max-width:120px;max-height:80px;margin:10px auto 12px;transition:transform .3s;display:block}@media (width>=360px){.scanner-logo{max-width:150px}}@media (width>=400px){.scanner-logo{max-width:180px}}.scanner-logo:hover{transform:scale(1.02)}.accessibility-controls{grid-column:1;justify-self:start;align-items:center;margin:0;padding:14px 0;display:flex}.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}.nav-container{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;width:100%;min-height:65px;margin-bottom:20px;padding:0 18px;display:grid}.language-selector{grid-column:3;justify-self:end;margin:0;padding:10px 0}.language-selector select{border:1px solid var(--qt-border);background:var(--qt-surface);color:var(--qt-text);border-radius:6px;padding:15px 10px}#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)}.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}.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}}.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)}}.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)}.slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.reset-button.primary{border:1px solid var(--qt-green);background:var(--qt-green);color:#fff;width:100%;min-height:48px;box-shadow:0 4px 12px rgba(var(--qt-green-rgb), .2);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:1rem;font-weight:700;display:inline-flex}.reset-button.primary:hover{border-color:var(--qt-green-dark);background:var(--qt-green-dark);color:#fff}.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,[data-large-buttons=true] .retry-button{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}
