:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#071019;color:#edf4fb}*{box-sizing:border-box}body{margin:0}header{height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #23303d}header b{font-size:16px;letter-spacing:1.5px}header span{color:#baff60}main{max-width:640px;margin:auto;padding:18px 16px 32px}button,input{font:inherit;border-radius:10px;border:1px solid #3c5062;padding:13px 14px;background:#132130;color:#fff;min-height:48px}button{cursor:pointer;font-weight:650}button:disabled{opacity:.55}button.primary{background:#baff60;color:#122008;border-color:#baff60}input:focus-visible,button:focus-visible{outline:3px solid #baff60;outline-offset:2px}#login{padding:45px 8px}h1{font-size:42px;margin:18px 0}p{color:#aabaca;line-height:1.6}#loginForm{display:grid;gap:17px;margin-top:28px}#loginForm label{display:grid;gap:7px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#9aadbe}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.toolbar button,header button{font-size:11px;padding:8px;min-height:36px}.result{background:#152330;border:2px solid #3c5062;border-radius:18px;text-align:center;min-height:320px;display:flex;flex-direction:column;justify-content:center;padding:18px 10px;overflow-wrap:anywhere}#resultCaption{font-size:18px;font-weight:700;letter-spacing:3px}#zone{font-size:clamp(110px,32vw,190px);line-height:1.05;font-weight:900;letter-spacing:-8px}#postcode{font-size:30px;font-weight:750}#waybill{font-size:19px;font-weight:650;margin-top:10px}#detail{font-size:12px;line-height:1.5;margin-top:9px;opacity:.85}.zone-a{background:#baff60;color:#172306;border-color:#baff60}.zone-b{background:#79ceff;color:#06273a;border-color:#79ceff}.zone-c{background:#ffe276;color:#352800;border-color:#ffe276}.zone-d{background:#c6b0ff;color:#281447;border-color:#c6b0ff}.zone-e{background:#ffb577;color:#391e05;border-color:#ffb577}.zone-f{background:#80e3d0;color:#06382e;border-color:#80e3d0}.review,.not_found,.error{background:#51202b;border-color:#ff6b87;color:#fff}.outside{background:#273d59;border-color:#96b9e8}.outside #zone,.review #zone,.not_found #zone,.error #zone,.pending #zone{font-size:clamp(42px,11vw,72px);letter-spacing:-2px;line-height:1.15;margin:18px 0}.scanControls{display:flex;gap:10px;margin:14px 0}.scanControls .primary{flex:1}#cameraBox{height:160px;position:relative;border-radius:12px;overflow:hidden;background:#000;margin-bottom:14px}video{width:100%;height:100%;object-fit:cover}#cameraBox span{position:absolute;bottom:8px;left:10px;font-size:11px;background:#000b;padding:4px 8px;border-radius:5px}#lookupForm{display:flex;gap:8px}#input{min-width:0;flex:1;font-size:15px}.options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:11px;color:#b4c4d4}.options label{display:flex;align-items:center;white-space:nowrap;gap:6px}.options input{min-height:18px;width:18px;height:18px;margin:0}#message{font-size:12px;min-height:22px}footer{font-size:10px;color:#657f94;letter-spacing:1px;text-align:center;margin-top:22px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:380px){main{padding:12px 10px}.result{min-height:285px}.options{align-items:flex-start;flex-direction:column}#waybill{font-size:16px}}@media(orientation:landscape) and (max-height:550px){.result{min-height:210px}#zone{font-size:110px}#cameraBox{height:100px}}

#city{font-size:clamp(23px,6vw,34px);font-weight:750;line-height:1.15;margin:4px 0 10px}#postcode{font-size:25px}