:root{--navy-900:#041A3D;--navy-700:#0B438B;--navy-500:#2C5684;--gold-600:#80621F;--gold-500:#EAC879;--gold-100:#FBF7EC;--gold-700:#745715;--paper:#F5F8FC;--card:#FFFFFF;--ink-900:#111827;--ink-600:#4B5563;--ink-400:#54657C;--line:#D8E5F3;--ok:#2F7D46;--ok-bg:#EDF7F0;--stop:#8A3A32;--stop-bg:#FDF2F2;--r:20px;--r-sm:14px;--navy:#12325F;--ink:#111827;--gold:#C8A146;--muted:#4B5563}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:'Anuphan',system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at 0 0,#CFEAFF,transparent 65%),#F3F7FD;color:var(--ink-900);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;min-width:320px}input,button,textarea,select{font-family:inherit}input:focus-visible,button:focus-visible,a:focus-visible,label:focus-visible{outline:3px solid var(--gold-500);outline-offset:2px}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.shell{min-height:100vh;display:flex;justify-content:center;padding:24px 18px 40px}.cardapp{width:min(760px,100%);background:var(--card);border-radius:24px;overflow:hidden;height:fit-content;box-shadow:0 2px 0 #fff inset,0 24px 70px -30px #041A3D55,0 0 0 1px #D8E5F3}@media (max-width:460px){.shell{padding:24px 18px 40px}.cardapp{border-radius:24px;box-shadow:0 2px 0 #fff inset,0 24px 70px -30px #041A3D55,0 0 0 1px #D8E5F3;min-height:100vh;width:min(760px,100%)}}.hdr{background:linear-gradient(120deg,#041A3D,#0B3670);padding:18px 24px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px}.hdr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#EAC879,#77DFFF,#0B438B)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:44px;height:44px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.org{min-width:0}.org b{display:block;color:#fff;font-size:16px;font-weight:700;line-height:1.4}.org span{display:block;color:#C8DBF5;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.03em;text-transform:uppercase;margin-top:2px}.lang{display:flex;background:rgba(255,255,255,.08);border-radius:999px;padding:3px;flex:none}.lang button{border:none;background:transparent;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;padding:8px;border-radius:999px;color:#DAE9FF;cursor:pointer;min-width:44px;min-height:44px}.lang button.on{background:var(--gold-500);color:var(--navy-900)}.pad{padding:28px;animation:none}.pbar{display:flex;gap:7px;margin-bottom:22px}.pbar i{flex:1;height:6px;border-radius:2px;background:#E7EDF6}.pbar i.done{background:var(--gold-500)}.pbar i.now{background:linear-gradient(90deg,#0B438B,#228FE5)}.stepno{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--gold-700)}h2,.h2t{font-size:24px;font-weight:800;letter-spacing:-.01em;margin:3px 0 0;line-height:1.3;text-wrap:balance}.sub{color:var(--ink-600);font-size:14px;margin-top:7px;text-wrap:pretty}.rimmi{display:flex;gap:14px;align-items:center;margin-top:16px;padding:10px 0}.rimmi img{width:58px;flex:none;filter:drop-shadow(0 6px 12px rgba(10,27,54,.14))}.rimmi.big img{width:66px}.bubble{background:linear-gradient(135deg,#0B438B,#082651);color:#EAF1FB;border-radius:18px 18px 18px 4px;padding:16px;font-size:14px;line-height:1.55;flex:1;box-shadow:0 6px 20px -12px #041A3D88}.bubble b{color:var(--gold-500);font-weight:600}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-700);background:var(--gold-100);border:1px solid #EADFC2;padding:5px 11px;border-radius:999px}h1{font-size:clamp(32px,4.4vw,54px);line-height:1.23;font-weight:800;letter-spacing:-.02em;margin:18px 0 0;text-wrap:balance}h1 em{font-style:normal;color:#FFE09A}.lede{color:var(--ink-600);font-size:15px;margin-top:10px;text-wrap:pretty}.board{margin-top:28px;border:0;border-radius:0;overflow:visible}.board-hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px;background:none;color:var(--navy-900);padding:0 0 16px;flex-wrap:wrap}.board-hd b{font-size:23px;font-weight:800}.board-hd span{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-600);letter-spacing:0;flex:none}.brow{display:grid;align-items:center;gap:6px 12px;padding:16px;border-bottom:1px solid var(--line);grid-template-columns:52px minmax(0,1fr);background:linear-gradient(145deg,#fff,#F4F9FF);border:1px solid #CDDEEF;border-radius:16px;box-shadow:0 4px 0 #E0EAF5,0 12px 28px -20px #0B438B99}.brow .name{flex:1;font-size:15px;font-weight:600;line-height:1.4}.brow .name i{display:block;font-style:normal;font-size:11.5px;color:var(--ink-400);margin-top:1px}.tag{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:0;padding:3px 8px;border-radius:6px;white-space:nowrap;background:var(--ok-bg);color:var(--ok)}.sub-hd{background:linear-gradient(115deg,#0B438B,#041A3D);padding:14px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;border:0}.sub-hd b{font-size:16px;font-weight:600;color:#fff}.sub-hd span{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#D6E7FF;flex:none}.vrow{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #EEF2F8;background:#fff}.vrow .vn{flex:1;font-size:14px;line-height:1.45}.vrow .bar{width:30px;height:5px;border-radius:3px;background:#EDF1F7;overflow:hidden;flex:none}.vrow .bar i{display:block;height:100%;background:var(--gold-500)}.vrow .cnt{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-600);min-width:24px;text-align:right;font-variant-numeric:tabular-nums}.vbtn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:5px 9px;font-size:13px;cursor:pointer;line-height:1;flex:none;min-width:44px;min-height:44px;box-shadow:0 3px 0 #E0EAF5}.vbtn.on{border-color:var(--ok);background:var(--ok-bg)}.vbtn:disabled{opacity:.5;cursor:not-allowed}.soon{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.05em;background:var(--gold-500);color:var(--navy-900);padding:2px 7px;border-radius:5px;margin-left:7px;white-space:nowrap}.soon.on{font-family:inherit;letter-spacing:0;font-size:11.5px}.ann{margin-top:16px;background:linear-gradient(115deg,#FFF9EB,#FFEDC2);border:1px solid #D8B66B;border-radius:var(--r-sm);padding:16px 20px;color:#3E3010;animation:none}.ann>b{display:block;font-size:16px;line-height:1.45;color:var(--navy-900)}.ann ul{margin:6px 0 0 20px;font-size:14.5px;line-height:1.6}.ann .af{margin-top:8px;font-size:12.5px;color:#5A4A22;line-height:1.55}.voted{background:#FCF8EE;border-top:1px solid #EFE3C6;padding:10px 15px;font-size:12.5px;color:#6B5A2E;line-height:1.55}.voted b{color:#5A4A22}.privacy{background:#FAFCFF;padding:10px 15px;font-size:11.5px;color:var(--ink-400);border-top:1px solid var(--line);line-height:1.6}.privacy b{color:var(--ink-600)}.vnote{padding:11px 15px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.vnote input{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;font-size:16px;min-height:48px}.vmsg{font-size:12.5px;color:var(--ok);font-weight:500}.howto{margin-top:24px;padding:24px;background:#fff;border:1px solid #D8E5F3;border-radius:20px}.h3{font-size:19px;font-family:inherit;letter-spacing:0;text-transform:uppercase;color:var(--navy-900);font-weight:600}.step{display:flex;gap:13px;margin-top:13px}.step .n{flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#1166AD,#0B438B);color:#fff;font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:1px;box-shadow:0 3px 0 #C7DDF4}.step .t{font-weight:600;font-size:15px}.step .d{color:var(--ink-600);font-size:13.5px;margin-top:1px}.note,.warn{margin-top:16px;background:linear-gradient(125deg,#FFFAEF,#FFF0CE);border:1px solid #D9BB77;border-radius:var(--r-sm);padding:18px;font-size:14px;color:#6B5A2E;line-height:1.6}.note b,.warn b{color:#5A4A22}.note .nt{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-700);display:block;margin-bottom:4px}.err{margin-top:14px;background:var(--stop-bg);border:1px solid #E5B8B4;border-radius:var(--r-sm);padding:12px 14px;font-size:13.5px;color:var(--stop);line-height:1.6}.okbox{margin-top:14px;background:var(--ok-bg);border:1px solid #CFE3D6;border-radius:var(--r-sm);padding:12px 14px;font-size:13.5px;color:#2A5E3A}.cta{margin-top:20px;display:grid;gap:10px}.btn{display:block;width:100%;text-align:center;padding:15px;border-radius:14px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;border:1.5px solid transparent;text-decoration:none;min-height:52px;transition:transform .15s,box-shadow .15s}.btn.primary{background:linear-gradient(120deg,#0B438B,#082651);color:#fff;box-shadow:0 4px 0 #041A3D,0 12px 22px -12px #0B438BAA}.btn.gold{background:linear-gradient(120deg,#FFE5A3,#E4B858);color:var(--navy-900);box-shadow:0 4px 0 #9E7526,0 12px 22px -12px #A8842F77}.btn.ghost{background:#fff;color:var(--navy-700);border-color:#ADC6E1;font-weight:600;box-shadow:0 3px 0 #DCE8F5}.btn:disabled{background:#EEF2F8;color:var(--ink-400);box-shadow:none;cursor:not-allowed;border-color:transparent}.back{display:block;width:100%;text-align:center;margin-top:14px;color:var(--ink-600);font-size:14px;background:none;border:none;cursor:pointer;font-family:inherit;padding:6px;min-height:44px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.chip{border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;font-size:15px;cursor:pointer;color:var(--ink-900);font-family:inherit;min-height:52px;box-shadow:0 3px 0 #E0EAF5}.chip.on{border-color:var(--navy-700);background:linear-gradient(135deg,#0B438B,#062652);color:#fff;font-weight:600}.chip.dim{border-style:dashed;color:var(--ink-400);font-size:13px;padding:8px 13px}.svc{display:flex;align-items:center;gap:11px;border:1.5px solid var(--navy-700);background:#F7FAFE;border-radius:var(--r-sm);padding:12px 14px;margin-top:12px}.svc .tick{width:26px;height:26px;border-radius:7px;background:var(--navy-700);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none}.svc b{font-size:15px;font-weight:600}.lbl{font-size:12.5px;font-weight:600;color:var(--ink-600);margin-top:16px}.clbar{display:flex;align-items:center;gap:10px;margin-top:14px}.clbar .t{flex:1;height:7px;border-radius:4px;background:#EDF1F7;overflow:hidden}.clbar .t i{display:block;height:100%;background:var(--gold-500);transition:width .2s}.clbar .t i.full{background:var(--ok)}.clbar .c{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-600);font-variant-numeric:tabular-nums}.cl{display:flex;gap:11px;padding:16px 0;border-bottom:1px solid #EEF2F8;align-items:flex-start;width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;cursor:pointer;font-family:inherit;min-height:52px}.cl .bx{width:22px;height:22px;border-radius:6px;border:1.5px solid #C9D4E4;flex:none;margin-top:1px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;background:#fff}.cl.on .bx{background:var(--ok);border-color:var(--ok)}.cl .tx{flex:1;font-size:16px;line-height:1.5;color:var(--ink-900)}.cl .tx i{display:block;font-style:normal;font-size:13px;color:var(--ink-400);margin-top:2px}.clconf{display:flex;gap:11px;background:#F7FAFE;border:1.5px solid var(--navy-500);border-radius:var(--r-sm);padding:12px 14px;margin-top:14px;align-items:flex-start;width:100%;text-align:left;cursor:pointer;font-family:inherit}.clconf.on{background:var(--ok-bg);border-color:var(--ok)}.disc{margin-top:12px;background:#EAF3FE;border:1px solid var(--line);border-radius:var(--r-sm);padding:16px;font-size:14px;color:var(--ink-600);line-height:1.55;border-left:4px solid #0B438B}.pdf{display:block;margin-top:12px;padding:12px 14px;border:1.5px solid var(--navy-500);border-radius:var(--r-sm);color:var(--navy-700);font-size:14px;font-weight:600;text-decoration:none;background:#fff}.late90{margin-top:14px;background:#FFF4D6;border:2px solid var(--gold-600);border-radius:var(--r-sm);padding:12px 14px;font-size:15px;line-height:1.5;color:#4A3A12}.late90 b{font-weight:700}.scope{margin-top:16px;border:2px solid #0B438B;border-radius:var(--r-sm);padding:18px;background:linear-gradient(140deg,#F2F8FF,#fff);box-shadow:0 6px 18px -14px #0B438B88}.scope .sh{font-size:20px;font-weight:700;color:var(--navy-700)}.scope .sr{font-size:15px;line-height:1.55;margin-top:6px;color:var(--ink-900)}.scope .sr b{font-weight:600}.scope .sq{font-size:14px;font-weight:600;color:var(--ink-600);margin-top:12px}.scopt{display:flex;gap:11px;align-items:flex-start;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:11px 12px;margin-top:8px;cursor:pointer;font-family:inherit;font-size:15px;color:var(--ink-900);line-height:1.45;min-height:52px}.scopt .rd{width:20px;height:20px;border-radius:50%;border:2px solid #9AA9C0;flex:none;margin-top:1px;background:#fff}.scopt.on{border-color:var(--navy-700);background:#F7FAFE;font-weight:600}.scopt.on .rd{border-color:var(--navy-700);box-shadow:inset 0 0 0 4px #fff;background:var(--navy-700)}.scope .mou{margin-top:12px;background:var(--stop-bg);border:1px solid #E5B8B4;border-radius:10px;padding:11px 13px;font-size:14px;line-height:1.55;color:var(--stop)}.scope .mou .tel{color:var(--stop);font-weight:700;font-size:16px;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}.cal{margin-top:14px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.cal .ch{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#F7FAFE;border-bottom:1px solid var(--line)}.cal .ch b{font-size:15px;font-weight:600}.cal .ch button{border:1px solid var(--line);background:#fff;width:44px;height:44px;border-radius:8px;font-size:15px;cursor:pointer;color:var(--navy-700)}.cal .ch button:disabled{opacity:.3;cursor:not-allowed}.cal .dow{display:grid;grid-template-columns:repeat(7,1fr);padding:8px 8px 2px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-400);text-align:center}.cal .grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:4px 2px 12px}.cal .d{aspect-ratio:auto;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:15px;font-variant-numeric:tabular-nums;background:#fff;border:1px solid var(--line);color:var(--ink-900);cursor:pointer;font-family:'IBM Plex Mono',monospace;min-height:44px}.cal .d.free{border-color:#CFE0F3}.cal .d.off{background:#EDF0F6;border-color:#E3E9F2;color:#55607A;cursor:not-allowed}.cal .d.full{background:#FBF1EF;border-color:#EBD3CE;color:#9C5B50;cursor:not-allowed}.cal .d.soon{color:#59677D;background:#FBFCFE;cursor:not-allowed;margin:0;padding:0;letter-spacing:normal}.cal .d.pick{background:var(--navy-700);border-color:var(--navy-700);color:#fff;font-weight:700}.cal .blank{aspect-ratio:auto;min-height:44px}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:11.5px;color:var(--ink-600)}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:13px;height:13px;border-radius:4px;display:block;flex:none}.field{margin-top:14px}.field label{display:block;font-size:14px;font-weight:600;color:var(--ink-600);margin-bottom:5px}.field input{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:12px 13px;font-size:16px;color:var(--ink-900);background:#fff;min-height:52px;border-color:#AEC6E1}.mono{font-family:'IBM Plex Mono',monospace;letter-spacing:.04em}.rows{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:14px}.rows .r{display:flex;gap:12px;padding:11px 14px;border-bottom:1px solid #EEF2F8;font-size:14px}.rows .r:last-child{border-bottom:0}.rows .k{color:var(--ink-400);flex:none;width:42%;font-size:13px}.rows .v{flex:1;font-weight:500;min-width:0;overflow-wrap:anywhere;word-break:break-word}.center{text-align:center;padding:8px 0}.bigmi{width:110px;margin:6px auto 0;display:block}.circle{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:27px;margin:6px auto 12px;background:#F4F7FC;border:1px solid #D9E1EE;color:var(--navy-700);box-shadow:0 5px 0 #DCE8F5,0 14px 24px -16px #0B438B88}.circle.ok{background:var(--ok-bg);border-color:#CFE3D6;color:var(--ok)}.circle.no{background:var(--stop-bg);border-color:#E5B8B4;color:var(--stop)}.bigt{font-size:22px;font-weight:800;margin-top:10px;text-wrap:balance}.refcap{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:14px;background:#EDF1F8;border:1px solid var(--line);border-radius:9px;padding:8px 14px;margin-top:12px;letter-spacing:.03em}.darkcard{margin-top:16px;background:radial-gradient(ellipse at 100% 0%,#13558B,transparent 70%),linear-gradient(145deg,#041A3D,#0B3670);border-radius:var(--r);padding:24px;color:#fff;position:relative;overflow:hidden;text-align:left;box-shadow:0 5px 0 #041A3D,0 18px 34px -18px #0B438B99}.darkcard .dh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;color:#D3E4FC;text-transform:uppercase}.darkcard .dh b{color:var(--gold-500);font-weight:600;letter-spacing:.06em}.refbig{font-family:'IBM Plex Mono',monospace;font-size:27px;font-weight:600;letter-spacing:.02em;margin-top:8px}.dd{font-size:19px;font-weight:700;margin-top:16px;padding-top:15px;position:relative}.dd::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 6px,transparent 6px 12px)}.dm{font-size:13.5px;color:#BFD2EC;margin-top:3px}.dnote{font-size:12px;color:#D3E4FC;margin-top:12px;border-top:1px solid rgba(255,255,255,.14);padding-top:10px}.tl{margin-top:16px}.tli{display:flex;gap:12px;padding-bottom:14px;position:relative;text-align:left}.tli:not(:last-child)::before{content:"";position:absolute;left:12px;top:26px;bottom:0;width:2px;background:#E7EDF6}.tli.done:not(:last-child)::before{background:var(--ok)}.tli .dot{width:25px;height:25px;border-radius:50%;flex:none;background:#EEF2F8;border:2px solid #DCE4EF;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--ink-400);z-index:1;font-family:'IBM Plex Mono',monospace}.tli.done .dot{background:var(--ok);border-color:var(--ok);color:#fff}.tli.now .dot{background:#fff;border-color:var(--navy-700);color:var(--navy-700);font-weight:700}.tli .tt{font-size:14.5px;font-weight:600;line-height:1.35}.tli .td{font-size:12.5px;color:var(--ink-400)}.tli.pending .tt{color:var(--ink-400);font-weight:500}.qcard{border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 14px;margin-top:12px}.qcard .qq{font-size:14.5px;font-weight:500}.qcard input[type=text]{width:100%;margin-top:9px;border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;font-size:16px;min-height:48px}.yn{display:flex;gap:8px;margin-top:10px}.yn button{flex:1;text-align:center;border:1.5px solid var(--line);background:#fff;border-radius:9px;padding:9px;font-size:16px;cursor:pointer;font-family:inherit;color:var(--ink-900);min-height:48px}.yn button.on{border-color:var(--ok);background:var(--ok-bg);color:var(--ok);font-weight:600}.upl{display:block;text-align:center;border:1.5px dashed #C9D4E4;border-radius:10px;padding:14px;font-size:14px;color:var(--navy-700);margin-top:10px;background:#FBFCFE;cursor:pointer;font-weight:600}.rule{font-size:12px;color:var(--ink-400);margin-top:7px;line-height:1.5}.ft{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);font-size:11.5px;color:var(--ink-400);line-height:1.7}.ft .count{font-family:'IBM Plex Mono',monospace;color:var(--ink-600)}.ft .count b{color:var(--navy-700);font-size:13px}.cardfoot{padding:20px 28px;border-top:2px solid #D8B66B;background:#041A3D;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#D3E2F6}.cardfoot span{font-size:12px;line-height:1.5;color:#D3E2F6}.cardfoot em{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--gold-700);font-style:normal;flex:none}a.link{color:var(--navy-700);cursor:pointer;text-decoration:underline}.brand-en{display:block;color:#fff;font-size:19px;line-height:1.15;letter-spacing:.07em;font-weight:800;max-width:310px}html[lang=en] .org #org{display:none}.org #org{margin-top:5px}.org #org2{font-size:11px}.hero{position:relative;isolation:isolate;margin:-28px -28px 0;padding:34px 30px 28px;overflow:hidden;background:radial-gradient(ellipse at 88% 35%,#1263A9,transparent 58%),linear-gradient(125deg,#041A3D 10%,#073574 75%,#041A3D);color:#fff;border-bottom:2px solid #D8B66B}.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#041A3DF2 0%,#041A3DE0 53%,#041A3D20 72%),url('./assets/hero-terminal.webp') center/cover}.hero-copy{position:relative;z-index:2}.hero .eyebrow{background:#041A3D;color:#FFE4A0;border-color:#D8B66B;letter-spacing:.04em}.hero .lede{color:#E1EDFF;font-size:17px;line-height:1.65;max-width:580px}.hero .cta{max-width:480px}.hero .btn.ghost{background:#041A3D;color:#EAF5FF;border-color:#77DFFF;box-shadow:0 3px 0 #04152E}.hero .btn.primary{color:#041A3D;background:linear-gradient(125deg,#FFF0BB,#E5B850);border-color:#FFEEB7;box-shadow:0 4px 0 #A27829,0 10px 25px #041A3D80}.hero-art{position:relative;min-width:0;min-height:350px;margin-top:24px}.hero .rimmi{position:relative;display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0;min-height:inherit}.rimmi-figure{position:relative;display:inline-block;flex:none;width:86px;height:129px;vertical-align:middle;filter:drop-shadow(0 10px 10px #041A3D22)}.rimmi-sprite{display:block;width:100%;height:100%;background-image:url('./assets/rimmi-wave.webp');background-size:300% 200%;background-repeat:no-repeat;background-position:5% 0}.hero .rimmi-figure{grid-area:1/1;width:230px;height:345px;justify-self:center;align-self:end;z-index:1;filter:drop-shadow(0 14px 9px #020D24AA);transform-origin:50% 100%}.hero .rimmi::after{content:"";grid-area:1/1;align-self:end;justify-self:center;width:240px;height:45px;border:2px solid #F6D787;border-radius:50%;background:radial-gradient(ellipse at center,#228FE5,#0B438B 60%,#041A3D);box-shadow:0 8px 0 #AD863A,0 14px 0 #08224C,0 22px 30px #020D24;transform:translateY(2px)}.hero .bubble{grid-area:1/1;align-self:start;justify-self:end;max-width:260px;position:relative;z-index:2;margin:0;padding:14px;font-size:13px;background:#F1F7FF;color:#102F58;border:1px solid #fff;border-radius:18px 18px 18px 4px;box-shadow:0 8px 24px #03163344}.hero .bubble b{color:#0B438B}.imm-sign{position:absolute;right:0;bottom:60px;z-index:0;font-size:16px;font-weight:800;line-height:1.3;letter-spacing:.04em;color:#fff;border:1px solid #77DFFF;border-right:0;border-radius:12px 0 0 12px;background:linear-gradient(100deg,#041A3D,#0B438B);box-shadow:0 0 20px #228FE588;padding:12px 15px;transform:perspective(450px) rotateY(-12deg);text-align:center}.orbit{position:absolute;z-index:0;display:block;right:5%;top:52%;width:57px;height:67px;border:1px solid #C5E9FF;border-radius:12px;background:linear-gradient(135deg,#fff,#8BBAF3);box-shadow:0 7px 0 #164D8C,0 15px 20px #041A3D66;transform:rotate(13deg)}.orbit-calendar{right:auto;left:1%;top:46%;transform:rotate(-13deg)}.orbit-calendar::before{content:"";position:absolute;left:10px;right:10px;top:19px;bottom:10px;background:repeating-linear-gradient(0deg,transparent 0 8px,#376BAD 8px 10px),repeating-linear-gradient(90deg,transparent 0 8px,#376BAD 8px 10px);border-top:5px solid #0B438B}.orbit-document::before{content:"";position:absolute;left:12px;right:12px;top:14px;height:30px;background:repeating-linear-gradient(#376BAD 0 4px,transparent 4px 10px)}.hero .ann{position:relative;z-index:2;margin-top:30px;color:#493810}.motion-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:16px 0 0;padding:8px 14px;border:1px solid #B5D3F5;border-radius:999px;background:#F3F8FF;color:#12325F;font-size:12px;cursor:pointer;gap:7px}.motion-toggle::before{content:"Ⅱ";font-weight:800}.motion-toggle[aria-pressed=true]::before{content:"▷"}.hero .motion-toggle{position:absolute;left:0;bottom:0;z-index:4;background:#041A3D;color:#E0EFFF;border-color:#74AAD8}.rimmi-figure.bigmi{width:150px;height:225px;display:block;margin:10px auto 20px}.brow .name,.vrow .vn,.bubble,.brand .org{min-width:0;overflow-wrap:anywhere}.open-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.open-services>.sub-hd{grid-column:1/-1;background:none;padding:14px 0 0}.open-services>.sub-hd b{color:#0B438B;font-size:16px}.brow .tag{grid-column:2;justify-self:start;align-self:start}.service-icon{grid-column:1;grid-row:1/3;width:52px;height:56px;display:grid;place-items:center;align-self:center;border-radius:14px;background:linear-gradient(135deg,#1767B7,#041A3D);color:#FFE3A0;box-shadow:0 3px 0 #B4CBE5,0 1px 0 #77DFFF inset;font-size:25px;font-weight:600}.service-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.vote-board{margin-top:28px;border:1px solid #CDDEEF;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px -22px #0B438B77}.chips .chip{flex:1 1 200px;text-align:left;line-height:1.5}.chip.dim.on{color:#fff}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(2px);box-shadow:none}button:disabled{opacity:1}.upl{min-height:48px}input::placeholder{color:#617086;opacity:1}.cardfoot em{color:#D3E2F6}.creator-credit{background:#041A3D;color:#D3E2F6;border-top:1px solid #D8B66B;padding:20px 18px 24px;text-align:center;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.creator-credit span,.creator-credit strong,.creator-credit time{display:block}.creator-credit strong{font-size:15px;font-weight:700;color:#FFE09A;margin:4px 0}.creator-credit time{font-size:12px;color:#B8CEE9;margin-top:8px}.creator-credit .credit-en,html[lang=en] .creator-credit .credit-th{display:none}html[lang=en] .creator-credit .credit-en{display:block}@keyframes rimmiWave{0%,100%{background-position:5% 0%}16.667%{background-position:48.8% 0%}33.334%{background-position:94% 0%}50%{background-position:5% 97%}66.667%{background-position:48.8% 97%}83.334%{background-position:94% 97%}}@keyframes rimmiBreathe{0%,100%{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(1deg) translateY(-3px)}}@keyframes orbitFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}html[data-motion=on] .rimmi.is-visible .rimmi-sprite,html[data-motion=on] .bigmi.is-visible .rimmi-sprite{animation:rimmiWave 2.4s steps(1,end) infinite}html[data-motion=on] .hero .rimmi.is-visible .rimmi-figure{animation:rimmiBreathe 6s ease-in-out infinite}html[data-motion=on] .hero:has(.rimmi.is-visible) .orbit{animation:orbitFloat 6s ease-in-out infinite}@media(min-width:900px){.cardapp:has(.hero){width:min(1180px,100%)}.cardapp:has(.hero) .hdr{padding:22px 36px}.brand-en{font-size:23px;max-width:none}.brand img{width:52px;height:58px}.pad:has(.hero){padding:32px}.hero{margin:-32px -32px 0;padding:42px 36px 30px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}.hero-copy{padding:20px 0 10px;align-self:center}.hero-cta{grid-template-columns:1fr 1.15fr}.hero-art{margin-top:0;min-height:440px}.hero .rimmi-figure{width:282px;height:423px;justify-self:start;margin-left:10px}.hero .rimmi::after{justify-self:start;margin-left:20px;width:270px;height:52px}.hero .bubble{max-width:242px;font-size:13px;right:-8px}.hero .ann{grid-column:1/-1;margin-top:12px}.hero .ann ul{display:flex;gap:12px 28px;flex-wrap:wrap}.imm-sign{font-size:20px;bottom:90px;right:-36px;padding:18px 22px}.orbit-calendar{left:0;top:40%}.orbit-document{top:48%;right:2%}.hero .motion-toggle{bottom:-10px;left:auto;right:0}.open-services{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.howto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}.howto .h3{grid-column:1/-1}.pad:has(.hero)>.cta{grid-template-columns:1fr 1fr}.chips{gap:12px}}@media(max-width:600px){.shell{padding:0}.cardapp{border-radius:0;box-shadow:none;min-height:100vh}.hdr{padding:14px 16px;gap:8px;align-items:flex-start}.brand{gap:9px}.brand img{width:34px;height:42px}.brand-en{font-size:14px;max-width:135px;line-height:1.25;letter-spacing:.07em}.org b{font-size:14px}.org #org2{font-size:11px;letter-spacing:0;max-width:150px;line-height:1.4}.lang{padding:2px}.pad{padding:20px 16px}.hero{margin:-20px -16px 0;padding:24px 18px 24px}.hero::before{background-image:linear-gradient(180deg,#041A3DF2 0%,#041A3DE0 42%,#041A3D20 75%),url('./assets/hero-terminal.webp');background-position:62% center}.hero h1{font-size:34px}.hero .lede{font-size:16px}.hero .cta{margin-top:20px}.hero-art{min-height:380px}.hero .rimmi-figure{justify-self:start;margin-left:0}.hero .bubble{font-size:12px;max-width:158px;padding:12px;right:0}.hero .rimmi::after{justify-self:start;width:225px;transform:translateX(-2px)}.hero .motion-toggle{left:auto;right:0;bottom:-6px}.imm-sign{font-size:15px;right:-18px;bottom:82px;padding:12px}.orbit-document{right:1%;top:49%}.orbit-calendar{left:0;top:49%;width:44px;height:55px}.hero .ann{padding:14px;margin-top:28px}.ann ul{font-size:14px}.ann .af{font-size:12px}.board-hd{align-items:flex-start;gap:3px}.board-hd b{font-size:21px}.board-hd span{font-size:11px;white-space:normal}.open-services{gap:12px}.brow{display:flex;flex-direction:column;align-items:flex-start;padding:14px 12px;gap:8px}.brow .name{font-size:15px}.brow .name i{font-size:11.5px}.brow .tag{margin-top:auto}.service-icon{width:46px;height:48px;font-size:24px}.vrow{padding:12px;gap:7px}.vrow .bar{width:22px}.vrow .cnt{min-width:20px}.sub-hd{gap:5px 10px}.soon{display:inline-block;margin:4px 0 0 4px;white-space:normal}.howto{padding:20px}.cardfoot{padding:18px 16px}.rimmi{gap:10px}.rimmi-figure{width:72px;height:108px}.bubble{font-size:13px;padding:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.btn:hover,.btn:active{transform:none}}
/* Claude ตรวจรับ 8 ต.ค. 69 — แก้การใช้งาน ไม่แตะตรรกะ: ประกาศอยู่จอแรกบนมือถือ · ริมมี่ขยับเฉพาะหน้าแรก · ป้ายอยู่หน้าไอคอน · ไม่ล็อกความกว้างขั้นต่ำ */
@media(max-width:899px){.hero{display:flex;flex-direction:column}.hero-copy{order:1}.hero .ann{order:2;margin-top:18px}.hero-art{order:3}}
.imm-sign{z-index:1}
body{min-width:0}
html[data-motion=on] .rimmi.is-visible .rimmi-sprite,html[data-motion=on] .bigmi.is-visible .rimmi-sprite{animation:none}
html[data-motion=on] .hero .rimmi.is-visible .rimmi-sprite{animation:rimmiWave 2.4s steps(1,end) infinite}

/* เพลงน้องริมมี่ (music.js) — ปุ่มหัวเว็บทุกหน้า + ปุ่มรองในหน้าแรก · ปิดเป็นค่าเริ่มต้น */
.music-hdr{flex:none;margin-left:auto;min-width:44px;min-height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#DAE9FF;font-size:18px;line-height:1;cursor:pointer}
html[data-music=on] .music-hdr{background:var(--gold-500);border-color:var(--gold-500);color:var(--navy-900)}
/* ปุ่มเพลงหน้าแรก: แถวเดียวกับปุ่มหยุดภาพ มุมล่างขวาของภาพริมมี่ (มติ 9 ต.ค. 69) */
.hero-ctrls{position:absolute;right:0;bottom:-6px;z-index:4;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:100%}
.hero .hero-ctrls .motion-toggle{position:static;margin:0}
.music-hero{display:inline-flex;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid #74AAD8;border-radius:999px;background:#041A3D;color:#E0EFFF;font-size:12px;cursor:pointer;line-height:1.3}
html[data-music=on] .music-hero{border-color:#EAC879;color:#FFE7A8}
/* การ์ดประเภทงานกดได้ · ประเภทรอเปิดป้ายทอง (มติ 9 ต.ค. 69) */
button.brow{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}
button.brow:hover{border-color:#8DB6E4}
.tag.tag-soon{font-family:inherit;letter-spacing:0;font-size:12px;background:#FFF1CC;color:#6B4E00;border:1px solid #E4C373}
/* 1 คิว = ผู้ยื่น 1 คน (มติ 9 ต.ค. 69) — กล่องขอบเขต + หน้าทบทวน */
.party{margin-top:12px;background:#EEF5FF;border:1.5px solid #2C4C7C;border-left-width:5px;border-radius:var(--r-sm);padding:11px 13px;font-size:14px;font-weight:600;line-height:1.55;color:#0A1B36}
/* บริการอื่น ๆ กับน้องริมมี่ — ก่อนเครดิตผู้จัดทำ (10 ต.ค. 69 · แบบเดียวกับ Rayongevity) */
.svc-en{display:none}html[lang=en] .eco .svc-th{display:none}html[lang=en] .eco .svc-en{display:inline}
.eco{background:linear-gradient(160deg,#071F45,#0B3670);color:#E8F1FF;border-top:1px solid #D8B66B;padding:22px 20px 18px}
.eco-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.eco-kick{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;color:#EAC879;margin:0}
.eco h2{font-size:19px;line-height:1.35;color:#fff;margin:2px 0 0}
.eco-desc{font-size:13px;line-height:1.55;color:#C9DAF2;margin:4px 0 0;max-width:520px}
.eco-all{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #EAC879;border-radius:999px;color:#FFE7A8;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.eco-all:hover,.eco-card:hover{border-color:#FFE09A;background:rgba(255,255,255,.12)}
.eco-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.eco-card{position:relative;display:flex;flex-direction:column;gap:4px;min-height:44px;padding:12px 12px 13px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;overflow-wrap:anywhere}
.eco-ic{font-size:22px;line-height:1}
.eco-card small{font-size:11px;font-weight:600;color:#EAC879;line-height:1.4;padding-right:14px}
.eco-card strong{font-size:14.5px;line-height:1.35;color:#fff}
.eco-card .d{font-size:12px;line-height:1.45;color:#C9DAF2}
.eco-arrow{position:absolute;top:10px;right:12px;font-size:13px;color:#EAC879}
.eco-note{font-size:11.5px;line-height:1.5;color:#B8CEE9;margin:12px 0 0}
.eco a:focus-visible{outline:3px solid #FFE09A;outline-offset:2px}
@media(min-width:900px){.eco{padding:26px 36px 22px}.eco-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* การ์ดเด่น Rayongevity: เต็มแถว · มือถือ = ใบล่างเต็มกว้าง · จอ ≥600px = แถบแนวนอน · โทนเขียวมรกตตามธีม Rayongevity */
.eco-feature{grid-column:1/-1;background:linear-gradient(120deg,rgba(16,122,92,.38),rgba(255,255,255,.07));border-color:rgba(110,231,183,.45)}
.eco-feature small{color:#A7F3D0}
.eco-feature .eco-arrow{color:#A7F3D0}
.eco-feature:hover{border-color:#6EE7B7;background:linear-gradient(120deg,rgba(16,122,92,.5),rgba(255,255,255,.1))}
.eco-ftext{display:flex;flex-direction:column;gap:4px;min-width:0}
@media(min-width:600px){.eco-feature{flex-direction:row;align-items:center;gap:14px;padding:14px 44px 14px 16px}.eco-feature .eco-ic{font-size:28px}.eco-feature .eco-arrow{top:50%;transform:translateY(-50%);right:16px;font-size:16px}}