:root{
  --wsa-friends-bg:rgba(249,251,255,.97);
  --wsa-friends-panel:rgba(255,255,255,.82);
  --wsa-friends-panel-strong:#fff;
  --wsa-friends-line:rgba(44,69,118,.14);
  --wsa-friends-text:#101a30;
  --wsa-friends-muted:#6d7890;
  --wsa-friends-blue:#326bff;
  --wsa-friends-cyan:#20b9e8;
  --wsa-friends-purple:#9c69ff;
  --wsa-friends-green:#22c979;
  --wsa-friends-shadow:0 36px 110px rgba(7,18,45,.28);
}
html.wsa-night-mode,
body.dark{
  --wsa-friends-bg:rgba(7,13,29,.97);
  --wsa-friends-panel:rgba(15,24,47,.78);
  --wsa-friends-panel-strong:#111b35;
  --wsa-friends-line:rgba(153,178,228,.16);
  --wsa-friends-text:#f4f7ff;
  --wsa-friends-muted:#93a2be;
  --wsa-friends-shadow:0 40px 120px rgba(0,0,0,.58);
}
html.wsa-friends-open{overflow:hidden}
.wsa-friends-overlay.hidden,.wsa-friend-gift-sheet.hidden{display:none!important}
.wsa-friends-overlay{
  position:fixed;
  inset:0;
  z-index:210;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(5,11,25,.54);
  backdrop-filter:blur(18px) saturate(125%);
}
.wsa-friends-window{
  position:relative;
  width:min(1220px,100%);
  height:min(790px,calc(100dvh - 48px));
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid var(--wsa-friends-line);
  border-radius:28px;
  color:var(--wsa-friends-text);
  background:
    radial-gradient(620px 260px at 12% -5%,rgba(43,120,255,.16),transparent 70%),
    radial-gradient(520px 280px at 92% 0%,rgba(156,105,255,.14),transparent 72%),
    var(--wsa-friends-bg);
  box-shadow:var(--wsa-friends-shadow);
  font-family:Inter,Manrope,ui-sans-serif,system-ui,sans-serif;
}
.wsa-friends-window button,.wsa-friends-window input,.wsa-friends-window textarea{font:inherit}
.wsa-friends-window button{
  transition:transform .14s ease,filter .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.wsa-friends-window button:not(:disabled):active{transform:scale(.95);filter:brightness(.94)}
.wsa-friends-window button.is-busy{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  cursor:progress!important;opacity:1!important;filter:saturate(.8)
}
.wsa-friend-action-spinner{
  width:12px;height:12px;flex:0 0 auto;display:inline-block;border:2px solid currentColor;border-right-color:transparent;
  border-radius:999px;animation:wsaFriendActionSpin .62s linear infinite
}
@keyframes wsaFriendActionSpin{to{transform:rotate(360deg)}}
.wsa-friends-header{
  min-height:96px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:19px 22px;
  border-bottom:1px solid var(--wsa-friends-line);
}
.wsa-friends-heading>span,.wsa-friends-section-head span,.wsa-friend-gift-panel header span{
  color:var(--wsa-friends-cyan);
  font-size:9px;
  font-weight:1000;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.wsa-friends-heading h2{margin:5px 0 2px;font-size:26px;line-height:1;letter-spacing:-.04em}
.wsa-friends-heading p{margin:0;color:var(--wsa-friends-muted);font-size:11px}
.wsa-friends-header-tools{display:flex;align-items:center;gap:10px}
.wsa-friends-gems{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:0 13px;
  border:1px solid rgba(156,105,255,.26);
  border-radius:999px;
  color:#9b6cff;
  background:rgba(156,105,255,.1);
  font-size:10px;
  font-weight:950;
}
.wsa-friends-close{
  width:42px;height:42px;border:1px solid var(--wsa-friends-line);border-radius:14px;
  color:var(--wsa-friends-text);background:var(--wsa-friends-panel);cursor:pointer;font-size:25px;line-height:1;
}
.wsa-friends-notice{
  position:absolute;z-index:8;left:50%;top:83px;max-width:min(560px,calc(100% - 32px));
  padding:10px 14px;border:1px solid rgba(50,107,255,.25);border-radius:999px;
  color:#eaf1ff;background:rgba(21,55,121,.94);box-shadow:0 16px 40px rgba(0,0,0,.22);
  font-size:10px;font-weight:850;transform:translateX(-50%);
}
.wsa-friends-notice.is-error{border-color:rgba(255,103,121,.4);background:rgba(116,31,47,.96)}
.wsa-friends-notice.is-success{border-color:rgba(34,201,121,.4);background:rgba(18,94,63,.96)}
.wsa-friends-layout{
  min-height:0;flex:1;display:grid;
  grid-template-columns:238px minmax(300px,.82fr) minmax(390px,1.18fr);
}
.wsa-friends-sidebar,.wsa-friends-content,.wsa-friend-conversation{min-width:0;min-height:0}
.wsa-friends-sidebar{
  display:flex;flex-direction:column;gap:16px;padding:16px;
  border-right:1px solid var(--wsa-friends-line);background:rgba(111,139,194,.035);
}
.wsa-friends-self{padding:13px;border:1px solid var(--wsa-friends-line);border-radius:18px;background:var(--wsa-friends-panel)}
.wsa-friends-self-row{display:flex;align-items:center;gap:10px}
.wsa-friends-self-row>div{min-width:0;display:grid;gap:3px}
.wsa-friends-self-row strong{display:flex;align-items:center;min-width:0;font-size:12px}
.wsa-friends-self-row>div>span{overflow:hidden;color:var(--wsa-friends-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.wsa-friend-avatar{
  position:relative;flex:0 0 auto;width:44px;height:44px;overflow:visible;
  display:grid;place-items:center;border:1px solid rgba(91,135,255,.22);border-radius:15px;
  color:#fff;background:linear-gradient(145deg,#283a6b,#397aff);font-size:12px;font-weight:1000;
}
.wsa-friend-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.wsa-friend-avatar.has-frame>img,.wsa-friend-avatar.has-frame>.wsa-friend-avatar-fallback{position:relative;z-index:1;width:72%;height:72%;display:grid;place-items:center;border-radius:50%}
.wsa-friend-frame-layer{position:absolute!important;z-index:3!important;inset:-5px!important;width:auto!important;height:auto!important;border-radius:0!important;background:var(--social-frame) center/contain no-repeat;pointer-events:none}
.wsa-friend-avatar-badge{position:absolute!important;z-index:5!important;right:-6px;top:-6px;width:19px!important;height:19px!important;display:grid!important;place-items:center;border:1px solid rgba(115,151,255,.34);border-radius:7px!important;background:var(--wsa-friends-panel-strong);box-shadow:0 5px 13px rgba(4,10,30,.3)}
.wsa-friend-avatar-badge img{width:100%;height:100%;object-fit:contain;border-radius:5px}
.wsa-friend-avatar>i{
  position:absolute;z-index:6;right:-2px;bottom:-2px;width:11px;height:11px;border:2px solid var(--wsa-friends-panel-strong);
  border-radius:999px;background:var(--wsa-friends-green);box-shadow:0 0 13px rgba(34,201,121,.65);
}
.wsa-friend-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wsa-friend-name-gift{
  flex:0 0 auto;width:18px;height:18px;display:inline-grid;place-items:center;margin-left:4px;
  border:1px solid rgba(156,105,255,.23);border-radius:6px;background:rgba(156,105,255,.1);
  font-size:11px;line-height:1;filter:drop-shadow(0 4px 7px rgba(82,42,150,.25));
}
.wsa-friend-name-gift .wsa-gift-logo{width:100%;height:100%;display:block;object-fit:contain}
.wsa-friends-code-label{margin:12px 0 5px;color:var(--wsa-friends-muted);font-size:7px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.wsa-friends-code,.wsa-friends-share{
  width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:0 10px;border:1px solid var(--wsa-friends-line);border-radius:10px;color:var(--wsa-friends-text);
  background:rgba(50,107,255,.06);cursor:pointer;font-size:9px;
}
.wsa-friends-code strong{overflow:hidden;text-overflow:ellipsis}
.wsa-friends-code span{color:var(--wsa-friends-blue);font-weight:950}
.wsa-friends-share{justify-content:center;margin-top:6px;color:#fff;border:0;background:linear-gradient(135deg,var(--wsa-friends-blue),var(--wsa-friends-purple));font-weight:950}
.wsa-friends-tabs{display:grid;gap:6px}
.wsa-friends-tabs button{
  width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;
  border:1px solid transparent;border-radius:12px;color:var(--wsa-friends-muted);background:transparent;cursor:pointer;
  font-size:10px;font-weight:900;text-align:left;
}
.wsa-friends-tabs button b{min-width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:rgba(111,139,194,.1);font-size:8px}
.wsa-friends-tabs button.is-active{border-color:rgba(50,107,255,.2);color:var(--wsa-friends-text);background:linear-gradient(135deg,rgba(50,107,255,.13),rgba(156,105,255,.08))}
.wsa-friends-security{margin-top:auto;padding:12px;border:1px dashed var(--wsa-friends-line);border-radius:14px}
.wsa-friends-security strong,.wsa-friends-security span{display:block}.wsa-friends-security strong{font-size:9px}.wsa-friends-security span{margin-top:4px;color:var(--wsa-friends-muted);font-size:8px;line-height:1.5}
.wsa-friends-content{overflow:auto;padding:18px;border-right:1px solid var(--wsa-friends-line)}
.wsa-friends-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:13px}
.wsa-friends-section-head h3{margin:4px 0 0;font-size:21px;letter-spacing:-.035em}
.wsa-friends-section-head>b{padding:6px 8px;border-radius:999px;color:var(--wsa-friends-blue);background:rgba(50,107,255,.09);font-size:8px;text-transform:uppercase}
.wsa-friends-filter,.wsa-friend-search-form{
  display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:0 10px;border:1px solid var(--wsa-friends-line);
  border-radius:12px;background:var(--wsa-friends-panel);
}
.wsa-friends-filter input,.wsa-friend-search-form input{
  min-width:0;width:100%;height:38px;border:0;outline:0;color:var(--wsa-friends-text);background:transparent;font-size:10px;
}
.wsa-friend-list{display:grid;gap:7px}
.wsa-friend-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:5px}
.wsa-friend-open{
  min-width:0;min-height:61px;display:flex;align-items:center;gap:10px;padding:8px;
  border:1px solid var(--wsa-friends-line);border-radius:15px;color:var(--wsa-friends-text);
  background:var(--wsa-friends-panel);cursor:pointer;text-align:left;
}
.wsa-friend-row.is-active .wsa-friend-open{border-color:rgba(50,107,255,.38);background:linear-gradient(135deg,rgba(50,107,255,.13),rgba(156,105,255,.08))}
.wsa-friend-row-copy{min-width:0;flex:1;display:grid;gap:4px}
.wsa-friend-row-copy strong{min-width:0;display:flex;align-items:center;font-size:11px}
.wsa-friend-row-copy small{overflow:hidden;color:var(--wsa-friends-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.wsa-friend-unread{min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;color:#fff;background:var(--wsa-friends-blue);font-size:7px}
.wsa-friend-quick-gift{
  border:1px solid var(--wsa-friends-line);border-radius:12px;color:var(--wsa-friends-text);background:var(--wsa-friends-panel);cursor:pointer;font-size:14px;
}
.wsa-friend-quick-gift img,.wsa-friend-chat-gift img{width:20px;height:20px;display:block;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(29,18,70,.34))}
.wsa-friends-recommended{margin-top:18px;padding-top:16px;border-top:1px solid var(--wsa-friends-line)}
.wsa-friends-recommended-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:9px}
.wsa-friends-recommended-head span{color:var(--wsa-friends-purple);font-size:7px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.wsa-friends-recommended-head h4{margin:3px 0 0;font-size:15px}
.wsa-friends-recommended-head small{color:var(--wsa-friends-muted);font-size:7px;text-align:right}
.wsa-friends-recommended-grid{display:grid;gap:7px}
.wsa-friend-recommendation{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--wsa-friends-line);border-radius:15px;background:linear-gradient(135deg,var(--wsa-friends-panel),rgba(156,105,255,.055))}
.wsa-friend-recommendation>div{min-width:0;display:grid;gap:2px}
.wsa-friend-recommendation strong{min-width:0;display:flex;align-items:center;font-size:10px}
.wsa-friend-recommendation span,.wsa-friend-recommendation small{overflow:hidden;color:var(--wsa-friends-muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.wsa-friend-recommendation button{min-height:30px;padding:0 10px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--wsa-friends-blue),var(--wsa-friends-purple));cursor:pointer;font-size:8px;font-weight:950}
.wsa-friends-empty,.wsa-friends-search-help,.wsa-friends-chat-empty,.wsa-friend-message-zero{
  min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;
}
.wsa-friends-empty>span,.wsa-friends-search-help>span,.wsa-friends-chat-empty>span,.wsa-friend-message-zero>span{font-size:34px}
.wsa-friends-empty strong,.wsa-friends-search-help strong,.wsa-friends-chat-empty strong,.wsa-friend-message-zero strong{margin-top:9px;font-size:14px}
.wsa-friends-empty p,.wsa-friends-search-help p,.wsa-friends-chat-empty p,.wsa-friend-message-zero p{max-width:300px;margin:6px 0;color:var(--wsa-friends-muted);font-size:9px;line-height:1.6}
.wsa-friends-empty button{margin-top:9px;padding:9px 13px;border:0;border-radius:10px;color:#fff;background:var(--wsa-friends-blue);cursor:pointer;font-size:9px;font-weight:950}
.wsa-friends-request-group{margin-top:16px}.wsa-friends-request-group h4{margin:0 0 7px;color:var(--wsa-friends-muted);font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.wsa-friend-request,.wsa-friend-search-result{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:7px;padding:9px;
  border:1px solid var(--wsa-friends-line);border-radius:15px;background:var(--wsa-friends-panel);
}
.wsa-friend-request>div:nth-child(2),.wsa-friend-search-result>div:nth-child(2){min-width:0;display:grid;gap:2px}
.wsa-friend-request strong,.wsa-friend-search-result strong{min-width:0;display:flex;align-items:center;font-size:10px}
.wsa-friend-request span,.wsa-friend-search-result span,.wsa-friend-request small,.wsa-friend-search-result small{overflow:hidden;color:var(--wsa-friends-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.wsa-friend-request-actions{display:flex;gap:5px}
.wsa-friend-request-actions button,.wsa-friend-search-result button{
  min-height:30px;padding:0 9px;border:1px solid var(--wsa-friends-line);border-radius:9px;color:var(--wsa-friends-text);background:transparent;cursor:pointer;font-size:8px;font-weight:900;
}
.wsa-friend-request-actions button.is-primary,.wsa-friend-search-result button.is-primary{border:0;color:#fff;background:linear-gradient(135deg,var(--wsa-friends-blue),var(--wsa-friends-purple))}
.wsa-friend-pending{display:inline-flex!important;align-items:center;padding:7px 8px;border-radius:999px;color:var(--wsa-friends-purple)!important;background:rgba(156,105,255,.1);font-size:7px!important;font-weight:950;text-transform:uppercase}
.wsa-friends-mini-empty{padding:18px;border:1px dashed var(--wsa-friends-line);border-radius:14px;color:var(--wsa-friends-muted);font-size:9px;text-align:center}
.wsa-friend-search-form{padding-right:5px}.wsa-friend-search-form button{min-height:31px;padding:0 11px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--wsa-friends-blue),var(--wsa-friends-purple));cursor:pointer;font-size:8px;font-weight:950}
.wsa-friends-search-results{display:grid;gap:7px}
.wsa-friends-gift-explainer{margin:0 0 12px;padding:11px;border:1px solid rgba(156,105,255,.19);border-radius:12px;color:var(--wsa-friends-muted);background:rgba(156,105,255,.06);font-size:9px;line-height:1.6}
.wsa-friends-clear-gift{margin-bottom:10px;padding:8px 10px;border:1px solid var(--wsa-friends-line);border-radius:9px;color:var(--wsa-friends-text);background:transparent;cursor:pointer;font-size:8px;font-weight:900}
.wsa-friends-owned-gifts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wsa-friends-owned-gift{
  min-width:0;display:grid;justify-items:start;gap:4px;padding:12px;border:1px solid var(--wsa-friends-line);border-radius:15px;
  color:var(--wsa-friends-text);background:var(--wsa-friends-panel);cursor:pointer;text-align:left;
}
.wsa-friends-owned-gift.is-selected{border-color:rgba(156,105,255,.52);box-shadow:inset 0 0 0 1px rgba(156,105,255,.2)}
.wsa-friends-owned-gift-visual{width:46px;height:46px;display:grid;place-items:center}.wsa-friends-owned-gift-visual .wsa-gift-logo{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(30,20,70,.28))}.wsa-friends-owned-gift strong{font-size:9px}.wsa-friends-owned-gift small{color:var(--wsa-friends-muted);font-size:7px}.wsa-friends-owned-gift b{color:var(--wsa-friends-purple);font-size:7px;text-transform:uppercase}
.wsa-friend-conversation{display:flex;flex-direction:column;background:rgba(111,139,194,.025)}
.wsa-friend-chat-head{
  min-height:65px;display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid var(--wsa-friends-line);
  background:var(--wsa-friends-panel-strong);
}
.wsa-friend-chat-head .wsa-friend-avatar{width:40px;height:40px}
.wsa-friend-chat-head>div{min-width:0;flex:1;display:grid;gap:3px}.wsa-friend-chat-head>div strong{min-width:0;display:flex;align-items:center;font-size:11px}.wsa-friend-chat-head>div span{color:var(--wsa-friends-muted);font-size:8px}
.wsa-friend-chat-head>a,.wsa-friend-chat-head>button{
  min-height:31px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--wsa-friends-line);
  border-radius:9px;color:var(--wsa-friends-text);background:var(--wsa-friends-panel);cursor:pointer;text-decoration:none;font-size:8px;font-weight:900;
}
.wsa-friend-chat-back{display:none!important}
.wsa-friend-messages{min-height:0;flex:1;overflow:auto;display:flex;flex-direction:column;gap:7px;padding:15px}
.wsa-friend-message{max-width:78%;align-self:flex-start}.wsa-friend-message>div{padding:9px 11px;border:1px solid var(--wsa-friends-line);border-radius:14px 14px 14px 4px;background:var(--wsa-friends-panel);font-size:10px;line-height:1.5;overflow-wrap:anywhere}.wsa-friend-message>span{display:block;margin-top:3px;color:var(--wsa-friends-muted);font-size:7px}
.wsa-friend-message.is-mine{align-self:flex-end;text-align:right}.wsa-friend-message.is-mine>div{border:0;border-radius:14px 14px 4px 14px;color:#fff;background:linear-gradient(135deg,#326bff,#7659e9)}
.wsa-friend-message.is-pending{opacity:.72}
.wsa-friend-message.is-failed>div{outline:1px solid rgba(255,88,105,.75)}
.wsa-friend-message.is-failed>span{color:#ff6678;font-weight:900}
.wsa-friend-message-form{display:flex;align-items:flex-end;gap:7px;padding:10px;border-top:1px solid var(--wsa-friends-line)}
.wsa-friend-message-form textarea{min-height:40px;max-height:110px;min-width:0;flex:1;padding:11px;border:1px solid var(--wsa-friends-line);border-radius:12px;outline:0;resize:none;color:var(--wsa-friends-text);background:var(--wsa-friends-panel);font-size:10px}
.wsa-friend-message-form button{min-height:40px;padding:0 14px;border:0;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--wsa-friends-blue),var(--wsa-friends-purple));cursor:pointer;font-size:9px;font-weight:950}
.wsa-friend-message-form{display:grid;grid-template-columns:minmax(0,1fr) 40px auto;align-items:end}
.wsa-friend-compose-field{min-width:0}
.wsa-friend-message-form .wsa-friend-compose-field textarea{width:100%;display:block}
.wsa-friend-voice-button{
  width:40px;height:40px;min-height:40px!important;display:grid;place-items:center;padding:0!important;
  border:1px solid rgba(91,125,255,.22)!important;border-radius:12px!important;color:var(--wsa-friends-blue)!important;
  background:linear-gradient(145deg,rgba(50,107,255,.13),rgba(156,105,255,.1))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12);touch-action:none;user-select:none;-webkit-user-select:none
}
.wsa-friend-voice-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wsa-friend-voice-button.is-active{
  color:#fff!important;background:linear-gradient(145deg,#ff3f69,#d53264)!important;
  box-shadow:0 0 0 5px rgba(255,59,103,.12),0 10px 24px rgba(213,50,100,.3)!important;
  animation:wsaVoiceRecordPulse 1.25s ease-in-out infinite
}
.wsa-friend-voice-button.is-locked{background:linear-gradient(145deg,#8c58ff,#557bff)!important;animation:none}
.wsa-friend-voice-button:disabled{cursor:wait;opacity:.58}
.wsa-friend-voice-recorder{
  min-height:40px;display:none;align-items:center;gap:7px;padding:5px 9px;
  border:1px solid rgba(255,73,112,.26);border-radius:12px;
  background:linear-gradient(135deg,rgba(255,69,107,.09),rgba(139,88,255,.07));overflow:hidden
}
.wsa-friend-message-form.is-recording textarea{display:none}
.wsa-friend-message-form.is-recording .wsa-friend-voice-recorder{display:flex}
.wsa-friend-message-form.is-recording .wsa-friend-send-button{display:none}
.wsa-friend-message-form.is-recording{grid-template-columns:minmax(0,1fr) 40px}
.wsa-friend-voice-cancel{
  width:28px!important;height:28px!important;min-height:28px!important;flex:0 0 auto;padding:0!important;
  border:1px solid rgba(255,77,110,.2)!important;border-radius:9px!important;color:#ff5574!important;
  background:rgba(255,65,99,.08)!important;font-size:17px!important
}
.wsa-friend-record-dot{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:#ff4267;box-shadow:0 0 11px rgba(255,55,96,.68);animation:wsaVoiceBlink 1s ease-in-out infinite}
.wsa-friend-record-time{min-width:31px;color:var(--wsa-friends-text);font-size:9px;font-weight:950;font-variant-numeric:tabular-nums}
.wsa-friend-live-wave{height:24px;min-width:75px;flex:1;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden}
.wsa-friend-live-wave i{width:2px;height:max(3px,var(--live-bar));max-height:22px;flex:0 0 auto;border-radius:999px;background:linear-gradient(#ff5277,#845dff);transition:height 80ms linear}
.wsa-friend-voice-recorder>strong{max-width:118px;overflow:hidden;color:var(--wsa-friends-muted);font-size:7px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.wsa-friend-message>div:has(.wsa-friend-voice-player){padding:7px 9px}
.wsa-friend-voice-player{width:min(270px,58vw);display:flex;align-items:center;gap:9px}
.wsa-friend-voice-play{
  width:38px;height:38px;min-height:38px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:0;border-radius:999px;
  color:#fff;background:linear-gradient(145deg,var(--wsa-friends-blue),var(--wsa-friends-purple));box-shadow:0 8px 18px rgba(62,89,225,.28);cursor:pointer
}
.wsa-friend-message.is-mine .wsa-friend-voice-play{color:#536eff;background:#fff;box-shadow:0 8px 18px rgba(17,26,90,.2)}
.wsa-friend-voice-play svg{grid-area:1/1;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wsa-friend-voice-play .wsa-voice-play-icon{fill:currentColor;stroke:none}
.wsa-friend-voice-play .wsa-voice-pause-icon{display:none}
.wsa-friend-voice-player.is-playing .wsa-voice-play-icon{display:none}
.wsa-friend-voice-player.is-playing .wsa-voice-pause-icon{display:block}
.wsa-friend-voice-main{min-width:0;flex:1;display:grid;gap:4px}
.wsa-friend-voice-wave{height:24px;display:flex;align-items:center;gap:2px;overflow:hidden;cursor:pointer}
.wsa-friend-voice-wave i{width:2px;height:max(4px,var(--voice-bar));max-height:22px;flex:1;border-radius:999px;background:rgba(118,135,184,.3);transition:background .12s ease}
.wsa-friend-voice-wave i.is-played{background:var(--wsa-friends-blue)}
.wsa-friend-message.is-mine .wsa-friend-voice-wave i{background:rgba(255,255,255,.3)}
.wsa-friend-message.is-mine .wsa-friend-voice-wave i.is-played{background:#fff}
.wsa-friend-voice-details{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:7px}
.wsa-friend-voice-details span{color:var(--wsa-friends-muted);font-variant-numeric:tabular-nums}
.wsa-friend-message.is-mine .wsa-friend-voice-details span{color:rgba(255,255,255,.7)}
.wsa-friend-voice-details b{overflow:hidden;color:var(--wsa-friends-purple);font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.wsa-friend-message.is-mine .wsa-friend-voice-details b{color:rgba(255,255,255,.82)}
.wsa-friend-voice-upload{height:2px;overflow:hidden;border-radius:999px;background:rgba(102,120,170,.16)}
.wsa-friend-voice-upload i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--wsa-friends-blue),var(--wsa-friends-purple));transition:width .15s linear}
.wsa-friend-voice-player audio{display:none}
.wsa-friend-voice-player.is-loading .wsa-friend-voice-play{opacity:.55;cursor:wait}
.wsa-friend-voice-player.is-unavailable .wsa-friend-voice-play{opacity:.55}
.wsa-friend-voice-player.is-retry .wsa-friend-voice-play{opacity:1;background:linear-gradient(145deg,#f05d79,#845dff)}
.wsa-friend-voice-player.is-retry .wsa-friend-voice-details b{color:#ff6681}
.wsa-friend-voice-player.is-error .wsa-friend-voice-details b{color:#ff526e}
@keyframes wsaVoiceRecordPulse{50%{transform:scale(.94);box-shadow:0 0 0 8px rgba(255,59,103,.06),0 10px 24px rgba(213,50,100,.28)}}
@keyframes wsaVoiceBlink{50%{opacity:.35;transform:scale(.8)}}
.wsa-friend-gift-sheet{position:absolute;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(4,9,21,.68);backdrop-filter:blur(12px)}
.wsa-friend-gift-panel{width:min(720px,100%);max-height:calc(100% - 20px);overflow:auto;padding:18px;border:1px solid var(--wsa-friends-line);border-radius:23px;color:var(--wsa-friends-text);background:var(--wsa-friends-bg);box-shadow:var(--wsa-friends-shadow)}
.wsa-friend-gift-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.wsa-friend-gift-panel header h3{margin:5px 0 3px;font-size:21px}.wsa-friend-gift-panel header p{margin:0;color:var(--wsa-friends-muted);font-size:9px}.wsa-friend-gift-panel header button{width:38px;height:38px;border:1px solid var(--wsa-friends-line);border-radius:12px;color:var(--wsa-friends-text);background:var(--wsa-friends-panel);cursor:pointer;font-size:22px}
.wsa-friend-gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.wsa-friend-gift-card{
  min-height:132px;display:grid;grid-template-rows:52px minmax(22px,auto) 12px 18px;
  place-items:center;align-content:center;gap:2px;padding:8px;border:1px solid var(--wsa-friends-line);
  border-radius:16px;color:var(--wsa-friends-text);background:var(--wsa-friends-panel);cursor:pointer
}
.wsa-friend-gift-card-visual{width:50px;height:50px;display:grid;place-items:center}
.wsa-friend-gift-card-visual .wsa-gift-logo{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(22,14,60,.3))}
.wsa-friend-gift-card strong{max-width:100%;min-height:22px;display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1.2;text-align:center}
.wsa-friend-gift-card small{color:var(--wsa-friends-purple);font-size:7px;line-height:1;text-transform:uppercase}
.wsa-friend-gift-card b{min-height:18px;display:inline-flex;align-items:center;padding:0 6px;border-radius:6px;color:var(--wsa-friends-text);background:rgba(54,114,255,.08);font-size:8px;line-height:1}
.wsa-friend-gift-card:disabled{opacity:1;cursor:not-allowed}
.wsa-friend-gift-card:disabled .wsa-friend-gift-card-visual{opacity:.54;filter:saturate(.72)}
.wsa-friend-gift-card:disabled strong,.wsa-friend-gift-card:disabled small{opacity:.8}
.wsa-friend-gift-card:disabled b{opacity:1;color:var(--wsa-friends-text);background:rgba(54,114,255,.12)}
.wsa-friend-gift-card.rarity-legendary,.wsa-friend-gift-card.rarity-mythic{border-color:rgba(255,195,74,.36);background:linear-gradient(145deg,rgba(255,192,67,.12),rgba(156,105,255,.1))}
.wsa-friend-gift-warning{margin:12px 0 0;color:var(--wsa-friends-muted);font-size:8px;text-align:center}
.wsa-friends-loading{
  min-height:120px;display:flex;align-items:center;justify-content:center;gap:9px;padding:25px;
  color:var(--wsa-friends-muted);font-size:10px;font-weight:800;text-align:center
}
.wsa-friends-loading::before{
  content:"";width:15px;height:15px;border:2px solid rgba(91,125,255,.22);border-top-color:var(--wsa-friends-blue);
  border-radius:999px;animation:wsaFriendActionSpin .72s linear infinite
}
.wsa-friends-self .wsa-friends-loading{min-height:70px;padding:12px}
.wsa-friend-chat-loading{
  min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center
}
.wsa-friend-chat-loading .wsa-friend-action-spinner{width:23px;height:23px;color:var(--wsa-friends-blue)}
.wsa-friend-chat-loading strong{margin-top:12px;font-size:12px}
.wsa-friend-chat-loading p{margin:5px 0 0;color:var(--wsa-friends-muted);font-size:8px}
.wsa-social-toast{
  position:fixed;z-index:10050;top:20px;right:20px;width:min(390px,calc(100vw - 28px));
  display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;
  border:1px solid rgba(99,125,255,.28);border-radius:17px;color:var(--wsa-friends-text);
  background:rgba(15,23,42,.94);background:color-mix(in srgb,var(--wsa-friends-bg) 91%,transparent);box-shadow:0 24px 70px rgba(4,10,30,.3);
  backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);
  cursor:pointer;opacity:0;transform:translateY(-14px) scale(.97);transition:opacity .22s ease,transform .22s ease;
}
.wsa-social-toast.is-visible{opacity:1;transform:translateY(0) scale(1)}
.wsa-social-toast.is-gift{border-color:rgba(170,94,255,.42);background:linear-gradient(135deg,color-mix(in srgb,var(--wsa-friends-bg) 92%,transparent),rgba(92,35,155,.2))}
.wsa-social-toast-avatar{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,rgba(50,107,255,.2),rgba(118,89,233,.24));font-size:22px}
.wsa-social-toast-avatar img{width:100%;height:100%;object-fit:cover}
.wsa-social-toast-avatar img.wsa-social-toast-gift-logo{object-fit:contain;padding:2px;filter:drop-shadow(0 8px 10px rgba(27,14,65,.38))}
.wsa-social-toast-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.wsa-social-toast-copy small{color:var(--wsa-friends-blue);font-size:7px;font-weight:950;letter-spacing:.14em}
.wsa-social-toast-copy strong{width:100%;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.wsa-social-toast-copy span{width:100%;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--wsa-friends-muted);font-size:9px}
.wsa-social-toast>b{padding:6px 8px;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--wsa-friends-blue),var(--wsa-friends-purple));font-size:7px;white-space:nowrap}
@media(max-width:1020px){
  .wsa-friends-layout{grid-template-columns:205px minmax(280px,.85fr) minmax(330px,1.15fr)}
  .wsa-friends-sidebar{padding:11px}.wsa-friends-content{padding:13px}
}
@media(max-width:760px){
  .wsa-social-toast{top:auto;right:14px;bottom:14px}
  .wsa-friends-overlay{padding:0;align-items:stretch}
  .wsa-friends-window{width:100%;height:100dvh;border:0;border-radius:0}
  .wsa-friends-header{min-height:78px;padding:13px 14px}.wsa-friends-heading h2{font-size:21px}.wsa-friends-heading p{display:none}.wsa-friends-gems{display:none}
  .wsa-friends-layout{position:relative;display:flex;flex-direction:column}
  .wsa-friends-sidebar{flex:0 0 auto;display:block;padding:8px 10px;border-right:0;border-bottom:1px solid var(--wsa-friends-line)}
  .wsa-friends-self{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 8px}.wsa-friends-self-row{min-width:0}.wsa-friends-self-row>div{display:none}.wsa-friends-self-row .wsa-friend-avatar{width:36px;height:36px}.wsa-friends-code-label{display:none}.wsa-friends-code,.wsa-friends-share{width:auto;margin:0;min-height:31px}.wsa-friends-code span{display:none}.wsa-friends-share{padding:0 9px}
  .wsa-friends-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px}.wsa-friends-tabs button{min-height:36px;justify-content:center;padding:0 5px;font-size:8px}.wsa-friends-tabs button b{display:none}.wsa-friends-security{display:none}
  .wsa-friends-content{flex:1;border-right:0;padding:12px}
  .wsa-friend-conversation{display:none}
  .wsa-friends-overlay.has-conversation .wsa-friend-conversation{position:absolute;inset:0;z-index:5;display:flex;background:var(--wsa-friends-panel-strong)}
  .wsa-friend-chat-back{display:inline-flex!important}
  .wsa-friend-chat-head>a{display:none}
  .wsa-friend-voice-player{width:min(245px,68vw)}
  .wsa-friend-voice-recorder>strong{display:none}
  .wsa-friend-live-wave{min-width:60px}
  .wsa-friend-gift-grid{grid-template-columns:1fr 1fr}.wsa-friend-gift-sheet{padding:10px}.wsa-friend-gift-panel{padding:13px;border-radius:18px}
  .wsa-friends-owned-gifts{grid-template-columns:1fr}
  .wsa-friends-notice{top:68px}
}
@media(prefers-reduced-motion:reduce){.wsa-friends-window *{scroll-behavior:auto!important;transition:none!important}}