.uqmp-player{
  --uqmp-primary:#2156a5;
  --uqmp-ink:#14213a;
  --uqmp-muted:#66748a;
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  width:100%;
  max-width:1000px;
  margin:28px auto;
  overflow:hidden;
  border:1px solid #d8e2ef;
  border-color:color-mix(in srgb,var(--uqmp-primary) 16%,#d8e2ef);
  border-radius:28px;
  background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--uqmp-primary) 12%,transparent),transparent 34%),linear-gradient(145deg,#fff 0%,#fbfdff 58%,#f3f7fc 100%);
  box-shadow:0 28px 70px rgba(18,36,68,.13),0 3px 12px rgba(18,36,68,.06),inset 0 1px 0 #fff;
  color:var(--uqmp-ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.55;
}
.uqmp-player::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--uqmp-primary),#6c8cff 52%,#7ed7d0)}
.uqmp-player *{box-sizing:border-box}
.uqmp-player .uqmp-intro,.uqmp-player .uqmp-live{position:relative;z-index:2;padding:clamp(30px,5vw,58px)}
.uqmp-player .uqmp-live:empty{display:none}
.uqmp-orb{position:absolute;z-index:0;border-radius:999px;pointer-events:none;filter:blur(1px)}
.uqmp-orb-one{width:230px;height:230px;right:-98px;top:-96px;background:color-mix(in srgb,var(--uqmp-primary) 10%,transparent)}
.uqmp-orb-two{width:140px;height:140px;left:-76px;bottom:-78px;background:rgba(75,203,190,.1)}

/* Intro */
.uqmp-brand-row{display:flex;align-items:center;gap:12px;min-height:34px;margin-bottom:clamp(36px,6vw,66px)}
.uqmp-brand-mark{display:inline-flex;align-items:flex-end;justify-content:center;gap:3px;width:35px;height:35px;padding:8px;border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--uqmp-primary) 82%,#fff),var(--uqmp-primary));box-shadow:0 6px 14px color-mix(in srgb,var(--uqmp-primary) 24%,transparent)}
.uqmp-brand-mark span{display:block;width:4px;border-radius:4px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.uqmp-brand-mark span:nth-child(1){height:8px}.uqmp-brand-mark span:nth-child(2){height:15px}.uqmp-brand-mark span:nth-child(3){height:11px}
.uqmp-eyebrow{overflow:hidden;max-width:48%;color:var(--uqmp-primary);font-size:12px;font-weight:800;letter-spacing:.14em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.uqmp-quiz-badge{margin-left:auto;padding:7px 12px;border:1px solid #d8e2ef;border-color:color-mix(in srgb,var(--uqmp-primary) 17%,#d8e2ef);border-radius:999px;background:rgba(255,255,255,.76);box-shadow:0 4px 14px rgba(20,33,58,.05);color:#59677e;font-size:12px;font-weight:700}
.uqmp-kicker{display:block;margin-bottom:10px;color:var(--uqmp-primary);font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.uqmp-player h2{max-width:820px;margin:0;color:#101c32;font-size:clamp(31px,5vw,52px);font-weight:830;letter-spacing:-.045em;line-height:1.06;text-wrap:balance}
.uqmp-player .uqmp-hero-copy>p{max-width:760px;margin:20px 0 0;color:#56647b;font-size:clamp(15px,2vw,18px);line-height:1.75}
.uqmp-meta{display:flex;flex-wrap:wrap;gap:10px;margin:31px 0 35px}
.uqmp-meta-item{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 12px 7px 10px;border:1px solid #dce5f1;border-radius:11px;background:rgba(255,255,255,.82);box-shadow:0 5px 15px rgba(18,36,68,.05);color:#536078;font-size:13px;font-weight:700}
.uqmp-meta-item::before{display:grid;width:21px;height:21px;place-items:center;border-radius:7px;background:#edf3fb;background:color-mix(in srgb,var(--uqmp-primary) 10%,#fff);color:var(--uqmp-primary);font-size:12px;font-weight:900}
.uqmp-meta-questions::before{content:"?"}.uqmp-meta-mode::before{content:"◆";font-size:8px}.uqmp-meta-time::before{content:"◷";font-size:16px}
.uqmp-meta-item strong{color:#26344b}
.uqmp-start-row{display:flex;align-items:center;gap:22px}
.uqmp-start-row small{max-width:240px;color:#7a879a;font-size:12px;line-height:1.45}

/* Buttons */
.uqmp-player button{min-height:48px;padding:11px 19px;border:1px solid #b6c5d8;border-radius:13px;background:linear-gradient(180deg,#fff 0%,#edf3f9 100%);box-shadow:0 5px 0 #a4b5ca,0 9px 18px rgba(23,37,59,.14),inset 0 1px 0 #fff;color:#152944;font:inherit;font-weight:750;text-shadow:0 1px 0 #fff;cursor:pointer;transform:translateY(0);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,filter .14s ease}
.uqmp-player button:hover:not(:disabled){border-color:var(--uqmp-primary);box-shadow:0 6px 0 #98abc2,0 12px 22px rgba(23,37,59,.18),inset 0 1px 0 #fff;filter:brightness(1.02);transform:translateY(-1px)}
.uqmp-player button:active:not(:disabled){box-shadow:0 1px 0 #98abc2,0 3px 7px rgba(23,37,59,.16);transform:translateY(4px)}
.uqmp-player button.uqmp-primary{border-color:#153f79;border-color:color-mix(in srgb,var(--uqmp-primary) 76%,#000);background:linear-gradient(180deg,#4479c5 0%,var(--uqmp-primary) 52%,#173f78 100%);background:linear-gradient(180deg,color-mix(in srgb,var(--uqmp-primary) 78%,#fff) 0%,var(--uqmp-primary) 52%,color-mix(in srgb,var(--uqmp-primary) 78%,#000) 100%);box-shadow:0 6px 0 #102f5c,0 11px 22px rgba(33,86,165,.26),inset 0 1px 0 rgba(255,255,255,.4);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.36)}
.uqmp-player button.uqmp-primary:hover:not(:disabled){box-shadow:0 7px 0 #102f5c,0 14px 27px rgba(33,86,165,.32),inset 0 1px 0 rgba(255,255,255,.46)}
.uqmp-player button.uqmp-primary:active:not(:disabled){box-shadow:0 1px 0 #102f5c,0 4px 9px rgba(33,86,165,.24),inset 0 1px 0 rgba(255,255,255,.25)}
.uqmp-player button:disabled{opacity:.5;box-shadow:0 2px 0 #bdc8d6;cursor:not-allowed;filter:saturate(.5);transform:none}
.uqmp-player button:focus-visible,.uqmp-player input:focus-visible,.uqmp-player select:focus-visible,.uqmp-player textarea:focus-visible,.uqmp-player summary:focus-visible{outline:3px solid #f0a53b;outline-offset:3px}
.uqmp-start{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-width:190px;padding-inline:23px!important}
.uqmp-button-arrow{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:rgba(255,255,255,.16);font-size:18px;line-height:1}

/* Quiz */
.uqmp-live{min-height:400px;background:rgba(255,255,255,.46)}
.uqmp-topline{display:flex;align-items:center;justify-content:space-between;gap:14px}
.uqmp-count{display:inline-flex;align-items:center;gap:8px;color:#56657c;font-size:13px;font-weight:800;letter-spacing:.02em}
.uqmp-count::before{content:"";width:9px;height:9px;border:3px solid #dbe7f8;border-color:color-mix(in srgb,var(--uqmp-primary) 25%,#fff);border-radius:50%;background:var(--uqmp-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--uqmp-primary) 8%,transparent)}
.uqmp-timer{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #f1d5b3;border-radius:999px;background:#fff8ef;color:#914d06;font-size:12px;font-variant-numeric:tabular-nums;font-weight:800}
.uqmp-timer::before{content:"◷";font-size:16px}
.uqmp-progress{height:9px;margin:17px 0 38px;overflow:hidden;border-radius:99px;background:#e6ecf4;box-shadow:inset 0 1px 3px rgba(20,33,58,.1)}
.uqmp-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--uqmp-primary),#6889f5 70%,#74d2c9);box-shadow:0 1px 4px color-mix(in srgb,var(--uqmp-primary) 25%,transparent);transition:width .3s ease}
.uqmp-question-kind{display:inline-flex;margin-bottom:11px;padding:5px 9px;border-radius:7px;background:#edf3fb;background:color-mix(in srgb,var(--uqmp-primary) 8%,#fff);color:var(--uqmp-primary);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.uqmp-question-heading{display:flex;align-items:flex-start;gap:13px;max-width:820px;margin:0 0 25px!important;color:#101c32;font-size:clamp(23px,3.4vw,31px)!important;font-weight:800!important;letter-spacing:-.025em;line-height:1.3!important;text-wrap:balance}
.uqmp-question-index{display:grid;flex:0 0 38px;height:38px;margin-top:1px;place-items:center;border-radius:12px;background:var(--uqmp-primary);box-shadow:0 6px 14px color-mix(in srgb,var(--uqmp-primary) 22%,transparent);color:#fff;font-size:14px;font-variant-numeric:tabular-nums;font-weight:850;letter-spacing:0}
.uqmp-question-text{min-width:0;padding-top:2px}.uqmp-question-text p{margin:0}
.uqmp-options{display:grid;gap:13px;margin:22px 0 36px}
.uqmp-option{display:flex;align-items:center;gap:14px;min-height:64px;padding:13px 16px;border:1px solid #d7e0ec;border-radius:15px;background:rgba(255,255,255,.84);box-shadow:0 4px 13px rgba(18,36,68,.045);color:#26344b;font-weight:620;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}
.uqmp-option:hover{border-color:var(--uqmp-primary);border-color:color-mix(in srgb,var(--uqmp-primary) 45%,#d7e0ec);background:#fff;box-shadow:0 8px 20px rgba(18,36,68,.09);transform:translateY(-1px)}
.uqmp-option:has(input:checked){border-color:var(--uqmp-primary);background:#eff5fc;background:color-mix(in srgb,var(--uqmp-primary) 7%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--uqmp-primary) 10%,transparent),0 8px 20px rgba(18,36,68,.08)}
.uqmp-option input{appearance:none;display:grid;flex:0 0 24px;width:24px;height:24px;margin:0;place-content:center;border:2px solid #adbacb;background:#fff;cursor:pointer}
.uqmp-option input[type=radio]{border-radius:50%}.uqmp-option input[type=checkbox]{border-radius:7px}
.uqmp-option input::before{content:"";width:10px;height:10px;transform:scale(0);transition:transform .12s ease;background:var(--uqmp-primary)}
.uqmp-option input[type=radio]::before{border-radius:50%;box-shadow:inset 1em 1em var(--uqmp-primary)}
.uqmp-option input[type=checkbox]::before{width:11px;height:6px;border:solid #fff;border-width:0 0 2px 2px;background:transparent;transform:rotate(-45deg) scale(0)}
.uqmp-option input:checked{border-color:var(--uqmp-primary);background:var(--uqmp-primary)}
.uqmp-option input[type=radio]:checked{background:#fff}.uqmp-option input[type=radio]:checked::before{transform:scale(1)}
.uqmp-option input[type=checkbox]:checked::before{transform:rotate(-45deg) scale(1)}
.uqmp-option select{min-width:150px;margin-left:auto;padding:9px 34px 9px 11px;border:1px solid #becadb;border-radius:9px;background:#fff;color:#26344b;font:inherit;font-size:14px}
.uqmp-text-answer{width:100%;min-height:52px;max-width:100%;padding:14px 16px;border:1px solid #b9c7d9;border-radius:13px;background:#fff;box-shadow:inset 0 1px 3px rgba(20,33,58,.06);color:#17233b;font:inherit;transition:border-color .18s ease,box-shadow .18s ease}
textarea.uqmp-text-answer{min-height:150px;resize:vertical}
.uqmp-text-answer:focus{border-color:var(--uqmp-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--uqmp-primary) 10%,transparent)}
.uqmp-hint{margin:18px 0 0;padding:13px 15px;border:1px solid #e6dcb6;border-radius:12px;background:#fffdf4;color:#675b36}
.uqmp-hint summary{font-weight:800;cursor:pointer}.uqmp-hint p{margin:8px 0 0}
.uqmp-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:23px;border-top:1px solid #e5eaf1}
.uqmp-actions .uqmp-next::after{content:" →"}.uqmp-actions .uqmp-back::before{content:"← "}

/* Immediate practice feedback */
.uqmp-options.is-checking{opacity:.76}
.uqmp-player .uqmp-options .uqmp-option.is-correct{border-color:#79bd8d;background:#e8f7ec;color:#205f35;box-shadow:0 0 0 2px rgba(75,158,98,.08);animation:uqmp-answer-pop .28s ease-out}
.uqmp-player .uqmp-options .uqmp-option.is-incorrect{border-color:#d98f8f;background:#fdeaea;color:#8c3030;box-shadow:0 0 0 2px rgba(185,79,79,.06);animation:uqmp-answer-shake .28s ease-out}
.uqmp-live-feedback{margin:2px 0 6px;padding:10px 13px;border-radius:10px;font-weight:750;animation:uqmp-feedback-in .22s ease-out}
.uqmp-live-feedback.is-correct{background:#edf9f0;color:#24673a}.uqmp-live-feedback.is-incorrect{background:#fff0f0;color:#913838}
@keyframes uqmp-answer-pop{0%{transform:scale(.985)}65%{transform:scale(1.008)}100%{transform:scale(1)}}
@keyframes uqmp-answer-shake{0%,100%{transform:translateX(0)}35%{transform:translateX(-3px)}70%{transform:translateX(3px)}}
@keyframes uqmp-feedback-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

/* Loading and errors */
.uqmp-loading{display:grid;min-height:280px;place-items:center;text-align:center}
.uqmp-spinner{width:46px;height:46px;margin:0 auto 18px;border:4px solid #e7edf5;border-color:color-mix(in srgb,var(--uqmp-primary) 14%,#e7edf5);border-top-color:var(--uqmp-primary);border-radius:50%;animation:uqmp-spin .75s linear infinite}
.uqmp-loading p{margin:0;color:#69768a;font-weight:700}
@keyframes uqmp-spin{to{transform:rotate(360deg)}}
.uqmp-error{margin:0 0 20px;padding:12px 15px;border:1px solid #f0c5c5;border-radius:11px;background:#fff2f2;color:#a12727;font-weight:700}

/* Results and answer review */
.uqmp-result-head{text-align:center}
.uqmp-result-icon{display:grid;width:58px;height:58px;margin:0 auto 14px;place-items:center;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--uqmp-primary) 80%,#fff),var(--uqmp-primary));box-shadow:0 10px 23px color-mix(in srgb,var(--uqmp-primary) 22%,transparent);color:#fff;font-size:26px;font-weight:900}
.uqmp-result-head h3{margin:0 auto 18px;color:#101c32;font-size:clamp(25px,4vw,34px);font-weight:820;letter-spacing:-.03em}
.uqmp-result-score{display:grid;width:150px;height:150px;margin:0 auto 18px;place-items:center;border:10px solid #e9eef5;border-top-color:var(--uqmp-primary);border-right-color:#63c2b9;border-radius:50%;background:#fff;box-shadow:0 14px 30px rgba(18,36,68,.1),inset 0 1px 4px rgba(18,36,68,.06);color:var(--uqmp-primary);font-size:38px;font-weight:900;letter-spacing:-.05em;line-height:1}
.uqmp-result-summary{margin:0 auto 35px;color:#637086;text-align:center}
.uqmp-review-list{display:grid;gap:13px;margin:0 0 30px}
.uqmp-review{margin:0;padding:17px 18px;border:1px solid #dce4ee;border-left:5px solid #9aa8ba;border-radius:13px;background:rgba(255,255,255,.86);box-shadow:0 5px 15px rgba(18,36,68,.04)}
.uqmp-review h4{margin:0 0 8px;color:#26344b;font-size:17px;line-height:1.45}.uqmp-review p{margin:6px 0 0;color:#68758a;font-size:14px}
.uqmp-review--correct{border-left-color:#24a46d;background:#f4fbf6}.uqmp-review--incorrect,.uqmp-review--unanswered{border-left-color:#d85b5b;background:#fff7f7}.uqmp-review--partial{border-left-color:#e7a53c;background:#fffbf3}.uqmp-review--pending{border-left-color:#7f6dd8;background:#f8f6ff}
.uqmp-outcome{display:inline-block;color:#506078;text-transform:capitalize}.uqmp-review--correct .uqmp-outcome{color:#246b3b}.uqmp-review--incorrect .uqmp-outcome,.uqmp-review--unanswered .uqmp-outcome{color:#9a3434}
.uqmp-review-options{display:grid;gap:8px;margin:13px 0}.uqmp-review-option{padding:9px 11px;border:1px solid #dce4ee;border-radius:9px;background:rgba(255,255,255,.78)}
.uqmp-review-option.is-selected{border-color:#9eb4d1;background:#f2f6fb}.uqmp-review-option.is-correct{border-color:#9ed2ad;background:#e4f7e9;color:#205d33;font-weight:700}.uqmp-review-option.is-incorrect{border-color:#e2aaaa;background:#fde7e7;color:#8d2d2d;font-weight:700}.uqmp-review-option.is-partial{border-color:#dec68f;background:#fff4d9;color:#72571a;font-weight:700}
.uqmp-correct-answer{padding:8px 10px;border-radius:8px;background:#e4f7e9;color:#205d33!important}.uqmp-given-answer{padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.8)}
.uqmp-retry{display:block;margin:0 auto}

@media(max-width:600px){
  .uqmp-player{width:100%;max-width:100%;margin:10px 0;border-radius:20px}.uqmp-player::before{height:5px}
  .uqmp-player .uqmp-intro,.uqmp-player .uqmp-live{padding:28px 20px}
  .uqmp-brand-row{margin-bottom:34px}.uqmp-quiz-badge{display:none}.uqmp-eyebrow{max-width:calc(100% - 47px)}
  .uqmp-player h2{font-size:32px}.uqmp-player .uqmp-hero-copy>p{font-size:15px}
  .uqmp-meta{margin:24px 0 29px}.uqmp-meta-item{font-size:12px}
  .uqmp-start-row{align-items:stretch;flex-direction:column}.uqmp-start-row small{max-width:none;text-align:center}.uqmp-start{width:100%}
  .uqmp-live{min-height:360px}.uqmp-progress{margin-bottom:30px}
  .uqmp-question-heading{gap:10px;font-size:23px!important}.uqmp-question-index{flex-basis:33px;height:33px;border-radius:10px;font-size:13px}
  .uqmp-options{margin-bottom:28px}.uqmp-option{min-height:58px;padding:12px}.uqmp-option select{min-width:115px}
  .uqmp-actions{align-items:stretch;flex-direction:column-reverse}.uqmp-actions button{width:100%}
  .uqmp-result-score{width:130px;height:130px;font-size:33px}.uqmp-review{padding:15px}
}
@media(prefers-reduced-motion:reduce){.uqmp-player *{scroll-behavior:auto!important}.uqmp-progress span,.uqmp-player button,.uqmp-option,.uqmp-option input::before{transition:none}.uqmp-spinner,.uqmp-live-feedback,.uqmp-player .uqmp-options .uqmp-option{animation:none!important}}
