@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:#f5f1e8;display:flex;justify-content:center;align-items:flex-start;padding:1rem}#root{width:100%;max-width:480px}@media(max-width:767px){body{padding:.75rem 1rem}}@media(min-width:768px){body{padding:2rem;align-items:center}#root{max-width:520px}}.quiz-container{width:100%}.sticky-timer-bar{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000014;z-index:1000;transform:translateY(-100%);transition:transform .3s ease}.sticky-timer-bar.visible{transform:translateY(0)}.sticky-timer-content{display:flex;align-items:center;justify-content:center;padding:12px 20px;max-width:520px;margin:0 auto}.quiz-card-wrapper{position:relative;border-radius:32px;padding:4px;--progress-color: #52c41a;background:linear-gradient(90deg,var(--progress-color) 0%,var(--progress-color) 100%) left/var(--progress-width, 100%) 100% no-repeat,#e8e3d8;animation:progressDecrease var(--timer-duration) linear forwards}.quiz-card-wrapper.low-time{--progress-color: #ff4d4f}@keyframes progressDecrease{0%{--progress-width: 100%;background-size:100% 100%}to{--progress-width: 0%;background-size:0% 100%}}.quiz-card{background:#fff;border-radius:28px;padding:40px 32px;box-shadow:0 4px 20px #0000000f;display:flex;flex-direction:column;align-items:center;gap:24px}.timer-badge{background:#f0ede6;padding:8px 20px;border-radius:20px;display:flex;align-items:center;justify-content:center}.category-tag{font-size:12px;font-weight:600;color:#8b7355;letter-spacing:.5px;text-transform:uppercase}.question-title{font-size:28px!important;font-weight:600!important;text-align:center;color:#1a1a1a;line-height:1.3!important;margin:0!important}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin:8px 0}.option-container{position:relative}.option-button{width:100%;padding:18px 16px;border:2px solid #E8E3D8;border-radius:24px;background:#fff;font-size:16px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.option-button:hover:not(.disabled){border-color:#d4c5b0;background:#fdfcfa}.option-button.selected{background:#f9e9b8;border-color:#f9e9b8;color:#1a1a1a}.option-button.correct{background:#d4f4dd!important;border-color:#52c41a!important;color:#1a1a1a}.option-button.incorrect{background:#ffe4e6!important;border-color:#ff4d4f!important;color:#1a1a1a}.option-button.disabled{cursor:not-allowed;opacity:.6}.option-button .result-icon{position:absolute;right:12px;font-size:18px;font-weight:700}.option-button .result-icon.correct{color:#52c41a}.option-button .result-icon.incorrect{color:#ff4d4f}.quick-submit{position:absolute;top:-8px;right:-8px;background:#1677ff!important;border:none!important;border-radius:12px!important;font-size:12px!important;font-weight:600!important;padding:4px 12px!important;height:auto!important;box-shadow:0 2px 8px #1677ff4d;z-index:10;animation:popIn .3s ease}.quick-submit:hover{transform:scale(1.05)}.next-question-button{width:100%;height:56px!important;background:#1a1a1a!important;border:none!important;border-radius:28px!important;font-size:18px!important;font-weight:600!important;margin-top:8px;transition:all .2s ease!important;animation:slideUp .3s ease}.next-question-button:hover{background:#2a2a2a!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.helper-text{text-align:center;margin:0!important;font-size:14px;color:#8b7355}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.quiz-card-wrapper{border-radius:28px;padding:3px}.quiz-card{padding:32px 24px;border-radius:25px}.question-title{font-size:24px!important}.options-grid{gap:10px}.option-button{padding:16px 12px;font-size:15px;border-radius:20px}.next-question-button{height:52px!important;font-size:16px!important}}@media(max-width:380px){.quiz-card-wrapper{border-radius:24px}.quiz-card{padding:28px 20px;border-radius:21px}.question-title{font-size:22px!important}.option-button{padding:14px 10px;font-size:14px}.options-grid{grid-template-columns:1fr}}