html,body,#root{margin:0;min-height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(180deg,#f7faff,#ecf2fb)}:root{--bg: #f2f4f8;--panel: #ffffff;--text: #11213a;--muted: #5a6b86;--border: #d6deea;--primary: #0b6cff;--primary-strong: #004ecc;--ok: #188f4a;--bad: #c4372d}*{box-sizing:border-box}.app{max-width:1100px;margin:0 auto;padding:24px 16px 40px;color:var(--text)}.app-header h1{margin:0;font-size:clamp(1.6rem,3vw,2.4rem)}.app-header p{margin:8px 0 0;color:var(--muted)}.app-header a{color:var(--primary)}.toolbar{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.mode-switch{display:inline-flex;background:#e8eef9;border-radius:12px;padding:4px;gap:4px}.mode-switch button{border:0;background:transparent;padding:8px 14px;border-radius:8px;color:var(--text)}.mode-switch button.active{background:var(--panel);box-shadow:0 1px 3px #00000014}button{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer}button:disabled{opacity:1;cursor:not-allowed}.primary{border-color:var(--primary);background:var(--primary);color:#fff}.primary:hover:not(:disabled){background:var(--primary-strong)}.state{margin-top:14px;color:var(--muted)}.state.error{color:var(--bad)}.panel{margin-top:18px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}.panel-head h2{margin:0;font-size:1.2rem}.panel-head input{width:min(380px,100%);padding:10px 12px;border:1px solid var(--border);border-radius:10px;font:inherit}.meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted)}.questions-container{margin-top:14px}.question-group{margin-bottom:12px}.question-group summary{cursor:pointer;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-weight:600}.question-group[open] summary{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.question-group .questions-list{border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;padding:12px;background:var(--panel)}.group-actions{padding:12px 12px 0;border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--panel)}.question-card{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fbfdff}.question-card h3{margin:0 0 10px;font-size:1rem;line-height:1.45}.question-card p{margin:0}.variants-list{margin:0 0 10px;padding-left:20px}.variants-list li{margin-bottom:6px}.variants-list li.correct{color:var(--ok);font-weight:600}.empty-answers{color:var(--bad);margin-bottom:10px!important}.question-media{width:100%;max-width:430px;border-radius:10px;border:1px solid var(--border);margin:0;display:block}.media-button{width:100%;max-width:430px;padding:0;border:0;border-radius:10px;background:transparent;cursor:zoom-in}.media-button:focus-visible{outline:3px solid rgba(11,108,255,.35);outline-offset:3px}.question-body{display:grid;grid-template-columns:minmax(260px,430px) 1fr;gap:12px;align-items:start}.question-answers{min-width:0}.answers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.answer-btn{text-align:left;min-height:50px}.answer-btn.selected{border-color:var(--primary);background:#e7f0ff}.answer-btn.correct{border-color:var(--ok);background:#e8f7ee}.answer-btn.wrong{border-color:var(--bad);background:#fdecec}.actions,.result{margin-top:16px}.result h3{margin:0 0 8px}.result p{margin:4px 0}.result-buttons{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.secondary{border-color:var(--muted);background:var(--panel);color:var(--text)}.secondary:hover:not(:disabled){background:var(--bg)}.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.page-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;font-size:14px;font-weight:600}.page-btn.unanswered{background:var(--muted);color:#fff}.page-btn.correct{background:var(--ok);color:#fff}.page-btn.incorrect{background:var(--bad);color:#fff}.page-btn.current{border:2px solid var(--primary)}.question-single{margin-bottom:16px}.nav-buttons{display:flex;gap:12px;justify-content:center}.media-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#081222d1;cursor:zoom-out}.media-modal-image{max-width:min(1100px,96vw);max-height:88vh;border-radius:12px;background:#fff;box-shadow:0 18px 70px #00000073;cursor:default;object-fit:contain}.media-modal-close{position:fixed;top:18px;right:18px;width:42px;height:42px;padding:0;border-color:#ffffff73;border-radius:50%;background:#ffffff1f;color:#fff;font-weight:700}.media-modal-close:hover{background:#ffffff38}@media(max-width:700px){.toolbar{align-items:stretch}.mode-switch,.toolbar .primary{width:100%}.mode-switch button{flex:1}.question-body{grid-template-columns:1fr}}