:root{--bg:#06080c;--panel:#0e131b;--panel-edge:#212c39;--row:#161e29;--row-hover:#1e2836;--text:#e9eff7;--muted:#8b98aa;--faint:#5b6675;--accent:#2dd4bf;--online:#34d399;--offline:#f0616d;--radius:12px;--font:"Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--mono:"SF Mono", "Cascadia Mono", "Roboto Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#000;overflow:hidden}.pairing{display:flex}.display,.menu-toggle,.corner,.scrim,.panel,.app.phase-running .pairing{display:none}.app.phase-running .display{display:flex}.app.phase-running .corner{display:block}.app.phase-running .menu-toggle{display:flex}.app.phase-running .scrim{display:block}.app.phase-running .panel{display:flex}.fade{animation:.4s fade}@keyframes fade{0%{opacity:0}to{opacity:1}}.pairing{text-align:left;background:radial-gradient(85% 70% at 16% 16%, #38391f 0%, #38391f00 60%), radial-gradient(80% 85% at 94% 28%, #2a2350 0%, #2a235000 55%), radial-gradient(75% 60% at 55% 118%, #0e2f2e 0%, #0e2f2e00 62%), var(--bg);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:8vh 7vw 7vh;position:fixed;inset:0}.pair-brand{color:var(--faint);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:5vh;font-size:.82rem;display:flex}.brand-logo{align-items:center;gap:1.2px;display:inline-flex}.bdot-grid{grid-template-columns:repeat(3,auto);gap:2px;display:grid}.bdot{border-radius:1px;width:3px;height:3px}.bdot.r{background:#ef4444;box-shadow:0 0 3px #ef444499}.bdot.g{background:#10b981;box-shadow:0 0 3px #10b98199}.bdot.b{background:#3b82f6;box-shadow:0 0 3px #3b82f699}.pair-title{letter-spacing:-.02em;margin:0 0 3.4rem;font-size:clamp(2rem,4.6vw,3.4rem);font-weight:800}.pair-steps{flex-direction:column;gap:26px;max-width:46rem;margin:0;padding:0;list-style:none;display:flex}.pair-steps li{color:var(--muted);align-items:flex-start;gap:20px;font-size:clamp(1.05rem,1.9vw,1.5rem);line-height:1.32;display:flex}.pair-steps b{color:var(--text);font-weight:700}.pair-steps .n{border:2px solid var(--panel-edge);width:44px;height:44px;color:var(--text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:flex}.pair-steps .st{flex-direction:column;gap:3px;padding-top:5px;display:flex}.pin{font-family:var(--mono);letter-spacing:.05em;background:linear-gradient(#fff 0%,#d7e7e3 100%);color:#0000;text-shadow:0 0 80px #2dd4bf1f;-webkit-background-clip:text;background-clip:text;margin-top:auto;font-size:clamp(4.5rem,17vw,11rem);font-weight:800;line-height:.92}.waiting{color:var(--muted);letter-spacing:.02em;align-items:center;gap:11px;font-size:.92rem;display:flex;position:fixed;top:8vh;right:7vw}.spinner{border:2px solid #8b98aa4d;border-top-color:var(--accent);border-radius:50%;width:15px;height:15px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pair-foot{color:var(--faint);font-family:var(--mono);font-size:.8rem;position:fixed;bottom:20px;right:7vw}.display{background:radial-gradient(120% 90% at 78% 12%, #0c2b2b 0%, #0c2b2b00 55%), radial-gradient(130% 100% at 12% 100%, #10203a 0%, #10203a00 55%), var(--bg);justify-content:center;align-items:center;position:fixed;inset:0;overflow:hidden}.slide{text-align:center;max-width:70ch;padding:6vh 2rem}.slide .kicker{letter-spacing:.42em;text-transform:uppercase;color:var(--accent);opacity:.85;margin-bottom:1.4rem;font-size:clamp(.8rem,1.4vw,1.05rem);font-weight:600}.slide .promo{letter-spacing:-.02em;text-wrap:balance;background:linear-gradient(#fff 0%,#b9c6d6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,7vw,5.6rem);font-weight:800;line-height:1.02}.slide .sub{color:var(--muted);letter-spacing:.04em;margin-top:1.8rem;font-size:clamp(1rem,2vw,1.5rem)}.brandmark{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;opacity:.6;align-items:center;gap:9px;font-size:.82rem;display:flex;position:fixed;bottom:22px;left:26px}.app:not(.phase-running) .brandmark{display:none}.corner{z-index:40;width:170px;height:120px;position:fixed;top:0;right:0}.menu-toggle{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:46px;height:46px;color:var(--text);cursor:pointer;opacity:0;background:#141b258c;border:none;border-radius:11px;justify-content:center;align-items:center;transition:opacity .3s,background .2s,transform .2s;position:fixed;top:18px;right:20px}.corner:hover~.menu-toggle,.menu-toggle:hover,.app.open .menu-toggle,.menu-toggle:focus-visible{opacity:1}.menu-toggle:hover{background:#1e2836d9}.menu-toggle:active{transform:scale(.94)}.menu-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.menu-toggle svg{width:22px;height:22px}@keyframes hintPulse{0%,to{opacity:0}18%,62%{opacity:.9}}.app.hinting.phase-running .menu-toggle{animation:2.6s both hintPulse}.corner-left{z-index:40;width:170px;height:120px;position:fixed;top:0;left:0}.move-handle{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:46px;height:46px;color:var(--text);opacity:0;-webkit-app-region:drag;cursor:move;background:#141b258c;border-radius:11px;justify-content:center;align-items:center;transition:opacity .3s,background .2s,transform .2s;display:flex;position:fixed;top:18px;left:20px}.corner-left:hover~.move-handle,.move-handle:hover{opacity:1}.move-handle:hover{background:#1e2836d9}.move-handle svg{width:22px;height:22px}.scrim{z-index:45;opacity:0;pointer-events:none;background:#00000059;transition:opacity .3s;position:fixed;inset:0}.app.open .scrim{opacity:1;pointer-events:auto}.panel{z-index:55;background:linear-gradient(180deg, #10161f 0%, var(--panel) 100%);border-left:1px solid var(--panel-edge);flex-direction:column;width:min(380px,92vw);height:100%;padding:22px 22px 18px;transition:transform .34s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-30px 0 60px #00000080}.app.open .panel{transform:none}.p-head{justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.p-brand{align-items:center;gap:11px;display:flex}.p-brand .mk{width:30px;height:30px;color:var(--accent);background:#2dd4bf1f;border:1px solid #2dd4bf59;border-radius:8px;justify-content:center;align-items:center;display:flex}.p-brand .mk svg{width:17px;height:17px}.p-brand b{font-size:.98rem;font-weight:700}.p-brand small{color:var(--muted);letter-spacing:.04em;font-size:.72rem;display:block}.p-close{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;transition:background .18s,color .18s;display:flex}.p-close:hover{background:var(--row);color:var(--text)}.p-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.p-close svg{width:18px;height:18px}.screen-name{margin-top:20px}.label{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin-bottom:6px;font-size:.7rem}.screen-name .value{letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:9px;font-size:1.32rem;font-weight:700;display:flex}.screen-name .value .managed{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#2dd4bf1a;border:1px solid #2dd4bf47;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:600}.rule{background:var(--panel-edge);height:1px;margin:20px 0}.actions{flex-direction:column;gap:10px;display:flex}.action{background:var(--row);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;text-align:left;border:1px solid #0000;justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;font-size:.98rem;font-weight:600;transition:background .16s,border-color .16s,transform 80ms;display:flex}.action:hover{background:var(--row-hover);border-color:var(--panel-edge)}.action:active{transform:translateY(1px)}.action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.action .ico{width:34px;height:34px;color:var(--muted);background:#ffffff0a;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.action:hover .ico{color:var(--text)}.action .txt{flex:1}.action .txt small{color:var(--muted);margin-top:2px;font-size:.76rem;font-weight:400;display:block}.action .ico svg{width:19px;height:19px}.action.spin .ico svg{animation:.7s linear spin}.action .switch{background:#8b98aa4d;border-radius:999px;flex:none;width:36px;height:20px;transition:background .16s;position:relative}.action .switch .knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .16s;position:absolute;top:2px;left:2px}.action .switch.on{background:var(--accent)}.action .switch.on .knob{left:18px}.note{color:var(--muted);border:1px solid var(--panel-edge);border-radius:var(--radius);background:#ffffff05;margin-top:18px;padding:13px 15px;font-size:.8rem;line-height:1.5}.note b{color:var(--text);font-weight:600}.p-foot{border-top:1px solid var(--panel-edge);color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:.82rem;display:flex}.status{align-items:center;gap:8px;display:flex}.status .led{background:var(--offline);width:9px;height:9px;box-shadow:0 0 8px var(--offline);border-radius:50%}.status.online .led{background:var(--online);box-shadow:0 0 8px var(--online)}.p-foot .meta{font-family:var(--mono);font-variant-numeric:tabular-nums;gap:14px;display:flex}.p-foot .meta .up{color:var(--faint)}.toast{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-edge);color:var(--text);opacity:0;pointer-events:none;background:#141b25eb;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:opacity .24s,transform .24s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);box-shadow:0 12px 32px #00000073}.toast.show{opacity:1;transform:translate(-50%)}.toast .tled{background:var(--accent);border-radius:50%;width:8px;height:8px}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}.spinner{animation:.9s linear infinite spin}.app.hinting .menu-toggle{opacity:0;animation:none}.fade{animation:none}}.pb-stage{background:#000;position:fixed;inset:0;overflow:hidden}.pb-rot{transform-origin:50%;position:absolute;inset:0}.pb-rot.deg90{width:100vh;height:100vw;top:calc(50vh - 50vw);left:calc(50vw - 50vh);transform:rotate(90deg)}.pb-rot.deg180{transform:rotate(180deg)}.pb-rot.deg270{width:100vh;height:100vw;top:calc(50vh - 50vw);left:calc(50vw - 50vh);transform:rotate(270deg)}.pb-layer{opacity:0;width:100%;height:100%;position:absolute;inset:0}.pb-layer.show{opacity:1}.pb-media{object-fit:contain;background:#000;width:100%;height:100%}.pb-media.cover{object-fit:cover}.pb-media.fill{object-fit:fill}iframe.pb-layer{pointer-events:none;background:#000;border:0}.pb-fade{transition:opacity var(--pb-dur,.5s) ease}.pb-slide{transition:transform var(--pb-dur,.5s) cubic-bezier(.4,0,.2,1), opacity var(--pb-dur,.5s) ease}.pb-slide.enter{opacity:1;transform:translate(100%)}.pb-slide.enter.show{transform:translate(0)}.pb-freeze{z-index:1}.pb-current{z-index:2}@media (prefers-reduced-motion:reduce){.pb-fade,.pb-slide{transition:none}}@supports not (gap:10px){.pair-brand>*+*{margin-left:10px}.brand-logo>*+*{margin-left:1px}.bdot-grid{flex-wrap:wrap;width:15px;display:flex}.bdot{margin:0 2px 2px 0}.pair-steps li+li{margin-top:26px}.pair-steps .n{margin-right:20px}.pair-steps .st>*+*{margin-top:3px}.waiting .spinner{margin-right:11px}.brandmark>*+*{margin-left:9px}.status .led{margin-right:8px}.toast .tled{margin-right:10px}.p-brand>*+*{margin-left:11px}.screen-name .value .managed{margin-left:9px}.actions>*+*{margin-top:10px}.action .ico{margin-right:14px}.p-foot .meta>*+*{margin-left:14px}}html.pf-hide-cursor,html.pf-hide-cursor *{cursor:none!important}