*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Verdana,sans-serif;font-size:12px;background:url(/background.webp) center center fixed;background-size:cover;color:#000}.myspace-page{min-height:100vh}.myspace-header{background:linear-gradient(to bottom,#69c,#369);border-bottom:3px solid #003366;padding:10px 0}.header-content{max-width:1000px;margin:0 auto;padding:0 20px}.myspace-logo{height:40px;margin-bottom:5px}.header-nav{color:#fff;font-size:11px}.header-nav span{color:#fff;font-weight:700}.myspace-container{max-width:1000px;margin:20px auto;padding:0 20px}.profile-header{background:linear-gradient(to bottom,#fff,#e8f0f8);border:2px solid #6699CC;padding:15px;margin-bottom:20px;text-align:center}.profile-header h1{color:#369;font-size:24px;margin-bottom:5px}.tagline{color:#666;font-style:italic}.profile-content{display:grid;grid-template-columns:300px 1fr;gap:20px}.module{background:#fff;border:2px solid #6699CC;margin-bottom:20px;overflow:hidden}.module h2{background:linear-gradient(to bottom,#69c,#369);color:#fff;padding:8px 12px;font-size:14px;font-weight:700}.module-content{padding:15px;line-height:1.6}.profile-pic{width:100%;aspect-ratio:1;object-fit:cover;border:3px solid #6699CC;margin-bottom:10px}.profile-info{background:#fff;border:2px solid #6699CC;padding:15px;margin-bottom:20px;line-height:1.8}.profile-info strong{color:#369;font-size:14px}.last-login{color:#999;font-size:10px;margin-top:10px}.contact-box{background:#fff;border:2px solid #6699CC;margin-bottom:20px}.contact-box h3{background:linear-gradient(to bottom,#69c,#369);color:#fff;padding:8px 12px;font-size:12px}.contact-links{padding:15px;display:flex;flex-direction:column;gap:8px}.contact-links a{color:#369;text-decoration:none;font-size:11px}.contact-links a:hover{text-decoration:underline}table{width:100%;border-collapse:collapse}table td{padding:10px;border-bottom:1px solid #E8F0F8;vertical-align:top}table td.label{font-weight:700;color:#369;width:120px}.friends-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:15px}.friend{text-align:center}.friend img{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid #6699CC;margin-bottom:5px}.friend p{font-size:11px;color:#369;font-weight:700}.friend-count{padding:10px 15px;background:#f0f8ff;border-bottom:1px solid #6699CC}.top-friends-label{padding:10px 15px;font-weight:700;color:#369;background:#f0f8ff;border-bottom:1px solid #6699CC}.view-all{display:block;text-align:center;padding:10px;background:#f0f8ff;color:#369;text-decoration:none;font-weight:700;border-top:1px solid #6699CC}.view-all:hover{background:#e8f0f8}.comment{padding:15px;border-bottom:2px solid #E8F0F8}.comment:last-of-type{border-bottom:none}.comment-header{display:flex;gap:10px;margin-bottom:10px;align-items:center}.comment-header img{width:50px;height:50px;border:2px solid #6699CC}.comment-header strong{color:#369;display:block}.comment-date{font-size:10px;color:#999}.comment-body{padding-left:60px;line-height:1.6}.comment-count{padding:10px 15px;background:#f0f8ff;border-bottom:1px solid #6699CC;font-size:11px}marquee{color:#ff1493;font-weight:700}.music-player .music-content{padding:15px}.song-info{text-align:center;margin-bottom:10px}.song-title{color:#ff1493;font-weight:700;font-size:13px;margin-bottom:5px}.artist-name{color:#369;font-size:11px}.audio-player{width:100%;margin-top:10px}@media (max-width: 768px){.profile-content{grid-template-columns:1fr}.friends-grid{grid-template-columns:repeat(2,1fr)}}body{margin:0}
