@keyframes scan-sweep { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, 100%, 0); } }
@keyframes scan-iridesce { from { filter: hue-rotate(0deg); } to { filter: hue-rotate(360deg); } }
@keyframes scan-panel { 0%, 100% { background-position: 0 0%; border-bottom: 1px solid #e8ffff; box-shadow: 0 8px 22px rgba(125, 252, 255, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.3); border-top: 1px solid rgba(125, 252, 255, 0.35); } 50% { background-position: 0 100%; border-top: 1px solid #e8ffff; box-shadow: 0 -8px 22px rgba(125, 252, 255, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(125, 252, 255, 0.35); } }
#profile::before { content: ""; position: absolute; inset: 0; z-index: -3; background: radial-gradient(ellipse at 80% 10%, rgba(140, 90, 255, 0.35), rgba(0, 0, 0, 0) 55%), radial-gradient(ellipse at 10% 90%, rgba(0, 220, 255, 0.28), rgba(0, 0, 0, 0) 55%), linear-gradient(160deg, #040817, #0a1a33 45%, #12082c); }
#profile::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(4, 8, 23, 0), rgba(4, 8, 23, 0.4) 20%, rgba(4, 8, 23, 0.4) 80%, rgba(4, 8, 23, 0)); }
#profile .profile-inner::before, #profile .profile-inner::after { content: ""; position: absolute; z-index: -2; backface-visibility: hidden; }
#profile .profile-inner::before { left: 0; right: 0; top: -100%; height: 100%; background: linear-gradient(180deg, rgba(125, 252, 255, 0) 0 70%, rgba(125, 252, 255, 0.12) 92%, rgba(125, 252, 255, 0.45) 99.4%, #f2ffff 99.4% 99.7%, rgba(125, 252, 255, 0) 99.7%); animation: scan-sweep 7s ease-in-out infinite alternate; }
#profile .profile-inner::after { inset: 0; background: linear-gradient(115deg, rgba(255, 0, 200, 0.12), rgba(0, 255, 255, 0.12) 30%, rgba(255, 240, 0, 0.08) 55%, rgba(0, 0, 0, 0) 75%), repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0 1px, rgba(0, 0, 0, 0) 1px 4px); animation: scan-iridesce 16s linear infinite; }
#profile .profile-inner { gap: 18px; max-width: 980px; }
#profile { background: transparent; color: #eefcff; }
#profile a { color: #7dfcff; }
#profile a:hover { color: #ffffff; }
#profile .profile-name, #profile .profile-facts, #profile .headline, #profile .last-login, #profile .mood, #profile .view-my { color: #eefcff; text-shadow: 0 1px 4px #000000; }
#profile .last-login, #profile .comment-date, #profile .comment-count, #profile .friend-count, #profile .comment-note, #profile .view-all { color: #b5d6e6; }
#profile .interests, #profile .details, #profile .extended-network, #profile .friends-block, #profile .blurbs, #profile .profile-mail, #profile .friend-space, #profile .comments, #profile .games, #profile .music-player, #profile .profile-panel { background: rgba(14, 26, 52, 0.42); border: 1px solid rgba(125, 252, 255, 0.35); border-radius: 8px; padding: 8px; color: #eefcff; }
#profile .interests, #profile .details { border-collapse: separate; border-spacing: 0; border-color: rgba(125, 252, 255, 0.35); border-radius: 8px; overflow: hidden; }
#profile .interests th, #profile .details th { background: linear-gradient(90deg, rgba(125, 252, 255, 0.28), rgba(180, 140, 255, 0.28)); color: #ffffff; }
#profile .interests .label, #profile .details .label { background: rgba(8, 16, 34, 0.45); color: #7dfcff; }
#profile .section-title { background: linear-gradient(90deg, rgba(125, 252, 255, 0.28), rgba(180, 140, 255, 0.28)); color: #ffffff; border-radius: 4px; }
#profile .blurbs h3, #profile .game-box h3, #profile .song-title { color: #7dfcff; }
#profile .extended-network { color: #7dfcff; }
#profile .comment-author, #profile .comment-body { background: rgba(8, 16, 34, 0.42); color: #eefcff; border-radius: 4px; }
#profile .comment-form label { color: #eefcff; }
#profile .comment-form textarea { background: rgba(4, 8, 23, 0.7); border-color: rgba(125, 252, 255, 0.35); color: #eefcff; }
#profile .music-start { background: rgba(8, 16, 34, 0.42); border-color: rgba(125, 252, 255, 0.35); color: #eefcff; }
#profile .music-start:hover { background: rgba(8, 16, 34, 0.45); }
#profile .music-hint, #profile .music-link { color: #b5d6e6; }
#profile .deck-screen, #profile .deck-button, #profile .deck-video, #profile .deck-num { color: #7dfcff; }
#profile .deck-shell { border-color: rgba(125, 252, 255, 0.35); }
#profile .online-now { background: rgba(8, 16, 34, 0.42); color: #eefcff; }
#profile .interests, #profile .details, #profile .extended-network, #profile .friends-block, #profile .blurbs, #profile .profile-mail, #profile .friend-space, #profile .comments, #profile .games, #profile .music-player, #profile .profile-panel { border-radius: 12px; box-shadow: 0 12px 30px rgba(2, 6, 20, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); }
#profile .interests, #profile .details { -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); }
#profile .interests, #profile .details, #profile .extended-network, #profile .friends-block, #profile .blurbs, #profile .profile-mail, #profile .friend-space, #profile .comments, #profile .games, #profile .music-player, #profile .profile-panel { background: linear-gradient(180deg, rgba(125, 252, 255, 0) 44%, rgba(125, 252, 255, 0.22) 49.4%, rgba(240, 255, 255, 0.7) 50%, rgba(125, 252, 255, 0.22) 50.6%, rgba(125, 252, 255, 0) 56%) 0 0 / 100% 200% no-repeat, rgba(14, 26, 52, 0.42); animation: scan-panel 6s ease-in-out infinite; }
#profile .profile-name { color: #ffffff; text-shadow: 0 0 10px #7dfcff, 0 0 26px #8c5aff; letter-spacing: 2px; }
#profile .profile-pic { border: 1px solid rgba(125, 252, 255, 0.7); border-radius: 12px; box-shadow: 0 0 22px rgba(125, 252, 255, 0.5); }