:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;--qt-green: #088c4c;--qt-green-dark: #135937;--qt-border: #cfe7d9;--qt-text: #0f2a1c;--qt-bg: #f5fcf8;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}body{margin:0;display:block;min-width:320px;min-height:100vh}#root{width:100%}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--qt-green);color:#fff;cursor:pointer;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{margin:0 0 .5rem;font-weight:700;color:var(--qt-text)}#root{width:100%;min-height:100vh;margin:0;padding:0;text-align:center;position:relative}#root:before{content:"";position:fixed;inset:0;background-image:url(/assets/bg-Cw2adJll.webp);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:-1}.app-shell{width:100%;min-height:100vh;display:flex;flex-direction:column}.scanner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:#ffffffe6}.scanner-header{margin-bottom:30px;text-align:center}.scanner-header h1{font-size:2rem;color:var(--qt-text);margin-bottom:10px}.scanner-box{width:100%;max-width:400px;aspect-ratio:1 / 1;border-radius:20px;overflow:hidden;box-shadow:0 10px 25px #0f2a1c2e;border:2px solid var(--qt-border);background:#fff}.scanner-error{margin-top:20px;background:#fff;border:1px solid #ffd5d5;padding:15px;border-radius:12px;text-align:center;color:#8a1f1f;max-width:400px}.scanner-error button{margin-top:10px;background:var(--qt-green);color:#fff;border:1px solid var(--qt-green-dark);padding:5px 15px;border-radius:5px;cursor:pointer}.scanner-footer{margin-top:30px;color:#0f2a1cb8;font-size:.9rem}.language-selector{margin:0;padding:12px 16px;background:#ffffffeb;border-top:1px solid var(--qt-border)}.language-selector select{padding:5px 10px;border-radius:4px;border:1px solid var(--qt-border);background:#fff;color:var(--qt-text)}.quiz-container{display:flex;justify-content:center;align-items:center;padding:24px 14px;min-height:100vh}.quiz-card{background:#ffffffeb;border:1px solid var(--qt-border);border-radius:16px;padding:20px;max-width:520px;width:100%;text-align:left;color:var(--qt-text)}.question-title{font-size:1.5rem;margin-bottom:1.5rem;color:var(--qt-text)}.answers-grid{display:grid;gap:12px}.answer-button{background:#fff;border:1px solid var(--qt-border);border-radius:8px;padding:12px 16px;font-size:1rem;color:var(--qt-text);cursor:pointer;transition:background .2s;text-align:left}.answer-button:hover:not(:disabled){background:#088c4c14}.answer-button.correct{background:#088c4c29;border-color:var(--qt-green)}.answer-button.incorrect{background:#b423181f;border-color:#b42318}.answer-button:disabled{cursor:default}.result-container{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--qt-border)}.result-text{font-weight:700;font-size:1.1rem;margin-bottom:1rem}.result-text.success{color:var(--qt-green)}.result-text.failure{color:#b42318}.explanation{background:#ffffffe6;border:1px solid var(--qt-border);padding:1rem;border-radius:6px;font-size:.9rem;margin-bottom:1rem}.reset-button{background:var(--qt-green);color:#fff;border:1px solid var(--qt-green-dark);border-radius:6px;padding:8px 16px;cursor:pointer}@media(max-width:420px){.quiz-card{padding:16px;border-radius:14px}}.media-container{margin-bottom:1.5rem;width:100%;display:flex;justify-content:center}.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{margin-top:1rem;font-size:.9rem;color:#666}.source-link{color:var(--primary-color, #2563eb);text-decoration:underline}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;gap:1rem}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:var(--qt-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}