*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:320px}img,svg{max-width:100%;height:auto}button,input,textarea,select{font:inherit;color:inherit}@font-face{font-family:Kanit;src:url(/fonts/Kanit-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Kanit;src:url(/fonts/Kanit-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Anuphan;src:url(/fonts/Anuphan-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Anuphan;src:url(/fonts/Anuphan-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Charm;src:url(/fonts/Charm-Bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--tacra-primary: #0343fc;--tacra-primary-hover: #0335c9;--tacra-lime: #c2ef54;--tacra-lime-deep: #a8d63c;--tacra-dark: #1a1a2e;--tacra-ink: #0a0a0a;--bg: #f5f5f5;--surface: #ffffff;--surface-2: #f7f7fa;--text: #0a0a0a;--text-2: #3c3c48;--text-3: #5a5a66;--line: #dcdce3;--line-strong: #b9b9c8;--accent: #0343fc;--accent-solid: #0343fc;--accent-on-solid: #ffffff;--accent-soft: #edf2ff;--accent-line: #c3d3ff;--danger: #c2261a;--danger-soft: #fde7e5;--danger-line: #f3b8b2;--warn-soft: #fff6de;--warn-line: #e8ce86;--warn-text: #6b4e05;--ok-text: #4c7a2e;--offscale-bg: #efeff4;--offscale-line: #c6c6d2;--offscale-text: #3c3c48;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 26px;--s-7: 34px;--s-8: 44px;--font-head: "Kanit", "Noto Sans Thai", system-ui, sans-serif;--font-body: "Anuphan", "Noto Sans Thai", system-ui, sans-serif;--font-display: "Charm", "Kanit", cursive;--fs-caption: 12px;--fs-meta: 13px;--fs-body: 15px;--fs-body-lg: 16px;--fs-q: 17px;--fs-h2: 20px;--fs-h1: 26px;--fs-num: 56px;--fs-num-hero: 104px;--lh-body: 1.7;--lh-q: 1.55;--r-chip: 9px;--r-field: 12px;--r-card: 16px;--r-sheet: 20px;--r-frame: 26px;--r-pill: 999px;--tap-min: 44px;--tap-comfort: 52px;--ring: 0 0 0 3px var(--accent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #141426;--surface: #1a1a2e;--surface-2: #23233d;--text: #ffffff;--text-2: #ddddE8;--text-3: #9e9eb8;--line: #35355a;--line-strong: #45456b;--accent: #5b8cf7;--accent-line: #3a63c9;--accent-solid: #0343fc;--accent-on-solid: #ffffff;--accent-soft: #22305a;--danger: #ff8f84;--danger-soft: #3a1a17;--danger-line: #7a3a34;--warn-soft: #33290d;--warn-line: #6b5a22;--warn-text: #f0dca4;--ok-text: #c2ef54;--offscale-bg: #1f1f35;--offscale-line: #45456b;--offscale-text: #ddddE8}}:root[data-theme=dark]{--bg: #141426;--surface: #1a1a2e;--surface-2: #23233d;--text: #ffffff;--text-2: #ddddE8;--text-3: #9e9eb8;--line: #35355a;--line-strong: #45456b;--accent: #5b8cf7;--accent-line: #3a63c9;--accent-solid: #0343fc;--accent-soft: #22305a;--danger: #ff8f84;--danger-soft: #3a1a17;--danger-line: #7a3a34;--ok-text: #c2ef54;--offscale-bg: #1f1f35;--offscale-line: #45456b;--offscale-text: #ddddE8}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body-lg);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.shell{min-height:100vh;min-height:100dvh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}.topbar-in{max-width:1120px;margin:0 auto;padding:var(--s-3) max(var(--s-4),env(safe-area-inset-left),env(safe-area-inset-right));display:flex;align-items:center;gap:var(--s-3)}.brand{display:flex;align-items:center;gap:var(--s-2);min-width:0}.brand-mark{width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:var(--accent-solid);display:grid;place-items:center}.brand-mark span{width:14px;height:14px;border-radius:4px;background:var(--tacra-lime)}.brand-name{font-family:var(--font-head);font-weight:600;font-size:15px;letter-spacing:.14em;color:var(--accent);white-space:nowrap}.langpick{margin-left:auto;flex:0 0 auto}.langpick select{appearance:none;-webkit-appearance:none;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:var(--fs-caption);padding:6px 26px 6px 12px;min-height:34px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-3) 50%),linear-gradient(135deg,var(--text-3) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.langpick select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-sub{font-size:var(--fs-caption);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{width:100%;max-width:1120px;margin:0 auto;padding:var(--s-5) var(--s-4) 128px;padding-inline:max(var(--s-4),env(safe-area-inset-left),env(safe-area-inset-right))}.layout{display:grid;gap:var(--s-6)}.col{min-width:0;max-width:46rem}.layout.solo{grid-template-columns:minmax(0,1fr)}.layout.solo .col{margin-inline:auto}@media(min-width:900px){.layout{grid-template-columns:232px minmax(0,1fr);align-items:start;gap:var(--s-7)}.rail{position:sticky;top:calc(84px + env(safe-area-inset-top,0px))}.main{padding-bottom:var(--s-8)}}h1{font-family:var(--font-head);font-weight:600;font-size:var(--fs-h1);line-height:1.35;margin:0 0 var(--s-3);text-wrap:pretty}h2{font-family:var(--font-head);font-weight:600;font-size:var(--fs-h2);margin:0 0 var(--s-2)}p{margin:0 0 var(--s-3);text-wrap:pretty}.muted{color:var(--text-3)}.small{font-size:var(--fs-meta)}.progress{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}.progress-bars{display:flex;gap:6px;flex:1;min-width:0}.progress-seg{flex:1;display:flex;flex-direction:column;gap:5px}.progress-track{height:5px;border-radius:3px;background:var(--line);overflow:hidden}.progress-fill{height:5px;background:var(--accent-solid);border-radius:3px;transition:width .25s ease}.progress-label{font-family:var(--font-head);font-size:11px;color:var(--text-3)}.progress-seg.on .progress-label{color:var(--accent);font-weight:600}.progress-count{font-size:var(--fs-caption);color:var(--text-3);white-space:nowrap}.stepper{display:none}@media(min-width:900px){.stepper{display:flex;flex-direction:column;gap:var(--s-1)}.step{text-align:start;display:flex;gap:var(--s-3);align-items:baseline;padding:var(--s-3);border-radius:var(--r-field);border:1px solid transparent;background:transparent;color:var(--text-3);font:inherit;font-size:var(--fs-body);cursor:pointer}.step:hover{background:var(--surface-2)}.step.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--text);font-weight:600}.step-n{font-family:var(--font-head);font-size:var(--fs-caption);color:var(--accent)}.step-done{color:var(--ok-text)}}.sec-intro{background:var(--surface-2);border:1px solid var(--line);border-inline-start:3px solid var(--accent-line);border-radius:var(--r-field);padding:var(--s-4);color:var(--text-2);font-size:var(--fs-body);white-space:pre-line;margin-bottom:var(--s-4)}.q{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:18px;margin-bottom:var(--s-3)}.q.failed{border-color:var(--danger-line);box-shadow:inset 0 0 0 1px var(--danger-line)}.q.missing{border-color:var(--danger-line)}.q-head{display:flex;gap:var(--s-2);align-items:flex-start;margin-bottom:var(--s-4)}.q-code{font-family:var(--font-head);font-weight:600;font-size:var(--fs-meta);color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:2px 7px;flex:0 0 auto}.q-text{font-family:var(--font-head);font-weight:500;font-size:var(--fs-q);line-height:var(--lh-q);margin:0}.q-req{font-family:var(--font-body);font-weight:400;font-size:var(--fs-meta);color:var(--text-3)}.q-help{margin:0 0 var(--s-4);font-size:14px;line-height:1.65;color:var(--text-3)}.q-saved{display:flex;align-items:center;gap:6px;margin-top:var(--s-4);font-size:var(--fs-meta);color:var(--ok-text)}.q-error{margin-top:var(--s-3);padding:var(--s-3);border-radius:var(--r-field);background:var(--danger-soft);border:1px solid var(--danger-line);color:var(--danger);font-size:var(--fs-meta);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}button{font:inherit;cursor:pointer;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-field);transition:border-color .12s,background .12s}button:hover:not(:disabled){border-color:var(--line-strong)}button:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--accent-solid);border-color:var(--accent-solid);color:var(--accent-on-solid);font-family:var(--font-head);font-weight:600;min-height:var(--tap-comfort);padding:0 var(--s-6)}.btn-primary:hover:not(:disabled){background:var(--tacra-primary-hover);border-color:var(--tacra-primary-hover)}.btn-ghost{background:transparent;min-height:var(--tap-min);padding:0 var(--s-4);color:var(--text-2)}.btn-block{display:block;width:100%}.btn-sm{min-height:36px;padding:0 var(--s-3);font-size:var(--fs-meta)}.scale{display:flex;gap:7px}.scale-dot{flex:1;min-width:0;min-height:var(--tap-comfort);border-radius:var(--r-field);font-family:var(--font-head);font-size:18px;font-variant-numeric:tabular-nums}.scale-dot.on{background:var(--accent-solid);border-color:var(--accent-solid);color:var(--accent-on-solid);font-weight:600}.scale.nps{flex-wrap:wrap}.scale.nps .scale-dot{flex:1 0 calc((100% - 42px) / 6);font-size:16px}.scale-ends{display:flex;justify-content:space-between;margin-top:7px;font-size:var(--fs-caption);color:var(--text-3)}.scale.off{opacity:.4;pointer-events:none}.offscale{margin-top:var(--s-4);padding-top:14px;border-top:1px dashed var(--offscale-line)}.offscale-cap{font-size:var(--fs-caption);color:var(--text-3);margin-bottom:var(--s-2)}.offscale-row{width:100%;min-height:48px;display:flex;align-items:center;gap:11px;padding:0 14px;text-align:start;border-radius:var(--r-field);border:1px solid var(--offscale-line);background:var(--offscale-bg);color:var(--offscale-text);font-size:var(--fs-body)}.offscale-row+.offscale-row{margin-top:6px}.offscale-box{width:20px;height:20px;flex:0 0 20px;border-radius:5px;border:2px solid var(--line-strong);display:grid;place-items:center;font-size:12px;line-height:1}.offscale-row.on{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.offscale-row.on .offscale-box{border-color:var(--accent);background:var(--accent-solid);color:var(--accent-on-solid)}.options{display:flex;flex-direction:column;gap:7px}.option{width:100%;text-align:start;min-height:var(--tap-comfort);padding:var(--s-3) 14px;display:flex;align-items:center;gap:11px;background:var(--surface-2);line-height:1.5}.option.on{border-color:var(--accent);background:var(--accent-soft)}.option-box{width:20px;height:20px;flex:0 0 20px;border:2px solid var(--line-strong);display:grid;place-items:center;font-size:12px;line-height:1}.option-box.radio{border-radius:var(--r-pill)}.option-box.check{border-radius:5px}.option.on .option-box{border-color:var(--accent);background:var(--accent-solid);color:var(--accent-on-solid)}.option.exclusive{margin-top:var(--s-2);border-style:dashed}.hint{margin:var(--s-3) 0 0;font-size:var(--fs-meta);color:var(--text-3)}.hint.warn{color:var(--warn-text);background:var(--warn-soft);border:1px solid var(--warn-line);border-radius:var(--r-chip);padding:6px var(--s-3)}.matrix{display:flex;flex-direction:column;gap:var(--s-2)}.matrix-progress{font-size:var(--fs-meta);color:var(--text-3);margin-bottom:var(--s-2)}.matrix-item{border:1px solid var(--line);border-radius:var(--r-field);padding:var(--s-3);background:var(--surface-2)}.matrix-item.answered{border-color:var(--accent-line)}.matrix-label{font-family:var(--font-head);font-weight:500;font-size:var(--fs-body);margin-bottom:var(--s-2)}.matrix-cells{display:flex;gap:6px}.matrix-cells button{flex:1;min-height:var(--tap-min);font-size:14px;background:var(--surface)}.matrix-cells button:last-child{flex:1.35}.matrix-cells button.on{background:var(--accent-soft);border-color:var(--accent);font-weight:600}@media(min-width:600px){.matrix-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--s-4)}.matrix-label{margin-bottom:0}.matrix-cells{width:340px}}textarea.text{width:100%;padding:var(--s-3) 14px;border-radius:var(--r-field);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--fs-body);resize:vertical;min-height:108px}.counter{display:flex;justify-content:flex-end;font-size:var(--fs-caption);color:var(--text-3);margin-top:6px}.counter.near{color:var(--warn-text)}.recap{display:grid;gap:var(--s-3)}@media(min-width:760px){.recap{grid-template-columns:repeat(2,minmax(0,1fr))}.card.hero,.card.share,.recap>.btn-primary{grid-column:1 / -1}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sheet);padding:var(--s-5)}.card.hero{background:linear-gradient(150deg,var(--accent-soft),var(--surface));border-color:var(--accent-line)}.card-kicker{margin:0 0 var(--s-2);font-family:var(--font-head);font-weight:600;font-size:var(--fs-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.card-big{margin:0;font-family:var(--font-head);font-weight:600;font-size:var(--fs-h2);line-height:1.4}.card-sub{margin:var(--s-2) 0 0;color:var(--text-2)}.card-note{margin:var(--s-2) 0 0;font-size:var(--fs-meta);color:var(--text-3)}.card.share{text-align:center;border-color:var(--accent);background:linear-gradient(160deg,var(--accent-soft),var(--surface))}.card.share .card-kicker{font-family:var(--font-display);font-size:var(--fs-h2);letter-spacing:.02em;text-transform:none}.share-nums{display:flex;justify-content:center;gap:var(--s-6);flex-wrap:wrap;margin-top:var(--s-3)}.share-nums span{display:flex;flex-direction:column;font-size:var(--fs-caption);color:var(--text-3)}.share-nums b{font-family:var(--font-head);font-weight:600;font-size:var(--fs-num);line-height:1.05;color:var(--accent)}.bottombar{position:fixed;inset:auto 0 0;z-index:30;background:var(--surface);border-top:1px solid var(--line);padding:var(--s-3) max(var(--s-4),env(safe-area-inset-left),env(safe-area-inset-right));padding-bottom:max(var(--s-3),env(safe-area-inset-bottom,0px))}.bottombar-in{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:var(--s-3)}.bottombar .save-note{flex:1;min-width:0;font-size:var(--fs-caption);color:var(--text-3)}.bottombar .btn-primary{flex:0 0 auto}@media(min-width:900px){.bottombar{position:static;border:1px solid var(--line);border-radius:var(--r-card);margin-top:var(--s-5);padding:var(--s-4)}}.alert{border-radius:var(--r-field);padding:var(--s-3) 14px;font-size:var(--fs-body);border:1px solid var(--danger-line);background:var(--danger-soft);color:var(--danger)}.alert .btn-primary{margin-top:var(--s-3)}.notice{border-radius:var(--r-field);padding:var(--s-3) 14px;border:1px solid var(--warn-line);background:var(--warn-soft);color:var(--warn-text);font-size:var(--fs-body)}.foot{margin-top:var(--s-7);font-size:var(--fs-caption);color:var(--text-3);text-align:center}@media(prefers-reduced-motion:reduce){*{transition:none!important}}