.v-connect-card{background:linear-gradient(135deg,#50c4c414 0%,#d4699e14 100%);border:1px solid #50c4c440;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem 1.25rem;display:flex}.v-connect-card-body{flex-direction:column;gap:.25rem;display:flex}.v-connect-card-title{color:var(--color-text-primary,#f4f4f5);font-size:.9375rem;font-weight:600}.v-connect-card-sub{color:var(--color-text-secondary,#a1a1aa);font-size:.8125rem}.v-connect-card-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:.375rem;flex-shrink:0;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s}.v-connect-card-btn:hover{background:#059669}.v-connect-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.v-connect-modal{background:#18181b;border:1px solid #3f3f46;border-radius:.75rem;width:100%;max-width:560px;max-height:90vh;padding:1.5rem;position:relative;overflow-y:auto}.v-connect-modal-close{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem;font-size:1.25rem;line-height:1;position:absolute;top:1rem;right:1rem}.v-connect-modal-close:hover{color:#e4e4e7;background:#3f3f46}.v-connect-modal-title{color:#f4f4f5;margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.v-connect-modal-sub{color:#71717a;margin-bottom:1.25rem;font-size:.8125rem}.v-connect-tabs{border-bottom:1px solid #3f3f46;gap:.25rem;margin-bottom:1.25rem;display:flex}.v-connect-tab{color:#71717a;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:color .15s}.v-connect-tab:hover{color:#a1a1aa}.v-connect-tab.is-active{color:#10b981;border-bottom-color:#10b981}.v-connect-url-box{color:#a1a1aa;word-break:break-all;background:#09090b;border:1px solid #3f3f46;border-radius:.375rem;margin-bottom:.75rem;padding:.75rem 1rem;font-family:ui-monospace,monospace;font-size:.8125rem}.v-connect-copy-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:.375rem;margin-bottom:1.25rem;padding:.4375rem 1rem;font-size:.8125rem;font-weight:600;transition:background .15s}.v-connect-copy-btn:hover{background:#059669}.v-connect-copy-btn.copied{color:#a1a1aa;background:#3f3f46}.v-connect-steps{flex-direction:column;gap:.5rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.v-connect-steps li{color:#a1a1aa;align-items:flex-start;gap:.625rem;font-size:.875rem;display:flex}.v-connect-step-num{color:#e4e4e7;background:#27272a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;margin-top:.0625rem;font-size:.75rem;font-weight:700;display:inline-flex}.v-connect-open-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:.375rem;align-items:center;gap:.375rem;margin-top:.25rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.v-connect-open-btn:hover{background:#1e40af}.v-connect-code-block{color:#a1a1aa;background:#09090b;border:1px solid #3f3f46;border-radius:.375rem;margin-bottom:.75rem;padding:.75rem 1rem;font-family:ui-monospace,monospace;font-size:.8125rem;position:relative}.v-connect-indicator{background:#09090b;border:1px solid #3f3f46;border-radius:.375rem;align-items:center;gap:.625rem;margin-top:.5rem;padding:.625rem .875rem;display:flex}.v-connect-indicator-dot{border-radius:50%;flex-shrink:0;width:.625rem;height:.625rem}.v-connect-indicator-dot.waiting{background:#52525b;animation:2s ease-in-out infinite pulse-dot}.v-connect-indicator-dot.connected{background:#10b981}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.v-connect-indicator-label{color:#a1a1aa;font-size:.8125rem}.v-connect-indicator-label.connected{color:#10b981;font-weight:600}.v-connect-url-skeleton{background:#27272a;border-radius:.375rem;height:2.5rem;margin-bottom:.75rem;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%,to{opacity:.6}50%{opacity:.3}}