:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;color:#f0f0f4;background:#0c0d10;font-synthesis:none;-webkit-font-smoothing:antialiased;--muted:#9799a6;--line:#292a33;--accent:#b9b2f5}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 35%,#20202b55,transparent 52%),#0c0d10}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.header,footer{width:calc(100% - 96px);max-width:1440px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between}.header{min-height:100px;border-bottom:1px solid #ffffff09}.wordmark{display:flex;align-items:center;font-size:19px;font-weight:800;letter-spacing:2px}.brand-divider{height:17px;width:1px;background:#393a43;margin:0 20px}.product{font-size:14px;letter-spacing:0;font-weight:500;color:#bfc0c9}.back{font-size:12px;color:#b2b3bf;padding:12px 0;display:flex;align-items:center;gap:9px}.back span{font-size:17px;color:#7d7f8d}.back:hover{color:white}main{flex:1;display:grid;place-items:center;padding:64px 20px 74px}.pairing{width:100%;max-width:456px}.heading{text-align:center;margin-bottom:33px}.connection-mark{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 25px;border:1px solid #3f3c54;border-radius:19px;background:linear-gradient(145deg,#292635,#18171f);box-shadow:inset 0 1px #ffffff0c}.connection-mark svg{width:36px;stroke:#c5c0e4;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.connection-mark .signal{stroke:#afa3eb}h1{font-size:34px;line-height:1.2;letter-spacing:-1.2px;font-weight:600;margin:0 0 10px}.subtitle{margin:0;font-size:15px;color:var(--muted)}.panel{padding:30px;background:linear-gradient(140deg,#191a20,#14151b);border:1px solid #303039;border-radius:23px;box-shadow:0 24px 70px #00000026,inset 0 1px #ffffff04}.step-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;font-size:12px;color:#d4d4dd}.step-line>span:last-child{font:10px ui-monospace,Consolas,monospace;color:#81828f;letter-spacing:1px}.code-field{position:relative;height:62px}.slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:100%;pointer-events:none}.slots span{display:grid;place-items:center;border:1px solid #383944;background:#101116;border-radius:10px;font:24px ui-monospace,Consolas,monospace;color:#edecfa;transition:border-color .18s,background-color .18s,box-shadow .18s}.slots span:empty:after{content:"";width:6px;height:2px;border-radius:2px;background:#535462}.code-field:focus-within .slots span.active{border-color:#b5a9f1;box-shadow:0 0 0 3px #b6a5ff12;background:#191823}.code-field.invalid .slots span{border-color:#c47682}#pair-code{position:absolute;inset:0;width:100%;height:100%;background:transparent;color:transparent;caret-color:transparent;border:0;outline:0;padding:0;font-size:24px;font-family:ui-monospace,Consolas,monospace;letter-spacing:40px;cursor:text}#pair-code::selection{background:transparent}.help{font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0 0}.error{color:#f2a9b5;font-size:12px;line-height:1.5;min-height:18px;margin:6px 0 15px}.primary,.secondary{min-height:48px;border-radius:10px;width:100%;font-size:13px;font-weight:600;transition:background .18s,transform .18s,border-color .18s}.primary{display:flex;align-items:center;justify-content:center;gap:15px;background:#c6bef7;color:#201b35;border:1px solid #d0caf8;box-shadow:inset 0 1px #ffffff40}.primary:hover{background:#d7d0ff;transform:translateY(-1px)}.primary span{font-size:19px;font-weight:400}.primary:active,.secondary:active{transform:translateY(1px)}.note{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:23px;margin-top:23px;border-top:1px solid #ffffff09;font-size:11px;color:#9698a6;line-height:1.5}.note svg{width:17px;flex-shrink:0;stroke:#8d8b9f;stroke-width:1.25}.preview-note{text-align:center;margin:22px 0 0;font-size:11px;color:#828391}.status-state{text-align:center}.status-state h2{font-size:23px;font-weight:500;letter-spacing:-.6px;line-height:1.45;margin:19px 0 10px;outline:none}.status-state p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 27px}.secondary{color:#d8d6e7;background:#202027;border:1px solid #3a3945}.secondary:hover{background:#2c2b35;border-color:#696374}.waiting-orbit{position:relative;width:82px;height:82px;display:grid;place-items:center;margin:29px auto 24px}.waiting-orbit>span{position:absolute;inset:0;border:1px solid #37333f;border-top:2px solid #b3a4ee;border-radius:50%;animation:orbit 2.8s linear infinite}.waiting-orbit svg{width:37px;stroke:#bcb4d8;stroke-width:1.3;stroke-linecap:round}.success-mark{width:62px;height:62px;display:grid;place-items:center;margin:4px auto 12px;border:1px solid #355348;border-radius:50%;background:#1a2a25}.success-mark svg{width:32px;stroke:#9fd1b9;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.device{display:flex;align-items:center;gap:13px;text-align:left;padding:18px 16px;border:1px solid #36363f;border-radius:12px;margin-bottom:25px;background:#101216}.device>svg{width:31px;stroke:#a4a4b6;stroke-width:1.3}.device strong{display:block;font-size:13px;font-weight:600}.device div>span{display:flex;align-items:center;gap:6px;font-size:11px;color:#a3c5b4;margin-top:5px}.device i{width:5px;height:5px;border-radius:50%;background:#8dc5a7}.device-tag{margin-left:auto;font-size:8px;letter-spacing:1px;color:#9798a5}.dev-button{display:block;background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:#aaa1cc;font-size:11px;margin:18px auto 0;padding:8px}footer{border-top:1px solid #ffffff09;min-height:72px;font-size:11px;color:#82838f}.skip{position:fixed;top:12px;left:15px;transform:translateY(-200%);background:#25222f;padding:12px;z-index:10}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.state:not([hidden]){animation:enter .24s ease-out}.heading{animation:enter .4s ease-out}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:540px){.header,footer{width:calc(100% - 40px)}.header{min-height:78px}.wordmark{font-size:17px}.brand-divider{margin:0 13px}.back{font-size:11px}main{padding:40px 20px 48px}.heading{margin-bottom:27px}h1{font-size:30px}.panel{padding:25px 22px;border-radius:20px}.slots{gap:6px}.code-field{height:55px}.slots span{border-radius:8px;font-size:22px}.note{font-size:10px}.device-tag{display:none}footer{min-height:66px;font-size:10px}}@media(max-width:350px){.panel{padding-inline:16px}.slots{gap:4px}.brand-divider,.product{display:none}.note{align-items:flex-start}}
body.has-activity .pairing{max-width:1120px}body.has-activity .heading{margin-bottom:24px}body.has-activity .connection-mark{display:none}body.has-activity .status-state>p{margin-bottom:18px}body.has-activity #reset{width:auto;padding:0 20px;margin-top:24px}.activity{text-align:left;margin-top:30px}.activity-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.activity-heading h3{margin:0;font-size:20px;font-weight:500}.activity-heading span{font-size:10px;color:#a6a1b5}.activity-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:end}.activity-filters label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#b4b2c4}.activity-filters input,.activity-filters select{width:100%;min-width:0;padding:11px;border-radius:8px;border:1px solid #383944;background:#101116;color:#e8e4f3;font:13px 'Segoe UI',sans-serif;min-height:44px}.activity-filters input:focus-visible,.activity-filters select:focus-visible{outline:2px solid #b5a9f1;outline-offset:2px}.activity-filters .primary{min-height:44px}.activity #activity-message{font-size:12px;line-height:1.6;margin:20px 0;color:#b3adbf}.log-table{overflow:auto;border:1px solid #34323d;border-radius:12px}.log-table table{width:100%;border-collapse:collapse;font-size:11px}.log-table th{padding:14px 12px;text-align:left;white-space:nowrap;background:#22202b;color:#b3adbf;font-weight:500}.log-table td{padding:15px 12px;border-top:1px solid #302d39;vertical-align:top;min-width:90px;max-width:250px;overflow-wrap:anywhere;color:#ddd7e7}.log-table td:nth-child(5),.log-table td:last-child{min-width:190px}.log-table #activity-empty{margin:30px;text-align:center}.activity-pagination{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:15px;font-size:11px;color:#a6a1b5}.activity-pagination .secondary{width:auto;padding:0 20px}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.activity-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-heading{align-items:start}.activity-heading span{max-width:140px;text-align:right}.has-activity main{padding-inline:12px}.has-activity .panel{padding:22px 15px}}@media(max-width:390px){.activity-filters{grid-template-columns:1fr}}
main{grid-template-columns:minmax(0,1fr)}.pairing,.panel,.activity,.log-table{min-width:0}.log-table{max-width:100%}