.bird-profile-view{
  position:absolute;
  inset:0;
  z-index:240;
  display:flex;
  flex-direction:column;
  color:#eef2f0;
  background:linear-gradient(135deg,#101313 0%,#171b1a 56%,#0d0f0f 100%);
}
.bird-profile-view[hidden]{display:none}
.bird-profile-header{
  flex:0 0 48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px;
  border-bottom:1px solid #ffffff12;
  background:#111514e8;
  backdrop-filter:blur(18px);
}
.bird-profile-header>button{
  width:32px;
  height:32px;
  padding:0;
  border:0;
  border-radius:9px;
  color:#fff;
  background:#ffffff0d;
  font-size:23px;
  line-height:30px;
}
.bird-profile-header>div{display:grid}
.bird-profile-header b{font-size:13px;line-height:15px}
.bird-profile-header small{font-size:7px;line-height:10px;color:#7f8a86}
.profile-network-state{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:5px;
  color:#86e6ca;
  font-size:7px;
}
.profile-network-state i{width:6px;height:6px;border-radius:50%;background:#30e6b5;box-shadow:0 0 0 3px #30e6b51a}
.bird-profile-content{
  flex:1;
  min-height:0;
  display:grid;
  grid-template-columns:41% 59%;
}
.profile-visual{
  position:relative;
  min-width:0;
  margin:0;
  overflow:hidden;
  background:#080a09;
}
.profile-visual>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% center}
.profile-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#050706e8)}
.profile-visual figcaption{
  position:absolute;
  z-index:2;
  left:13px;
  right:13px;
  bottom:12px;
  display:grid;
  gap:3px;
}
.profile-visual figcaption>span{width:max-content;padding:3px 6px;border-radius:99px;background:#064f3bde;color:#79e9c8;font-size:7px}
.profile-visual figcaption b{font-size:16px;line-height:19px}
.profile-visual figcaption small{color:#a9b2af;font-size:8px}
.profile-details{
  min-width:0;
  overflow-y:auto;
  padding:12px 15px 16px;
  scrollbar-width:thin;
}
.profile-details-toolbar{display:flex;align-items:center;justify-content:space-between}
.profile-details-toolbar>span{color:#30e6b5;font-size:7px;letter-spacing:.08em}
.profile-network-toggle{
  display:flex;
  align-items:center;
  gap:5px;
  padding:4px 7px;
  border:1px solid #1d6552;
  border-radius:99px;
  color:#a8f1dc;
  background:#0a3328;
  font-size:7px;
}
.profile-network-toggle i{width:5px;height:5px;border-radius:50%;background:#30e6b5}
.profile-network-toggle.off{border-color:#3a403e;color:#8c9491;background:#242726}
.profile-network-toggle.off i{background:#737b78}
.profile-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0 6px}
.profile-identity h1{margin:0;font-size:20px;line-height:22px}
.profile-identity h1 small{font-size:10px;color:#a8b0ad;font-weight:500}
.profile-identity p{margin:3px 0 0;color:#8f9995;font-size:8px}
.profile-score{
  position:relative;
  flex:0 0 46px;
  width:46px;
  height:46px;
  display:grid;
  place-content:center;
  border-radius:50%;
  background:radial-gradient(circle,#171b1a 55%,transparent 58%),conic-gradient(#30e6b5 0 96%,#343a38 96%);
}
.profile-score b{font-size:13px}
.profile-score small{position:absolute;top:14px;right:6px;font-size:6px}
.profile-source-badges{display:flex;gap:4px;flex-wrap:wrap}
.profile-source-badges span{padding:3px 5px;border-radius:5px;background:#ffffff09;color:#aab2af;font-size:6.5px}
.profile-source-badges span:first-child{color:#8be8ce;background:#07503b66}
.profile-summary{margin:8px 0;color:#bec6c3;font-size:8px;line-height:1.45}
.profile-section{margin-top:8px;padding-top:8px;border-top:1px solid #ffffff0e}
.profile-section h2{margin:0 0 6px;font-size:9px}
.profile-traits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.profile-traits span{min-width:0;padding:6px;border-radius:7px;background:#ffffff07;display:grid;gap:2px}
.profile-traits b{font-size:7px}
.profile-traits small{overflow:hidden;color:#8e9793;font-size:6px;white-space:nowrap;text-overflow:ellipsis}
.profile-online{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}
.profile-online[hidden]{display:none}
.profile-online p{margin:0;color:#9da6a2;font-size:7px;line-height:1.45}
.profile-range{
  position:relative;
  min-height:42px;
  overflow:hidden;
  border-radius:8px;
  background:radial-gradient(ellipse at 64% 45%,#23b98a9c 0 8%,transparent 9%),linear-gradient(135deg,#1b3831,#151d1b);
}
.profile-range:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(25deg,transparent 0 12px,#ffffff08 13px)}
.profile-range span,.profile-range small{position:absolute;z-index:1;left:8px}
.profile-range span{top:7px;font-size:7px}
.profile-range small{top:21px;color:#91a09b;font-size:6px}
.profile-data-note{margin:8px 0 0;color:#626c68;font-size:6px}