:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:#000;cursor:none}#stage{position:absolute;top:0;right:0;bottom:0;left:0}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4vh;transition:opacity .6s ease}#splash.hide{opacity:0;pointer-events:none}#splash img{width:min(46vw,46vh);height:auto;object-fit:contain}.splash-spin{width:38px;height:38px;border:3px solid rgba(255,255,255,.15);border-top-color:#c2185b;border-radius:50%;animation:splash-rot .9s linear infinite}@keyframes splash-rot{to{transform:rotate(360deg)}}.reduce .splash-spin{animation:none}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;overflow:hidden}.slide img.kb{display:block;width:100%;height:100%;object-fit:contain;transform:none}@keyframes kbA{0%{transform:scale(1.05) translate(0)}to{transform:scale(1.14) translate(-2%,-1.5%)}}@keyframes kbB{0%{transform:scale(1.06) translate(1%,1%)}to{transform:scale(1.16) translate(-1.5%,1.5%)}}@keyframes kbStrongA{0%{transform:scale(1.06) translate(0)}to{transform:scale(1.26) translate(-3%,2%)}}@keyframes kbStrongB{0%{transform:scale(1.08) translate(2%,-1%)}to{transform:scale(1.28) translate(-2%,-2%)}}.reduce .slide img.kb{transform:none!important;animation:none!important}.reduce .slide{transition:none!important}.status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#f6ead0;font-family:Arial,Noto Sans Hebrew,sans-serif;font-size:4vmin;text-align:center;padding:10vmin;background:#1a0f0a;z-index:5}.status.hidden{display:none}.conn{position:absolute;top:2vmin;left:2vmin;z-index:6;transition:opacity .5s ease}.conn .conn-text{display:none}.conn .conn-dot{width:1.25vmin;height:1.25vmin;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 .3vmin #00000059,0 0 1vmin #2ecc7180}.conn.online{opacity:.5}.conn.connecting{opacity:.9}.conn.connecting .conn-dot{background:#f1c40f;box-shadow:0 0 0 .3vmin #00000059,0 0 1.2vmin #f1c40fd9;animation:connpulse 1.2s ease-in-out infinite}.conn.offline{opacity:.92}.conn.offline .conn-dot{background:#e74c3c;box-shadow:0 0 0 .3vmin #00000059,0 0 1.2vmin #e74c3ccc;animation:connpulse 1.8s ease-in-out infinite}@keyframes connpulse{0%,to{opacity:.45}50%{opacity:1}}.reduce .conn .conn-dot{animation:none}.status.pair{background:#000;cursor:auto;overflow:auto;display:flex;align-items:center;justify-content:center;padding:5vmin}.status.pair input,.status.pair button{cursor:auto}.status.pair button{cursor:pointer}.pair-box{direction:ltr;display:flex;align-items:center;justify-content:center;gap:7vmin;width:100%;max-width:175vmin}.pair-brand{flex:0 1 auto;display:flex;align-items:center;justify-content:center;min-width:0}.pair-logo{width:44vmin;max-width:44vw;height:auto;object-fit:contain}.pair-divider{align-self:stretch;width:.22vmin;max-height:56vmin;margin:auto 0;background:linear-gradient(to bottom,transparent,rgba(201,162,39,.4),transparent)}.pair-main{direction:rtl;flex:0 1 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2.2vmin;max-width:80vmin}.pair-badge{font-size:1.8vmin;letter-spacing:.35vmin;color:#f6ead080;text-transform:uppercase}.pair-main h1{font-size:5.4vmin;font-weight:800;color:#f6ead0;margin:0;letter-spacing:.1vmin}.pair-main .pair-lead{font-size:2.6vmin;color:#f6ead099;margin:0}.pair-main .code{font-size:10vmin;font-weight:800;letter-spacing:1.5vmin;color:#e7c34d;direction:ltr;padding:1.8vmin 2.6vmin 1.8vmin 4.1vmin;border:.25vmin solid rgba(201,162,39,.5);border-radius:2.4vmin;background:#c9a22712;box-shadow:0 0 8vmin #c9a22721,inset 0 0 2vmin #c9a2270f;text-shadow:0 0 2.2vmin rgba(201,162,39,.45);font-variant-numeric:tabular-nums;line-height:1.1}.pair-steps{font-size:1.9vmin!important;color:#f6ead080!important}.pair-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:1vmin}.pair-main .qr{width:24vmin;height:24vmin;background:#fff;border-radius:1.4vmin;padding:1.2vmin}.pair-qr-label{font-size:1.8vmin;color:#f6ead080}.pair-deviceid{font-size:1.5vmin;color:#f6ead059;direction:ltr}.identify-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vmin;background:#c2185b;color:#fff;font-size:10vmin;font-weight:900;text-align:center;animation:idpulse .5s ease-in-out 8 alternate}@keyframes idpulse{0%{opacity:.55}to{opacity:1}}.reduce .identify-flash{animation:none}.pair-main .manual{margin-top:.5vmin;color:#f6ead073;font-size:1.9vmin;width:100%;max-width:56vmin}.pair-main .manual summary{cursor:pointer}.pair-main .manual input{margin-top:1.2vmin;font-size:2.2vmin;padding:1.4vmin 1.8vmin;border-radius:1vmin;border:.2vmin solid rgba(246,234,208,.3);background:#0a0605;color:#f6ead0;direction:ltr;text-align:center;width:100%}.pair-main .manual button{margin-top:1vmin;font-size:2.2vmin;font-weight:800;padding:1.4vmin;border-radius:1vmin;border:0;background:#c63d30;color:#fff;width:100%}.pair-main .manual .srv-current{margin-top:1vmin;font-size:1.8vmin;opacity:.7;direction:ltr;text-align:center;word-break:break-all}@media (orientation: portrait){.pair-box{flex-direction:column;gap:4vmin}.pair-logo{width:52vmin;max-width:70vw}.pair-main{max-width:86vw}.pair-main .code{font-size:12vmin}}