body{margin:0}#root{max-width:100%;margin:0 auto}:root{--parchment:#f5ece0;--parchment-light:#faf5ed;--parchment-dark:#e8d9c5;--brown-dark:#3a2a12;--brown-medium:#5a3e1a;--brown-light:#8a6e4a;--brown-muted:#c4a97a;--orange:#d4864a;--orange-dark:#b8703a;--green:#5a9e5a;--green-light:#d4edda;--green-dark:#2d5a2d;--red:#c9534a;--red-light:#f8d7da;--red-dark:#8a3a1a;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Source Sans 3", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--parchment);color:var(--brown-dark);font-family:var(--font-sans);min-height:100vh}.app{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.app-bg{background:radial-gradient(ellipse at 20% 80%, #5a9e5a0f, transparent 50%), radial-gradient(ellipse at 80% 20%, #d4864a14, transparent 50%), var(--parchment);z-index:-1;position:fixed;inset:0}.quiz-card{background:var(--parchment-light);border:2px solid var(--parchment-dark);border-radius:20px;width:100%;max-width:700px;padding:32px;box-shadow:0 4px 24px #3a2a1214,0 1px 4px #3a2a120a}.start-screen{text-align:center}.start-screen .emoji-row{letter-spacing:8px;margin-bottom:8px;font-size:48px}.start-screen h1{font-family:var(--font-serif);color:var(--brown-dark);margin-bottom:4px;font-size:42px;font-weight:700}.start-screen .subtitle{font-family:var(--font-serif);color:var(--brown-light);margin-bottom:28px;font-size:18px;font-style:italic}.start-screen .description{color:var(--brown-medium);max-width:480px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:15px;line-height:1.6}.btn-primary{background:var(--orange);color:#fff;font-size:17px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:28px;padding:14px 40px;transition:all .2s;display:inline-block;box-shadow:0 3px 12px #d4864a4d}.btn-primary:hover{background:var(--orange-dark);transform:translateY(-1px);box-shadow:0 5px 16px #d4864a66}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--brown-light);border:2px solid var(--brown-muted);font-size:15px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:28px;padding:12px 32px;transition:all .2s;display:inline-block}.btn-secondary:hover{border-color:var(--brown-light);color:var(--brown-medium)}.btn-link{color:var(--brown-light);font-size:13px;font-family:var(--font-sans);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:16px;padding:8px 16px;text-decoration:underline;display:inline-block}.btn-link:hover{color:var(--brown-medium)}.category-grid{text-align:left;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.category-btn{background:var(--parchment);border:2px solid var(--parchment-dark);cursor:pointer;font-family:var(--font-sans);border-radius:14px;align-items:center;gap:10px;padding:14px 16px;transition:all .2s;display:flex}.category-btn:hover{border-color:var(--orange);background:#faf3e8;transform:translateY(-1px);box-shadow:0 3px 10px #d4864a26}.category-btn.category-all{background:var(--orange);border-color:var(--orange);color:#fff;grid-column:1/-1;justify-content:center;padding:16px}.category-btn.category-all:hover{background:var(--orange-dark);border-color:var(--orange-dark);color:#fff}.category-btn.category-all .category-icon{font-size:22px}.category-btn.category-all .category-name{color:#fff;font-size:17px;font-weight:700}.category-btn.category-all .category-count{color:#fffc;font-size:13px}.category-icon{flex-shrink:0;font-size:20px}.category-name{color:var(--brown-dark);flex:1;font-size:14px;font-weight:600}.category-count{color:var(--brown-light);flex-shrink:0;font-size:12px}@media (width<=600px){.category-grid{grid-template-columns:1fr}}.question-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.question-counter{font-family:var(--font-serif);color:var(--brown-medium);font-size:14px;font-weight:700}.question-category{color:var(--brown-light);font-size:13px}.progress-bar{background:var(--parchment-dark);border-radius:2px;width:100%;height:4px;margin-bottom:24px;overflow:hidden}.progress-bar-fill{background:var(--orange);border-radius:2px;height:100%;transition:width .4s}.question-text{font-family:var(--font-serif);color:var(--brown-dark);margin-bottom:24px;font-size:22px;line-height:1.4}.options-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.option-btn{background:var(--parchment);border:2px solid var(--brown-muted);font-size:15px;font-family:var(--font-sans);color:var(--brown-medium);cursor:pointer;text-align:left;border-radius:14px;align-items:flex-start;gap:10px;padding:14px 16px;line-height:1.4;transition:all .2s;display:flex}.option-btn:hover:not(.disabled){border-color:var(--orange);background:#faf3e8;transform:translateY(-1px)}.option-btn.disabled{cursor:default}.option-btn .option-letter{color:var(--brown-light);flex-shrink:0;min-width:20px;font-size:14px;font-weight:700}.option-btn.correct{background:var(--green-light);border-color:var(--green);color:var(--green-dark)}.option-btn.correct .option-letter{color:var(--green-dark)}.option-btn.wrong{background:var(--red-light);border-color:var(--red);color:var(--red-dark)}.option-btn.wrong .option-letter{color:var(--red-dark)}.option-btn.faded{opacity:.4}.option-result-icon{flex-shrink:0;margin-left:auto;font-size:18px}.source-card{border-left:3px solid var(--orange);background:#faf3e8;border-radius:0 12px 12px 0;margin-bottom:20px;padding:14px 16px;animation:.3s slideUp}.source-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--orange);margin-bottom:6px;font-size:11px;font-weight:700}.source-text{color:var(--brown-medium);font-size:14px;font-style:italic;line-height:1.6}.next-btn-row{text-align:right}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.3s fadeIn}.results-screen{text-align:center}.results-screen .score-emoji{margin-bottom:12px;font-size:56px}.results-screen h2{font-family:var(--font-serif);color:var(--brown-dark);margin-bottom:8px;font-size:28px}.results-screen .score-text{color:var(--brown-medium);margin-bottom:8px;font-size:20px}.results-screen .score-bar{background:var(--parchment-dark);border-radius:6px;width:100%;height:12px;margin:16px 0 24px;overflow:hidden}.results-screen .score-bar-fill{border-radius:6px;height:100%;transition:width .8s}.results-screen .score-bar-fill.great{background:var(--green)}.results-screen .score-bar-fill.ok{background:var(--orange)}.results-screen .score-bar-fill.low{background:var(--red)}.results-screen .wrong-summary{text-align:left;margin:24px 0}.results-screen .wrong-summary h3{font-family:var(--font-serif);color:var(--brown-medium);margin-bottom:12px;font-size:16px}.wrong-item{background:var(--parchment);border:1px solid var(--parchment-dark);color:var(--brown-medium);border-radius:10px;margin-bottom:8px;padding:12px 14px;font-size:14px;line-height:1.4}.wrong-item .wrong-q{color:var(--brown-dark);margin-bottom:4px;font-weight:600}.wrong-item .wrong-a{color:var(--green-dark);font-size:13px}.btn-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.done-screen{text-align:center}.done-screen .done-emoji{margin-bottom:16px;font-size:64px}.done-screen h2{font-family:var(--font-serif);color:var(--brown-dark);margin-bottom:8px;font-size:32px}.done-screen p{color:var(--brown-medium);margin-bottom:24px;font-size:16px;line-height:1.6}@media (width<=600px){.quiz-card{border-radius:16px;padding:20px}.options-grid{grid-template-columns:1fr}.question-text{font-size:18px}.start-screen h1{font-size:32px}.btn-row{flex-direction:column;align-items:center}}