@import url("https://fonts.googleapis.com/css2?family=Verdana&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:1.4;min-height:100vh}a{text-decoration:underline}a:hover{text-decoration:none}.profile-wrapper{width:100%;min-height:100vh;padding:10px}.nav-bar{background:#0035ba;padding:5px 10px;margin-bottom:10px}.nav-bar a{color:#fff;font-size:10px;margin-right:10px}.profile-container{display:flex;gap:10px;max-width:1000px;margin:0 auto}.left-column{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.right-column{flex:1 1;display:flex;flex-direction:column;gap:8px}.content-box{padding:8px;border-width:2px;border-style:solid}.content-box-header{font-weight:700;font-size:11px;margin-bottom:5px;padding-bottom:3px;border-bottom:1px solid}.profile-info{display:flex;gap:10px}.profile-pic-container{width:175px;flex-shrink:0}.profile-pic{width:175px;height:auto;border:3px solid #000}.profile-pic-links{font-size:10px;margin-top:3px}.profile-pic-links a{margin-right:5px}.profile-details{font-size:10px;line-height:1.6}.profile-details .name{font-size:14px;font-weight:700;margin-bottom:5px}.profile-details .detail-item{margin-bottom:2px}.online-indicator{display:inline-flex;align-items:center;gap:3px;color:#0f0;font-size:10px}.online-dot{width:8px;height:8px;background:#0f0;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.contacting-box{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;font-size:10px}.contact-item{display:flex;align-items:center;gap:5px}.contact-item img{width:16px;height:16px}.url-box{font-size:10px}.albums-box .album-preview{display:flex;gap:10px;margin-top:5px}.album-thumb{width:80px;height:80px;object-fit:cover;border:2px solid #000}.album-info{font-size:10px}.interests-box table{width:100%;font-size:10px;border-collapse:collapse}.interests-box td{padding:3px;vertical-align:top}.interests-box td:first-child{font-weight:700;width:80px}.blurbs-box{font-size:11px}.blurb-section{margin-bottom:10px}.blurb-section h4{font-size:11px;margin-bottom:5px}.blog-box{font-size:10px}.blog-box a{display:block;margin-top:5px}.friend-space-header{font-size:11px;margin-bottom:5px}.friend-space-header .count{color:red}.friends-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.friend-item{text-align:center;font-size:10px}.friend-item img{width:75px;height:75px;object-fit:cover;border:2px solid;display:block;margin:0 auto 3px}.friend-item .friend-name{word-wrap:break-word}.view-friends-link{font-size:10px;text-align:right;margin-top:5px}.comments-header{display:flex;justify-content:space-between;font-size:10px;margin-bottom:10px}.comment-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed}.comment-avatar{width:50px;height:50px;object-fit:cover;border:1px solid}.comment-content{flex:1 1;font-size:10px}.comment-meta{font-size:9px;margin-top:5px}.comment-meta a{margin-right:8px}.music-player{margin-top:5px;padding:5px}.music-player-title{font-size:10px;margin-bottom:5px}.music-player audio{width:100%;height:25px}.icon-msg:before{content:"✉️ "}.icon-add:before{content:"➕ "}.icon-fwd:before{content:"↗️ "}.icon-fav:before{content:"⭐ "}.icon-block:before{content:"🚫 "}.icon-group:before{content:"👥 "}@media (max-width:768px){.profile-container{flex-direction:column}.left-column{width:100%}.friends-grid{grid-template-columns:repeat(3,1fr)}}