.tsnapusrs-wrapper{text-align:center;font-family:sans-serif;}
.tsnapusrs-box{max-width:650px;margin:auto;} /* wider input container */

.tsnapusrs-wrapper input{
width:100%;
padding:16px;
font-size:16px;
border-radius:35px;
border:2px solid #ffcc00;
outline:none;
}

.tsnapusrs-wrapper button{
margin-top:14px;
padding:14px 40px;
border-radius:35px;
border:none;
background:linear-gradient(45deg,#ff0080,#ffcc00);
color:#fff;
font-size:18px;
cursor:pointer;
}

.tsnapusrs-spinner{
display:none;
margin:15px auto;
border:4px solid #eee;
border-top:4px solid #ff0080;
border-radius:50%;
width:32px;
height:32px;
animation:spin 1s linear infinite;
}

@keyframes spin{100%{transform:rotate(360deg);}}

/* Bigger and wider cards */
.tsnapusrs-card{
display:flex;
align-items:center;
margin:12px auto;
padding:14px;
max-width:750px;
border-radius:18px;
background:linear-gradient(45deg,#fff,#ffe0f0);
box-shadow:0 4px 12px rgba(0,0,0,0.12);
text-align:left;
}

.tsnapusrs-dp{
width:70px;
height:70px;
border-radius:12px;
margin-right:12px;
object-fit:cover;
background:#ffcc00;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
}

.tsnapusrs-name{font-weight:bold;color:#333;text-decoration:none;font-size:16px;}
.tsnapusrs-username{font-size:14px;color:#666;margin-top:2px;}
.tsnapusrs-follow{font-size:12px;color:#999;margin-top:2px;}
.tsnapusrs-copy{cursor:pointer;margin-left:6px;}
.tsnapusrs-error{color:red;margin-top:10px;}
.tsnapusrs-brand{margin-top:10px;font-size:12px;color:#888;}

@media screen and (max-width:600px){
.tsnapusrs-box{max-width:100%;}
.tsnapusrs-card{max-width:100%;}
}