@import "https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}::selection{color:#fff;background:#ff69b4}html{scroll-behavior:smooth}body{color:#fff;cursor:crosshair;background-color:#1a0a2e;background-image:radial-gradient(#fff 1px,#0000 1px),radial-gradient(#fff 1px,#0000 1px);background-position:0 0,25px 25px;background-size:50px 50px,80px 80px;min-height:100vh;font-family:Comic Neue,Comic Sans MS,cursive,sans-serif;overflow-x:hidden}.myspace-container{grid-template-columns:250px 1fr;gap:10px;max-width:900px;margin:0 auto;padding:10px;display:grid}.sidebar,.main-content{flex-direction:column;gap:10px;display:flex}.header{text-align:center;background:linear-gradient(135deg,#f0c,#60f,#0cf) 0 0/300% 300%;border:4px outset #ff69b4;border-radius:8px;grid-column:1/-1;padding:30px 20px;animation:4s infinite gradientShift;position:relative;overflow:hidden}.header h1{color:#fff;text-shadow:0 0 10px #f0c,0 0 20px #f0c,0 0 40px #f0c,0 0 80px #60f,3px 3px #000;letter-spacing:8px;font-family:Impact,Arial Black,sans-serif;font-size:5rem;animation:2s ease-in-out infinite alternate glow}.header .subtitle{color:#ff0;margin-top:8px;font-size:1.1rem;font-style:italic}.online-status{color:#0f0;align-items:center;gap:6px;margin-top:12px;font-size:.9rem;font-weight:700;display:inline-flex}.online-dot{background:#0f0;border-radius:50%;width:10px;height:10px;animation:1s infinite blink;box-shadow:0 0 6px #0f0}.marquee-wrapper{background:#000;border:3px inset #ff0;grid-column:1/-1;padding:6px 0;overflow:hidden}.marquee{white-space:nowrap;color:#ff0;font-size:1rem;font-weight:700;animation:15s linear infinite scroll;display:inline-block}.myspace-box{background:linear-gradient(#2a1a4e 0%,#1a0a2e 100%);border:3px outset #96f;border-radius:6px;padding:14px}.myspace-box h2{color:#ff69b4;text-shadow:1px 1px #000;border-bottom:2px dashed #ff69b4;margin-bottom:10px;padding-bottom:6px;font-family:Comic Neue,Comic Sans MS,cursive;font-size:1.3rem}.about-box .mood{color:#fc0;background:#ffcc001a;border:1px dashed #fc0;border-radius:4px;margin-bottom:10px;padding:4px 8px;font-size:.85rem;font-style:italic;display:inline-block}.about-box .bio{color:#ddd;font-size:.95rem;line-height:1.6}.about-box .bio strong{color:#ff69b4}.about-links{margin-top:12px;font-size:.85rem}.about-links span{color:#aaa}.fake-link{color:#0cf;cursor:pointer;text-decoration:underline}.fake-link:hover{color:#ff69b4}.profile-pic{aspect-ratio:1;background:linear-gradient(135deg,#6b3fa0,#ff69b4);border:4px outset #ff69b4;border-radius:6px;justify-content:center;align-items:center;width:100%;margin-bottom:10px;font-size:4rem;display:flex}.friend-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.friend-card{text-align:center;background:linear-gradient(#3a2a5e 0%,#2a1a4e 100%);border:3px outset #ff69b4;border-radius:6px;padding:12px;transition:transform .2s,box-shadow .2s}.friend-card:hover{transform:scale(1.03);box-shadow:0 0 15px #ff69b4}.friend-avatar{border:3px outset #ccc;border-radius:6px;width:80px;height:80px;margin:0 auto 8px}.friend-name{color:#0cf;font-size:1rem;font-weight:700;text-decoration:underline}.friend-type{color:#aaa;margin-top:2px;font-size:.75rem}.friend-caption{color:#ff69b4;margin-top:4px;font-size:.8rem;font-style:italic}.now-playing{background:#0a0a0a;border:3px inset #0f0;border-radius:6px;padding:14px}.now-playing h2{color:#0f0;text-shadow:0 0 5px #0f0;border-bottom:2px dashed #0f0;margin-bottom:10px;padding-bottom:6px;font-family:Comic Neue,Comic Sans MS,cursive;font-size:1.1rem}.player{align-items:center;gap:10px;display:flex}.player-controls{gap:6px;display:flex}.player-btn{color:#0f0;cursor:pointer;background:#222;border:2px outset #444;border-radius:3px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;display:flex}.player-btn:hover{background:#333;border-color:#0f0}.player-info{flex:1}.player-song{color:#0f0;font-size:.9rem;font-weight:700}.player-artist{color:#888;font-size:.75rem}.progress-bar{background:#333;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0f0,#0c0);border-radius:3px;width:58%;height:100%;animation:3s ease-in-out infinite progressPulse}.player-time{color:#666;margin-top:3px;font-size:.7rem}.equalizer{align-items:flex-end;gap:2px;height:30px;display:flex}.eq-bar{background:#0f0;border-radius:1px;width:4px;animation:.8s ease-in-out infinite eqBounce}.eq-bar:first-child{height:60%;animation-delay:0s}.eq-bar:nth-child(2){height:100%;animation-delay:.15s}.eq-bar:nth-child(3){height:40%;animation-delay:.3s}.eq-bar:nth-child(4){height:80%;animation-delay:.45s}.eq-bar:nth-child(5){height:50%;animation-delay:.6s}.autoplay-badge{color:#fff;background:red;border-radius:3px;margin-left:8px;padding:2px 6px;font-size:.6rem;font-weight:700;animation:1.5s infinite blink;display:inline-block}.guestbook .comment{border-bottom:1px dashed #555;padding:10px;font-size:.9rem}.guestbook .comment:nth-child(odd){background:#ffffff08}.comment-author{color:#0cf;font-weight:700;text-decoration:underline}.comment-date{color:#666;margin-left:8px;font-size:.7rem}.comment-text{color:#ddd;margin-top:4px}.comment-form{flex-direction:column;gap:8px;margin-top:14px;display:flex}.comment-form label{color:#ff69b4;font-size:.85rem;font-weight:700}.comment-form input,.comment-form textarea{color:#fff;background:#1a0a2e;border:2px inset #666;border-radius:3px;padding:8px;font-family:Courier New,monospace;font-size:.85rem}.comment-form textarea{resize:vertical;min-height:60px}.comment-form button{color:#fff;cursor:pointer;text-shadow:1px 1px #000;background:linear-gradient(#ff69b4,#c06);border:3px outset #ff69b4;border-radius:4px;align-self:flex-start;padding:8px 20px;font-family:Comic Neue,Comic Sans MS,cursive;font-size:1rem;font-weight:700}.comment-form button:hover{background:linear-gradient(#ff85c8,#ff0080);box-shadow:0 0 12px #ff69b4}.sign-prompt{text-align:center;color:#ff0;margin-top:10px;font-size:.9rem;font-weight:700;animation:2s infinite blink}.footer{text-align:center;background:linear-gradient(#2a1a4e,#0a0020);border:3px outset #60f;border-radius:6px;grid-column:1/-1;padding:20px}.hit-counter{color:#0f0;background:#000;border:2px inset #333;margin-bottom:12px;padding:4px 12px;font-family:Courier New,monospace;font-size:.85rem;display:inline-block}.badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.badge{border:2px outset;border-radius:3px;padding:4px 10px;font-size:.7rem;font-weight:700}.badge-coffee{color:#fc0;background:#4a2c0a;border-color:#8b5e3c}.badge-ie{color:#fff;background:#06c;border-color:#39f}.badge-web2{color:#fff;background:#f60;border-color:#f93}.badge-y2k{color:#fff;background:#c0f;border-color:#d6f}.copyright{color:#888;margin-top:8px;font-size:.75rem}.decorative-emojis{letter-spacing:4px;margin-top:8px;font-size:1.2rem}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes glow{0%{text-shadow:0 0 10px #f0c,0 0 20px #f0c,0 0 40px #f0c,3px 3px #000}to{text-shadow:0 0 20px #0cf,0 0 40px #0cf,0 0 80px #0cf,3px 3px #000}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes eqBounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:700px){.myspace-container{grid-template-columns:1fr;gap:8px;padding:6px}.header{padding:20px 12px}.header h1{letter-spacing:3px;font-size:2.4rem}.header .subtitle{font-size:.9rem}.profile-pic{width:50%;margin:0 auto 10px}.myspace-box{padding:10px}.myspace-box h2{font-size:1.1rem}.about-box .bio{font-size:.85rem}.friend-grid{grid-template-columns:1fr 1fr;gap:8px}.friend-avatar{width:60px;height:60px}.friend-name{font-size:.85rem}.friend-caption{font-size:.7rem}.now-playing{padding:10px}.player{flex-wrap:wrap;gap:8px}.comment-form input,.comment-form textarea{font-size:16px}.footer{padding:14px 10px}.badges{gap:6px}.badge{padding:3px 7px;font-size:.6rem}}@media (max-width:400px){.header h1{letter-spacing:2px;font-size:1.8rem}.friend-grid{grid-template-columns:1fr}.marquee{font-size:.85rem}}