body[data-gpx-theme="paper"]{--bg:#f3ecdc;--line:#e2d5b8;--ink:#3b2f1e;--gray:#6b5a40;--blue:#9a6a1f;--blue-d:#7a5214;--teal:#8a6a2a;background:var(--bg)}
body[data-gpx-theme="paper"] .qcard,body[data-gpx-theme="paper"] .exam-top,body[data-gpx-theme="paper"] .gpx-sheet{background:#fbf6ea}
body[data-gpx-theme="paper"] .choice.sel{background:#f5e9cf}
body[data-gpx-theme="paper"] .timer{background:#f1e4c6;color:#6b4a10}
body[data-gpx-theme="paper"] .explain{background:#f5ecd8;color:#4a3b22}
body[data-gpx-theme="night"]{--bg:#0f1726;--line:#2a3a55;--ink:#e6ecf7;--gray:#a9b6cc;--blue:#6b9bff;--blue-d:#9ab8ff;--teal:#4fd1c5;background:var(--bg);color:var(--ink)}
body[data-gpx-theme="night"] .qcard,body[data-gpx-theme="night"] .exam-top,body[data-gpx-theme="night"] .gpx-sheet{background:#17223a;color:var(--ink)}
body[data-gpx-theme="night"] .choice:hover{background:#1d2b48}
body[data-gpx-theme="night"] .choice.sel{background:#203566}
body[data-gpx-theme="night"] .choice.correct{background:#12351f}
body[data-gpx-theme="night"] .choice.wrong{background:#3d1a1a}
body[data-gpx-theme="night"] .timer{background:#203566;color:#cfe0ff}
body[data-gpx-theme="night"] .explain{background:#1d2b48;color:#d7e1f2}
body[data-gpx-theme="night"] .btn-ghost{color:#e6ecf7;border-color:#3a4c6e;background:transparent}
body[data-gpx-theme="night"] .qbar{background:#2a3a55}
body[data-gpx-theme="mint"]{--bg:#eef8f4;--line:#cfe8de;--blue:#0f8f6f;--blue-d:#0b6e55;--teal:#0f8f6f;background:var(--bg)}
body[data-gpx-theme="mint"] .choice.sel{background:#e2f5ee}
body[data-gpx-theme="mint"] .timer{background:#dcf2ea;color:#0b5e49}
.gpx-btn{padding:5px 12px;font-size:12px;cursor:pointer;white-space:nowrap}
body.gpx-panel-open #gpfb-launch{display:none!important}
.gpx-ov{position:fixed;inset:0;z-index:9998;background:rgba(8,16,32,.55);display:flex;align-items:flex-end;justify-content:center}
@media(min-width:600px){.gpx-ov{align-items:center;padding:20px}}
.gpx-panel{position:relative;background:#fff;color:#102444;width:100%;max-width:440px;max-height:88vh;overflow:auto;border-radius:20px 20px 0 0;padding:22px 18px 18px;box-shadow:0 -12px 40px rgba(0,0,0,.25)}
@media(min-width:600px){.gpx-panel{border-radius:20px}}
.gpx-x{position:absolute;top:10px;right:12px;width:34px;height:34px;border-radius:50%;border:none;background:#eef2fb;font-size:22px;cursor:pointer;color:#33406b}
.gpx-h{font-family:"Kanit",sans-serif;font-weight:700;font-size:18px;padding-right:36px}
.gpx-sub{font-size:12.5px;font-weight:700;color:#64748b;margin:14px 0 6px}
.gpx-lay{display:grid;gap:8px}
.gpx-opt{text-align:left;border:1.5px solid #dbe3ef;background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit;color:inherit}
.gpx-opt b{display:block;font-family:"Kanit",sans-serif;font-size:15px}
.gpx-opt span{font-size:12.5px;color:#64748b}
.gpx-opt[aria-pressed="true"]{border-color:#2f5fe0;background:#eff4ff;box-shadow:0 0 0 2px rgba(47,95,224,.15)}
.gpx-thm{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.gpx-sw{display:flex;flex-direction:column;align-items:center;gap:4px;border:1.5px solid #dbe3ef;background:#fff;border-radius:12px;padding:8px 4px;cursor:pointer;font:inherit;font-size:12.5px;color:inherit}
.gpx-sw i{width:26px;height:26px;border-radius:50%;display:block}
.gpx-sw[aria-pressed="true"]{border-color:#2f5fe0;background:#eff4ff}
.gpx-opt:focus-visible,.gpx-sw:focus-visible,.gpx-bub:focus-visible,.gpx-no:focus-visible{outline:2px solid #2f5fe0;outline-offset:2px}
.gpx-note{font-size:12.5px;color:#64748b;margin:12px 0 0;line-height:1.55}
.gpx-done{display:block;width:100%;margin-top:14px;text-align:center}
.gpx-later{display:block;width:100%;margin-top:8px;background:none;border:none;color:#64748b;font:inherit;font-size:13.5px;cursor:pointer;padding:6px}
.gpx-shots{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
.gpx-shots figure{margin:0;scroll-snap-align:start}
.gpx-shots img{width:100%;border-radius:12px;border:1px solid #e2e8f0;display:block}
.gpx-shots figcaption{font-size:12px;color:#475569;text-align:center;margin-top:4px}
.gpx-q{margin:14px 0;scroll-margin-top:130px}
.gpx-q .qtext{font-size:17px}
.gpx-sheet{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}
.gpx-sheet-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.gpx-sheet-h b{font-family:"Kanit",sans-serif;font-size:15px}
.gpx-sheet-h span{margin-left:auto;font-size:13px;color:var(--gray);font-weight:700}
.gpx-sheet-x{width:30px;height:30px;border-radius:50%;border:none;background:#eef2fb;font-size:20px;cursor:pointer;color:#33406b}
.gpx-grid{column-width:150px;column-gap:16px}
.gpx-row{display:grid;grid-template-columns:30px repeat(4,1fr);align-items:center;gap:4px;padding:2px 0;break-inside:avoid}
.gpx-row5{border-bottom:1.5px solid var(--blue);padding-bottom:5px;margin-bottom:3px}
.gpx-no{border:none;background:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer;text-align:right;padding:0 4px 0 0}
.gpx-bub{width:26px;height:26px;justify-self:center;border-radius:50%;border:1.5px solid var(--blue);background:transparent;color:var(--blue);font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;padding:0;line-height:1}
.gpx-bub.on{background:var(--ink);border-color:var(--ink);color:transparent}
.gpx-submit{display:block;width:100%;margin-top:12px}
.gpx-fab{display:none}
@media(min-width:900px){
  .gpx-sheet-on .container{max-width:1240px}
  .gpx-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,480px);gap:20px;align-items:start}
  body.gpx-sheet-body .pm-aside{display:none!important}
  body.gpx-sheet-body .exam-shell{display:block!important}
  .gpx-sheet{position:sticky;top:130px;max-height:calc(100vh - 150px);overflow:auto;margin-top:14px}
  .gpx-sheet-x{display:none}
}
@media(max-width:899px){
  .gpx-sheet{position:fixed;left:0;right:0;bottom:0;z-index:60;max-height:72vh;overflow:auto;border-radius:18px 18px 0 0;
    box-shadow:0 -10px 34px rgba(8,16,32,.28);transform:translateY(105%);transition:transform .25s ease;padding:14px 12px calc(14px + env(safe-area-inset-bottom))}
  .gpx-sheet-open .gpx-sheet{transform:none}
  .gpx-grid{column-count:2;column-width:auto}
  .gpx-bub{width:30px;height:30px}
  .gpx-fab{display:flex;align-items:center;gap:6px;position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:55;
    background:var(--ink);color:#fff;border:none;border-radius:999px;padding:12px 20px;font-family:"Kanit",sans-serif;font-weight:600;font-size:15px;box-shadow:0 8px 24px rgba(8,16,32,.3);cursor:pointer}
  body[data-gpx-theme="night"] .gpx-fab{background:#6b9bff;color:#0f1726}
  .gpx-sheet-open .gpx-fab{display:none}
  .gpx-book{padding-bottom:70px}
  body.gpx-sheet-open-body #gpfb-launch{display:none!important}
}
@media(prefers-reduced-motion:reduce){.gpx-sheet{transition:none}}
body.gp-exam-live #gpfb-launch{display:none!important}
.gp-res-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:480px;margin:14px auto 18px}
.gp-res-acts>.btn{width:100%;margin:0;justify-content:center;text-align:center;box-sizing:border-box;white-space:normal;line-height:1.35}
.gp-res-acts>.btn:first-child{grid-column:1/-1}
.gp-res-acts>.btn:nth-child(n+2):last-child:nth-child(even){grid-column:1/-1}
.gp-res-share{display:grid;gap:8px;max-width:480px;margin:0 auto 26px}
.gp-res-share>.btn{width:100%;margin:0;justify-content:center;text-align:center;box-sizing:border-box}
@media(max-width:899px){body.gp-on-result .pm-aside .kp-sell{display:none}}
.gp-stickybuy{display:none}
.gp-stickybuy__txt{display:flex;flex-direction:column;line-height:1.25;flex:1;min-width:0;font-family:"Kanit",sans-serif}
.gp-stickybuy__txt b{font-size:15px;color:#13294b;font-weight:700}
.gp-stickybuy__txt span{font-size:11.5px;color:#64748b}
.gp-stickybuy__btn{flex:none;background:linear-gradient(180deg,#FBD24B,#F4B71E);color:#3a2500;font-family:"Kanit",sans-serif;font-weight:700;font-size:15px;padding:11px 20px;border-radius:999px;text-decoration:none;box-shadow:0 5px 14px rgba(224,164,12,.45);white-space:nowrap}
.gp-stickybuy__x{flex:none;background:none;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:4px 2px;line-height:1}
@media(max-width:600px){
  .gp-stickybuy{display:flex;align-items:center;gap:11px;position:fixed;left:0;right:0;bottom:0;z-index:9990;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -6px 20px rgba(16,36,68,.13);transform:translateY(0);visibility:visible;transition:transform .26s ease}
  .gp-stickybuy.gp-stickybuy--wait{transform:translateY(115%);visibility:hidden}
  body.gp-stickybuy-on #gpfb-launch{bottom:88px}
  body.gp-exam-live .gp-stickybuy{display:none}
}