:root{--bg:#f7f5f0;--fg:#1c1917;--muted:#78716c;--card:#fff;--border:#e7e5e4;--right:#16a34a;--wrong:#dc2626;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#161412;--fg:#f5f5f4;--muted:#a8a29e;--card:#232120;--border:#3a3633}}*{box-sizing:border-box}body{min-height:100vh;margin:0}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}.app{max-width:520px;margin:0 auto;padding:24px 16px 64px}header{text-align:center;margin-bottom:20px}h1{letter-spacing:-.02em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:2.4rem}.sub{color:var(--muted);margin:4px 0 16px}.tabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tab{background:var(--card);border:2px solid var(--border);border-radius:12px;flex-direction:column;gap:2px;padding:10px;display:flex}.tab span{color:var(--muted);font-size:.8rem}.tab.active{border-color:var(--fg)}.loading,.error{text-align:center;color:var(--muted)}.error{color:var(--wrong)}.progress{justify-content:center;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.progress li{background:var(--border);border-radius:3px;flex:1;max-width:36px;height:6px}.progress li.current{background:var(--muted)}.progress li.right{background:var(--right)}.progress li.wrong{background:var(--wrong)}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}.photo{aspect-ratio:4/5;background:var(--border);border-radius:10px;max-width:300px;margin:0 auto 16px;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.option{border:2px solid var(--party);color:var(--party);background:0 0;border-radius:10px;padding:14px 8px;font-weight:600;transition:transform 80ms,opacity .2s}.options.two .option{padding:18px 8px;font-size:1.1rem}.option:not(:disabled):hover{background:var(--party);color:#fff}.option:not(:disabled):active{transform:scale(.97)}.option:disabled{cursor:default}.option.correct{background:var(--party);color:#fff;outline:3px solid var(--right);outline-offset:2px}.option.incorrect{outline:3px solid var(--wrong);outline-offset:2px;text-decoration:line-through}.option.dim{opacity:.3}.reveal{border-top:1px solid var(--border);text-align:center;margin-top:16px;padding-top:12px;animation:.25s ease-out pop}.verdict{margin:0;font-size:1.2rem;font-weight:700}.reveal.right .verdict{color:var(--right)}.reveal.wrong .verdict{color:var(--wrong)}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}.info h2{margin:4px 0;font-family:Georgia,serif;font-size:1.3rem}.info p{color:var(--muted);margin:0;font-size:.9rem}.pill{color:#fff;border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:600}.next{background:var(--fg);width:100%;color:var(--bg);border:none;border-radius:10px;margin-top:12px;padding:14px;font-weight:700;display:block}.summary{text-align:center}.score{margin:0;font-family:Georgia,serif;font-size:3.5rem}.countdown{color:var(--muted);font-variant-numeric:tabular-nums}.recap{text-align:left;gap:8px;padding:0;list-style:none;display:grid}.recap li{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--right);border-radius:10px;align-items:center;gap:12px;padding:8px;display:flex}.recap li.wrong{border-left-color:var(--wrong)}.recap img{object-fit:cover;border-radius:6px;width:56px;height:70px}.recap .info h2{font-size:1.05rem}.yours{color:var(--wrong);margin:2px 0 0;font-size:.8rem}