.app-container{background:linear-gradient(135deg,#1a1b1e 0%,#1e1f22 50%,#16171a 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.profile-card{background:linear-gradient(145deg,#2a2b2f 0%,#232428 100%);border-radius:12px;width:600px;overflow:hidden;box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff0d}.banner-container{background-color:#232428;height:140px;position:relative}.banner{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block;position:relative}.banner:after{content:"";background:linear-gradient(#0000 0%,#2324284d 100%);position:absolute;inset:0}.avatar-wrapper{filter:drop-shadow(0 4px 12px #00000080);position:absolute;bottom:-60px;left:16px}.avatar-container{background-color:#232428;border:6px solid #232428;border-radius:50%;width:120px;height:120px;position:relative;overflow:visible;box-shadow:0 0 0 2px #ffffff0d}.avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.status-indicator{box-sizing:border-box;border:5px solid #232428;border-radius:50%;width:32px;height:32px;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #0006}.status-indicator.dnd{background:linear-gradient(135deg,#f04747 0%,#da3e44 100%)}.status-indicator.dnd:before{content:"";background-color:#232428;border-radius:1px;width:14px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-content{background:linear-gradient(#232428 0%,#1f2023 100%);padding:70px 16px 16px}.username{color:#fff;text-shadow:0 1px 2px #0000004d;margin:0 0 4px;font-size:20px;font-weight:600;line-height:24px}.user-tag{color:#b5bac1;margin:0 0 16px;font-size:14px;font-weight:400}.social-links{gap:8px;margin-bottom:16px;display:flex}.social-link{background:linear-gradient(135deg,#1a1b1e 0%,#111214 100%);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}.social-link:before{content:"";background:linear-gradient(135deg,#ffffff1a 0%,#fff0 100%);position:absolute;inset:0}.social-icon{filter:brightness(.9)drop-shadow(0 1px 2px #0000004d);z-index:1;width:22px;height:22px;position:relative}.section{background:linear-gradient(145deg,#13141a 0%,#0f1014 100%);border:1px solid #ffffff05;border-radius:10px;margin-bottom:12px;padding:12px;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff05}.section-title{color:#b5bac1;text-transform:uppercase;letter-spacing:.02em;margin:0 0 8px;font-size:12px;font-weight:700}.section-text{color:#f2f3f5;margin:0;font-size:14px;font-weight:400;line-height:18px}.note-area{color:#dbdee1;box-sizing:border-box;background:linear-gradient(145deg,#1e1f22 0%,#1a1b1e 100%);border:1px solid #ffffff08;border-radius:6px;outline:none;width:100%;min-height:45px;padding:8px;font-family:inherit;font-size:14px;line-height:18px;box-shadow:inset 0 1px 3px #0000004d}.note-area:focus{outline:1px solid #00a8fc;box-shadow:inset 0 1px 3px #0000004d,0 0 0 3px #00a8fc1a}.note-area:empty:before{content:attr(data-placeholder);color:#4e5058}