:root{--ucat-ink:#0f172a;--ucat-muted:#475569;--ucat-border:#0f172a1f;--ucat-surface:#fff;--ucat-selected:#0f766e;--ucat-selected-dark:#115e59;--ucat-selected-bg:#ccfbf1}.ucat-page{max-width:900px;margin:3rem auto;padding:2rem 1.5rem 7rem}.ucat-page-title{color:var(--ucat-ink);margin-bottom:1.5rem;font-size:1.8rem;font-weight:700}.ucat-sections-select{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.sectionsSelect{appearance:none;border:2px solid var(--ucat-border);background:var(--ucat-surface);color:var(--ucat-ink);cursor:pointer;border-radius:14px;padding:1.1rem 1.4rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s;box-shadow:0 12px 24px #0f172a14}.sectionsSelect:hover{border-color:#0f766e59;transform:translateY(-2px)}.sectionsSelect.selected{background:var(--ucat-selected-bg);border-color:var(--ucat-selected);color:var(--ucat-selected-dark);box-shadow:0 16px 30px #0f766e38}.sectionsSelect:focus-visible{outline-offset:3px;outline:3px solid #0f766e59}.practice-modes{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.practice-mode-button{appearance:none;border:2px solid var(--ucat-border);color:var(--ucat-ink);cursor:pointer;background:#f8fafc;border-radius:12px;padding:.9rem 1.5rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s;box-shadow:0 10px 20px #0f172a14}.practice-mode-button.selected{background:var(--ucat-selected-bg);border-color:var(--ucat-selected);color:var(--ucat-selected-dark)}.timer-settings{background:#f8fafc;border:1px solid #0f172a1a;border-radius:16px;max-width:520px;padding:1.5rem;box-shadow:0 14px 28px #0f172a14}.timer-settings-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ucat-muted);margin-bottom:1rem;font-size:.95rem}.timer-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.timer-option{appearance:none;border:2px solid var(--ucat-border);color:var(--ucat-ink);cursor:pointer;background:#fff;border-radius:999px;padding:.7rem 1rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s}.timer-option.selected{background:var(--ucat-selected-bg);border-color:var(--ucat-selected);color:var(--ucat-selected-dark);box-shadow:0 12px 24px #0f766e2e}.timer-custom{text-transform:uppercase;letter-spacing:.08em;color:var(--ucat-muted);flex-direction:column;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.timer-custom input{color:var(--ucat-ink);background:#fff;border:1px solid #0f172a2e;border-radius:12px;padding:.7rem .9rem;font-weight:600}.timer-start{appearance:none;color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f766e,#14b8a6);border:none;border-radius:999px;padding:.8rem 1.8rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 12px 22px #14b8a640}.timer-start:disabled{opacity:1;cursor:not-allowed;box-shadow:none;color:#64748b;background:#e2e8f0}.question-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.question-option{appearance:none;border:2px solid var(--ucat-border);color:var(--ucat-ink);cursor:pointer;background:#fff;border-radius:999px;padding:.75rem 1rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s}.question-option.selected{background:var(--ucat-selected-bg);border-color:var(--ucat-selected);color:var(--ucat-selected-dark);box-shadow:0 12px 24px #0f766e2e}.question-custom{text-transform:uppercase;letter-spacing:.08em;color:var(--ucat-muted);flex-direction:column;gap:.5rem;margin-bottom:2rem;font-size:.85rem;display:flex}.question-custom input{color:var(--ucat-ink);background:#fff;border:1px solid #0f172a2e;border-radius:12px;padding:.7rem .9rem;font-weight:600}.start-inline{justify-content:center;margin-top:1.5rem;display:flex}.quiz-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.quiz-progress{color:var(--ucat-ink);font-weight:600}.quiz-timer{color:var(--ucat-selected-dark);background:#ccfbf1;border-radius:999px;padding:.4rem .9rem;font-size:1.1rem;font-weight:700}.quiz-card{background:#fff;border:1px solid #0f172a1a;border-radius:18px;padding:2rem;box-shadow:0 16px 30px #0f172a14}.quiz-question{color:var(--ucat-ink);margin-bottom:1.5rem;font-size:1.15rem;font-weight:600}.quiz-options{gap:.75rem;margin-bottom:1.75rem;display:grid}.quiz-option{appearance:none;border:2px solid var(--ucat-border);color:var(--ucat-ink);cursor:pointer;text-align:left;background:#f8fafc;border-radius:14px;padding:.9rem 1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s}.quiz-option.selected{background:var(--ucat-selected-bg);border-color:var(--ucat-selected);color:var(--ucat-selected-dark);box-shadow:0 12px 24px #0f766e2e}.quiz-next{appearance:none;color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:999px;padding:.85rem 1.8rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 24px #0f172a40}.quiz-next:hover{transform:translateY(-2px)}.summary-card{background:#fff;border:1px solid #0f172a1a;border-radius:18px;padding:2rem;box-shadow:0 16px 30px #0f172a14}.summary-title{color:var(--ucat-ink);margin-bottom:.5rem;font-size:1.6rem;font-weight:700}.summary-score{color:var(--ucat-muted);margin-bottom:1.5rem;font-size:1.1rem}.summary-list{gap:.6rem;margin-bottom:1.75rem;display:grid}.summary-item{border:1px solid #0000;border-radius:12px;padding:.75rem 1rem;font-weight:600}.summary-item.correct{color:#166534;background:#dcfce7;border-color:#16653433}.summary-item.incorrect{color:#b91c1c;background:#fee2e2;border-color:#b91c1c33}@media (max-width:900px){.ucat-page{margin:2.5rem 1.5rem;padding:1.75rem 0 6rem}}@media (max-width:720px){.ucat-page{margin:2rem 1.25rem;padding:1.5rem 0 5rem}.ucat-page-title{font-size:clamp(1.6rem,6vw,1.9rem)}.ucat-sections-select{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.timer-settings{max-width:100%}.quiz-header{flex-direction:column;align-items:flex-start}.quiz-card,.summary-card{padding:1.5rem}.quiz-next{width:100%}.start-inline{justify-content:stretch}.timer-start{width:100%}}@media (max-width:520px){.ucat-page{margin:1.75rem 1rem}.sectionsSelect,.practice-mode-button,.timer-option,.question-option{width:100%}.timer-options,.question-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.quiz-timer{align-self:flex-start}}