:root{--bg:#f1f1f3;--bg-elevated:#f1f1f3;--card:#f1f1f3;--fg:#3a3f47;--fg-soft:#4b5159;--muted:#8b8f98;--accent:#4b5563;--accent-strong:#353b45;--accent-fg:#ffffff;--accent-soft:rgba(75,85,99,0.1);--border:rgba(185,185,192,0.32);--border-strong:rgba(185,185,192,0.55);--danger:#e5484d;--danger-soft:rgba(229,72,77,0.12);--warn:#c2740a;--field:#e9e9ec;--nm-dark:rgba(190,190,198,0.6);--nm-light:rgba(255,255,255,1);--nm-raised:7px 7px 16px var(--nm-dark),-7px -7px 16px var(--nm-light);--nm-raised-sm:4px 4px 9px var(--nm-dark),-4px -4px 9px var(--nm-light);--nm-inset:inset 5px 5px 10px var(--nm-dark),inset -5px -5px 10px var(--nm-light);--nm-inset-sm:inset 3px 3px 6px var(--nm-dark),inset -3px -3px 6px var(--nm-light);--shadow-sm:var(--nm-raised-sm);--shadow-md:var(--nm-raised);--shadow-lg:var(--nm-raised);--radius:22px;--radius-sm:16px;--radius-lg:30px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI","Noto Sans Thai","Helvetica Neue",Roboto,sans-serif}:root[data-theme=green]{--accent:#0d9488;--accent-strong:#0f766e;--accent-soft:rgba(13,148,136,0.1)}:root[data-theme=blue]{--accent:#4f46e5;--accent-strong:#4338ca;--accent-soft:rgba(79,70,229,0.1)}:root[data-theme=peach]{--accent:#f2674e;--accent-strong:#d8503a;--accent-soft:rgba(242,103,78,0.12)}:root[data-theme=rose]{--accent:#db4f86;--accent-strong:#be3a6e;--accent-soft:rgba(219,79,134,0.12)}:root,html{color-scheme:light}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4{letter-spacing:-.022em;font-weight:700;margin:0 0 4px}h1{font-size:28px}h2{font-size:24px}h3{font-size:19px}h4{font-size:16px}p{margin:0 0 8px}a{color:var(--accent-strong);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}.container{max-width:460px;margin:0 auto;padding:20px 16px 48px}.container-wide{max-width:1120px;margin:0 auto;padding:28px 20px 64px}.card{background:var(--card);border:none;border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--nm-raised)}.card-flat{box-shadow:none}.hero{overflow:hidden;border:none;border-radius:var(--radius-lg);padding:28px 24px;color:var(--fg);background:var(--card);box-shadow:var(--nm-raised)}.hero,.hero *{position:relative}.hero *{z-index:1}.hero .points{color:var(--accent-strong)}.hero .muted{color:var(--muted)}.points{font-size:52px;font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--accent-strong)}.points-unit{font-size:18px;font-weight:600;margin-left:4px;opacity:.85}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--card);color:var(--accent-strong);border:none;border-radius:16px;padding:13px 22px;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:-.01em;cursor:pointer;width:100%;box-shadow:var(--nm-raised-sm);transition:box-shadow .18s ease,color .18s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.btn:hover{color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:active,.btn:disabled{box-shadow:var(--nm-inset-sm)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{color:var(--fg-soft)}.btn-secondary:hover{color:var(--fg)}.btn-danger,.btn-danger:hover{color:var(--danger)}.btn-sm{padding:9px 16px;font-size:14px;width:auto;border-radius:13px}.btn-pill-light{background:var(--card);color:var(--accent-strong);box-shadow:var(--nm-raised-sm)}.btn-pill-light:hover{color:var(--accent)}.input,select.input{width:100%;background:var(--field);color:var(--fg);border:none;border-radius:var(--radius-sm);padding:14px 16px;font-family:inherit;font-size:16px;margin-bottom:12px;box-shadow:var(--nm-inset-sm);transition:box-shadow .18s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder{color:var(--muted)}.input:focus,select.input:focus{outline:none;box-shadow:var(--nm-inset),0 0 0 2px var(--accent-soft)}select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%237a8699' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}label.field-label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:4px 0 6px}.segmented{display:flex;flex-wrap:nowrap;gap:4px;background:var(--field);border-radius:16px;padding:5px;margin-bottom:16px;box-shadow:var(--nm-inset-sm);scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented button{flex:1 1;min-width:0;border:none;background:transparent;color:var(--fg-soft);font-family:inherit;font-size:13px;font-weight:600;padding:9px 4px;border-radius:12px;cursor:pointer;white-space:nowrap;transition:box-shadow .18s ease,color .18s ease}.segmented button.active{background:var(--card);color:var(--accent-strong);box-shadow:var(--nm-raised-sm)}.muted{color:var(--muted);font-size:14px}.row{justify-content:space-between;align-items:center;gap:12px}.row,.stack{display:flex}.stack{flex-direction:column;gap:4px}.badge{display:inline-flex;align-items:center;gap:4px;padding:6px 13px;border-radius:999px;color:var(--accent-strong);font-size:13px;font-weight:700;box-shadow:var(--nm-raised-sm)}.badge,.badge-grey{background:var(--card)}.badge-grey{color:var(--muted)}.badge-warn{background:var(--card);color:var(--warn)}.divider{height:1px;background:var(--border);margin:14px 0;border:none}.item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.item:last-child{border-bottom:none}.item:first-child{padding-top:4px}.code-display{margin-top:14px;padding:18px;text-align:center;background:var(--field);border:none;border-radius:var(--radius-sm);box-shadow:var(--nm-inset);font-size:30px;font-weight:800;letter-spacing:8px;color:var(--accent-strong);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}tr:last-child td{border-bottom:none}.alert-error{color:var(--danger);font-weight:500}.alert-error,.alert-ok{font-size:14px;margin:4px 0}.alert-ok{color:var(--accent-strong);font-weight:600}#ship-label{display:none}#ship-label .sl-brand{font-size:13pt;font-weight:800}#ship-label .sl-from{font-size:8.5pt;color:#333;margin-top:1.5mm;padding-bottom:2.5mm;border-bottom:.4mm solid #000}#ship-label .sl-to-label{font-size:8pt;color:#555;margin-top:3mm}#ship-label .sl-name{font-size:15pt;font-weight:800}#ship-label .sl-addr{font-size:12.5pt;line-height:1.45;margin-top:1mm;white-space:pre-wrap;flex:1 1}#ship-label .sl-foot{border-top:.4mm dashed #777;padding-top:2mm;font-size:8pt;display:flex;justify-content:space-between;gap:4mm}@media print{body *{visibility:hidden!important}#ship-label,#ship-label *{visibility:visible!important}#ship-label{display:flex!important;flex-direction:column;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:100mm;height:100mm;border:.3mm solid #bbb;padding:6mm;box-sizing:border-box;background:#fff;color:#000;font-family:-apple-system,Noto Sans Thai,sans-serif}@page{size:100mm 100mm;margin:0}}.center-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.fade-in{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.fade-in{animation:none}}