:root{--bg:#020812;--panel:#071827;--panel2:#0a2135;--line:rgba(71,212,255,.22);--cyan:#23d8e2;--blue:#147cff;--muted:#9fb7ca;--white:#fff;--ok:#62e6a7;--warn:#ffd166}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,rgba(20,124,255,.25),transparent 32%),linear-gradient(145deg,#020812,#041526);font-family:Inter,Arial,"Noto Sans Thai",sans-serif;color:#fff;min-height:100vh}a{text-decoration:none;color:inherit}.top{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(2,8,18,.9);backdrop-filter:blur(15px);position:sticky;top:0;z-index:9}.brand{display:flex;align-items:center;gap:12px}.brand img{width:54px}.brand b{font-size:24px}.brand span{display:block;color:var(--cyan);font-size:10px;letter-spacing:.12em}.back{padding:11px 16px;border:1px solid var(--line);border-radius:14px;color:#dff7ff}.wrap{width:min(1180px,92vw);margin:38px auto 70px}.hero{text-align:center;margin-bottom:28px}.eyebrow{color:var(--cyan);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(34px,5vw,62px);margin:10px 0 8px;letter-spacing:-.04em}.hero p{color:var(--muted);font-size:17px;margin:0}.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.card{border:1px solid var(--line);border-radius:26px;background:linear-gradient(150deg,rgba(9,35,57,.96),rgba(4,14,27,.96));box-shadow:0 25px 80px rgba(0,0,0,.32);padding:28px}.step{display:flex;align-items:center;gap:12px;margin-bottom:17px}.num{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:950}.step h2{font-size:21px;margin:0}.select{width:100%;height:58px;border-radius:16px;border:1px solid var(--line);background:#04101e;color:#fff;padding:0 16px;font-size:16px;font-weight:800}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);color:#fff;padding:12px 15px;font-weight:850;cursor:pointer}.chip.active{border-color:var(--cyan);background:linear-gradient(135deg,rgba(20,124,255,.30),rgba(35,216,226,.18));box-shadow:0 0 0 2px rgba(35,216,226,.08)}.divider{height:1px;background:var(--line);margin:24px 0}.summary{position:sticky;top:105px}.summary h3{margin:0 0 18px;font-size:23px}.route{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.route span{color:var(--muted)}.route b{font-size:17px}.total{margin:20px 0;padding:18px;border:1px solid rgba(35,216,226,.35);border-radius:18px;background:rgba(35,216,226,.07)}.total small{color:var(--muted)}.total strong{display:block;font-size:36px;margin-top:3px}.primary{width:100%;height:58px;border:0;border-radius:17px;background:linear-gradient(90deg,var(--blue),var(--cyan));color:#fff;font-size:17px;font-weight:950;cursor:pointer}.primary:disabled{opacity:.45;cursor:not-allowed}.notice{margin-top:13px;color:var(--muted);font-size:12px;line-height:1.55}.badge{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(98,230,167,.10);color:var(--ok);font-size:12px;font-weight:900}.toast{display:none;margin-top:14px;padding:13px;border:1px solid rgba(98,230,167,.35);border-radius:14px;background:rgba(98,230,167,.09);color:#caffdf}.formula{font-family:ui-monospace,Consolas,monospace;color:#aeeeff;font-size:12px;line-height:1.7;background:#020b16;border:1px solid var(--line);border-radius:14px;padding:13px;margin-top:16px}.admin-link{display:block;text-align:center;margin-top:14px;color:#49eaff;font-weight:800;font-size:13px}@media(max-width:820px){.top{height:70px;padding:0 16px}.brand img{width:43px}.brand b{font-size:19px}.back{font-size:12px;padding:9px 11px}.wrap{width:auto;margin:24px 14px 90px}.hero h1{font-size:36px}.hero p{font-size:14px}.grid{grid-template-columns:1fr}.card{padding:20px;border-radius:22px}.summary{position:static}.chips{display:grid;grid-template-columns:repeat(3,1fr)}.chip{padding:12px 6px}.total strong{font-size:31px}}

/* V81.1: 500 MB and 1-31 day responsive selectors */
.data-chips{display:grid;grid-template-columns:repeat(8,minmax(72px,1fr));gap:10px}
.validity-chips{display:grid;grid-template-columns:repeat(8,minmax(62px,1fr));gap:9px;max-height:238px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:rgba(35,216,226,.5) transparent}
.validity-chips .chip{padding:11px 5px;min-width:0}
.validity-chips::-webkit-scrollbar{width:6px}.validity-chips::-webkit-scrollbar-thumb{background:rgba(35,216,226,.45);border-radius:99px}
@media(max-width:1100px){.data-chips{grid-template-columns:repeat(4,1fr)}.validity-chips{grid-template-columns:repeat(6,1fr)}}
@media(max-width:820px){.data-chips{grid-template-columns:repeat(4,1fr)}.validity-chips{grid-template-columns:repeat(4,1fr);max-height:300px}.validity-chips .chip{font-size:13px;padding:11px 3px}}
@media(max-width:420px){.data-chips{grid-template-columns:repeat(2,1fr)}.validity-chips{grid-template-columns:repeat(4,1fr);gap:7px}.validity-chips .chip{font-size:12px}}