.pair-steps{display:flex;align-items:center;gap:14px;margin:10px 0 28px;color:#7288a2;font-size:11px}.pair-steps span{flex:1;height:1px;background:#35485f}.pair-steps .active{color:#edd296}.pair-code-input{font:14px Orbitron,monospace!important;letter-spacing:1px}.pair-target{display:flex;align-items:center;gap:16px;padding:20px;margin:10px 0 24px;border:1px solid #d5b26877;background:linear-gradient(125deg,#172a43,#0d192b);border-radius:12px}.pair-target>span{display:grid;place-items:center;background:#e1bd7020;border:1px solid #b9964b66;border-radius:12px;padding:14px;color:#edc877}.pair-target svg{width:26px;height:26px}.pair-target b{display:block;font-size:17px;color:#f0e7d6;overflow-wrap:anywhere}.pair-target small{display:block;color:#92aac6;font-size:11px;margin:7px 0}.pair-target code{font-size:10px;color:#d9bd81}.pair-full{width:100%;justify-content:center;margin:8px 0}.paired-device{display:flex;align-items:center;gap:8px;border:1px solid #647d9b66;border-radius:7px;padding:8px 11px;background:#14253b;color:#dbe8fa;max-width:320px}.paired-device b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paired-device small{font:8px Orbitron,monospace;color:#a5b9d0;white-space:nowrap}.pair-links{display:flex;gap:16px;overflow:auto;margin-bottom:24px}.pair-link{flex:1;min-width:240px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;border:1px solid #49688788;border-radius:12px;background:#0b1728}.pair-qr{width:176px;height:176px;background:white;border-radius:5px}.pair-code-text{font:13px Orbitron,monospace;color:#eed494;white-space:nowrap}.pair-link>a{font-size:11px;color:#8fb8e8;overflow-wrap:anywhere}.pair-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.pair-copy{width:100%;padding:12px}.side-bottom .connection small{overflow-wrap:anywhere}@media(max-width:850px){.top-right{flex-wrap:wrap}.paired-device{max-width:270px}.paired-device small{font-size:7px}}@media(max-width:580px){.paired-device{order:3;max-width:100%;width:100%;justify-content:center}.pair-code-input{font-size:11px!important;letter-spacing:0}.pair-target{padding:14px}.pair-target b{font-size:15px}.pair-options .btn{flex:1;min-width:130px}.pair-links{flex-direction:column}.pair-link{min-width:0}}
@media(max-width:580px){.shell .topbar{height:auto;min-height:64px;padding:12px 16px;flex-wrap:wrap}.shell .topbar .breadcrumb{width:100%}.shell .top-right{width:100%;gap:8px;display:flex}.shell .topbar .btn.ghost[data-connect]{display:inline-flex;flex:none}.shell .top-right>.clock,.shell .top-right>a{display:none}.shell .paired-device{order:0;flex:1;width:auto;min-width:0;justify-content:flex-start;padding:9px}.shell .paired-device small{font-size:7px}.shell .paired-device b{font-size:10px}}