.pairing{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:20px;width:max-content;max-width:calc(100% - 32px);box-sizing:border-box;padding:16px;background:var(--chrome-bg-dense);border:1px solid var(--chrome-line);border-radius:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pairing-say{display:flex;flex-direction:column;gap:8px;max-width:46ch}.pairing h1{margin:0;font:600 17px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--chrome-fg)}.pairing p{margin:0;font:400 14px/1.45 var(--ui);color:var(--chrome-muted)}.pairing p b{color:var(--chrome-fg);font-weight:600}.pairing .pairing-code{margin:2px 0 0;font:600 34px/1 Barlow,Arial Narrow,sans-serif;letter-spacing:.34em;color:var(--chrome-fg)}.pairing .pairing-note{font-size:13px}.pairing .pairing-ok{color:var(--status-ok)}.pairing .pairing-bad{color:var(--status-error)}.pairing-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.pairing .linkbtn{font:500 14px/1 var(--ui);letter-spacing:.07em;text-transform:uppercase;color:var(--chrome-muted);text-decoration:none;border:1px solid var(--chrome-line);border-radius:8px;padding:9px 11px;display:inline-flex;align-items:center;transition:color .15s,background .15s}.pairing .linkbtn:hover{color:var(--chrome-fg)}.pairing .linkbtn.primary{color:var(--chrome-fg);border-color:var(--chrome-fg)}.pairing .linkbtn:focus-visible{outline:2px solid var(--chrome-fg);outline-offset:2px}.pairing-qr{display:flex;flex-direction:column;align-items:center;gap:8px}.pairing-qr .qr{display:block;border-radius:8px}.pairing-qr span{font:500 12px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--chrome-muted)}#bar .panel-id{align-items:center;gap:8px;padding:0 3px}#bar .live{display:inline-flex;align-items:center;gap:7px;font:500 12px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--chrome-muted)}#bar .live:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--status-ok);animation:pulse 2.4s ease-in-out infinite}#bar .live.off:before{background:var(--chrome-muted);animation:none}#bar .panel-name{font:600 16px/1.2 var(--ui);color:var(--chrome-fg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (max-width:760px){.pairing{flex-direction:column-reverse;align-items:stretch;gap:14px;width:calc(100% - 24px)}.pairing-code{font-size:28px;letter-spacing:.28em}.pairing-qr{flex-direction:row;justify-content:center;gap:12px;align-items:center}.pairing-qr .qr{width:112px;height:112px}}@media (prefers-reduced-motion:reduce){#bar .live:before{animation:none}}