:root{--page:#f5f5f4;--surface:#fff;--ink:#1d1d1f;--ink2:#6e6e73;--muted:#86868b;--grid:#e8e8e6;--border:#00000014;--border-strong:#00000029;--track:#f0f0ee;--accent:#06c;--accent-ink:#06c;--btn-bg:#1d1d1f;--btn-ink:#fff;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000a;--good:#0ca30c;--good-text:#006300;--warn:#c98500;--crit:#c0392b;--crit-wash:#c0392b12;--warn-wash:#c9850017;--good-wash:#0ca30c14}@media (prefers-color-scheme:dark){:root{--page:#000;--surface:#161617;--ink:#f5f5f7;--ink2:#a1a1a6;--muted:#86868b;--grid:#2c2c2e;--border:#ffffff1f;--border-strong:#ffffff3d;--track:#232325;--accent:#2997ff;--accent-ink:#6cb4ff;--btn-bg:#f5f5f7;--btn-ink:#000;--shadow:none;--good-text:#30d158;--warn:#ffd60a;--crit:#ff6961}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans Thai,system-ui,sans-serif;font-size:16px;line-height:1.7}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:580px;margin:0 auto;padding:28px 20px 72px}.wrap-wide{max-width:1120px;margin:0 auto;padding:28px 20px 72px}.topbar{justify-content:space-between;align-items:center;gap:14px;padding:6px 0 26px;display:flex}.brand-row{align-items:center;gap:10px;display:flex}.brand-word{letter-spacing:.24em;color:var(--ink2);font-family:Old Standard TT,Noto Sans Thai,serif;font-size:13px}.brand{letter-spacing:.02em;font-family:Old Standard TT,Noto Sans Thai,serif;font-size:22px;font-weight:400}.brand small{color:var(--muted);letter-spacing:0;margin-left:10px;font-family:Noto Sans Thai,system-ui,sans-serif;font-size:12.5px}.topbar nav{flex-wrap:wrap;align-items:baseline;gap:18px;font-size:13px;display:flex}.topbar nav a{color:var(--ink2)}.topbar nav a:hover{color:var(--ink);text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:26px 26px 24px}.stack{flex-direction:column;gap:18px;display:flex}h1,h2{letter-spacing:.01em;margin:0 0 6px;font-family:Old Standard TT,Noto Sans Thai,serif;font-weight:400}h1{font-size:33px;line-height:1.25}h2{font-size:22px;line-height:1.35}.sub{color:var(--ink2);margin:0;font-size:14.5px}.tiny{color:var(--muted);font-size:12.5px}label.field{color:var(--muted);letter-spacing:.08em;margin-bottom:6px;font-size:12px;display:block}input[type=text],textarea{background:var(--page);border:1px solid var(--border-strong);width:100%;font:inherit;color:var(--ink);border-radius:12px;padding:13px 15px}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,.switch:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{background:var(--btn-bg);color:var(--btn-ink);border:1px solid var(--btn-bg);font:inherit;cursor:pointer;border-radius:980px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 24px;font-size:15px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.85;text-decoration:none}.btn:disabled{opacity:.35;cursor:default}.btn-ghost{color:var(--ink);border:1px solid var(--border-strong);background:0 0}.btn-sm{width:auto;padding:6px 14px;font-size:12.5px}.error{color:var(--crit);font-size:14px}.notice{background:var(--warn-wash);border-radius:12px;padding:12px 15px;font-size:13.5px}.q{border-top:1px solid var(--grid);padding-top:18px}.q-no{color:var(--muted);letter-spacing:.14em;font-size:11px}.q-text{margin:4px 0 12px;font-size:15.5px;font-weight:500;line-height:1.6}.scale{gap:8px;display:flex}.scale button{background:var(--surface);height:52px;color:var(--ink);border:1px solid var(--border-strong);font:inherit;cursor:pointer;border-radius:14px;flex:1;font-size:17px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.scale button[aria-pressed=true]{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-ink)}.scale-labels{letter-spacing:.04em;color:var(--muted);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.na-toggle{color:var(--ink2);align-items:flex-start;gap:9px;margin-top:10px;font-size:13px;display:flex}.na-toggle input{width:17px;height:17px;accent-color:var(--ink);margin-top:2px}.privacy{color:var(--ink2);background:var(--track);border-radius:14px;padding:13px 16px;font-size:13px;line-height:1.65}.qr-box{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.qr-box img{border:1px solid var(--border);background:#fff;border-radius:20px;width:min(270px,70vw);height:auto;padding:14px}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.dot-wait{background:var(--warn)}.dot-done{background:var(--good)}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px;font-size:13.5px}th{text-align:left;color:var(--muted);letter-spacing:.08em;border-bottom:1px solid var(--border-strong);white-space:nowrap;padding:6px 12px 10px 0;font-size:11px;font-weight:500}td{border-bottom:1px solid var(--grid);vertical-align:top;padding:12px 12px 12px 0}tr:last-child td{border-bottom:none}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.badge{white-space:nowrap;border-radius:980px;padding:2px 11px;font-size:11.5px;font-weight:600;display:inline-block}.badge-crit{background:var(--crit-wash);color:var(--crit)}.badge-warn{background:var(--warn-wash);color:var(--ink2)}.badge-ok{background:var(--good-wash);color:var(--good-text)}.matrix td,.matrix th{text-align:center}.matrix td:first-child,.matrix th:first-child{text-align:left}.switch{width:20px;height:20px;accent-color:var(--ink)}.center-page{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{text-align:center;width:min(400px,92vw);padding:40px 32px 34px}.done-big{font-size:46px;line-height:1}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:640px){h1{font-size:27px}.card{border-radius:18px;padding:20px 18px}}