*{box-sizing:border-box}html,body{margin:0}body{font-family:Anuphan,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-wrap:pretty;font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}[data-theme=light]{--bp:var(--brand-primary,#14284D);--ba:var(--brand-accent,#F38420);--canvas:color-mix(in oklab,var(--bp) 10%,#F4F6FA);--surface:#FFFFFF;--surface2:color-mix(in oklab,var(--bp) 4%,#FFFFFF);--surface3:color-mix(in oklab,var(--bp) 9%,#FFFFFF);--ink:var(--bp);--ink2:color-mix(in oklab,var(--bp) 80%,#FFFFFF);--muted:color-mix(in oklab,var(--bp) 56%,#FFFFFF);--border:color-mix(in oklab,var(--bp) 14%,#FFFFFF);--border2:color-mix(in oklab,var(--bp) 26%,#FFFFFF);--accent:var(--ba);--accent-soft:color-mix(in oklab,var(--ba) 16%,#FFFFFF);--accent-ink:color-mix(in oklab,var(--ba) 58%,#1E1405);--on-accent:color-mix(in oklab,var(--bp) 74%,#000000);--nav:var(--bp);--on-nav:#FFFFFF;--cta:var(--bp);--on-cta:#FFFFFF;--ok:#14714F;--ok-soft:#E6F3ED;--warn:#9A5A00;--warn-soft:#FDF2E0;--stop:#93292B;--stop-soft:#FAEBEB;--shadow:0 20px 44px color-mix(in oklab,var(--bp) 20%,transparent);--shadow-sm:0 2px 6px color-mix(in oklab,var(--bp) 10%,transparent)}[data-theme=dark]{--bp:var(--brand-primary,#14284D);--ba:var(--brand-accent,#F38420);--canvas:color-mix(in oklab,var(--bp) 26%,#05070C);--surface:color-mix(in oklab,var(--bp) 32%,#0A0E16);--surface2:color-mix(in oklab,var(--bp) 42%,#0A0E16);--surface3:color-mix(in oklab,var(--bp) 54%,#0A0E16);--ink:#F4F7FC;--ink2:#CFDAEA;--muted:#9CACC4;--border:color-mix(in oklab,var(--bp) 52%,#1B2230);--border2:color-mix(in oklab,var(--bp) 58%,#2C3546);--accent:color-mix(in oklab,var(--ba) 82%,#FFFFFF);--accent-soft:color-mix(in oklab,var(--ba) 24%,#0A0E16);--accent-ink:color-mix(in oklab,var(--ba) 72%,#FFFFFF);--on-accent:color-mix(in oklab,var(--bp) 55%,#000000);--nav:color-mix(in oklab,var(--bp) 42%,#05070C);--on-nav:#FFFFFF;--cta:color-mix(in oklab,var(--bp) 66%,#9CC0EE);--on-cta:#FFFFFF;--ok:#63D3A7;--ok-soft:#0F2620;--warn:#F2BC68;--warn-soft:#271D0E;--stop:#F29494;--stop-soft:#2B1515;--shadow:0 20px 44px rgba(0,0,0,.5);--shadow-sm:0 2px 6px rgba(0,0,0,.3)}@keyframes pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}@keyframes spin{to{transform:rotate(360deg)}}.root{min-height:100vh;min-height:100dvh;background:var(--canvas);color:var(--ink);display:flex;justify-content:center}.frame{width:100%;max-width:460px;min-height:100dvh;background:var(--surface);display:flex;flex-direction:column;box-shadow:var(--shadow)}.rail{display:none}.top{padding:14px 22px 10px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:5}.brandrow{display:flex;align-items:center;gap:8px}.mark{height:24px;min-width:24px;padding:0 7px;border-radius:7px;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;white-space:nowrap}.mark img{height:18px;display:block}.brandname{font-size:12px;font-weight:600;color:var(--ink2);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch{display:flex;gap:2px;padding:2px;border-radius:9px;background:var(--surface3)}.switch button{border:0;background:transparent;font-size:11px;font-weight:600;padding:3px 7px;border-radius:7px;color:var(--muted);cursor:pointer}.switch button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.appbar{display:flex;align-items:center;gap:12px;min-height:30px}.back{width:30px;height:30px;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--ink2);font-size:15px;cursor:pointer}.appbar .t{flex:1;font-size:13px;font-weight:600;color:var(--ink2)}.savebtn{font-size:11px;font-weight:600;color:var(--muted);border:1px solid var(--border);background:transparent;padding:4px 8px;border-radius:8px;cursor:pointer}.bars{display:flex;gap:4px}.bars i{flex:1;height:4px;border-radius:99px;background:var(--surface3)}.bars i.on{background:var(--accent)}.steptext{font-size:11.5px;color:var(--muted)}.body{padding:14px 22px 20px;display:flex;flex-direction:column;gap:15px;flex:1}h1{font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.01em;margin:0}.sub{font-size:13.5px;line-height:1.5;color:var(--muted);margin:0}.banner{display:flex;gap:10px;padding:11px 13px;border-radius:12px;background:var(--accent-soft);border:1px solid var(--border)}.banner:before{content:"";width:5px;border-radius:99px;background:var(--accent);flex:0 0 5px}.banner div{font-size:12.5px;line-height:1.45;color:var(--accent-ink);font-weight:500}.banner.warn{background:var(--warn-soft)}.banner.warn:before{background:var(--warn)}.banner.warn div{color:var(--warn)}.foot{padding:12px 22px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--surface)}.cta{height:50px;border-radius:14px;border:0;background:var(--cta);color:var(--on-cta);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.cta:disabled{opacity:.45;cursor:default}.cta2{height:44px;border-radius:13px;border:1px solid var(--border2);background:transparent;color:var(--ink2);font-size:13.5px;font-weight:600;cursor:pointer}.link{border:0;background:transparent;color:var(--accent);font-size:12.5px;font-weight:600;cursor:pointer;padding:4px 0;text-align:center}.footnote{font-size:11.5px;color:var(--muted);text-align:center}.spin{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}.card{display:flex;gap:12px;padding:14px;border-radius:14px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%}.card.on{border-color:var(--accent);background:var(--accent-soft)}.card.off{opacity:.5;cursor:default}.check{width:24px;height:24px;flex:0 0 24px;border-radius:7px;border:2px solid var(--border2);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:transparent}.check.on{background:var(--cta);border-color:var(--cta);color:var(--on-cta)}.card .l{font-size:14.5px;font-weight:600;line-height:1.3}.card .d{font-size:12.5px;line-height:1.45;color:var(--muted)}.tag{font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;background:var(--accent-soft);color:var(--accent-ink);letter-spacing:.04em}.optmark{min-width:44px;height:44px;padding:0 8px;border-radius:12px;background:var(--surface3);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ink2)}.bul{font-size:12px;color:var(--ink2);display:flex;gap:6px;line-height:1.4}.bul:before{content:"•";color:var(--accent)}.group{display:flex;flex-direction:column;gap:11px}.gtitle{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.fld{display:flex;flex-direction:column;gap:5px;min-width:0}.fld.full{grid-column:span 2}.lab{display:flex;gap:5px;align-items:baseline;font-size:12.5px;font-weight:600;color:var(--ink2);line-height:1.35}.lab .req{color:var(--accent);font-size:13px}.lab .opt{font-size:11px;color:var(--muted);font-weight:400}.box{min-height:46px;border-radius:12px;border:1.5px solid var(--border2);background:var(--surface2);display:flex;align-items:center;gap:8px;padding:0 12px;width:100%}.box:focus-within{border-color:var(--accent)}.box.prefill{background:var(--surface3)}.box input,.box select{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14.5px;font-weight:500;height:43px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.box input::placeholder{color:var(--muted);font-weight:400}.box .chev{font-size:11px;color:var(--muted)}.box .lock{font-size:11px;color:var(--ok);font-weight:600;white-space:nowrap}button.box{cursor:pointer;text-align:left;font-size:14.5px;font-weight:500}button.box .ph{color:var(--muted);font-weight:400}.hint{font-size:11.5px;color:var(--muted);line-height:1.4}.err{font-size:12px;color:var(--stop);line-height:1.4}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 13px;border-radius:99px;border:1.5px solid var(--border2);background:var(--surface2);font-size:13px;font-weight:500;cursor:pointer}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.yn{display:flex;gap:8px}.yn button{flex:1;height:44px;border-radius:12px;border:1.5px solid var(--border2);background:var(--surface2);font-size:14px;font-weight:600;cursor:pointer}.yn button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.dates{display:grid;grid-template-columns:1fr 1.4fr 1.2fr;gap:6px}.sheetbg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:460px;max-height:82dvh;background:var(--surface);border-radius:20px 20px 0 0;display:flex;flex-direction:column;padding:16px 18px calc(16px + env(safe-area-inset-bottom));gap:11px}.sheet h2{font-size:17px;margin:0;font-weight:600}.list{overflow:auto;display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.li{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:12px;border:1px solid var(--border);background:var(--surface2);cursor:pointer;font-size:14px;text-align:left;width:100%}.li.on{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.li .r{margin-left:auto;font-size:11.5px;color:var(--muted)}.scan{position:relative;height:196px;border-radius:16px;background:var(--surface3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}.scan .fr{width:82%;height:64%;border-radius:12px;border:2px dashed var(--accent);display:flex;align-items:center;justify-content:center;background:var(--surface2);font-size:12.5px;color:var(--muted);text-align:center;line-height:1.5;padding:0 18px;white-space:pre-line}.scan img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pill{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:99px;background:var(--ink);color:var(--canvas);white-space:nowrap}.shots{display:flex;gap:10px}.shot{flex:1;display:flex;flex-direction:column;gap:6px}.shot div{height:64px;border-radius:11px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--muted)}.shot div.done{color:var(--ok)}.shot span{font-size:11.5px;color:var(--muted);text-align:center}.face{position:relative;width:216px;height:216px;border-radius:50%;background:var(--surface3);border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;align-self:center;overflow:visible}.face .o{width:150px;height:186px;border-radius:50% 50% 46% 46%;border:2px dashed var(--border2)}.face:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:2px solid var(--accent);opacity:.3;animation:pulse 2.4s ease-in-out infinite}.face img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.tip{display:flex;gap:10px;align-items:center;padding:10px 13px;border-radius:11px;background:var(--surface2);border:1px solid var(--border);font-size:13px;line-height:1.4;color:var(--ink2)}.tick{width:20px;height:20px;flex:0 0 20px;border-radius:6px;background:var(--ok-soft);color:var(--ok);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.otp{display:flex;gap:8px}.otp input{flex:1;min-width:0;height:58px;border-radius:12px;border:1.5px solid var(--border2);background:var(--surface2);text-align:center;font-size:22px;font-weight:600;outline:0}.otp input:focus{border-color:var(--accent)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted)}.row b{font-variant-numeric:tabular-nums;color:var(--ink2)}.panel{padding:13px;border-radius:12px;background:var(--surface2);border:1px solid var(--border);display:flex;flex-direction:column;gap:9px}.kv{display:flex;justify-content:space-between;gap:12px;font-size:13px}.kv span:first-child{color:var(--muted)}.kv span:last-child{font-weight:600;text-align:right;word-break:break-word}.wstep{display:flex;gap:11px;align-items:center;font-size:13.5px;color:var(--muted)}.wstep i{width:22px;height:22px;flex:0 0 22px;border-radius:50%;border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:11px;font-style:normal;font-weight:700}.wstep.done{color:var(--ink2)}.wstep.done i{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.wstep.active{color:var(--ink);font-weight:600}.wstep.active i{border-color:var(--accent);animation:pulse 1.6s ease-in-out infinite}.qr{align-self:center;width:150px;height:150px;border-radius:14px;background:repeating-conic-gradient(var(--ink) 0 25%,var(--surface) 0 50%) 0 0/18px 18px;border:8px solid var(--surface);outline:1px solid var(--border)}.status{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding-top:26px}.sicon{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.sicon.ok{background:var(--ok-soft);color:var(--ok)}.sicon.warn{background:var(--warn-soft);color:var(--warn)}.sicon.stop{background:var(--stop-soft);color:var(--stop)}.sicon.info{background:var(--accent-soft);color:var(--accent-ink)}.status h1{font-size:20px}.status p{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}.doc{max-height:190px;overflow:auto;padding:13px;border-radius:12px;background:var(--surface2);border:1px solid var(--border);font-size:12.5px;line-height:1.6;color:var(--ink2)}.doc b{display:block;margin-bottom:6px;color:var(--ink)}.statutory{padding:13px;border-radius:12px;border:1.5px solid var(--ink2);background:var(--surface);font-size:12.5px;line-height:1.6}.pad{position:relative;height:150px;border-radius:12px;border:1.5px dashed var(--border2);background:var(--surface2);touch-action:none}.pad canvas{width:100%;height:100%;display:block;border-radius:12px}.pad .h{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12.5px;color:var(--muted);pointer-events:none}.agree{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.45;cursor:pointer;background:transparent;border:0;text-align:left;padding:0}.rev{border:1px solid var(--border);border-radius:14px;overflow:hidden}.rev .h{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;background:var(--surface2);font-size:13.5px;font-weight:600}.rev .b{padding:11px 13px;display:flex;flex-direction:column;gap:8px}.rev .m{padding:0 13px 11px;font-size:12px;color:var(--warn)}.upl{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:12px;border:1px solid var(--border);background:var(--surface2)}.upl .n{font-size:13.5px;font-weight:600}.upl .m{font-size:11.5px;color:var(--muted)}.upl button{margin-left:auto;border:1px solid var(--border2);background:transparent;border-radius:9px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}@media(min-width:900px){.root{padding:28px;gap:26px;align-items:flex-start}.frame{max-width:720px;min-height:auto;border-radius:22px;overflow:hidden;border:1px solid var(--border)}.rail{display:flex;flex-direction:column;gap:6px;width:270px;position:sticky;top:28px;padding:18px;border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.rail .st{display:flex;gap:11px;padding:10px;border-radius:12px;border:1px solid transparent}.rail .st.on{background:var(--accent-soft);border-color:var(--accent)}.rail .n{width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:var(--surface3);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.rail .st.on .n{background:var(--accent);color:var(--on-accent)}.rail .st.done .n{background:var(--ok-soft);color:var(--ok)}.rail .l{font-size:13.5px;font-weight:600}.rail .m{font-size:11.5px;color:var(--muted)}.top{position:static}.foot{position:static;flex-direction:row-reverse;flex-wrap:wrap}.foot .cta{flex:1;min-width:220px}.foot .cta2{flex:1;min-width:200px;height:50px}.foot .footnote,.foot .link{flex-basis:100%}.sheetbg{align-items:center}.sheet{border-radius:20px}}.person{display:flex;gap:12px;padding:14px;border-radius:14px;background:var(--surface2);border:1px solid var(--border);align-items:center}.person .ini{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:var(--surface3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--ink2)}.person .pb{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.person .pn{font-size:14.5px;font-weight:600;line-height:1.3}.person .pr{font-size:12px;color:var(--muted);line-height:1.4}.person .ps{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:11.5px;font-weight:600}.person .ps i{width:7px;height:7px;border-radius:50%;display:block}.adddash{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:14px;border:1.5px dashed var(--border2);background:transparent;color:var(--accent);font-size:13.5px;font-weight:600;cursor:pointer;width:100%}.node{display:flex;gap:10px;align-items:flex-start}.node .ic{width:22px;height:22px;flex:0 0 22px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-top:11px;background:var(--surface3);color:var(--ink2)}.node .ic.p{background:var(--accent-soft);color:var(--accent-ink)}.node .nb{flex:1;display:flex;flex-direction:column;gap:4px;padding:11px 13px;border-radius:12px;background:var(--surface2);border:1px solid var(--border);min-width:0}.node .nb.ubo{border-color:var(--accent)}.node .nn{font-size:13.5px;font-weight:600;line-height:1.3;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.node .nm{font-size:11.5px;color:var(--muted);line-height:1.4}.node .np{font-size:11.5px;font-weight:600;color:var(--ink2);font-variant-numeric:tabular-nums}.node .link{align-self:center;font-size:12px}.ubotag{font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:5px;background:var(--accent);color:var(--on-accent,#fff);letter-spacing:.04em}.fact{display:flex;gap:10px;padding:12px 13px;border-radius:12px;background:var(--surface3);border:1px solid var(--border);font-size:12px;line-height:1.5;color:var(--ink2)}.fact i{width:5px;border-radius:99px;background:var(--accent);flex:0 0 5px;display:block}.vframe{position:relative;width:100%;height:min(66vh,560px);border-radius:14px;overflow:hidden;background:var(--surface3);border:1px solid var(--border)}.vframe iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}