/* fp-quiz: all classes prefixed fpq-. Theme variables with fallbacks. */
.fpq{
  --fpq-g:var(--fp-green,var(--g,#0b7a3e));--fpq-gd:var(--fp-green-dark,var(--gd,#075a2c));--fpq-gt:var(--fp-green-tint,var(--gt,#e8f5ec));
  --fpq-r:var(--fp-red,var(--r,#c9262e));--fpq-rd:var(--fp-red-dark,var(--rd,#9c1a21));--fpq-rt:var(--fp-red-tint,var(--rt,#fdecec));
  --fpq-ink:var(--fp-ink,var(--ink,#0f1f17));--fpq-mute:var(--fp-mute,var(--mute,#4a5a52));--fpq-line:var(--fp-line,var(--line,#e1e8e3));--fpq-bg:var(--fp-bg,var(--bg,#f3f6f4));
  --fpq-sh:0 1px 2px #0f1f1714,0 6px 18px -8px #0f1f1730;
  --fpq-sans:var(--fp-font,var(--sans,"FP Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif));
  --fpq-mono:var(--mono,ui-monospace,Menlo,Consolas,monospace);
  font-family:var(--fpq-sans);color:var(--fpq-ink);margin-top:18px;max-width:820px;box-sizing:border-box}
.fpq *,.fpq *::before,.fpq *::after{box-sizing:border-box}
.fpq-head{display:flex;justify-content:space-between;font:700 14px var(--fpq-sans);color:var(--fpq-mute);margin-bottom:10px}
.fpq-prog{display:flex;gap:6px;margin-bottom:24px}
.fpq-prog i{flex:1;height:8px;border-radius:99px;background:#d6dfd9;display:block}
.fpq-prog i.cur{background:#7fc29b}.fpq-prog i.ok{background:var(--fpq-g)}.fpq-prog i.bad{background:var(--fpq-r)}
.fpq-text{font:800 clamp(23px,4.4vw,30px)/1.2 var(--fpq-sans);margin:0 0 18px;outline:none;color:var(--fpq-ink)}
.fpq-opts{display:grid;gap:10px}
.fpq-opt{display:flex;gap:14px;align-items:center;text-align:left;width:100%;font:600 17px/1.35 var(--fpq-sans);color:var(--fpq-ink);background:#fff;border:2px solid var(--fpq-line);border-radius:16px;padding:14px;cursor:pointer;box-shadow:var(--fpq-sh)}
.fpq-opt b{flex:none;width:34px;height:34px;border-radius:10px;background:var(--fpq-bg);color:var(--fpq-mute);font:700 15px/34px var(--fpq-sans);text-align:center}
.fpq-opt span{flex:1}
.fpq-opt:hover:not(:disabled){border-color:var(--fpq-g)}.fpq-opt:disabled{cursor:default;box-shadow:none}
.fpq-opt:focus-visible,.fpq-btn:focus-visible{outline:3px solid var(--fpq-g);outline-offset:2px}
.fpq-opt.ok{border-color:var(--fpq-g);background:var(--fpq-gt)}.fpq-opt.ok b{background:var(--fpq-g);color:#fff}
.fpq-opt.bad{border-color:var(--fpq-r);background:var(--fpq-rt)}.fpq-opt.bad b{background:var(--fpq-r);color:#fff}
.fpq-opt:disabled:not(.ok):not(.bad){opacity:.6}
.fpq-flag{font:700 12px var(--fpq-sans);font-style:normal;white-space:nowrap}.fpq-opt.ok .fpq-flag{color:var(--fpq-gd)}.fpq-opt.bad .fpq-flag{color:var(--fpq-rd)}
.fpq-exp{margin-top:14px;padding:16px 20px;border-radius:16px;background:#fff;border:2px solid var(--fpq-line)}
.fpq-exp.right{background:var(--fpq-gt);border-color:#9fd2b3}.fpq-exp.wrong{background:var(--fpq-rt);border-color:#eba6a9}
.fpq-exp p{margin:6px 0 0}.fpq-exp small{display:block;margin-top:8px;font:500 13px var(--fpq-mono);color:var(--fpq-mute)}
.fpq-link{display:inline-block;margin-top:8px;font-weight:700;color:var(--fpq-gd)}
.fpq-nav{margin-top:16px}.fpq-nav .fpq-btn{width:100%;text-align:center;padding:17px}
.fpq-btn{display:inline-block;font:700 16px var(--fpq-sans);background:var(--fpq-g);color:#fff;border:2px solid var(--fpq-g);border-radius:14px;padding:13px 22px;cursor:pointer;text-decoration:none}
.fpq-btn:hover{background:var(--fpq-gd);border-color:var(--fpq-gd)}
.fpq-btn-ghost{background:transparent;color:var(--fpq-gd)}.fpq-btn-ghost:hover{background:var(--fpq-gt);color:var(--fpq-gd)}
.fpq-btn-white{background:#fff;color:var(--fpq-gd);border-color:#fff}.fpq-btn-white:hover{background:var(--fpq-gt);color:var(--fpq-gd);border-color:var(--fpq-gt)}
.fpq-res{text-align:center;background:#fff;border-radius:24px;padding:28px 20px;box-shadow:var(--fpq-sh);border:1px solid var(--fpq-line)}
.fpq-big{width:170px;height:170px;border-radius:50%;margin:0 auto 14px;display:grid;place-content:center;font:800 56px/1 var(--fpq-sans);letter-spacing:-.04em;color:var(--fpq-ink);outline:none;background:radial-gradient(#fff 61%,transparent 62%),conic-gradient(var(--fpq-g) calc(var(--pct,0)*1%),#d6dfd9 0)}
.fpq-big span{color:var(--fpq-mute);font-size:.45em;display:inline}
.fpq-res h3{font:800 26px/1.2 var(--fpq-sans);margin:0 0 12px}
.fpq-share{width:100%;font:16px/1.5 var(--fpq-sans);padding:14px;border-radius:14px;border:2px solid var(--fpq-line);background:var(--fpq-bg);color:var(--fpq-ink);resize:none}
.fpq-res .fpq-nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.fpq-res .fpq-nav .fpq-btn{width:auto}
.fpq-copied{min-height:1.4em;color:var(--fpq-gd);font-weight:700;margin:8px 0 0}
.fpq-loading{color:var(--fpq-mute)}
/* Home card */
.fpq-card{background:var(--fpq-g);color:#fff;border-radius:24px;padding:26px;box-shadow:var(--fpq-sh)}
.fpq-card-title{color:#fff;font:800 26px/1.2 var(--fpq-sans);margin:0 0 8px}
.fpq-card p{margin:0 0 10px}.fpq-card .fpq-prog i{background:#ffffff55}
.fpq-card-day,.fpq-card-local{font:500 13px var(--fpq-mono)}
@media (prefers-reduced-motion:no-preference){.fpq-opt,.fpq-btn{transition:border-color .15s,background .15s}}