/* Stock Market / Diwali Quiz.
   Sizes are fixed in px (not rem/em) so a theme with a tiny root font size cannot shrink the quiz.
   Every rule starts with #sq-root so theme styles for p, label, button, input cannot override it. */

#sq-root{--sq-ink:#1a1a2e;--sq-muted:#4b5563;--sq-brand:#0f766e;--sq-ok:#15803d;--sq-bad:#dc2626;--sq-warn:#b45309;--sq-line:#d1d5db;
  display:block;max-width:940px;margin:24px auto;padding:40px 46px;border:1px solid var(--sq-line);border-radius:18px;background:#fff;color:var(--sq-ink);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:calc(19px*var(--sq-s,1));line-height:1.6;text-align:left;box-sizing:border-box}
#sq-root *{box-sizing:border-box}
#sq-root .sq-size{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin:0 0 14px}
#sq-root .sq-size span{font-size:15px;color:var(--sq-muted)}
#sq-root .sq-size button{margin:0;padding:5px 12px;border:1px solid var(--sq-line);border-radius:8px;background:#fff;color:var(--sq-ink);font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;box-shadow:none}
#sq-root .sq-size button.on{background:var(--sq-brand);border-color:var(--sq-brand);color:#fff}
#sq-root h2{margin:0 0 12px;font-size:calc(36px*var(--sq-s,1));line-height:1.25;font-weight:800;color:var(--sq-ink);letter-spacing:0;text-transform:none}
#sq-root h3{margin:28px 0 10px;font-size:calc(26px*var(--sq-s,1));line-height:1.3;font-weight:700;color:var(--sq-ink)}
#sq-root p{margin:0 0 16px;font-size:calc(19px*var(--sq-s,1));line-height:1.6;color:var(--sq-muted)}
#sq-root label{display:block;margin:16px 0 8px;font-size:calc(18px*var(--sq-s,1));font-weight:700;color:var(--sq-ink)}
#sq-root input[type=text],#sq-root input[type=tel],#sq-root input[type=email]{display:block;width:100%;height:auto;margin:0;padding:15px 18px;border:2px solid #9ca3af;border-radius:12px;background:#fff;color:var(--sq-ink);font-size:calc(20px*var(--sq-s,1));line-height:1.4;box-shadow:none}
#sq-root input:focus{outline:3px solid rgba(15,118,110,.35);outline-offset:0;border-color:var(--sq-brand)}
#sq-root input[type=checkbox]{width:22px;height:22px;margin:4px 0 0;flex:none}
#sq-root .sq-btn{display:inline-block;width:auto;margin:20px 0 0;padding:16px 34px;border:2px solid var(--sq-brand);border-radius:12px;background:var(--sq-brand);color:#fff;font-size:calc(20px*var(--sq-s,1));font-weight:700;line-height:1.2;letter-spacing:0;text-transform:none;text-decoration:none;text-align:center;cursor:pointer;box-shadow:none}
#sq-root .sq-btn:hover:not(:disabled){opacity:.9;color:#fff}
#sq-root .sq-btn:disabled{opacity:.55;cursor:not-allowed}
#sq-root .sq-btn.alt{background:#fff;color:var(--sq-brand)}
#sq-root .sq-btn.alt:hover:not(:disabled){color:var(--sq-brand);background:#f0fdfa}
#sq-root .sq-btn.alt:disabled{opacity:.4}
#sq-root .sq-link{margin:0 0 0 12px;padding:0;border:0;background:none;color:var(--sq-brand);font-size:calc(18px*var(--sq-s,1));text-decoration:underline;cursor:pointer}
#sq-root .sq-err{min-height:26px;margin-top:12px;color:var(--sq-bad);font-size:calc(18px*var(--sq-s,1));font-weight:600}
#sq-root .sq-hint{margin:10px 0 14px;font-size:calc(17px*var(--sq-s,1));color:var(--sq-muted)}

/* festive header */
#sq-root .sq-hero{margin:0 0 22px;padding:28px 24px;border-radius:16px;background:linear-gradient(135deg,#7a0c2e 0%,#c2410c 55%,#f59e0b 100%);color:#fff;text-align:center}
#sq-root .sq-hero h2{margin:8px 0 10px;font-size:calc(40px*var(--sq-s,1));color:#fff}
#sq-root .sq-hero p{margin:0 0 16px;font-size:calc(21px*var(--sq-s,1));color:#fff7ed}
#sq-root .sq-hero small{display:block;margin-top:14px;font-size:calc(16px*var(--sq-s,1));color:#ffedd5}
#sq-root .sq-lamps{font-size:calc(30px*var(--sq-s,1));letter-spacing:.3em}
#sq-root .sq-prize{display:inline-block;padding:10px 24px;border-radius:99px;background:#fff7d6;color:#7a0c2e;font-size:calc(24px*var(--sq-s,1));font-weight:800}
#sq-root .sq-consent{display:flex;gap:12px;align-items:flex-start;margin:20px 0 0;font-size:calc(17px*var(--sq-s,1));font-weight:400;color:var(--sq-muted)}
#sq-root .sq-consent a{color:var(--sq-brand)}

/* test screen */
#sq-root .sq-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;font-size:calc(19px*var(--sq-s,1))}
#sq-root .sq-timer{font-size:calc(30px*var(--sq-s,1));font-weight:800;color:var(--sq-brand);white-space:nowrap}
#sq-root .sq-timer.low{color:var(--sq-bad)}
#sq-root .sq-bar{height:12px;margin:0 0 24px;border-radius:99px;background:var(--sq-line);overflow:hidden}
#sq-root .sq-fill{height:100%;width:100%;background:var(--sq-brand);transition:width 1s linear}
#sq-root .sq-fill.low{background:var(--sq-bad)}
#sq-root .sq-q{margin:0 0 20px;font-size:calc(28px*var(--sq-s,1));line-height:1.4;font-weight:700;color:var(--sq-ink)}
#sq-root .sq-opt{display:block;width:100%;margin:0 0 14px;padding:18px 22px;border:2px solid var(--sq-line);border-radius:12px;background:#fff;color:var(--sq-ink);font-size:calc(21px*var(--sq-s,1));font-weight:500;line-height:1.4;text-align:left;text-transform:none;letter-spacing:0;cursor:pointer;box-shadow:none}
#sq-root .sq-opt:hover:not(:disabled){border-color:var(--sq-brand);background:#f0fdfa;color:var(--sq-ink)}
#sq-root .sq-opt.sel{border-color:var(--sq-brand);background:#ccfbf1;color:var(--sq-ink);font-weight:700}
#sq-root .sq-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 14px}
#sq-root .sq-nav .sq-btn{margin:0;padding:14px 26px}
#sq-root .sq-pal{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:10px;margin:8px 0 18px}
#sq-root .sq-p{padding:12px 0;border:2px solid var(--sq-line);border-radius:10px;background:#f3f4f6;color:var(--sq-ink);font-size:calc(19px*var(--sq-s,1));font-weight:700;cursor:pointer;box-shadow:none}
#sq-root .sq-p.ans{background:#ccfbf1;border-color:var(--sq-brand)}
#sq-root .sq-p.cur{outline:3px solid var(--sq-ink);outline-offset:1px}
#sq-root .sq-submitrow{text-align:right}

/* result */
#sq-root .sq-score{margin:6px 0 4px;font-size:calc(56px*var(--sq-s,1));line-height:1.15;font-weight:800;color:var(--sq-brand)}
#sq-root .sq-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
#sq-root .sq-stat{padding:18px 12px;border:2px solid var(--sq-line);border-radius:14px;text-align:center}
#sq-root .sq-stat b{display:block;font-size:calc(42px*var(--sq-s,1));line-height:1.2}
#sq-root .sq-stat span{font-size:calc(18px*var(--sq-s,1));color:var(--sq-muted)}
#sq-root .sq-stat.ok b{color:var(--sq-ok)} #sq-root .sq-stat.bad b{color:var(--sq-bad)} #sq-root .sq-stat.skip b{color:var(--sq-warn)}
#sq-root .sq-rev{padding:14px 0;border-top:1px solid var(--sq-line);font-size:calc(19px*var(--sq-s,1));color:var(--sq-ink)}
#sq-root .sq-rev .ok{color:var(--sq-ok);font-weight:700} #sq-root .sq-rev .bad{color:var(--sq-bad);font-weight:700}
#sq-root .sq-thanks{margin:0 0 18px;padding:16px 18px;border:2px solid #fdba74;border-radius:12px;background:#fff7ed;color:#7c2d12;font-size:calc(19px*var(--sq-s,1));font-weight:600}
#sq-root .sq-win{margin:0 0 18px;padding:24px;border-radius:16px;background:linear-gradient(135deg,#14532d,#15803d 60%,#facc15);color:#fff;text-align:center}
#sq-root .sq-win h2{margin:8px 0;color:#fff;font-size:calc(38px*var(--sq-s,1))}

/* voucher card */
#sq-root .sq-coupon{margin:0 0 20px;padding:26px 22px;border:3px dashed #d97706;border-radius:18px;background:#fffbeb;text-align:center}
#sq-root .sq-coupon.final{border-color:var(--sq-ok);background:#f0fdf4}
#sq-root .sq-coupon-sub{margin:6px 0;font-size:calc(18px*var(--sq-s,1));line-height:1.5;color:var(--sq-muted)}
#sq-root .sq-coupon-amt{font-size:calc(60px*var(--sq-s,1));line-height:1.1;font-weight:800;color:#b45309}
#sq-root .sq-coupon.final .sq-coupon-amt{color:var(--sq-ok)}
#sq-root .sq-code{display:inline-block;margin:14px 0 8px;padding:14px 24px;border:2px solid #86efac;border-radius:12px;background:#fff;color:var(--sq-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:calc(32px*var(--sq-s,1));font-weight:800;letter-spacing:.08em;word-break:break-all;user-select:all}
#sq-root .sq-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:16px 0 8px}
#sq-root .sq-actions .sq-btn{margin:0}
#sq-root .sq-deliv{margin:14px 0 4px;text-align:center}
#sq-root .sq-deliv p{margin:0 0 8px;font-size:calc(19px*var(--sq-s,1));font-weight:600;color:var(--sq-ink)}
#sq-root .sq-deliv p.bad{color:var(--sq-warn)}
#sq-root .sq-deliv .sq-btn{margin:6px 0 0}

/* fallback wrapper (used when the theme template does not print the page content) */
.sq-fallback{display:block;width:100%;padding:120px 16px 60px;position:relative;z-index:1}
.sq-fallback #sq-root{margin-top:0}

@media (max-width:640px){
  #sq-root{margin:12px;padding:24px 18px;font-size:calc(17px*var(--sq-s,1));border-radius:14px}
  #sq-root h2{font-size:calc(28px*var(--sq-s,1))}
  #sq-root p,#sq-root .sq-thanks,#sq-root .sq-rev{font-size:calc(17px*var(--sq-s,1))}
  #sq-root .sq-hero h2{font-size:calc(30px*var(--sq-s,1))}
  #sq-root .sq-hero p{font-size:calc(18px*var(--sq-s,1))}
  #sq-root .sq-q{font-size:calc(22px*var(--sq-s,1))}
  #sq-root .sq-opt{padding:15px 16px;font-size:calc(18px*var(--sq-s,1))}
  #sq-root .sq-timer{font-size:calc(24px*var(--sq-s,1))}
  #sq-root .sq-btn{padding:14px 24px;font-size:calc(18px*var(--sq-s,1))}
  #sq-root .sq-score{font-size:calc(44px*var(--sq-s,1))}
  #sq-root .sq-stat b{font-size:calc(32px*var(--sq-s,1))}
  #sq-root .sq-coupon-amt{font-size:calc(46px*var(--sq-s,1))}
  #sq-root .sq-code{font-size:calc(23px*var(--sq-s,1));padding:12px 16px}
  #sq-root .sq-pal{grid-template-columns:repeat(auto-fill,minmax(46px,1fr))}
}

/* ================= Glass (mirror) theme: frosted panel, gold + white colours ================= */
#sq-root{--sq-ink:#ffffff;--sq-muted:rgba(255,255,255,.86);--sq-brand:#fbbf24;--sq-ok:#4ade80;--sq-bad:#fca5a5;--sq-warn:#fcd34d;--sq-line:rgba(255,255,255,.30);
  position:relative;isolation:isolate;overflow:hidden;
  font-family:"Poppins","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  background:linear-gradient(135deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.07) 45%,rgba(255,255,255,.14) 100%),rgba(28,12,50,.58);
  -webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);
  border:1px solid rgba(255,255,255,.42);border-radius:24px;
  box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.12)}
/* diagonal mirror reflection streaks */
#sq-root::before{content:"";position:absolute;z-index:-1;top:-60%;left:-30%;width:70%;height:220%;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.16) 46%,rgba(255,255,255,.04) 56%,rgba(255,255,255,0) 66%);transform:rotate(8deg)}
#sq-root::after{content:"";position:absolute;z-index:-1;top:-40%;right:-18%;width:30%;height:200%;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.09) 50%,rgba(255,255,255,0) 65%);transform:rotate(8deg)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#sq-root{background:rgba(28,12,50,.92)}}

#sq-root h2,#sq-root h3,#sq-root .sq-q{font-family:"Poppins","Segoe UI",system-ui,sans-serif;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}
#sq-root p,#sq-root label{color:var(--sq-muted)}
#sq-root label{color:#fff}
#sq-root a{color:#fde68a}

#sq-root input[type=text],#sq-root input[type=tel],#sq-root input[type=email]{background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.40);color:#fff;font-family:inherit;box-shadow:inset 0 1px 3px rgba(0,0,0,.25)}
#sq-root input::placeholder{color:rgba(255,255,255,.62);opacity:1}
#sq-root input:focus{outline:3px solid rgba(251,191,36,.45);border-color:#fbbf24;background:rgba(255,255,255,.18)}
#sq-root input:-webkit-autofill,#sq-root input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:0 0 0 1000px rgba(52,30,86,.96) inset;border-color:rgba(255,255,255,.5)}
#sq-root input[type=checkbox]{accent-color:#fbbf24}
#sq-root .sq-consent,#sq-root .sq-consent a{color:rgba(255,255,255,.88)}
#sq-root .sq-consent a{color:#fde68a}

#sq-root .sq-btn{font-family:inherit;border:0;background:linear-gradient(135deg,#fde68a 0%,#fbbf24 45%,#f59e0b 100%);color:#2b0a1f;box-shadow:0 6px 18px rgba(245,158,11,.35),inset 0 1px 0 rgba(255,255,255,.6)}
#sq-root .sq-btn:hover:not(:disabled){opacity:1;filter:brightness(1.06);color:#2b0a1f;transform:translateY(-1px)}
#sq-root .sq-btn.alt{background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.55);color:#fff;box-shadow:none}
#sq-root .sq-btn.alt:hover:not(:disabled){background:rgba(255,255,255,.24);color:#fff;transform:translateY(-1px)}
#sq-root .sq-link{color:#fde68a;font-family:inherit}
#sq-root .sq-err{color:#fecaca;text-shadow:0 1px 4px rgba(0,0,0,.4)}
#sq-root .sq-hint{color:rgba(255,255,255,.75)}

#sq-root .sq-size span{color:rgba(255,255,255,.8)}
#sq-root .sq-size button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.4);color:#fff;font-family:inherit}
#sq-root .sq-size button.on{background:#fbbf24;border-color:#fbbf24;color:#2b0a1f}

#sq-root .sq-hero{border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 30px rgba(0,0,0,.3)}
#sq-root .sq-hero h2{text-shadow:0 2px 10px rgba(0,0,0,.35)}

#sq-root .sq-timer{color:#fde68a}
#sq-root .sq-timer.low{color:#fca5a5}
#sq-root .sq-bar{background:rgba(255,255,255,.22)}
#sq-root .sq-fill{background:linear-gradient(90deg,#fde68a,#f59e0b)}
#sq-root .sq-fill.low{background:linear-gradient(90deg,#fca5a5,#ef4444)}
#sq-root .sq-opt{font-family:inherit;background:rgba(255,255,255,.09);border:2px solid rgba(255,255,255,.30);color:#fff}
#sq-root .sq-opt:hover:not(:disabled){background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.7);color:#fff}
#sq-root .sq-opt.sel{background:rgba(251,191,36,.25);border-color:#fbbf24;color:#fff;box-shadow:0 0 0 3px rgba(251,191,36,.18)}
#sq-root .sq-p{font-family:inherit;background:rgba(255,255,255,.10);border:2px solid rgba(255,255,255,.30);color:#fff}
#sq-root .sq-p.ans{background:rgba(251,191,36,.30);border-color:#fbbf24}
#sq-root .sq-p.cur{outline:3px solid #fff}

#sq-root .sq-score{color:#fde68a;text-shadow:0 2px 12px rgba(251,191,36,.35)}
#sq-root .sq-stat{background:rgba(255,255,255,.09);border:2px solid rgba(255,255,255,.28)}
#sq-root .sq-stat span{color:rgba(255,255,255,.85)}
#sq-root .sq-stat.ok b{color:#4ade80} #sq-root .sq-stat.bad b{color:#fca5a5} #sq-root .sq-stat.skip b{color:#fcd34d}
#sq-root .sq-rev{border-top:1px solid rgba(255,255,255,.22);color:#fff}
#sq-root .sq-rev .ok{color:#4ade80} #sq-root .sq-rev .bad{color:#fca5a5}
#sq-root .sq-thanks{background:rgba(251,191,36,.16);border:2px solid rgba(251,191,36,.6);color:#fef3c7}

#sq-root .sq-coupon{background:rgba(255,255,255,.10);border:3px dashed #fbbf24;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
#sq-root .sq-coupon.final{background:rgba(74,222,128,.10);border-color:#4ade80}
#sq-root .sq-coupon-sub{color:rgba(255,255,255,.86)}
#sq-root .sq-coupon-amt{color:#fde68a;text-shadow:0 2px 14px rgba(251,191,36,.4)}
#sq-root .sq-coupon.final .sq-coupon-amt{color:#86efac;text-shadow:0 2px 14px rgba(74,222,128,.35)}
#sq-root .sq-code{background:rgba(0,0,0,.38);border:2px solid #fbbf24;color:#fff}
#sq-root .sq-coupon.final .sq-code{border-color:#4ade80}
#sq-root .sq-deliv p{color:#fff}
#sq-root .sq-deliv p.bad{color:#fcd34d}
#sq-root .sq-coupon > .sq-btn{margin:8px 0 6px 10px}