@font-face{font-family:IBM Plex Sans Thai Looped;src:url(/fonts/IBMPlexSansThaiLooped-Regular.woff)format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans Thai Looped;src:url(/fonts/IBMPlexSansThaiLooped-Medium.woff)format("woff");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Sans Thai Looped;src:url(/fonts/IBMPlexSansThaiLooped-SemiBold.woff)format("woff");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Sans Thai Looped;src:url(/fonts/IBMPlexSansThaiLooped-Bold.woff)format("woff");font-style:normal;font-weight:700;font-display:swap}:root{--background:#fff;--foreground:#0a0a0a;--muted:#f5f5f5;--muted-foreground:#737373;--border:#e5e5e5;--border-strong:#d4d4d4;--primary:#168fd0;--primary-hover:#0f78b3;--primary-light:#e5f4fd;--primary-foreground:#fff;--ring:#168fd047;--success:#0ac254;--warning:#c28e0a;--warning-light:#fffbd8;--radius:12px;--radius-sm:8px;--sans:"IBM Plex Sans Thai Looped", ui-sans-serif, system-ui, sans-serif;--xl-green:#217346;--xl-green-dark:#1b5e3a;--xl-accent:#107c41;--chrome:#f3f2f1;--chrome-line:#d6d3d0;--ribbon-bg:#fff;--grid-line:#d8d5d2;--head-bg:#f5f4f2;--head-fg:#4a4643;--sel:#217346;--ink:#26221f;--ink-soft:#615c58;--dlg-bg:#f0efee;--dlg-line:#b9b5b1;--danger:#c0392b;--ok:#217346;--page-bg:#8b8985;--ui:"Segoe UI", "Leelawadee UI", "Noto Sans Thai", "Thonburi", system-ui, -apple-system, sans-serif;--cell:Calibri, Carlito, "Segoe UI", "Noto Sans Thai", "Thonburi", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,body>div{height:100%}body{background:var(--background);color:var(--foreground);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;overflow:hidden}.pretest-page{flex-direction:column;height:100%;display:flex;overflow:hidden}button{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ring);border-radius:6px;outline:none}.topbar{border-bottom:1px solid var(--border);background:#fff;flex:none;align-items:center;gap:14px;height:60px;padding:0 24px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:9px;font-weight:600;display:flex}.brand-logo{width:140px;height:auto;display:block}.brand .mark{background:var(--primary);color:#fff;letter-spacing:.02em;border-radius:8px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.crumb{color:var(--muted-foreground);align-items:center;gap:9px;min-width:0;font-size:13px;display:flex}.crumb .sep{color:var(--border-strong)}.crumb strong{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.topbar .grow{flex:1}.who{color:var(--muted-foreground);align-items:center;gap:8px;font-size:13px;display:flex}.avatar{background:var(--primary-light);color:#0b6f9f;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:grid}.shell{flex:1;min-height:0;display:flex}.rail{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex:0 0 352px;width:352px;min-height:0;display:flex}.rail .scroll{flex-direction:column;flex:1;gap:16px;padding:24px 22px 16px;display:flex;overflow-y:auto}.rail .foot{border-top:1px solid var(--border);background:#fff;flex-direction:column;gap:12px;padding:15px 22px 18px;display:flex}.eyebrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{border:1px solid var(--border);color:var(--muted-foreground);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.badge.solid{background:var(--primary);color:#fff;border-color:#0000}.badge.soft{background:var(--primary-light);color:#0a6c9c;border-color:#0000}.badge.warn{background:var(--warning-light);color:#8a6d08;border-color:#f0e6a8}.badge.ok{color:#0a7a3a;background:#e7fbef;border-color:#bce9cf}.qhead{letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:20px;font-weight:600;line-height:1.5}.qmeta{color:var(--muted-foreground);margin:0;font-size:12.5px;line-height:1.6}.panel{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:14px 15px;display:flex}.panel.muted{background:#f8fbfd;border-color:#e3f1f8}.panel h4{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);margin:0;font-size:11.5px;font-weight:600}.panel p{color:#404040;margin:0;font-size:13.5px;line-height:1.65}.panel .ans{color:var(--foreground);font-size:13.5px;font-weight:500;line-height:1.6}.task-steps{gap:8px;margin:0;display:grid}.task-step{color:#404040;grid-template-columns:23px minmax(0,1fr);align-items:start;gap:8px;font-size:13px;line-height:1.55;display:grid}.task-step b{background:var(--primary-light);color:#087cbb;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.rail .scroll.question-enter>.eyebrow,.rail .scroll.question-enter>.qhead,.rail .scroll.question-enter>.panel,.rail .scroll.question-enter>.inline-choices,.rail .scroll.question-enter>#taskbtn,.rail .scroll.question-enter>.unsure-action,.rail .scroll.question-enter>.qmeta{animation:.34s cubic-bezier(.22,.8,.32,1) both questionIn}.rail .scroll.question-enter>.qhead{animation-delay:30ms}.rail .scroll.question-enter>.panel{animation-delay:70ms}.rail .scroll.question-enter>.inline-choices{animation-delay:.1s}.rail .scroll.question-enter>#taskbtn{animation-delay:.14s}.app.sheet-enter{animation:.3s cubic-bezier(.22,.8,.32,1) both sheetIn}.track i{transition:width .38s cubic-bezier(.22,.8,.32,1)}@keyframes questionIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes sheetIn{0%{opacity:.58;transform:translate(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.rail .scroll.question-enter>*,.app.sheet-enter{animation:none!important}.track i{transition:none}}.steps{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.step{border:1px solid var(--border);border-radius:var(--radius-sm);height:34px;color:var(--muted-foreground);cursor:pointer;background:#fff;place-items:center;font-size:12px;transition:background .15s,color .15s,border-color .15s;display:grid}.step:hover{border-color:var(--primary);color:var(--primary)}.step.done{background:var(--primary-light);color:#0a6c9c;border-color:#0000;font-weight:600}.step.now{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.barline{color:var(--muted-foreground);align-items:center;gap:10px;font-size:12px;display:flex}.track{background:var(--muted);border-radius:999px;flex:1;height:6px;overflow:hidden}.track i{background:var(--primary);border-radius:999px;height:100%;transition:width .3s;display:block}.ui{border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 16px;font-size:13.5px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ui:hover{background:var(--muted)}.ui.primary{background:var(--primary);border-color:var(--primary);color:#fff}.ui.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.ui.ghost{color:var(--muted-foreground);background:0 0;border-color:#0000}.ui.ghost:hover{background:var(--muted);color:var(--foreground)}.ui.sm{border-radius:9px;height:32px;padding:0 12px;font-size:13px}.ui.block{width:100%}.ui:disabled{opacity:.7;cursor:not-allowed}.ui:disabled:hover{background:#fff}.ui.primary:disabled,.ui.primary:disabled:hover{color:#fff;background:#9ccfeb;border-color:#9ccfeb}.rowbtns{gap:8px;display:flex}.stage{background:#f8fafc;flex-direction:column;flex:1;min-width:0;padding:20px 24px 24px;display:flex}.stagehead{display:none}.stagehead .dotlbl{align-items:center;gap:6px;display:inline-flex}.stagehead .live{background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #0ac25426}.app{border-radius:var(--radius);border:1px solid var(--border-strong);min-height:0;font-family:var(--ui);color:var(--ink);background:#fff;flex-direction:column;flex:1;font-size:13px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 16px 32px -20px #172b4d52}.titlebar{background:var(--xl-green);color:#fff;flex:none;align-items:center;gap:10px;height:34px;padding:0 8px 0 10px;display:flex}.titlebar .qat{opacity:.95;align-items:center;gap:6px;display:flex}.qat span{border-radius:3px;place-items:center;width:20px;height:20px;display:grid}.titlebar .doc{text-align:center;letter-spacing:.1px;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.wbtn{border-radius:3px;place-items:center;width:34px;height:24px;display:grid}.wbtn:hover{background:#ffffff29}.tabs{background:var(--chrome);border-bottom:1px solid var(--chrome-line);scrollbar-width:thin;-webkit-overflow-scrolling:touch;touch-action:pan-x;align-items:flex-end;gap:2px;padding:0 6px;display:flex;overflow:auto hidden}.tab{color:#3b3a39;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px 4px 0 0;flex:none;padding:7px 12px 8px;font-size:12.5px;position:relative}.tab:hover{background:#e6e4e2}.tab.active{color:var(--xl-accent);background:#fff;font-weight:600}.tab.active:after{content:"";background:var(--xl-accent);border-radius:2px;height:2px;position:absolute;bottom:3px;left:10px;right:10px}.tab.file{background:var(--xl-green);color:#fff;border-radius:0}.tab.hunt{box-shadow:inset 0 0 0 1px #107c4159}.ribbon{background:var(--ribbon-bg);border-bottom:1px solid var(--chrome-line);scrollbar-width:thin;-webkit-overflow-scrolling:touch;touch-action:pan-x;align-items:stretch;gap:0;min-height:88px;padding:5px 8px 3px;display:flex;overflow:auto hidden}.rgroup{border-right:1px solid #eceae8;flex-direction:column;justify-content:space-between;padding:0 10px;display:flex}.rgroup:last-child{border-right:0}.ritems{align-items:flex-start;gap:4px;display:flex}.rlabel{text-align:center;color:#7a7570;padding-top:3px;font-size:10.5px}.rbtn{cursor:default;color:#3b3a39;text-align:center;background:0 0;border:0;border-radius:4px;flex-direction:column;align-items:center;gap:3px;width:56px;padding:4px 6px;font-size:10.5px;line-height:1.2;display:flex}.rbtn.wide{width:76px}.rbtn:hover{background:#f0efee}.rbtn.hot{cursor:pointer}.rbtn svg{display:block}.fbar{border-bottom:1px solid var(--chrome-line);background:#fff;align-items:center;gap:0;padding:4px 6px;display:flex}.namebox{border:1px solid var(--chrome-line);width:110px;height:22px;font-size:12px;font-family:var(--cell);background:#fff;align-items:center;padding:0 6px;display:flex}.fx{color:#6b6660;justify-content:center;align-items:center;gap:8px;width:56px;font-size:12px;font-style:italic;display:flex}.finput{border:1px solid var(--chrome-line);height:22px;font-family:var(--cell);color:#26221f;white-space:nowrap;background:#fff;flex:1;align-items:center;padding:0 6px;font-size:12.5px;display:flex;overflow:hidden}.btn{border:1px solid var(--dlg-line);cursor:pointer;background:linear-gradient(#fdfdfd,#f0efee);border-radius:3px;min-width:78px;padding:5px 14px;font-size:12.5px}.btn:hover{border-color:var(--xl-accent);background:linear-gradient(#fff,#e8f2ec)}.btn:disabled{opacity:.45;cursor:not-allowed;border-color:var(--chrome-line);background:#f3f2f1}.btn.primary{border-color:var(--xl-accent);color:#fff;background:linear-gradient(#2a8a55,#1c6b40);font-weight:600}.btn.primary:hover{background:linear-gradient(#2f9a5f,#217346)}.btn.link{color:#6b6660;background:0 0;border:0;min-width:0;padding:4px 6px;text-decoration:underline}.btn.link:hover{color:var(--xl-accent);background:0 0}.sheetwrap{background:#fff;flex:1;position:relative;overflow:auto}table.grid{border-collapse:collapse;table-layout:fixed}.sheetwrap>table.grid{width:1178px;min-width:1178px}table.grid th,table.grid td{border:1px solid var(--grid-line);height:21px;font-family:var(--cell);white-space:nowrap;text-overflow:ellipsis;background:#fff;padding:0 5px;font-size:12.5px;overflow:hidden}table.grid thead th,table.grid tbody th{background:var(--head-bg);color:var(--head-fg);text-align:center;font-weight:400;font-family:var(--ui);-webkit-user-select:none;user-select:none;font-size:11.5px;position:sticky}table.grid thead th{z-index:2;top:0}table.grid tbody th{z-index:1;width:38px;left:0}table.grid thead th:first-child{z-index:3;width:38px;left:0}table.grid td.num{text-align:right;font-variant-numeric:tabular-nums}table.grid td.hdr{color:#fff;text-align:center;background:#217346;font-weight:600}table.grid td.band{background:#eef6f1}table.grid td.sel{box-shadow:inset 0 0 0 2px var(--sel)}table.grid td.tot{background:#f5f4f2;border-top:2px solid #9a9691;font-weight:700}.obj{background:#fff;border:1px solid #c8c5c2;position:absolute;box-shadow:0 1px 4px #0000001f}.slicer{border-radius:3px;width:150px;padding:0}.slicer h4{color:#3b3a39;border-bottom:1px solid #e6e3e0;justify-content:space-between;align-items:center;margin:0;padding:6px 8px;font-size:11.5px;display:flex}.slicer .sb{text-align:left;cursor:pointer;background:#fff;border:1px solid #d6d3d0;border-radius:2px;width:calc(100% - 12px);margin:5px 6px;padding:5px 8px;font-size:12px;display:block}.slicer .sb.on{background:var(--xl-accent);border-color:var(--xl-green-dark);color:#fff}.callout{width:14px;height:14px;position:absolute}.scrim{z-index:40;-webkit-backdrop-filter:blur(4px);background:#2a343a33;position:absolute;inset:0}.dlg{z-index:50;background:var(--dlg-bg);border:1px solid #8f8b87;border-radius:4px;flex-direction:column;min-width:380px;max-width:min(760px,92%);display:flex;position:absolute;overflow:hidden;box-shadow:0 12px 34px #00000052}.dlg .bar{cursor:move;-webkit-user-select:none;user-select:none;background:linear-gradient(#fbfbfb,#eceae8);border-bottom:1px solid #cfccc8;align-items:center;gap:8px;padding:7px 8px 7px 12px;display:flex}.dlg .bar h3{color:#26221f;flex:1;margin:0;font-size:12.5px;font-weight:600}.dlg .bar .x{cursor:default;color:#6b6660;background:0 0;border:0;padding:0 4px;font-size:14px}.dlg .body{gap:16px;padding:14px 16px;display:flex}.dlg .col{flex:1;min-width:0}.dlg .foot{align-items:center;gap:8px;padding:0 16px 14px;display:flex}.dlg .foot .spacer{flex:1}.qtext{color:#26221f;margin:0 0 12px;font-size:13px;line-height:1.6}.qtext b{color:var(--xl-accent)}.opt{cursor:pointer;border-radius:3px;align-items:flex-start;gap:9px;padding:6px 8px;line-height:1.5;display:flex}.opt:hover{background:#e7e5e3}.opt input{accent-color:var(--xl-accent);flex:none;margin:3px 0 0}.opt .lt{color:#8a8580;font-family:var(--cell);flex:none}.opt.unsure{color:#6b6660;border-top:1px dashed #cfccc8;border-radius:0;margin-top:6px;padding-top:10px}.listbox{background:#fff;border:1px solid #8f8b87;height:186px;padding:1px;overflow-y:auto}.listbox div{cursor:pointer;font-size:12.5px;font-family:var(--cell);padding:3px 8px}.listbox div:hover{background:#eaf3ee}.listbox div.on{color:#fff;background:#0f6cbd}.fieldlabel{color:#4a4643;margin:0 0 5px;font-size:12px}.gallery{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.card{cursor:pointer;text-align:left;background:#fff;border:1px solid #c8c5c2;border-radius:3px;flex-direction:column;gap:8px;padding:9px;display:flex}.card:hover{border-color:var(--xl-accent);background:#f6fbf8}.card.on{border:2px solid var(--xl-accent);background:#eef7f1;padding:8px}.card svg{width:100%;height:76px;display:block}.card span{font-size:12px;line-height:1.5}.pane{background:#fff;border:1px solid #c8c5c2;border-radius:3px;width:260px;overflow:hidden}.pane.pivot-dock{z-index:6;position:absolute;box-shadow:0 3px 12px #00000024}.pane.pivot-dock h4{cursor:move}.pane h4{background:#f5f4f2;border-bottom:1px solid #e6e3e0;margin:0;padding:8px 10px;font-size:12px}.pane .fields{border-bottom:1px solid #e6e3e0;flex-direction:column;gap:4px;padding:6px 8px;display:flex}.chip{cursor:grab;background:#fff;border:1px solid #d6d3d0;border-radius:2px;align-items:center;gap:7px;padding:5px 8px;font-size:12px;display:flex}.chip:hover{border-color:var(--xl-accent)}.chip.used{opacity:.45}.chip input{accent-color:var(--xl-accent);pointer-events:none}.zones{grid-template-columns:1fr 1fr;gap:6px;padding:8px;display:grid}.zone{background:#fbfbfa;border:1px dashed #c0bdb9;border-radius:2px;min-height:64px;padding:5px}.zone.over{border-color:var(--xl-accent);background:#eef7f1}.zone h5{color:#7a7570;letter-spacing:.2px;text-transform:uppercase;margin:0 0 5px;font-size:10.5px;font-weight:600}.zone .tag{background:#fff;border:1px solid #c8c5c2;border-radius:2px;justify-content:space-between;gap:6px;margin-bottom:4px;padding:3px 6px;font-size:11.5px;display:flex}.zone .tag button{cursor:pointer;color:#a09b96;background:0 0;border:0;padding:0 2px}.zone .tag button:hover{color:var(--danger)}.sheettabs{background:var(--chrome);border-top:1px solid var(--chrome-line);flex:none;align-items:stretch;gap:2px;padding:0 8px;display:flex;overflow-x:auto}.stab{cursor:pointer;color:#4a4643;white-space:nowrap;background:0 0;border:0;border-radius:0 0 3px 3px;padding:6px 13px;font-size:12px;position:relative}.stab:hover{background:#e6e4e2}.stab.active{color:var(--xl-accent);box-shadow:inset 0 2px 0 var(--xl-accent);background:#fff;font-weight:600}.stab .dot{vertical-align:middle;background:#c8c5c2;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.stab.done .dot{background:var(--xl-accent)}.stab.context{cursor:default;color:#4a4643}.stab.context:hover{background:0 0}.stab.context.active{color:var(--xl-accent)}.statusbar{background:var(--chrome);border-top:1px solid var(--chrome-line);color:#4a4643;flex:none;align-items:center;gap:14px;padding:5px 12px;font-size:11.5px;display:flex}.statusbar .spacer{flex:1}.prog{background:#dcd9d6;border-radius:3px;width:150px;height:6px;overflow:hidden}.prog i{background:var(--xl-accent);height:100%;transition:width .25s;display:block}.navbtns{gap:6px;display:flex}.results{padding:22px 26px 34px;overflow:auto}.scorehead{flex-wrap:wrap;align-items:flex-end;gap:26px;margin-bottom:20px;display:flex}.scorehead .big{color:var(--xl-accent);font-variant-numeric:tabular-nums;font-size:52px;font-weight:700;line-height:1}.scorehead .cap{color:var(--ink-soft);letter-spacing:.4px;text-transform:uppercase;margin-bottom:6px;font-size:12px}.scorehead p{max-width:46ch;color:var(--ink-soft);margin:0;font-size:12.5px;line-height:1.6}.rtable{border-collapse:collapse;width:100%;max-width:900px;font-family:var(--cell);font-size:12.5px}.rtable th{background:var(--xl-accent);color:#fff;font-family:var(--ui);text-align:left;border:1px solid #1b5e3a;padding:6px 9px;font-size:11.5px;font-weight:600}.rtable td{border:1px solid var(--grid-line);vertical-align:top;padding:5px 9px;line-height:1.5}.pill{font-family:var(--ui);white-space:nowrap;border-radius:2px;padding:2px 8px;font-size:11px;display:inline-block}.pill.ok{color:#15532f;background:#deefe6;border:1px solid #a8d4bd}.pill.no{color:#8c2b1f;background:#fbe3e0;border:1px solid #eab5ae}.pill.uns{color:#6b6660;background:#f1efec;border:1px solid #d6d3d0}.resfoot{gap:10px;margin-top:18px;display:flex}.note{color:var(--ink-soft);max-width:70ch;margin:16px 0 0;font-size:12px;line-height:1.6}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.resultpane{border:1px solid var(--border);border-radius:var(--radius);background:#fff;flex:1;min-height:0;overflow-y:auto;box-shadow:0 1px 2px #0000000a}.results{font-family:var(--sans);color:var(--foreground);padding:26px 28px 34px}.shell.result-mode .rail{display:none}.shell.result-mode .stage{min-height:0;padding:20px 24px 24px}.shell.result-mode .stagehead{display:none}.shell.result-mode .resultpane{box-shadow:none;border:0;border-radius:0}.result-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px;padding-bottom:18px;display:flex}.result-toolbar h1{margin:0;font-size:22px;line-height:1.4}.result-actions{flex-wrap:wrap;gap:8px;display:flex}.scorehead .big{color:var(--primary);font-family:var(--sans)}.scorehead .cap{color:var(--muted-foreground)}.scorehead p{color:#404040}.rtable{font-family:var(--sans);font-size:13px}.rtable th{background:var(--muted);color:var(--foreground);border:1px solid var(--border);font-weight:600}.rtable td{border:1px solid var(--border)}.rtable tr:nth-child(2n) td{background:#fcfcfc}.pill.ok{color:#0a7a3a;background:#e7fbef;border-color:#bce9cf}.pill.no{color:#b4231b;background:#fdeceb;border-color:#f3c4c0}.pill.uns{background:var(--muted);color:var(--muted-foreground);border-color:var(--border)}.chartcard{border:1px solid var(--border);border-radius:var(--radius);max-width:640px;margin:0 0 22px;padding:14px 16px}.note{color:var(--muted-foreground)}.result-group{margin-top:22px}.result-group-head{align-items:center;gap:8px;margin:0 0 10px;display:flex}.result-group-head h2{margin:0;font-size:16px;font-weight:600}.result-count{background:var(--primary-light);color:#0a6c9c;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:21px;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.result-list{flex-direction:column;gap:9px;display:flex}.result-card{background:#fff;border:1px solid #dbe6eb;border-left:3px solid #e5484d;border-radius:10px;padding:12px 14px}.result-card.unsure{border-left-color:#d7a008}.result-card.correct{border-left-color:#0ac254}.result-card-top{grid-template-columns:26px minmax(0,1fr) auto;align-items:start;gap:9px;display:grid}.result-number{background:var(--muted);width:26px;height:26px;color:var(--foreground);border-radius:7px;place-items:center;font-size:11px;font-weight:700;display:grid}.result-card h3{margin:2px 0 0;font-size:14px;font-weight:600;line-height:1.45}.result-status{border-radius:999px;align-items:center;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.result-status.ok{color:#087438;background:#e7fbef}.result-status.no{color:#b4231b;background:#fdeceb}.result-status.uns{color:#806000;background:#fff7d6}.result-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0 35px;display:grid}.result-answer{background:#f8fafb;border:1px solid #e8eef1;border-radius:8px;min-width:0;padding:8px 10px}.result-answer.correct-answer{background:#f0fbf5}.result-answer span{color:var(--muted-foreground);margin-bottom:2px;font-size:10.5px;display:block}.result-answer strong{overflow-wrap:anywhere;font-size:12.5px;line-height:1.45;display:block}.result-card details{border-top:1px solid #e8eef1;margin:8px 0 0 35px;padding-top:7px}.result-card summary{color:#087cbb;cursor:pointer;width:max-content;font-size:11.5px;font-weight:600}.result-card details p{color:#59656c;margin:7px 0 1px;font-size:12px;line-height:1.6}.all-correct{color:#087438;background:#f0fbf5;border:1px solid #bce9cf;border-radius:10px;margin-top:20px;padding:13px 15px;font-size:13.5px;font-weight:600}.submission-card{text-align:center;background:#fff;border:1px solid #bce9cf;border-radius:16px;width:min(620px,100%);margin:56px auto;padding:38px;box-shadow:0 14px 34px -28px #11354c61}.submission-mark{color:#087438;background:#e7fbef;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 16px;font-size:28px;font-weight:700;display:grid}.submission-card h1{margin:0;font-size:23px}.submission-card p{color:#52636c;max-width:42ch;margin:10px auto 0;line-height:1.65}.b5-results{width:min(1040px,100%);font-family:var(--sans);margin:0 auto;padding:26px 28px 34px}.b5-toolbar{margin:0 0 20px}.b5-kicker{color:#087cbb;letter-spacing:.05em;margin:0 0 5px;font-size:11px;font-weight:700}.b5-toolbar h1{letter-spacing:-.02em;margin:0;font-size:27px;line-height:1.35}.b5-sub{color:var(--muted-foreground);margin:6px 0 0;font-size:13px;line-height:1.55}.b5-dashboard{grid-template-columns:300px minmax(0,1fr);gap:16px;display:grid}.b5-coach,.b5-review{border:1px solid var(--border);background:#fff;border-radius:14px}.b5-coach{align-self:start;padding:22px}.b5-score-ring{border-radius:50%;place-items:center;width:132px;height:132px;margin:2px auto 18px;display:grid}.b5-score-ring:after{content:attr(data-score);width:98px;height:98px;color:var(--primary);background:#fff;border-radius:50%;place-items:center;font-size:27px;font-weight:750;display:grid}.b5-coach h2{margin:0 0 7px;font-size:17px;line-height:1.45}.b5-coach-copy{color:#44545d;margin:0 0 13px;font-size:12.5px;line-height:1.65}.b5-priority{border-top:1px solid #edf1f3;gap:9px;padding:9px 0;display:flex}.b5-priority b{color:#8a6200;background:#fff8df;border-radius:7px;flex:none;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.b5-priority strong{font-size:12px;line-height:1.4;display:block}.b5-priority span{color:var(--muted-foreground);margin-top:2px;font-size:10.5px;line-height:1.4;display:block}.b5-review{min-width:0;padding:20px}.b5-review-head{align-items:center;gap:8px;margin:0 0 14px;display:flex}.b5-review-head h2{margin:0;font-size:18px}.b5-count{color:#b4231b;background:#fdeceb;border-radius:999px;place-items:center;min-width:24px;height:22px;padding:0 7px;font-size:11px;font-weight:700;display:grid}.b5-list{flex-direction:column;gap:10px;display:flex}.b5-item{background:#fff;border:1px solid #d7e5ec;border-radius:12px;margin:0;transition:border-color .22s,transform .22s;overflow:hidden}.b5-item:hover,.b5-item[open]{border-color:#9fd2e8}.b5-item:hover{transform:translateY(-1px)}.b5-item summary{width:auto;color:var(--foreground);cursor:pointer;grid-template-columns:30px minmax(0,1fr) 25px;align-items:center;gap:10px;padding:14px;font-size:14px;list-style:none;display:grid}.b5-item summary::-webkit-details-marker{display:none}.b5-number{background:var(--muted);border-radius:8px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.b5-toggle{background:var(--primary-light);color:#087cbb;border-radius:7px;place-items:center;width:24px;height:24px;font-size:16px;transition:transform .22s;display:grid}.b5-item[open] .b5-toggle{transform:rotate(45deg)}.b5-body{padding:0 14px 14px 54px;animation:.24s b5SoftIn}.b5-compare{grid-template-columns:1fr 1fr;gap:9px;display:grid}.b5-answer{background:#f6f8f9;border-radius:9px;min-width:0;padding:10px 11px}.b5-answer.correct{background:#f0fbf5}.b5-answer span{color:var(--muted-foreground);margin-bottom:3px;font-size:10px;display:block}.b5-answer strong{overflow-wrap:anywhere;font-size:13px;line-height:1.45;display:block}.b5-explain{color:#50626c;background:#f5fbfe;border-left:2px solid #80c9e8;border-radius:0 8px 8px 0;margin:9px 0 0;padding:9px 11px;font-size:12px;line-height:1.6}.b5-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:9px;margin-top:20px;padding-top:17px;display:flex}.b5-actions .ui{min-height:42px;padding:0 19px;transition:transform .18s}.b5-actions .ui:hover{transform:translateY(-1px)}@keyframes b5SoftIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:680px){.b5-results{padding:20px 16px 28px}.b5-toolbar h1{font-size:23px}.b5-dashboard{grid-template-columns:1fr}.b5-coach{padding:18px}.b5-score-ring{width:112px;height:112px}.b5-score-ring:after{width:82px;height:82px;font-size:23px}.b5-review{padding:15px}.b5-item summary{padding:12px;font-size:13px}.b5-body{padding:0 12px 12px}.b5-compare{grid-template-columns:1fr}.b5-actions{grid-template-columns:1fr 1fr;display:grid}}.rail:before{content:"ทำแบบทดสอบ";color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;padding:14px 22px 0;font-size:11px;font-weight:600;display:block}.eyebrow{margin-top:2px}#taskbtn{min-height:44px;font-weight:600;box-shadow:0 7px 14px -10px #0da0f2bf}#answerpanel{background:#fbfffc;border-color:#bce9cf}#railstatus.ok{font-weight:600}.barline{justify-content:space-between}.barline .track{max-width:188px}.opt{border:1px solid #0000;padding:8px 9px}.opt:hover{background:#f1f8fc;border-color:#d7edf8}.gallery{gap:8px}.card{border-radius:6px}.card.on{border-color:var(--primary);background:#f0faff}.shell.workspace-muted .stage{opacity:.42;filter:saturate(.68);pointer-events:none}#statusleft{display:none}.inline-choices{flex-direction:column;gap:9px;display:flex}.inline-choice{width:100%;color:var(--foreground);text-align:left;cursor:pointer;background:#fff;border:1px solid #dbe6eb;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 13px;line-height:1.55;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.inline-choice:hover{background:#f1f9fd;border-color:#8cc7e8}.inline-choice.selected{border-color:var(--primary);background:#e7f4fb;box-shadow:0 0 0 3px #168fd01f}.inline-choice input{accent-color:var(--primary);flex:none;margin:4px 0 0}.inline-choice .letter{color:var(--muted-foreground);min-width:18px}.inline-choice.visual-choice{align-items:center;padding:9px 10px}.inline-choice.visual-choice input{margin:0}.choice-art{background:#fff;border:1px solid #e5e7eb;border-radius:7px;flex:0 0 88px;width:88px;padding:3px;display:block}.choice-art svg{width:100%;height:auto;display:block}.choice-copy{min-width:0;font-size:12.5px;line-height:1.45}.choice-copy .letter{margin-right:4px;display:inline}.inline-choice.unsure{color:var(--muted-foreground);border-style:dashed}#taskbtn{margin-top:4px}.unsure-action{color:#63737c;width:100%;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px dashed #cbd8de;border-radius:10px;padding:0 12px;font-size:12.5px}.unsure-action:hover{color:#806000;background:#fffaf0;border-color:#d7a008}.obj.pivot-output{box-shadow:none;background:0 0;border:0}.obj.pivot-output table{border:1px solid #b9b5b1}.intro{z-index:80;background:linear-gradient(135deg,#f7fbfd 0%,#eef7fc 100%);place-items:center;padding:28px;display:grid;position:fixed;inset:60px 0 0}.intro-card{background:#fff;border:1px solid #d7e5ec;border-radius:20px;width:min(650px,100%);padding:36px;box-shadow:0 20px 48px -28px #1d4e6957}.intro-kicker{color:#087cbb;letter-spacing:.07em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.intro h1{letter-spacing:-.02em;margin:0;font-size:31px;line-height:1.25}.intro-lead{color:#52636c;margin:14px 0 0;font-size:15px;line-height:1.7}.intro-points{background:#f7fbfd;border:1px solid #d7e5ec;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0;padding:0;display:grid;overflow:hidden}.intro-point{text-align:left;justify-content:center;align-items:center;gap:10px;min-width:0;padding:15px 12px;display:flex}.intro-point+.intro-point{border-left:1px solid #dce9f0}.intro-point-icon{color:#087db8;background:#eaf7fd;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.intro-point-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.intro-point strong{color:#36515f;font-size:13px;font-weight:600;display:block}.intro-point small{color:#687983;margin-top:3px;font-size:11px;line-height:1.35;display:block}.intro-note{color:#65727a;margin:0 0 14px;padding:0;font-size:12px;line-height:1.6}.intro-form{grid-template-columns:1fr;gap:12px;margin:0 0 8px;display:grid}.intro-field{color:#374151;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.intro-field input{width:100%;height:42px;color:var(--foreground);font:inherit;background:#fff;border:1px solid #cfdde5;border-radius:9px;outline:0;padding:0 12px;font-weight:400}.intro-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.intro-error{color:#b42318;min-height:20px;margin:0 0 12px;font-size:12.5px}.intro #startbtn{width:100%;min-height:44px;font-weight:600}.confirm-scrim{z-index:90;-webkit-backdrop-filter:blur(4px);background:#202b3352;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#fff;border:1px solid #d9e2e8;border-radius:14px;width:min(410px,100%);padding:22px;box-shadow:0 20px 54px -24px #1426326b}.confirm-dialog h2{margin:0;font-size:19px}.confirm-dialog p{color:var(--muted-foreground);margin:8px 0 20px;line-height:1.6}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.desktop-required{display:none}@media (max-width:900px){body,.pretest-page{overflow:auto}.desktop-required{z-index:70;text-align:center;background:#f4f9fcf7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.desktop-required-card{background:#fff;border:1px solid #d7e5ec;border-radius:16px;max-width:400px;padding:28px 24px;box-shadow:0 18px 40px -25px #1d4e6966}.desktop-required h2{margin:0 0 8px;font-size:21px}.desktop-required p{color:#52636c;margin:0;line-height:1.65}.shell{flex-direction:column}.rail{border-right:0;border-bottom:1px solid var(--border);flex:none;width:auto}.rail .scroll{padding:18px 20px 14px}.rail .foot{padding:12px 20px 14px}.stage{min-height:640px;padding:16px}.stagehead:after{display:none}}@media (max-width:680px){.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:56px;padding:10px 16px}.crumb{order:3;width:100%}.who,.topbar .grow{display:none}.rail:before{padding-left:20px}.rail .scroll{padding:16px 20px 14px}.rowbtns{flex-wrap:wrap}.intro{align-items:start;padding:16px;inset:56px 0 0;overflow:auto}.intro-form{grid-template-columns:1fr;gap:10px;margin-top:0}.shell.result-mode .stage{min-height:calc(100vh - 56px);padding:14px}.results{padding:20px 16px 28px}.result-toolbar{flex-direction:column;align-items:flex-start}.result-actions{width:100%}.result-actions .ui{flex:1}.result-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:35px}.result-card{padding:11px 12px}.result-card h3{font-size:13.5px}.rowbtns>:nth-child(4){margin-left:0}.stage{min-height:560px;padding:12px}.titlebar{gap:4px;padding-left:8px}.titlebar .qat{display:none}.titlebar .doc{text-align:left;padding-left:4px;font-size:11.5px}.wbtn{width:28px}.intro{padding:16px;inset:79px 0 0}.intro-card{padding:24px 20px}.intro h1{font-size:24px}.intro-points{margin:16px 0 18px}.dlg{max-height:calc(100vh - 20px);width:calc(100vw - 20px)!important}.dlg .body{padding:12px}.dlg .opt{margin-bottom:7px;padding:9px 10px}}@media (max-width:480px){.intro-points{grid-template-columns:1fr;padding:0;display:grid}.intro-point{justify-content:flex-start;padding:12px 13px}.intro-point+.intro-point{border-top:1px solid #dce9f0;border-left:0}.intro-point-icon{font-size:18px}.result-card-top{grid-template-columns:24px minmax(0,1fr) auto;gap:7px}.result-number{width:24px;height:24px}.result-group{margin-top:14px}.result-group-head{margin-bottom:8px}.result-list{gap:7px}.result-card{border-radius:9px;padding:9px 10px}.result-card h3{margin-top:1px;font-size:13px;line-height:1.35}.result-status{padding:2px 7px;font-size:10px}.result-answer-grid{grid-template-columns:1fr;gap:4px;margin:7px 0 0 31px}.result-answer{border:0;border-radius:6px;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:7px;padding:6px 8px;display:grid}.result-answer span{margin:1px 0 0;font-size:10px}.result-answer strong{font-size:11.5px;line-height:1.35}.result-card details{margin:6px 0 0 31px;padding-top:5px}.result-card summary{font-size:11px}.result-card details p{margin-top:5px;font-size:11.5px;line-height:1.5}}