:root{--wlx-bg: #0b3d91;--wlx-bg-soft: #12336f;--wlx-surface: #ffffff;--wlx-ink: #1a1a2e;--wlx-muted: #5b6472;--wlx-accent: #0b3d91;--wlx-ok: #107c10;--wlx-warn: #9a6700;--wlx-error: #c50f1f;--wlx-info: #f2c200;--wlx-radius: 16px;--wlx-key: min(22vw, 13vh);--wlx-key-gap: min(4vw, 2.4vh);--wlx-glow: 0 2px 8px rgba(0, 0, 0, .75)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--wlx-ink);background:linear-gradient(160deg,var(--wlx-bg),var(--wlx-bg-soft));-webkit-user-select:none;user-select:none;overflow:hidden}.kiosk{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));gap:16px;overflow-y:auto}.kiosk--camera{background:#000;overflow:hidden}.kiosk__camera{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000;transform:scaleX(-1);z-index:0}.kiosk__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#00000026,#00000080);z-index:1}.kiosk__header,.kiosk__body,.kiosk__toasts{position:relative;z-index:2}.kiosk__header{width:100%;display:flex;flex-direction:column;gap:8px}.kiosk__dept{color:#fff;font-size:28px;font-weight:700;text-align:center;text-shadow:var(--wlx-glow)}.kiosk__body{flex:1;width:100%;display:flex;align-items:center;justify-content:center}.kiosk__toasts{position:absolute;left:16px;right:16px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.card{background:var(--wlx-surface);border-radius:var(--wlx-radius);padding:16px;box-shadow:0 8px 24px #0000002e}.statusbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.badge{border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;color:#fff;background:#00000059}.badge--offline{background:var(--wlx-error)}.badge--syncing{background:var(--wlx-warn)}.badge--queued{background:#444}.badge--skew{background:var(--wlx-warn)}.pinpad{display:flex;flex-direction:column;gap:var(--wlx-key-gap);align-items:center}.pinpad__display{font-size:calc(var(--wlx-key) * .45);letter-spacing:.3em;min-height:calc(var(--wlx-key) * .6);line-height:calc(var(--wlx-key) * .6);color:#fff;text-shadow:var(--wlx-glow)}.pinpad__grid{display:grid;grid-template-columns:repeat(3,var(--wlx-key));grid-auto-rows:var(--wlx-key);gap:var(--wlx-key-gap)}.pinpad__key{font-size:calc(var(--wlx-key) * .4);font-weight:700;border:2px solid rgba(255,255,255,.75);border-radius:50%;background:transparent;color:#fff;text-shadow:var(--wlx-glow);box-shadow:0 0 10px #00000059,inset 0 0 10px #00000040;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pinpad__key:active{background:#ffffff4d}.pinpad__key:disabled{opacity:.4}.pinpad__key--clear,.pinpad__key--enter{font-size:calc(var(--wlx-key) * .2);text-transform:uppercase;letter-spacing:.05em}.pinpad__key--clear{border-color:#ff8c8ce6;color:#ffd0d0}.pinpad__key--enter{border-color:#78e678f2;color:#d4ffd4}.pill{border-radius:999px;padding:10px 20px;font-size:20px;font-weight:700;color:#fff;background:#0009;text-align:center}.pill--warn{background:#a15c00}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;color:#fff;animation:overlay-in .15s ease-out}.overlay--ok{background:var(--wlx-ok)}.overlay--error{background:var(--wlx-error)}.overlay--info{z-index:20;background:var(--wlx-info);color:var(--wlx-ink)}.overlay__icon{font-size:min(30vw,22vh);line-height:1;font-weight:700}.overlay__title{font-size:min(9vw,7vh);font-weight:800}.overlay__detail{font-size:min(6vw,4.5vh);font-weight:600}.overlay__button{margin-top:16px;min-width:min(70vw,360px);height:88px;font-size:32px;font-weight:800;border:none;border-radius:var(--wlx-radius);background:var(--wlx-ink);color:#fff;cursor:pointer;touch-action:manipulation}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.pairing{max-width:520px;margin:8vh auto 0}.pairing h1{font-size:22px}.pairing textarea{width:100%;min-height:120px;font-family:ui-monospace,monospace;font-size:14px;border-radius:10px;border:1px solid #c7cdd8;padding:10px}.pairing button{margin-top:12px;width:100%;height:56px;font-size:18px;font-weight:700;border:none;border-radius:var(--wlx-radius);background:var(--wlx-accent);color:#fff;cursor:pointer}.pairing button.pairing__secondary{height:48px;font-size:16px;background:transparent;color:var(--wlx-accent);border:1px solid #c7cdd8}.pairing button:disabled{opacity:.5;cursor:default}.pairing__modes{display:flex;gap:24px;margin:12px 0;font-size:18px}.pairing__field{display:block;width:100%;height:48px;margin-top:8px;padding:0 10px;font-size:16px;border-radius:10px;border:1px solid #c7cdd8;background:#fff}.pairing__note{font-size:14px;color:#5b6475}.pairing__error{color:var(--wlx-error);margin-top:10px}