:root{--bg: #0b0f14;--fg: #e6edf3;--muted: #8b98a5;--line: #1e2936;--grant: #15803d;--deny: #b91c1c;--warn: #b45309;--unknown: #4338ca;--cannot-verify: #6d28d9;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;user-select:none;overscroll-behavior:none}.app{display:flex;flex-direction:column;height:100%;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.banner{flex:0 0 auto;display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.95rem;font-weight:600;letter-spacing:.01em}.banner--online{background:transparent;color:var(--muted);font-weight:500}.banner--degraded{background:transparent;color:#d9a441}.banner--offline{background:var(--warn);color:#fff;font-size:1.05rem}.banner__dot{width:.6rem;height:.6rem;border-radius:50%;background:currentColor;flex:0 0 auto}.banner__spacer{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:500;opacity:.85}.viewfinder{position:relative;flex:1 1 auto;overflow:hidden;background:#000}.viewfinder video{width:100%;height:100%;object-fit:cover}.viewfinder__reticle{position:absolute;inset:50% 50% auto auto;transform:translate(50%,-50%);width:min(62vw,62vh);height:min(62vw,62vh);border:3px solid rgba(255,255,255,.75);border-radius:1.25rem;pointer-events:none}.viewfinder__hint{position:absolute;left:0;right:0;bottom:1.25rem;text-align:center;color:#ffffffd9;font-size:1rem}.controls{flex:0 0 auto;display:flex;align-items:stretch;gap:.5rem;padding:.6rem .75rem;background:#0f1621;border-top:1px solid var(--line)}.controls__select{flex:1 1 auto;min-width:0;min-height:3.25rem;padding:0 .75rem;font-size:1rem;color:var(--fg);background:#111823;border:2px solid var(--line);border-radius:.6rem}.segmented{display:flex;flex:0 0 auto;border:2px solid var(--line);border-radius:.6rem;overflow:hidden}.segmented__item{min-width:4.5rem;min-height:3.25rem;font-size:1.05rem;font-weight:700;color:var(--muted);background:#111823;border:none}.segmented__item.is-active{color:#fff;background:#1d4ed8}.icon-button{flex:0 0 auto;width:3.25rem;min-height:3.25rem;font-size:1.3rem;color:var(--fg);background:#111823;border:2px solid var(--line);border-radius:.6rem}.icon-button.is-active{color:#0b0f14;background:#d9a441;border-color:#d9a441}.manual{flex:0 0 auto;display:flex;gap:.5rem;padding:0 .75rem .75rem;background:#0f1621}.manual__input{flex:1 1 auto;min-width:0;padding:.85rem 1rem;font-size:1.15rem;font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--fg);background:#111823;border:2px solid var(--line);border-radius:.6rem}.update-prompt{position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + var(--safe-bottom));z-index:20;display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.95rem;background:#16202e;border:2px solid var(--line);border-radius:.75rem}.update-prompt span{flex:1 1 auto}.button--small{min-height:2.5rem;padding:.5rem .9rem;font-size:.9rem}.result{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem calc(1.5rem + env(safe-area-inset-right,0px)) 1.5rem calc(1.5rem + env(safe-area-inset-left,0px));text-align:center;animation:result-in 90ms ease-out}@keyframes result-in{0%{opacity:.4}}@media(prefers-reduced-motion:reduce){.result{animation:none}}.result--grant{background:var(--grant)}.result--deny{background:var(--deny)}.result--warn{background:var(--warn)}.result--unknown{background:var(--unknown)}.result--cannot-verify{background:var(--cannot-verify)}.result__icon{font-size:clamp(4rem,18vh,8rem);line-height:1}.result__outcome{font-size:clamp(1.75rem,6vh,3rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff}.result__name{font-size:clamp(1.5rem,5vh,2.5rem);font-weight:700;color:#fff;overflow-wrap:anywhere}.result__reason{font-size:clamp(1.5rem,5vh,2.5rem);font-weight:600;color:#fffffff2;max-width:22ch}.result__meta{font-size:1rem;color:#fffc}.result__provisional{margin-top:.5rem;padding:.4rem .9rem;border:2px solid rgba(255,255,255,.6);border-radius:999px;font-size:.95rem;font-weight:700;letter-spacing:.03em;color:#fff}.result__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.override{display:flex;flex-direction:column;gap:.6rem;width:min(22rem,100%);margin-top:1rem}.override__input{padding:.9rem 1rem;font-size:1.15rem;color:#fff;background:#0000004d;border:2px solid rgba(255,255,255,.6);border-radius:.6rem}.override__input::placeholder{color:#ffffffb3}.override__error{font-weight:700;color:#fff}.result__dismiss{margin-top:1.25rem;padding:1rem 2.5rem;min-height:3.5rem;min-width:12rem;font-size:1.15rem;font-weight:700;color:#fff;background:#00000047;border:2px solid rgba(255,255,255,.7);border-radius:.75rem}.result__dismiss--secondary{min-width:9rem;font-size:1rem;font-weight:600;background:transparent;border-color:#ffffff73}.screen{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:1.1rem;padding:2rem;max-width:30rem;margin:0 auto;width:100%}.screen h1{font-size:1.6rem;margin:0}.screen p{color:var(--muted);margin:0;line-height:1.5}.field{display:flex;flex-direction:column;gap:.45rem}.field label{font-size:.9rem;color:var(--muted)}.field input{padding:.9rem 1rem;font-size:1.35rem;font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);background:#111823;border:2px solid var(--line);border-radius:.6rem}.field input:focus{outline:none;border-color:#3b82f6}.button{padding:1rem 1.25rem;min-height:3.25rem;font-size:1.1rem;font-weight:700;color:#fff;background:#1d4ed8;border:none;border-radius:.6rem}.button:disabled{opacity:.5}.button--ghost{background:transparent;border:2px solid var(--line);color:var(--fg)}.error{padding:.85rem 1rem;background:#b91c1c26;border:2px solid var(--deny);border-radius:.6rem;color:#fca5a5}.status-grid{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;font-size:.95rem}.status-grid dt{color:var(--muted)}.status-grid dd{margin:0;font-variant-numeric:tabular-nums}.result__portrait{display:flex;flex-direction:column;align-items:center;gap:.35rem}.result__photo--logo{object-fit:contain;background:#ffffffeb;border-style:dashed}.result__portrait-note{font-size:.85rem;font-weight:600;letter-spacing:.01em;color:#ffffffeb;text-align:center}.result__photo{width:clamp(7rem,26vh,12rem);height:clamp(7rem,26vh,12rem);object-fit:cover;border-radius:.75rem;border:3px solid rgba(255,255,255,.85);background:#00000040}.notice{padding:.75rem 1rem;border-radius:8px;border:1px solid #8a6d3b;background:#2b2313;color:#f0d99b;font-size:.9rem;line-height:1.45}.result__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:.6rem 0 0}.result__badge{padding:.3rem .8rem;border-radius:999px;font-size:1.05rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;box-shadow:0 0 0 2px #ffffffd9}.viewfinder__reader{position:absolute;left:.75rem;bottom:.75rem;padding:.2rem .5rem;border-radius:.25rem;background:#0000008c;color:#d8f5d8;font-size:.75rem;font-variant-numeric:tabular-nums;pointer-events:none}.viewfinder__hint--problem{color:#ffb4ab}.viewfinder__error{position:absolute;left:12px;right:12px;bottom:44px;padding:6px 10px;border-radius:8px;background:#cf222ed9;color:#fff;font-size:14px;line-height:1.35}.viewfinder__camera{position:absolute;left:12px;right:12px;top:12px;padding:10px 12px;border-radius:10px;background:#0b0f14e0;color:#e6edf3;font-size:14px;line-height:1.4}.viewfinder__camera p{margin:4px 0 8px;color:#9fb3c8}.knock{flex:0 0 auto;user-select:none;-webkit-user-select:none}.pin{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#000000b3}.pin__card{display:flex;flex-direction:column;gap:.8rem;width:min(22rem,100%);padding:1.25rem;background:#0f1621;border:1px solid #1f2a3a;border-radius:12px}.pin__actions{display:flex;gap:.5rem}.setup{flex:1 1 auto;display:flex;flex-direction:column;gap:1.1rem;padding:1.25rem;overflow-y:auto}.setup h1{margin:0;font-size:1.6rem}.setup h2{margin:0 0 .4rem;font-size:1.05rem;color:var(--fg)}.setup__section{display:flex;flex-direction:column;gap:.55rem;padding:.9rem 1rem;background:#0f1621;border-radius:12px}.setup__row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;line-height:1.35}.setup__row input[type=checkbox],.setup__row input[type=radio]{width:1.3rem;height:1.3rem;flex:0 0 auto}.setup__row input[type=range]{flex:1 1 12rem;min-width:10rem}.setup__inline{display:inline-flex;align-items:center;gap:.35rem;margin-right:.5rem}.setup__number{width:5rem;padding:.4rem .5rem;color:var(--fg);background:#111823;border:1px solid #1f2a3a;border-radius:8px;font-size:1rem}.setup__panel{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;border:1px solid #1f2a3a;border-radius:10px}.setup__error{color:var(--deny)}.setup__info{display:flex;flex-direction:column;gap:.2rem;font:.85rem/1.4 ui-monospace,Menlo,Consolas,monospace;color:var(--muted);word-break:break-all}.muted{color:var(--muted)}.reader-test{display:flex;flex-direction:column;gap:.2rem;max-height:14rem;overflow-y:auto;font:.85rem/1.4 ui-monospace,Menlo,Consolas,monospace}.viewfinder--dark{background:#0b0f14}.station{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.station__header{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;padding:.8rem 1.25rem;background:#0f1621}.station__point{font-size:1.5rem;font-weight:800}.station__point--problem{color:var(--deny);font-size:1.1rem}.station__reader,.station__last{font-size:.9rem;color:var(--muted)}.station__error{margin-top:.2rem;color:var(--deny)}.station__controls{display:flex;align-items:center;gap:.6rem}.station__empty{flex:1 1 auto;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--muted)}.station__grid{flex:1 1 auto;display:grid;grid-auto-rows:minmax(0,1fr);gap:.6rem;min-height:0;padding:.75rem}.tile{display:flex;flex-direction:column;gap:.2rem;min-width:0;min-height:0;padding:.7rem .8rem;color:#fff;border-radius:12px;overflow:hidden}.tile--grant{background:var(--grant)}.tile--deny{background:var(--deny)}.tile--unknown{background:var(--unknown)}.tile--cannot-verify{background:var(--cannot-verify)}.tile--latest{outline:3px solid #fff;outline-offset:-3px}.tile__top{display:flex;align-items:baseline;justify-content:space-between}.tile__icon{font-size:1.6rem;font-weight:900;line-height:1}.tile--latest .tile__icon{font-size:2.4rem}.tile__time{font-size:.8rem;opacity:.85}.tile__head{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.tile--latest .tile__head{font-size:1.25rem}.tile__portrait{display:flex;align-items:center;gap:.4rem;min-height:0}.tile__photo{width:3.4rem;height:4.25rem;object-fit:cover;border-radius:6px;border:2px solid rgba(255,255,255,.85);background:#00000040;flex:none}.tile--latest .tile__photo{width:5.2rem;height:6.5rem}.tile__photo--logo{object-fit:contain;background:#ffffffeb;border-style:dashed}.tile__portrait-note{font-size:.7rem;font-weight:700;line-height:1.15;opacity:.95}.tile__name{font-size:1.05rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile__reason,.tile__note{font-size:.85rem;opacity:.92;overflow:hidden;text-overflow:ellipsis}.tile__note{font-weight:700}.stepper{display:inline-flex;align-items:stretch;border-radius:10px;overflow:hidden;background:#111823}.stepper__button{width:3rem;min-height:3.25rem;font-size:1.6rem;font-weight:700;color:var(--fg);background:transparent;border:0}.stepper__value{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:4rem;font-size:1.4rem;font-weight:800;line-height:1}.stepper__label{margin-top:.15rem;font-size:.7rem;font-weight:600;color:var(--muted);text-transform:uppercase}.setup__text{flex:1 1 14rem;min-width:10rem;padding:.5rem .6rem;color:var(--fg);background:#111823;border:1px solid #1f2a3a;border-radius:8px;font-size:1rem}.setup__antennas{display:flex;flex-direction:column;gap:.3rem}.enrol-scan{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.enrol-video{width:100%;max-height:40vh;border-radius:10px;background:#000;object-fit:cover}