*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f6fb;color:#1f2937}.app{max-width:1100px;margin:0 auto;padding:24px}.start-screen{display:grid;gap:22px}.intro-panel,.ranking-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(0,0,0,.08)}.intro-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:end}.intro-panel h1{margin:0 0 8px;color:#0f2d5c;font-size:30px}.intro-panel p{margin:0;color:#546179;line-height:1.4}.start-form label{display:block;font-weight:800;color:#0f2d5c;margin-bottom:8px}.start-row{display:flex;gap:10px}.start-row input{width:100%;border:2px solid #d7deea;border-radius:12px;padding:13px 14px;font-size:16px}.start-row input:focus{outline:0;border-color:#0f2d5c}.start-row button,.ranking-head button{border:0;border-radius:12px;padding:13px 18px;font-weight:700;cursor:pointer;background:#0f2d5c;color:#fff;white-space:nowrap}.start-row button:disabled{opacity:.55;cursor:not-allowed}.form-error{margin:10px 0 0;color:#991b1b;font-weight:700}.ranking-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.ranking-head h2{margin:0;color:#0f2d5c}.ranking-head button.secondary{background:#e5eaf2;color:#0f2d5c}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5eaf2}th{color:#0f2d5c;font-size:14px;background:#f8fbff}.top{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#0f2d5c;color:#fff;padding:8px 12px;border-radius:10px;box-shadow:0 4px 14px rgba(15,45,92,.14)}.top h1{margin:0;font-size:18px}.top p{display:none}.top small{display:block;margin-top:2px;opacity:.9;font-weight:700;font-size:12px}.score-card{background:#fff;color:#0f2d5c;border-radius:10px;padding:6px 10px;text-align:center;min-width:0;display:grid;grid-template-rows:auto auto;grid-auto-flow:column;column-gap:12px;row-gap:0;align-items:center}.score-card span{font-size:20px;font-weight:800}.score-card small{display:block;color:#546179;font-size:10px;line-height:1.1}.score-card strong{display:block;margin-top:0;font-size:14px}.progress-wrap{margin:12px 0}.progress-info{display:flex;justify-content:space-between;margin-bottom:8px}.progress-bar{height:10px;background:#dce5f2;border-radius:999px;overflow:hidden}#progressFill{height:100%;width:1%;background:#f59e0b;transition:.25s}.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 5px 18px rgba(0,0,0,.07)}#questionTitle{margin:0 0 4px;color:#0f2d5c;font-size:20px}#questionText{font-size:18px;line-height:1.35;margin:0 0 14px;white-space:pre-wrap}.options{display:grid;gap:8px}.option{border:2px solid #d7deea;border-radius:10px;padding:10px 12px;cursor:pointer;background:#fff;display:flex;gap:10px;align-items:flex-start;transition:.15s}.option:hover{border-color:#0f2d5c;background:#f8fbff}.option input{margin-top:3px}.option.correct{border-color:#16a34a;background:#ecfdf3}.option.wrong{border-color:#dc2626;background:#fef2f2}.letter{font-weight:800;color:#0f2d5c;min-width:24px}.feedback{margin-top:14px;padding:12px;border-radius:10px;border-left:5px solid #0f2d5c;background:#f8fafc}.feedback.ok{border-left-color:#16a34a;background:#ecfdf3}.feedback.bad{border-left-color:#dc2626;background:#fef2f2}.feedback.saving,.feedback.confirm{border-left-color:#f59e0b;background:#fffbeb}.feedback h3{margin:0 0 6px;font-size:18px}.feedback ul{padding-left:20px;margin:10px 0 0}.feedback li{margin:5px 0;line-height:1.3}.confirm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.confirm-actions button{border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;background:#0f2d5c;color:#fff}.confirm-actions button.secondary{background:#e5eaf2;color:#0f2d5c}.hidden{display:none}.actions{display:flex;justify-content:space-between;margin-top:16px}.actions button{border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;background:#0f2d5c;color:#fff}.actions button.secondary{background:#e5eaf2;color:#0f2d5c}.actions button:disabled{opacity:.45;cursor:not-allowed}.navigator{background:#fff;border-radius:12px;margin-top:14px;padding:16px;box-shadow:0 5px 18px rgba(0,0,0,.05)}.navigator h3{margin-top:0;color:#0f2d5c}.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px}.qbtn{height:36px;border:1px solid #ccd6e3;border-radius:8px;background:#fff;cursor:pointer;font-weight:700}.qbtn.current{background:#0f2d5c;color:#fff}.qbtn.done.correct{background:#dcfce7;border-color:#16a34a;color:#166534}.qbtn.done.wrong{background:#fee2e2;border-color:#dc2626;color:#991b1b}@media(max-width:700px){.intro-panel{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.top{flex-direction:row;flex-wrap:wrap;align-items:center}.start-row{flex-direction:column}.score-card{width:auto}.app{padding:12px}.card{padding:16px}.question-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}}
.exam-picker{border:0;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.exam-picker legend{font-weight:800;color:#0f2d5c;margin-bottom:10px}.exam-picker label{border:2px solid #d7deea;border-radius:10px;background:#fff;padding:10px 12px;display:flex;gap:10px;align-items:flex-start;cursor:pointer}.exam-picker label:has(input:checked){border-color:#0f2d5c;background:#f8fbff}.exam-picker input{margin-top:3px}.exam-picker strong{display:block;color:#0f2d5c}.exam-picker small{display:block;color:#546179;line-height:1.25;margin-top:2px}@media(max-width:700px){.exam-picker{grid-template-columns:1fr}}