:root{--bg: #fbfbfa;--fg: #1c1b19;--muted: #6b6862;--border: #ddd9d2;--accent: #2b6cb0;--correct: #2f855a;--wrong: #c53030;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #1a1917;--fg: #ececea;--muted: #a09c94;--border: #3a3833;--accent: #63a4e0;--correct: #68d391;--wrong: #fc8181}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}#app{max-width:46rem;margin:0 auto;padding:2rem 1.25rem 4rem}h1{font-size:1.6rem;margin:0 0 .25rem}h2{font-size:1.05rem;margin:0 0 .25rem}.progress,.quiz-meta,.hint,.quiz-description{color:var(--muted);font-size:.9rem}.quiz-header{margin-bottom:1.5rem}.quiz-list{list-style:none;margin:0 0 2.5rem;padding:0}.quiz-list li{margin-bottom:.75rem}.quiz-choice{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;width:100%;padding:.85rem 1rem;border:1px solid var(--border);border-radius:.5rem;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.quiz-choice:hover{border-color:var(--accent)}.quiz-title{font-weight:600}.question-text{font-size:1.1rem;margin:0 0 1rem}.quiz-code{overflow-x:auto;padding:.85rem 1rem;border:1px solid var(--border);border-radius:.5rem;background:color-mix(in srgb,var(--fg) 5%,transparent);font:.9rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.quiz-image{display:block;max-width:100%;height:auto;margin:1rem 0;border-radius:.4rem}.answers{display:flex;flex-direction:column;gap:.5rem;margin:1.25rem 0}.option{display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:.5rem;cursor:pointer}.option:hover{border-color:var(--accent)}.option.correct{border-color:var(--correct);color:var(--correct)}.option.wrong{border-color:var(--wrong);color:var(--wrong)}.text-answer{padding:.65rem .85rem;border:1px solid var(--border);border-radius:.5rem;background:transparent;color:inherit;font:inherit}.verdict{font-weight:600;margin:0}.verdict.correct{color:var(--correct)}.verdict.wrong{color:var(--wrong)}.explanation{margin:.35rem 0 0;color:var(--muted)}.actions{display:flex;gap:.75rem;margin-top:1.5rem}.primary{padding:.6rem 1.1rem;border:0;border-radius:.5rem;background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}.primary:disabled{opacity:.55;cursor:default}.upload{border-top:1px solid var(--border);padding-top:1.5rem}.upload input{margin-top:.5rem}.error{margin:1rem 0;padding:.7rem .9rem;border:1px solid var(--wrong);border-radius:.5rem;color:var(--wrong)}.score{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.join-qr{display:block;max-width:100%;height:auto!important;margin:1rem auto}.join-link{width:100%;padding:.7rem;margin:.5rem 0;font:inherit}.group-stats{margin:1.5rem 0;padding:1rem;border:1px solid var(--border);border-radius:.5rem}.stat-row{margin:.8rem 0}.stat-row span,.stat-row progress{display:block;width:100%}.stat-row progress{accent-color:var(--accent)}.actions{flex-wrap:wrap}.hint{overflow-wrap:anywhere}.quiz-list li>.primary{margin-top:.4rem}.upload label{display:block}@media (max-width: 480px){#app{padding:1.25rem .8rem 3rem}.quiz-choice{flex-wrap:wrap;gap:.25rem}}