#logoBox{cursor:default;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
#logoBox.tl-pulse{animation:tlPulse .34s ease}
@keyframes tlPulse{0%{transform:scale(1)}45%{transform:scale(1.07)}100%{transform:scale(1)}}
.tl-taps{display:flex;gap:6px;justify-content:center;margin:12px auto 0;height:9px;opacity:0;transition:opacity .22s}
.tl-taps.on{opacity:1}
.tl-taps i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.32)}
.tl-taps i.on{background:#fff;box-shadow:0 0 10px rgba(255,255,255,.85)}

.tl-invite{max-width:610px;margin:0 auto 20px;padding:15px 18px;border-radius:16px;text-align:left;
  background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.08));border:1.5px solid rgba(255,255,255,.42);
  color:#fff;box-shadow:0 18px 38px -20px rgba(0,0,0,.72)}
.tl-invite .ti-h{display:flex;align-items:center;gap:9px;font-weight:800;font-size:14px;margin-bottom:4px;opacity:.95}
.tl-invite .ti-h svg{width:19px;height:19px;flex:none}
.tl-invite .ti-nm{font-weight:800;font-size:18px;line-height:1.3;margin:3px 0 5px}
.tl-invite .ti-note{font-size:12.5px;line-height:1.5;opacity:.88}

.tl-up{position:fixed;right:16px;bottom:74px;z-index:117;display:none;align-items:center;gap:8px;
  border:0;font:inherit;font-weight:800;font-size:13.5px;color:#fff;padding:11px 16px;border-radius:999px;cursor:pointer;
  background:linear-gradient(135deg,var(--amber),var(--ranch));box-shadow:0 16px 32px -14px rgba(245,52,10,.75);transition:.2s}
.tl-up.on{display:inline-flex}
.tl-up:hover{transform:translateY(-2px)}
.tl-up:active{transform:scale(.97)}
.tl-up svg{width:16px;height:16px;flex:none}
@media(max-width:640px){.tl-up{right:10px;bottom:58px;font-size:12.5px;padding:10px 13px}.tl-up .tl-up-t{display:none}}

.tl-share,.tl-diag{background:#0e1b24;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;margin-bottom:18px;color:#cfe3ea}
.tl-share .th{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:800;color:#fff;margin-bottom:7px}
.tl-share .th svg{width:17px;height:17px;flex:none}
.tl-share .tn{font-size:11.5px;color:#8fa6af;line-height:1.55;margin-bottom:12px}
.tl-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}
.tl-row.first{border-top:0}
.tl-row .nm{flex:1 1 160px;min-width:0;font-size:13px;font-weight:800;color:#fff;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.tl-row .nm .tag{font-size:9.5px;font-weight:800;padding:2px 6px;border-radius:6px;background:rgba(34,197,94,.22);color:#7ee2a4;letter-spacing:.03em}
.tl-row input{flex:2 1 250px;min-width:0;background:#08131a;border:1px solid rgba(255,255,255,.16);border-radius:9px;color:#bcd3dc;font:inherit;font-size:11.5px;padding:8px 10px}
.tl-row button{border:0;font:inherit;font-weight:800;font-size:11.5px;padding:8px 12px;border-radius:9px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--amber),var(--ranch));display:inline-flex;align-items:center;gap:5px;transition:.2s}
.tl-row button.ghost{background:rgba(255,255,255,.1);color:#cfe3ea}
.tl-row button:hover{transform:translateY(-1px)}
.tl-diag.bad{border-color:rgba(239,68,68,.55);background:#1d1013}
.tl-diag.warn{border-color:rgba(245,158,11,.5);background:#1c1710}
.tl-diag.ok{border-color:rgba(34,197,94,.42)}
.tl-diag .dh{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:800;color:#fff;margin-bottom:6px}
.tl-diag .dh svg{width:17px;height:17px;flex:none}
.tl-diag .dm{font-size:12.5px;line-height:1.55;color:#e3eef3}
.tl-diag .dk{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:11px;color:#8fa6af}
.tl-diag .dk b{color:#cfe3ea;font-weight:800}
.tl-diag .dfix{margin-top:10px;padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.06);font-size:11.5px;line-height:1.55;color:#cfe3ea}
.tl-diag .dfix b{color:#fff;display:block;margin-bottom:3px}