:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf4f7;--surface:#ffffffad;--surface-strong:#ffffffe0;--text:#102035;--muted:#5f6d7e;--line:#ffffff8f;--line-strong:#283e5424;--accent:#087b78;--accent-strong:#035e65;--mint:#74d7ba;--blue:#6ba6ff;--coral:#f29a7e;--warning:#a95700;--danger:#bb2a3b;--shadow:0 34px 90px #0b203633}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 18% 20%, #74d7ba6b, transparent 28%), radial-gradient(circle at 78% 14%, #6ba6ff5c, transparent 24%), radial-gradient(circle at 80% 82%, #f29a7e57, transparent 30%), linear-gradient(135deg, #fffffff5, #e4eef6eb), var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;overflow-x:hidden}button{font:inherit}.gate-shell{place-items:center;min-height:100vh;padding:clamp(16px,3vw,40px);display:grid;position:relative;overflow:hidden}.ambient{pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient:before,.ambient:after{content:"";aspect-ratio:1;filter:blur(16px);opacity:.46;border-radius:50%;width:48vmax;position:absolute}.ambient:before{background:radial-gradient(circle,#087b7847,#0000 64%);top:-20vmax;left:-18vmax}.ambient:after{background:radial-gradient(circle,#6ba6ff52,#0000 66%);bottom:-22vmax;right:-20vmax}.particle{--size:calc(4px + (var(--i) % 5) * 2px);left:calc((var(--i) * 41) % 100 * 1%);top:calc((var(--i) * 67) % 100 * 1%);width:var(--size);height:var(--size);animation:particle-drift calc(14s + (var(--i) % 8) * 1s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.7s);background:#ffffffb8;border-radius:999px;position:absolute;box-shadow:0 0 22px #087b7838}.gate-display{background:linear-gradient(145deg, #ffffffd6, #ffffff8a), var(--surface);border:1px solid var(--line);width:min(100%,1180px);min-height:min(760px,100vh - 42px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px)saturate(150%);border-radius:32px;grid-template-rows:auto 1fr auto;gap:clamp(14px,2.2vh,24px);padding:clamp(18px,2.6vw,34px);display:grid;position:relative;overflow:hidden}.gate-display:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffffb8,#0000 28%),radial-gradient(circle at 92% 10%,#fffc,#0000 16%);position:absolute;inset:1px}.gate-header,.gate-footer{z-index:1;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.brand-lockup{max-width:680px}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:clamp(14px,1.1vw,18px);font-weight:800}h1{letter-spacing:0;max-width:none;margin:0;font-size:clamp(40px,4.8vw,68px);line-height:.98}.status-pill{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);min-width:162px;min-height:52px;color:var(--muted);white-space:nowrap;background:#ffffff75;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffffb8,0 16px 34px #0b203614}.status-pill.ready{color:var(--accent-strong);background:#e6faf4ad;border-color:#087b7838}.status-pill.warning{color:var(--warning);background:#ffefd3c7;border-color:#b35c0038}.status-dot{width:10px;height:10px;box-shadow:0 0 0 7px color-mix(in srgb, currentColor 14%, transparent);background:currentColor;border-radius:999px}.content-grid{z-index:1;grid-template-columns:minmax(260px,.54fr) minmax(340px,1.46fr);gap:clamp(16px,2.4vw,28px);min-height:0;display:grid;position:relative}.signal-panel{align-content:center;gap:14px;display:grid}.signal-card,.progress-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);background:#ffffff7a;border-radius:24px;box-shadow:inset 0 1px #ffffffad,0 18px 46px #0b203614}.signal-card{align-content:space-between;gap:14px;min-height:156px;padding:20px;display:grid}.card-label{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.signal-card strong,.progress-card strong{color:var(--text);font-size:clamp(23px,2.1vw,34px);line-height:1;display:block}.signal-card p{color:var(--muted);margin:0;font-size:15px;font-weight:700;line-height:1.4}.progress-card{justify-content:space-between;align-items:center;gap:16px;min-height:154px;padding:18px;display:flex}.time-ring{aspect-ratio:1;background:radial-gradient(circle closest-side, #ffffffeb 72%, transparent 73%), conic-gradient(var(--accent) var(--progress), #1020351a 0);width:96px;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:999px;place-items:center;display:grid}.time-ring span{aspect-ratio:1;background:var(--accent-strong);border-radius:999px;width:12px}.qr-stage{border:1px solid var(--line);background:linear-gradient(150deg,#ffffff94,#ffffff47),#f4f8fb94;border-radius:30px;place-items:center;min-height:0;padding:clamp(18px,3.2vw,34px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffc7,0 22px 54px #0b20361a}.qr-stage:before{content:"";background-image:linear-gradient(#087b7817 1px,#0000 1px),linear-gradient(90deg,#087b7817 1px,#0000 1px);background-size:34px 34px;border-radius:26px;position:absolute;inset:24px;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.scan-frame{aspect-ratio:1;border:1px solid #087b7829;border-radius:26px;width:min(62vh,49vw,520px);position:absolute}.scan-frame:before,.scan-frame:after{content:"";pointer-events:none;border-radius:18px;position:absolute;inset:18px}.scan-frame:before{background:linear-gradient(#0000, #0000) padding-box, conic-gradient(from 90deg, var(--accent), transparent 18%, transparent 32%, var(--blue), transparent 54%, transparent 72%, var(--coral), var(--accent)) border-box;opacity:.78;border:2px solid #0000}.scan-frame:after{background:linear-gradient(90deg,#0000,#087b789e,#0000);border-radius:999px;height:2px;animation:3.8s ease-in-out infinite scan-sweep;inset:50% 28px auto;box-shadow:0 0 18px #087b7847}.qr-used-warning{z-index:3;min-height:72px;color:var(--warning);-webkit-backdrop-filter:blur(18px);background:#fff7e8d1;border:1px solid #b35c0042;border-radius:20px;gap:4px;padding:14px 18px;display:grid;position:absolute;inset:auto clamp(18px,3vw,36px) clamp(18px,3vw,36px);box-shadow:0 18px 42px #10182829}.qr-used-warning strong{font-size:18px}.qr-used-warning span{color:#5b3b12;font-size:16px;font-weight:700}.qr-code{z-index:1;aspect-ratio:1;background:linear-gradient(145deg,#fffffffa,#f6fbfbfa);border:1px solid #ffffffc2;border-radius:28px;place-items:center;width:min(58vh,46vw,480px);padding:clamp(16px,3vw,30px);display:grid;position:relative;box-shadow:0 24px 66px #0b20362e,inset 0 1px #ffffffeb}.qr-code svg{width:100%;height:100%;display:block}.qr-placeholder{z-index:1;aspect-ratio:1;width:min(58vh,46vw,480px);color:var(--muted);text-align:center;background:#ffffffc2;border:1px dashed #5f6d7e5c;border-radius:28px;place-items:center;padding:28px;font-size:clamp(22px,3vw,34px);font-weight:700;display:grid;position:relative}.qr-placeholder.error{color:var(--danger);align-content:center;gap:12px}.qr-placeholder.error span{max-width:420px;color:var(--muted);font-size:18px;font-weight:500}.gate-metrics{flex:1;grid-template-columns:minmax(150px,.9fr) minmax(150px,.9fr) minmax(220px,1.25fr);gap:12px;margin:0;display:grid}.gate-metrics div{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);background:#ffffff80;border-radius:20px;min-height:70px;padding:12px 14px;box-shadow:inset 0 1px #ffffffb8}.gate-metrics dt{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}.gate-metrics dd{overflow-wrap:anywhere;margin:0;font-size:clamp(17px,1.7vw,24px);font-weight:800;line-height:1.12}.gate-metrics div:last-child dd{color:var(--muted);font-size:clamp(15px,1.3vw,20px);font-weight:750}.refresh-button{isolation:isolate;background:linear-gradient(135deg, #fff3, transparent), linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;cursor:pointer;border:0;border-radius:22px;min-width:144px;min-height:70px;padding:0 24px;font-weight:800;position:relative;overflow:hidden;box-shadow:0 18px 42px #035e6547}.refresh-button:before{z-index:-1;content:"";background:linear-gradient(120deg,#ffffff3d,#0000 46%);border-radius:21px;position:absolute;inset:1px}.refresh-button span{position:relative}.refresh-button:hover:not(:disabled),.refresh-button:focus-visible:not(:disabled){transform:translateY(-1px);box-shadow:0 24px 50px #035e6552}.refresh-button:disabled{cursor:wait;opacity:.72}@keyframes particle-drift{0%{opacity:.24;transform:translate(-12px,10px)scale(.88)}to{opacity:.78;transform:translate(16px,-18px)scale(1.2)}}@keyframes scan-sweep{0%,to{opacity:0;transform:translateY(-116px)}18%,82%{opacity:1}50%{transform:translateY(116px)}}@media (max-width:760px){.gate-shell{min-height:100svh;padding:12px}.gate-display{border-radius:26px;min-height:calc(100svh - 24px)}.gate-header,.gate-footer{flex-direction:column;align-items:stretch}h1{max-width:none;font-size:clamp(36px,12vw,58px)}.content-grid,.signal-panel{grid-template-columns:1fr}.status-pill,.refresh-button{width:100%}.gate-metrics{grid-template-columns:1fr}.qr-code,.qr-placeholder{width:min(70vw,460px)}.scan-frame{width:min(76vw,500px)}.signal-card,.progress-card{min-height:126px}}