*{margin:0;padding:0;box-sizing:border-box}body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;background-color:#4682b4;color:#333;line-height:1.4}a{color:#039;text-decoration:underline}a:hover{color:#ff5a00}.header{background-color:#036;padding:8px 0;border-bottom:2px solid #ff5a00}.header-content{max-width:960px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.logo{color:#fff;font-size:24px;font-weight:700;text-decoration:none;font-family:Arial Black,sans-serif;letter-spacing:-1px}.logo span{color:#ff5a00}.header-nav{display:flex;gap:12px;flex-wrap:wrap}.header-nav a{color:#9cf;text-decoration:none;font-size:10px}.header-nav a:hover{color:#fff;text-decoration:underline}.sub-header{background-color:#5a8bb8;padding:4px 0;border-bottom:1px solid #4a7aa8}.sub-header-content{max-width:960px;margin:0 auto;display:flex;gap:15px;padding:0 10px}.sub-header a{color:#fff;text-decoration:none;font-size:10px}.sub-header a:hover{text-decoration:underline}.container{max-width:960px;margin:10px auto;display:flex;gap:8px;padding:0 10px}.left-column{width:300px;flex-shrink:0}.right-column{flex:1}.profile-box{background-color:#fff;border:1px solid #336699;margin-bottom:8px}.profile-box-header{background-color:#5a8bb8;color:#fff;padding:4px 8px;font-weight:700;font-size:11px}.profile-box-content{padding:8px}.band-header{background-color:#fff;border:1px solid #336699;margin-bottom:8px;padding:10px}.band-name{font-size:16px;font-weight:700;color:#039;margin-bottom:3px}.band-tagline{font-style:italic;color:#666;margin-bottom:8px;font-size:11px}.band-stats{display:flex;gap:15px;font-size:10px;color:#666}.band-stats strong{color:#039}.profile-image{width:100%;margin-bottom:8px}.profile-image img{width:100%;display:block;border:1px solid #999}.online-status{text-align:center;padding:4px;background-color:#dff0d8;border:1px solid #3c763d;margin-bottom:8px;font-size:10px;color:#3c763d}.online-status .online-dot{display:inline-block;width:8px;height:8px;background-color:#3c763d;border-radius:50%;margin-right:5px;vertical-align:middle}.contact-table{width:100%;border-collapse:collapse}.contact-table td{padding:4px;text-align:center;border:1px solid #ccc;background-color:#f0f0f0}.contact-table a{display:block;font-size:10px;text-decoration:none}.contact-table a:hover{text-decoration:underline}.add-button{display:block;background-color:#ff5a00;color:#fff;text-align:center;padding:6px;text-decoration:none;font-weight:700;font-size:11px;border:1px solid #cc4800;margin-bottom:8px}.add-button:hover{background-color:#f72;color:#fff}.details-table{width:100%;font-size:10px}.details-table td{padding:2px 4px;border-bottom:1px solid #eee;vertical-align:top}.details-table td:first-child{font-weight:700;color:#039;width:90px}.network-banner{background-color:#fec;border:1px solid #ffcc66;padding:8px;text-align:center;margin-bottom:8px;font-size:11px;color:#960}.blurb-section{margin-bottom:12px}.blurb-title{color:#ff5a00;font-weight:700;font-size:11px;margin-bottom:4px;border-bottom:1px solid #ccc;padding-bottom:2px}.blurb-content{font-size:11px;line-height:1.5}.tour-table{width:100%;border-collapse:collapse;font-size:10px}.tour-table th{background-color:#5a8bb8;color:#fff;padding:4px 6px;text-align:left;font-weight:700}.tour-table td{padding:4px 6px;border-bottom:1px solid #ddd}.tour-table tr:nth-child(2n){background-color:#f5f5f5}.friends-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.friend-item{text-align:center}.friend-item img{width:75px;height:75px;object-fit:cover;border:1px solid #999;display:block;margin:0 auto 4px}.friend-item a{font-size:10px;word-break:break-word}.comment{display:flex;gap:8px;padding:8px;border-bottom:1px solid #ddd;background-color:#fafafa}.comment:nth-child(2n){background-color:#fff}.comment-avatar{width:50px;flex-shrink:0}.comment-avatar img{width:50px;height:50px;object-fit:cover;border:1px solid #999}.comment-content{flex:1}.comment-meta{font-size:10px;color:#666;margin-bottom:4px}.comment-meta a{font-weight:700}.comment-text{font-size:11px}.player-placeholder{background-color:#1a1a1a;color:#999;padding:20px;text-align:center;border:1px solid #333}.player-placeholder p{font-size:10px;margin-top:10px}.footer{background-color:#036;color:#9cf;text-align:center;padding:12px;font-size:10px;margin-top:15px}.footer a{color:#fc6}.footer a:hover{color:#fff}.url-display{background-color:#ffc;border:1px solid #cccc66;padding:4px 6px;font-size:10px;margin-bottom:8px;word-break:break-all}.url-display strong{color:#660}.view-count{text-align:center;font-size:10px;color:#666;padding:4px;background-color:#f0f0f0;border:1px solid #ccc;margin-bottom:8px}.mood{font-size:10px;padding:4px 6px;background-color:#fff8dc;border:1px solid #ddc;margin-bottom:8px}.mood strong{color:#960}.view-all{text-align:right;margin-top:8px;font-size:10px}.comment-actions{padding:8px;text-align:right}@media(max-width:768px){.header-content{flex-direction:column;gap:10px}.header-nav,.sub-header-content{flex-wrap:wrap;justify-content:center;gap:8px 12px}.container{flex-direction:column}.left-column,.right-column{width:100%}.friends-grid{grid-template-columns:repeat(4,1fr)}.tour-table{display:block;overflow-x:auto;white-space:nowrap}}@media(max-width:480px){body{font-size:12px}.header-nav{display:none}.logo{font-size:20px}.sub-header-content{gap:6px 10px;font-size:9px}.sub-header a{font-size:9px}.container{padding:0 5px;gap:5px}.band-name{font-size:18px}.band-stats{flex-direction:column;gap:3px}.profile-box-header{font-size:12px;padding:6px 8px}.profile-box-content{padding:8px}.contact-table td{padding:6px 4px;font-size:10px}.details-table td:first-child{width:80px}.friends-grid{grid-template-columns:repeat(2,1fr);gap:10px}.friend-item img{width:60px;height:60px}.comment{padding:8px;gap:8px}.comment-avatar{width:40px}.comment-avatar img{width:40px;height:40px}.comment-text{font-size:11px}.tour-table th,.tour-table td{padding:6px 4px;font-size:10px}.blurb-title{font-size:12px}.blurb-content{font-size:11px}.add-button{padding:10px;font-size:13px}.footer{padding:10px;font-size:9px}.network-banner{font-size:11px;padding:8px}}@media(max-width:360px){.sub-header-content{justify-content:flex-start}.friends-grid{grid-template-columns:repeat(2,1fr)}.contact-table td{font-size:9px}}
