body{

margin:0;
background:#111;
color:white;
font-family:sans-serif;

display:flex;
justify-content:center;
align-items:center;

height:100vh;

}

#app{

width:500px;
background:#1e1e1e;

padding:30px;

border-radius:10px;

box-shadow:0 0 40px rgba(0,0,0,0.5);

}

h1{

margin-top:0;
font-size:22px;

}

.panel{

margin-top:20px;

}

.connect-box{

display:flex;
gap:10px;

margin-top:10px;

}

input{

flex:1;

background:#111;
border:1px solid #333;

color:white;

padding:10px;

border-radius:6px;

}

button{

background:#ffd166;

border:none;

padding:10px 16px;

border-radius:6px;

cursor:pointer;

font-weight:bold;

}

button:hover{

opacity:.9;

}

.link{

display:flex;
gap:10px;

margin-top:10px;

}

#status{

margin-top:10px;
font-size:13px;
color:#aaa;

}

#sessionBox{

background:#000;
padding:8px;
margin-top:8px;

border-radius:6px;

font-family:monospace;

}