*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:#000;color:#fff;font-family:monospace;display:flex;justify-content:center;align-items:center}canvas.bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.profile{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.05);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:22px 22px 18px;z-index:1;position:relative;width:620px;max-width:92vw;cursor:default;box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 10px 30px rgba(0,0,0,.35)}.profiles{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;width:100%}.profile-card{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.image{width:140px;height:140px;background-size:cover;background-position:center;border-radius:50%;margin-top:4px;flex-shrink:0}.name{font-family:Sarala,sans-serif;font-size:30px;color:#fff;margin-top:14px;text-align:center;text-decoration:none;cursor:pointer;user-select:none;display:block}.icons{display:flex;justify-content:center;gap:10px;margin-top:8px;flex-wrap:wrap}.icons a{color:#fff;font-size:22px;transition:transform .3s ease;text-decoration:none}.icons a:hover{transform:scale(1.2)}.projects{margin-top:30px;width:100%;display:flex;justify-content:center}.project{width:380px;min-height:66px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;display:flex;gap:12px;padding:10px 12px;align-items:center;cursor:pointer;transition:transform .2s ease}.project:hover{transform:scale(1.02)}.project-icon{width:48px;height:48px;border-radius:5px;background-image:url("https://heal.tf/heal.png");background-size:cover;background-position:center;flex-shrink:0;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 8px rgba(255,255,255,.15)}.project-info{display:flex;flex-direction:column;font-size:13px;color:#fff;user-select:none;flex:1;overflow:visible}.project-info a{color:#fff;text-decoration:none;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px}.project-info a:hover{text-decoration:underline}.project-info span{font-size:11px;color:rgba(255,255,255,.6);white-space:normal;overflow-wrap:break-word;margin-top:2px;line-height:1.2}#mute{position:absolute;top:15px;right:15px;width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);cursor:pointer;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;user-select:none;z-index:10;transition:background .3s}#mute:hover{background:rgba(255,255,255,.3)}@media (max-width:700px){.profile{width:340px;max-width:88vw;padding:18px 16px 16px}.profiles{gap:14px}.image{width:100px;height:100px}.name{font-size:22px;margin-top:10px}.icons a{font-size:19px}.projects{margin-top:24px}.project{width:250px;min-height:58px;padding:8px 10px;gap:10px}.project-icon{width:40px;height:40px}.project-info a{font-size:14px}.project-info span{font-size:10px}#mute{width:34px;height:34px;font-size:18px}}@media (max-width:480px){.profile{width:300px;max-width:86vw}.profiles{gap:10px}.image{width:88px;height:88px}.name{font-size:18px}.icons{gap:8px}.icons a{font-size:17px}.project{width:220px;min-height:54px}.project-icon{width:36px;height:36px}.project-info a{font-size:12px}.project-info span{font-size:9px}}