*{margin:0;padding:0;box-sizing:border-box;
user-select:none;-webkit-user-select:none;}

body {
background-image:url('https://files.catbox.moe/ynrwzm.jpg');
background-size:cover;background-position:center;background-attachment:fixed;
color:#ffffff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
display:flex;justify-content:center;align-items:center;min-height:100vh;}

.main-card{
background:rgba(13,17,23,0.7);width:90%;max-width:360px;
padding:40px 25px;border-radius:24px;border:1px solid rgba(255,255,255,0.1);
text-align:center;backdrop-filter:blur(12px);
box-shadow:0 15px 35px rgba(0,0,0,0.5);
}

.avatar-container {width:95px;height:95px;margin:0 auto 25px;}
.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:20px;
border:1px solid rgba(255,255,255,0.2);}

.name-container{font-size:2.2rem;font-weight:800;color:#ffffff;
margin-bottom:30px;min-height:45px;text-shadow:0 2px 10px rgba(0,0,0,0.5);}

.cursor {
display:inline-block;width:3px;height:1em;background-color:#58a6ff;
margin-left:4px;vertical-align:middle;animation:blink 0.8s infinite;
}
@keyframes blink { 50%{opacity:0;} }

.hobbies-grid{
display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px;
}

.hobby-item {
background:rgba(255,255,255,0.05);padding:12px;border-radius:12px;
border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;
justify-content:center;gap:8px;transition:0.2s;
}
.hobby-item:hover{background:rgba(255,255,255,0.1);border-color:#58a6ff;transform:translateY(-2px);}
.hobby-item i{font-size:1rem;color:#58a6ff;}
.hobby-text{font-size:0.85rem;font-weight:500;}

.sns-wrap{display:flex;justify-content:center;gap:12px;}
.sns-btn{flex:1;height:48px;background:rgba(255,255,255,0.08);border-radius:12px;
display:flex;justify-content:center;align-items:center;color:#ffffff;
text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:0.2s;}
.sns-btn:hover {background:rgba(88,166,255,0.2);border-color:#58a6ff;transform:scale(1.05);}
.sns-btn i{font-size:1.3rem;}