/* Tsukiro 3.6.5 — real Supabase Presence in public profiles. */
body[data-page="profile"]>#profileBoot{
  position:fixed!important;
  inset:0!important;
  width:100dvw!important;
  height:100dvh!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
}
.profile-live-state{
  width:max-content;
  max-width:min(100%,620px);
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:8px 0 5px;
  padding:7px 11px;
  border:1px solid rgba(91,221,133,.2);
  border-radius:999px;
  background:rgba(37,130,70,.11);
  color:#70df92;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  text-decoration:none;
  backdrop-filter:blur(12px);
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.profile-live-state>i{
  flex:0 0 auto;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#55d77e;
  box-shadow:0 0 0 4px rgba(85,215,126,.1),0 0 14px rgba(85,215,126,.55);
  animation:profileLivePulse 1.9s ease-in-out infinite;
}
.profile-live-state>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-live-state.is-watching{border-color:rgba(91,221,133,.28);background:linear-gradient(90deg,rgba(37,130,70,.17),rgba(49,91,78,.1))}
.profile-live-state.is-watching:hover{transform:translateY(-1px);border-color:rgba(91,221,133,.44);background:linear-gradient(90deg,rgba(37,130,70,.23),rgba(49,91,78,.14))}
.profile-live-state:not(.is-watching){pointer-events:none}
@keyframes profileLivePulse{50%{opacity:.65;transform:scale(.82);box-shadow:0 0 0 6px rgba(85,215,126,.04),0 0 9px rgba(85,215,126,.3)}}
@media(max-width:620px){.profile-live-state{max-width:100%;font-size:11px;padding:6px 9px}.profile-live-state>span{white-space:normal}}
@media(prefers-reduced-motion:reduce){.profile-live-state,.profile-live-state>i{animation:none!important;transition:none!important}}