*{padding:0;margin:0;box-sizing:border-box;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}body{height:100vh;overflow:hidden;background-color:#0a070d}#root{height:100%}.main{width:100%;height:100%}.profile-wrapper{min-height:100vh;background:radial-gradient(circle at center,#2a1d36,#180e22,#0a070d,#0a070d);display:flex;justify-content:center}.profile-card{padding:40px 32px;border-radius:20px;width:100%;max-width:660px;text-align:center}.viewer-box{border-radius:12px;overflow:hidden;height:50vh}.viewer-box canvas{width:100%;height:100%}.nickname{font-size:80px;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(199,125,255,.8),0 0 40px rgba(138,43,226,.9);margin:0}.subtitle{color:#aaa;font-size:14px;margin-top:8px;margin-bottom:24px}.socials{display:flex;justify-content:center;gap:12px;color:#fff}.socials a{background:#ffffff0d;border:none;width:54px;height:54px;border-radius:12px;font-size:28px;cursor:pointer;transition:.2s;text-decoration:none;display:flex;align-items:center;justify-content:center;color:#c0abd4}.socials a:hover{background:#c77dff40;transform:translateY(-2px)}.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.particles span{position:absolute;bottom:-10px;width:4px;height:4px;background:#c77dffcc;border-radius:50%;filter:blur(.5px);box-shadow:0 0 8px #c77dffe6;animation:rise linear infinite}@keyframes rise{0%{transform:translateY(0);opacity:0}10%{opacity:1}to{transform:translateY(-110vh);opacity:0}}.particles span:nth-child(1){left:5%;animation-duration:6s}.particles span:nth-child(2){left:12%;animation-duration:7s}.particles span:nth-child(3){left:20%;animation-duration:4s}.particles span:nth-child(4){left:28%;animation-duration:5s}.particles span:nth-child(5){left:35%;animation-duration:6.5s}.particles span:nth-child(6){left:40%;animation-duration:3s}.particles span:nth-child(7){left:45%;animation-duration:4.5s}.particles span:nth-child(8){left:50%;animation-duration:5s}.particles span:nth-child(9){left:55%;animation-duration:3.3s}.particles span:nth-child(10){left:58%;animation-duration:4s}.particles span:nth-child(11){left:60%;animation-duration:6.9s}.particles span:nth-child(12){left:68%;animation-duration:3s}.particles span:nth-child(13){left:70%;animation-duration:7.7s}.particles span:nth-child(14){left:80%;animation-duration:2s}