@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--matrix-head-color:#75b1f5;--matrix-trail-color:#77d2fc}html,body,*{box-sizing:border-box;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;font-family:JetBrains Mono,Poppins,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial}html,body{overflow:hidden!important}html,body,#__next{width:100%;height:100%}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}::-webkit-scrollbar{display:none}body{color:#ffc9fe;background:#1f1e1f;margin:0;padding:0}.presence-main{z-index:2000;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex;position:relative}.loading{color:#fff}.profiles-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;margin-top:24px;display:flex}.profile{flex-direction:column;align-items:center;gap:10px;display:flex}.profile-error{color:#fff}.avatar-wrap{justify-content:center;align-items:center;width:128px;height:128px;display:flex;position:relative;overflow:visible}.avatar-circle{background:#111;border-radius:9999px;width:128px;height:128px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.6)}.avatar-circle img{object-fit:cover;width:100%;height:100%}.avatar-deco{object-fit:contain;opacity:.98;pointer-events:none;z-index:2;width:176px;max-width:110%;height:176px;max-height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar-name{color:#fff;font-size:18px}.page-root{min-height:100vh;position:relative}.matrix-canvas{z-index:-9999;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.user-popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.user-popup{-webkit-backdrop-filter:blur(6px)saturate();backdrop-filter:blur(6px)saturate();color:#e6edf3;background:linear-gradient(rgba(18,18,19,.9),rgba(12,12,13,.86));border:1px solid rgba(255,255,255,.02);border-radius:10px;flex-direction:column;width:min(560px,92%);height:48vh;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.6)}.popup-close{color:#c7d7e6;cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:10px;right:12px}.popup-content{color:#bfcfdc;flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;padding:18px;display:flex}.activities-list{flex-direction:column;gap:12px;width:100%;max-height:20vh;margin-top:8px;padding-right:8px;display:flex;overflow:auto}.no-activity{color:#9fb3c8;text-align:center}.activity-card{background:rgba(255,255,255,.02);border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.activity-art{object-fit:cover;border-radius:6px;width:56px;height:56px}.activity-body{flex-direction:column;gap:4px;display:flex}.activity-name{color:#fff;font-weight:700}.activity-details,.activity-state,.activity-ts{color:#bcd3e6;font-size:13px}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.992)}to{opacity:1;transform:scale(1)}}.user-popup-enter{animation:.22s ease-out both popupFadeIn}.popup-header{pointer-events:auto;align-items:center;gap:16px;display:flex;position:relative;top:0;left:0}.popup-avatar{flex:0 0 112px;width:112px;height:112px}.popup-avatar .avatar-wrap,.popup-avatar .avatar-circle{width:112px;height:112px}.popup-avatar .avatar-circle img{object-fit:cover;width:100%;height:100%}.popup-avatar .avatar-deco{width:140px;height:140px;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-username{color:#fff;font-size:20px;font-weight:800;line-height:1;transform:translateY(-6px)}.activity-switcher{align-items:center;gap:8px;margin-left:8px;display:flex}.switch-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.02);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.switch-dots{gap:6px;display:flex}.dot{cursor:pointer;background:rgba(255,255,255,.12);border:none;border-radius:50%;width:10px;height:10px}.dot.active{background:#fff}