@keyframes floatY{0%{transform:translateY(0)}50%{transform:translateY(-18px)}to{transform:translateY(0)}}@keyframes wobble{0%{transform:translate(0) rotate(0)}20%{transform:translate(-1px) rotate(-1deg)}40%{transform:translate(2px) rotate(1deg)}60%{transform:translate(-2px) rotate(-1deg)}80%{transform:translate(1px) rotate(1deg)}to{transform:translate(0) rotate(0)}}@keyframes hula{0%{transform:rotate(-6deg) translate(-2px)}50%{transform:rotate(6deg) translate(2px)}to{transform:rotate(-6deg) translate(-2px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.appShell{min-height:100%;display:flex;justify-content:center;align-items:flex-start;padding:5px;background:radial-gradient(800px 500px at 50% 10%,rgba(255,255,255,.25),transparent 90%),linear-gradient(135deg,#bd5eec,#5fbced),var(--background);position:relative;overflow:hidden}.appBgDecor{position:absolute;inset:0;pointer-events:none;z-index:0}.decor{position:absolute;filter:drop-shadow(0 10px 25px rgba(0,0,0,.15));opacity:.9;will-change:transform;animation:floatY 6.5s ease-in-out infinite,wobble 1.4s ease-in-out infinite}.d1{top:24px;left:24px;font-size:22px;animation-duration:7.2s,1.2s;animation-delay:-.3s,-.1s}.d2{top:220px;right:36px;font-size:30px;animation-duration:6.4s,1.6s;animation-delay:-1.1s,-.6s}.d3{bottom:18px;right:56px;font-size:42px;animation-duration:8s,1.3s;animation-delay:-2.4s,-.2s}.d4{bottom:180px;left:12px;font-size:24px;animation-duration:7.6s,1.8s;animation-delay:-.8s,-.9s}.appContainer{position:relative;z-index:2;width:min(520px,100%);z-index:1;padding-top:12px}.brandHeader{display:grid;justify-items:center;gap:10px;margin-bottom:18px;text-align:center}.brandIcon{width:92px;height:92px;display:grid;place-items:center;border-radius:999px;background:radial-gradient(800px 500px at 50% 10%,rgba(255,255,255,.25),transparent 60%),linear-gradient(135deg,#bc48e0,#e162c4),var(--background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:56px;transform-origin:50% 60%;will-change:transform;animation:hula 2.4s ease-in-out infinite}.brandTitle{font-size:35px;font-weight:900;letter-spacing:-.02em;color:#ff78c8d9;text-shadow:0 10px 30px rgba(0,0,0,.15)}.brandSubtitle{font-weight:800;color:#000000a6}.pageBody{margin-top:14px;padding-top:118px}.appLoadingOverlay{position:fixed;inset:0;display:grid;place-items:center;z-index:9999;background:#ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.appSpinner{width:34px;height:34px;border-radius:999px;border:4px solid rgba(255,255,255,.55);border-top-color:#00000059;animation:spin .9s linear infinite;box-shadow:0 18px 50px #00000024}.card{border-radius:26px;background:linear-gradient(180deg,var(--bgGradientCard1),var(--bgGradientCard2));border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 50px #0000002e;overflow:hidden}.cardBody{padding:22px}.divider{border:0;height:1px;background:#000000ca;margin:12px 0 18px}.muted{color:var(--mutedForeground)}.authRow{display:grid;gap:10px;justify-items:center;color:var(--textForeground)}.avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;border:2px solid rgba(255,255,255,.9)}.navLinks{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.navLinks a{color:#000000a6;text-decoration:none;font-weight:600}.navLinks a:hover{text-decoration:underline}.linkButton{border:0;background:transparent;color:#000000a6;font-weight:700;cursor:pointer}.linkButton:hover{text-decoration:underline}.topbar{position:fixed;top:12px;left:50%;transform:translate(-50%);width:min(520px,95%);z-index:2000;border-radius:20px;background:var(--bgCard80);border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 50px #0000001f;padding:10px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.topbarInner{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbarLeft{display:flex;align-items:center;gap:12px}.topbarLogoBubble{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,#ffffff4d,#ffffff26);border:1px solid rgba(255,255,255,.35);font-size:22px}.topbarBrandRow{display:flex;align-items:baseline;gap:10px;min-width:0}.topbarBrandMetaInline{font-weight:900;color:#0000008c;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.topbarBrandName{font-weight:1000;letter-spacing:-.03em;font-size:22px;color:#ff78c8eb}.topbarRight{display:flex;align-items:center;gap:10px}.topbarAvatar{width:38px;height:38px;border-radius:999px;object-fit:cover;border:2px solid rgba(255,255,255,.85)}.topbarAvatarFallback{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:#ffffff59;border:2px solid rgba(255,255,255,.55)}.topbarLogout{width:40px;height:40px;border-radius:999px;border:2px solid var(--borderPrimary30);background:#fff6;cursor:pointer;font-weight:1000;font-size:18px;line-height:1}.topbarLogout:hover{background:#ffffff8c}.topbarNav{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;justify-content:flex-start;padding-top:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.topbarNav::-webkit-scrollbar{display:none}.topbarLink{text-decoration:none;color:#000000a6;font-weight:1000;padding:8px 12px;border-radius:999px;background:#ffffff4d;border:1px solid rgba(255,255,255,.4);flex:0 0 auto}.topbarLink:hover{filter:brightness(1.05)}.topbarLink.isActive{background:var(--borderPrimary20);border-color:#00000014;color:#000000bf}.topbarAvatarLink{display:inline-flex;border-radius:999px;padding:2px}.topbarAvatarLink:focus-visible{outline:3px solid var(--borderPrimary30);outline-offset:2px}.topbarLinkLabel{position:relative;display:inline-flex;align-items:center;gap:8px}.notifBadge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:4px 6px;border-radius:999px;font-size:12px;font-weight:1000;line-height:1;background:#ff5078f2;color:#fff;box-shadow:0 8px 18px #00000024}.field{display:grid;gap:8px}.fieldLabel{font-size:18px;font-weight:800;color:var(--textForeground)}.fieldControl{position:relative;display:block}.fieldIcon{position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:.7}.fieldInput{width:100%;height:56px;padding:0 14px 0 44px;border-radius:12px;border:2px solid var(--borderColorFI);background:var(--bgColorFI);font-size:16px;font-weight:600;outline:none}.fieldInput:focus{border-color:var(--focusBorderPrimaryFI);box-shadow:0 0 0 6px var(--shadowLowFI)}.password-field span{position:absolute;right:20px;top:50%;transform:translateY(-50%);cursor:pointer}.authBtn{width:100%;height:56px;border:0;border-radius:14px;background:var(--bgPrimary);color:var(--white);font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 14px 34px var(--shadowLow)}.authBtn:hover{filter:brightness(1.03)}.authCard{background:var(--bgCard80);border-radius:28px;padding:22px;border:1px solid var(--borderCard);box-shadow:0 18px 50px var(--shadowHigh)}.authCardHeader{text-align:center;padding:8px 6px 18px}.authCardTitle{margin:0;font-size:34px;line-height:1.1;font-weight:900;color:var(--textForeground)}.authCardSubtitle{margin:10px 0 0;font-size:16px;font-weight:600;color:var(--mutedForeground)}.authCardContent{padding-top:6px}.authForm{display:grid;gap:16px}.fileInputHidden{display:none}.filePicker{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:12px;border:2px dashed var(--borderDashedFP);background:var(--bgColorFP);cursor:pointer;-webkit-user-select:none;user-select:none}.filePicker:hover{border-color:var(--focusBorderPrimaryFI)}.filePickerLeft{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.fileBadge{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--bgColorFP);border:1px solid var(--borderSolidFP)}.fileText{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.fileTitle{font-weight:900;color:var(--textForeground);line-height:1.1}.fileAction{flex:0 0 auto;padding:10px 12px;border-radius:12px;border:0;background:var(--bgFA);font-weight:900;cursor:pointer}.fileAction:hover{background:var(--bgHoverFA)}.avatarPreview{width:38px;height:38px;border-radius:12px;object-fit:cover;border:1px solid var(--borderSolidFP)}.authLink{display:block;text-align:center;margin-top:14px;font-weight:800;color:var(--textPrimary);text-decoration:none}.authLink:hover{text-decoration:underline}.teamCard{width:100%;text-align:left;border:0;cursor:pointer;border-radius:24px;background:var(--bgCard80);border:1px solid var(--borderCard);box-shadow:0 18px 50px var(--shadowLow);padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.teamCard:hover{transform:translateY(-3px);box-shadow:0 24px 70px var(--shadowVeryLow);background:var(--bgCard90)}.teamCard:active{transform:translateY(-1px) scale(.99)}.teamCardIcon{width:90px;height:90px;border-radius:999px;display:grid;place-items:center;font-size:24px;background:linear-gradient(180deg,var(--bgGradientAccent1),var(--bgGradientAccent2));overflow:hidden;flex:0 0 auto;border:2px solid var(--borderAccent10);position:relative}.teamCardAvatar{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block}.teamCardCrown{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:#ffffffd9;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 22px #00000024;font-size:14px}.teamCardContent{display:grid;gap:6px;position:relative;min-width:0}.teamCardTitle{font-size:26px;font-weight:1000;letter-spacing:-.02em;color:var(--textForeground)}.teamCardMeta{font-weight:900;color:var(--textMutedForeground)}.teamCardTiny{font-weight:800;color:var(--textDiscret);font-size:12.5px}.teamCardTz{margin-top:6px;font-weight:1000;color:var(--textMidBlack);font-size:12.5px;display:inline-flex;align-items:center;height:20px;padding:0 10px;border-radius:999px;background:var(--bgCard50);border:1px solid var(--borderCardLow);justify-self:start}.teamCardCta{width:60px;height:60px;border-radius:999px;display:grid;place-items:center;font-weight:1000;color:var(--white);background:var(--bgPrimary);box-shadow:0 14px 34px var(--shadowVeryLow);font-size:18px}.teamCard:hover .teamCardCta{transform:scale(1.06)}.teamsPage{display:grid;gap:14px}.teamsHero{text-align:center;padding:0 10px 6px}.teamsTitle{margin:0;font-size:34px;font-weight:1000;letter-spacing:-.02em;color:var(--textForeground)}.teamsSub{margin:8px 0 0;font-weight:900;color:var(textMutedForeground)}.teamsGrid{display:grid;gap:14px}.teamsEmpty{margin:0;text-align:center;font-weight:900;color:var(--mediumBlack)}.newTeamCard{width:100%;border-radius:26px;background:var(--bgCard60);border:2px dashed var(--borderPrimary30);padding:22px;text-align:center;box-shadow:0 18px 50px var(--shadowLow)}.newTeamPlus{width:76px;height:76px;border-radius:999px;margin:0 auto 14px;display:grid;place-items:center;font-size:40px;font-weight:1000;background:var(--gradientAccent);color:var(--mediumBlack)}.newTeamTitle{font-size:24px;font-weight:1000;color:var(--textForeground)}.newTeamSubtitle{margin-top:6px;font-weight:900;color:var(--textMutedForeground)}.newTeamForm{margin-top:14px;display:grid;gap:12px;text-align:left}.newTeamField{display:grid;gap:6px}.newTeamLabel{font-size:18px;font-weight:800;color:var(--textForeground)}.newTeamSelect{height:56px;width:100%;border-radius:12px;border:2px solid var(--borderColorFI);background:var(--bgColorFI);padding:0 14px 0 44px;font-weight:600;outline:none;font-size:16px}.newTeamSelect:focus{border-color:var(--focusBorderPrimaryFI);box-shadow:0 0 0 6px var(--shadowLowFI)}.notifPage{display:grid;gap:12px}.notifTop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.notifTabs{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.notifTabs::-webkit-scrollbar{display:none}.notifTab{height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#fff6;font-weight:1000;cursor:pointer;flex:0 0 auto;color:#000000bf}.notifTab.isActive{background:#ffffffbf;border-color:#00000024}.notifUser{font-weight:900;color:#0009}.notifAlert{padding:10px 12px;border-radius:14px;background:#ffffff8c;border:1px solid rgba(0,0,0,.06);font-weight:900}.notifAlertErr{border-color:#dc3c3c40;background:#dc3c3c1a;color:#8c1414f2}.notifAlertOk{border-color:#2da05a40;background:#2da05a1a;color:#145f32f2}.notifEmpty{padding:12px;border-radius:16px;background:#ffffff8c;border:1px solid rgba(0,0,0,.06);font-weight:900;color:#0009}.notifList{list-style:none;margin:0;padding:0;display:grid;gap:10px;background:transparent;border:0}.notifItem{position:relative;padding:12px;border-radius:18px;border:1px solid rgba(0,0,0,.1);background:#ffffff8c;box-shadow:0 10px 22px #0000000f;transition:filter .14s ease,transform .14s ease}.notifItem:before{display:none;content:none}.notifItem:hover{filter:brightness(1.02)}.notifItem.isUnread{border-color:#6e46d22e;box-shadow:0 12px 26px #00000012}.notifMain{display:grid;gap:6px}.notifLine1{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.notifTitle{display:inline-flex;align-items:center;gap:8px;min-width:0}.notifType{font-weight:1000;color:#000c;overflow-wrap:anywhere}.notifDot{width:8px;height:8px;border-radius:999px;background:#00000040}.notifItem.isUnread .notifDot{background:#6e46d2bf}.notifChip{height:24px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#fff9;border:1px solid rgba(0,0,0,.08);font-weight:1000;font-size:12px;color:#0000009e}.notifText{font-weight:900;color:#000000b8;overflow-wrap:anywhere}.notifMeta{font-weight:900;color:#00000085;font-size:12.5px;overflow-wrap:anywhere}.notifMetaMuted{color:#0000007a}.notifActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:2px}.notifFooter{display:grid;justify-items:start}.chip-pending{background:#f082141f;border-color:#f0821438;color:#8c460af2}.chip-accepted{background:#2da05a1f;border-color:#2da05a38;color:#145f32f2}.chip-declined{background:#dc3c3c1f;border-color:#dc3c3c38;color:#8c1414f2}.chip-read{background:#ffffff8c}.chip-unread{background:#6e46d21a;border-color:#6e46d22e;color:#462896f2}.chip-trash{background:#00000014;border-color:#0000001f}.chip-muted{background:#ffffff73;border-color:#00000014}.tone-friendPending,.tone-teamPending,.tone-pending{background:#f082141a;border-color:#f082142e}.tone-ok{background:#2da05a1a;border-color:#2da05a2e}.tone-blocked{background:#dc3c3c14;border-color:#dc3c3c29}.tone-friend{background:#6e46d214;border-color:#6e46d229}.tone-team{background:#1496aa14;border-color:#1496aa29}.tone-unread{background:#6e46d20f;border-color:#6e46d224}.tone-neutral{background:#ffffff8c;border-color:#0000001a}.tone-trash{background:#0000000f;border-color:#0000001f}@media(max-width:820px){.notifFooter{justify-items:stretch}.notifFooter .tdMiniBtn{width:100%}}.frPage{display:grid;gap:16px}.frTop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.frTopBtns{display:flex;gap:8px;flex-wrap:wrap}.frSection{border-radius:20px;padding:14px;background:#ffffff85;border:1px solid rgba(0,0,0,.6);box-shadow:0 14px 34px #0000001a;overflow:hidden}.frSectionAlt{background:#ffffff75}.frSectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.frHeadRight{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.frCount{font-weight:1000;color:#0009;font-size:12.5px}.frH3{margin:0;font-size:15px;font-weight:1000;color:#000000d1}.frH4{margin:0;font-size:13px;font-weight:1000;color:#000000b8}.frDesc{margin:6px 0 0;font-weight:900;color:#0000008c;font-size:12.5px;line-height:1.35}.frSearchRow{display:grid;gap:10px;grid-template-columns:1fr;align-items:center}.frAlert{margin-top:10px;padding:10px 12px;border-radius:14px;background:#ffffff8c;border:1px solid rgba(0,0,0,.06);font-weight:900}.frAlertErr{border-color:#dc3c3c40;background:#dc3c3c1a;color:#8c1414f2}.frAlertOk{border-color:#2da05a40;background:#2da05a1a;color:#145f32f2}.frSubBlock{margin-top:12px;border-radius:18px;border:1px solid rgba(0,0,0,.12);background:#ffffff52;overflow:hidden}.frBlockTop{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px 8px}.frHint{font-weight:900;color:#00000085;font-size:12.5px}.frList{list-style:none;margin:0;padding:0;display:grid;gap:0}.frItem{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(0,0,0,.6);background:#ffffff2e}.frItem:first-child{border-top:0}.frItem:hover{background:#ffffff42}.frItemMain{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.frName{font-weight:1000;color:#000000d1;overflow-wrap:anywhere}.frMuted{font-weight:900;color:#00000085;font-size:12.5px}.frItemFriend{background:#6e46d20f}.frItemSuggest{background:#1496aa0f}.frItemSearch{background:#2da05a0d}.frItemActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.frEmpty{padding:12px;font-weight:900;color:#00000094}.frEmptySoft{margin-top:10px;border-radius:16px;background:#ffffff4d;border:1px dashed rgba(0,0,0,.18)}.frMark{padding:0 2px;border-radius:6px;background:#f0821429;color:#000000e6;font-weight:1000}@media(max-width:820px){.frTopBtns .tdMiniBtn{width:100%}}.teamDetailPage{display:grid;width:min(980px,100%);margin:0 auto;box-sizing:border-box}.tdTopRow{display:flex;justify-content:space-between;align-items:center;padding:0 6px;gap:10px}.tdTopRowRight{display:flex;align-items:center;gap:10px}.tdBack{font-weight:1000;color:#000000a6;text-decoration:none}.tdBack:hover{text-decoration:underline}.tdCard{border-radius:26px;background:#ffffffb8;border:1px solid rgba(255,255,255,.48);box-shadow:0 18px 50px #0000001a;padding:16px;overflow:hidden}.tdCardTop{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tdCardTopBtns{display:flex;gap:8px;flex-wrap:wrap}.tdH2{margin:0;font-size:18px;font-weight:1000;color:var(--textForeground)}.tdH3{margin:14px 0 10px;font-size:15px;font-weight:1000;color:#000000bf}.tdMuted{color:#0000008c;font-weight:900;overflow-wrap:anywhere}.tdBtn{border:0;height:44px;border-radius:999px;padding:0 14px;cursor:pointer;font-weight:1000;color:#fff;background:var(--gradientPrimary);box-shadow:0 16px 40px #00000029}.tdBtn:hover{filter:brightness(1.03)}.tdBtn:active{transform:scale(.99)}.tdDanger{background:#e4f2f68c;margin-bottom:20px}.tdMiniBtn{border:0;height:34px;padding:0 12px;border-radius:999px;cursor:pointer;font-weight:1000;background:#ffffffa6;border:1px solid rgba(0,0,0,.08);color:#000000bf;max-width:100%}.tdMiniBtn:hover{filter:brightness(1.03)}.tdSelect{height:40px;border-radius:12px;border:2px solid rgba(0,0,0,.06);background:#ffffffa6;padding:0 12px;font-weight:900;outline:none;max-width:100%}.tdInput{width:100%;height:44px;border-radius:12px;border:2px solid rgba(0,0,0,.06);background:#ffffffa6;padding:0 12px;font-weight:900;outline:none;max-width:100%}.tdInput:focus,.tdSelect:focus{border-color:var(--borderPrimary);box-shadow:0 0 0 6px var(--borderPrimary20)}.tdList{list-style:none;padding:0;margin:0;display:grid;gap:10px}.tdListItem{border-radius:18px;background:#ffffff8c;border:1px solid rgba(0,0,0,.06);padding:10px 12px;display:grid;gap:8px;overflow:hidden}.tdListMain{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.tdPill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--borderPrimary20);font-weight:1000;color:#000000b3;font-size:12px}.tdListActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tdFilters{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.tdLabelRow{display:grid;gap:6px;font-weight:900;color:#000000a6;min-width:0}.tdLabelRow>span{font-size:12px}.tdSpanAll{grid-column:1 / -1}.tdTableWrap{margin-top:12px;overflow:auto;border-radius:18px;border:1px solid rgba(0,0,0,.08);background:#ffffff8c;-webkit-overflow-scrolling:touch}.tdTable{width:100%;border-collapse:collapse;min-width:520px}.tdTable th,.tdTable td{padding:10px;border-bottom:1px solid rgba(0,0,0,.08);text-align:left;font-weight:900;color:#000000bf;font-size:13px;white-space:nowrap}.tdTable th{background:#ffffffa6;position:sticky;top:0}.tdLink{font-weight:1000;color:#000000b3;text-decoration:none}.tdLink:hover{text-decoration:underline}@media(max-width:820px){.teamDetailPage{width:100%;padding:5px}.tdCard{padding:14px}.tdFilters{grid-template-columns:1fr}.tdBtn,.tdMiniBtn{width:100%}.tdTable{min-width:720px}}@media(max-width:520px){.tdTable{min-width:760px}}.tdSectionNavOutside{display:flex;gap:10px;align-items:center;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 6px 10px;margin-top:-4px}.tdSectionNavOutside{margin-top:6px;display:flex;gap:10px;align-items:center;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 6px 20px}.tdSectionNavOutside::-webkit-scrollbar{display:none}.tdSectionPill{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:999px;flex:0 0 auto;cursor:pointer;font-weight:1000;color:#000000b3;background:#ffffff59;border:1px solid rgba(255,255,255,.45);transition:filter .16s ease,transform .16s ease,background .16s ease}.tdSectionPill:hover{filter:brightness(1.05)}.tdSectionPill:active{transform:scale(.99)}.tdSectionPill.isActive{background:#ffffffbf;border-color:#0000001a}.tdHeader{border-radius:26px;background:#ffffff59;border:1px solid rgba(255,255,255,.4);box-shadow:0 18px 50px #0000001a;padding:12px;overflow:hidden}.tdClockCard{border-radius:30px;background:var(--gradientPrimary);color:var(--white);text-align:center;box-shadow:0 12px 30px var(--shadowLow);border:1px solid var(--borderCardLow);margin-bottom:5px}.tdClockCardCompact{padding:12px}.tdClockTop{display:flex;align-items:center;gap:10px;text-align:left}.tdClockAvatar{width:42px;height:42px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:var(--bgGrey);border:1px solid var(--borderGrey)}.tdClockAvatar img{width:100%;height:100%;object-fit:cover}.tdClockMeta{min-width:0;flex:1}.tdClockTeamName{font-weight:1000;letter-spacing:-.02em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdClockTz{margin-top:2px;font-weight:900;opacity:.92;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdClockValue{margin-top:10px;font-size:40px;font-weight:1000;font-variant-numeric:tabular-nums;line-height:1.1;word-break:break-word}.tdClockHint{margin-top:6px;font-weight:900;opacity:.9;font-size:12.5px}.tdBackFloat{position:fixed;left:14px;bottom:14px;z-index:1200;width:100px;height:53px;border-radius:20px;display:grid;place-items:center;background:var(--gradientPrimary);border:1px solid var(--borderCard);box-shadow:0 18px 50px var(--shadowHigh);text-decoration:none;font-weight:1000;color:var(--white);font-size:18px;transition:transform .16s ease,filter .16s ease}.tdBackFloat:hover{filter:brightness(1.05);transform:translateY(-2px)}.tdBackFloat:active{transform:translateY(-1px) scale(.98)}.tmPanel{display:grid;gap:18px}.tmTopGrid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:820px){.tmTopGrid{grid-template-columns:1fr;gap:16px}}.tmPanel{--tmCardBg: rgba(228, 242, 246, .55);--tmCardBorder: rgba(0, 0, 0, .6);--tmSeparator: rgba(0, 0, 0, .6);--tmSeparatorStrong: rgba(0, 0, 0, .6)}.tmSection{border-radius:20px;padding:14px;background:var(--tmCardBg);border:1px solid var(--tmCardBorder);box-shadow:0 12px 30px #00000014;overflow:hidden}.tmSectionFull{padding:14px}.tmSectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.tmSectionHeadTight{margin-bottom:8px}.tmSectionTitle{margin:0;font-size:25px;font-weight:1000;color:#000c;letter-spacing:-.01em;text-align:center}.tmSectionDesc{margin:6px 0 0;font-weight:900;color:#0000008c;font-size:12.5px;line-height:1.35}.tmSectionBody,.tmActionsStack{display:grid;gap:10px}.tmHint{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:#ffffff8c;border:1px solid rgba(0,0,0,.06);font-weight:900;color:#0000009e}.tmHintWarn{background:#ffffff80}.tmHintDot{width:10px;height:10px;border-radius:999px;background:#0000002e;flex:0 0 auto}.tmAvatarBody{gap:12px}.tmFieldGroup{display:grid;gap:8px}.tmFieldTitle{font-weight:1000;color:#000000b8;font-size:13px}.tmSubHint{font-weight:900;color:#0000007a;font-size:12.5px}.tmRow{display:grid;gap:10px;grid-template-columns:1fr auto;align-items:center}.tmRowBtn{height:40px;white-space:nowrap}.tmSelect{width:100%}.tmFile{width:100%;max-width:100%;height:44px;border-radius:12px;padding:10px 12px;border:2px solid var(--tmCardBorder);background:#ffffffa6;font-weight:900;outline:none}.tmFile:focus{border-color:var(--borderPrimary);box-shadow:0 0 0 6px var(--borderPrimary20)}.tmDivider{height:1px;background:var(--tmSeparator);margin:2px 0}.tmDividerWithPad{height:1px;background:var(--tmSeparator);margin:13px 0}.tmSection .tdList{gap:0}.tmMemberItem,.tmFriendItem{position:relative;padding:12px 6px 12px 12px;border-radius:0;background:transparent;border:none;box-shadow:none;overflow:visible;gap:10px}.tmMemberItem+.tmMemberItem,.tmFriendItem+.tmFriendItem{border-top:1px solid var(--tmSeparator)}.tmMemberItem:hover,.tmFriendItem:hover{background:#ffffff38}.tmMemberItem:before,.tmFriendItem:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:#0000001a}.tmMemberItem:before{background:var(--borderPrimary20)}.tmSection .tdList>.tmMemberItem:first-child,.tmSection .tdList>.tmFriendItem:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.tmSection .tdList>.tmMemberItem:last-child,.tmSection .tdList>.tmFriendItem:last-child{border-bottom-left-radius:14px;border-bottom-right-radius:14px}.tmMemberMain{justify-content:flex-start;gap:8px}.tmMemberName{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900;font-size:23px}.tmMemberActions{align-items:center;gap:8px;flex-wrap:wrap}.tmChip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#ffffff8c;border:1px solid var(--tmSeparatorStrong);font-weight:1000;color:#00000094;font-size:12px}.tmChipLock{background:#ffffff85}.tmMutedP{margin:6px 0 0;font-weight:900;color:#00000085}.tmRolePill{background:#ffffff94;border:1px solid var(--tmSeparatorStrong);font-size:15px}.tmRole_leader{background:#fff9}.tmRole_admin{background:var(--borderPrimary20)}.tmRole_member{background:#ffffff85}.tmInviteTop{display:grid;gap:10px}@media(max-width:820px){.tmRow{grid-template-columns:1fr}.tmRowBtn{width:100%}.tmPanel{gap:20px}}@media(max-width:420px){.tmalGrid{grid-template-columns:repeat(2,1fr)}}.tmalGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:12px}.tmalCard{border:none;cursor:pointer;text-align:left;border-radius:30px;padding:14px 12px 16px;background:var(--bgCard80);border:1px solid var(--borderCard);box-shadow:0 14px 40px var(--shadowLow);display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.tmalCard:hover:not(.isDisabled){transform:translateY(-4px);box-shadow:0 20px 60px var(--shadowLow)}.tmalCard:active:not(.isDisabled){transform:translateY(-2px) scale(.98)}.tmalCard.isDisabled{cursor:not-allowed;opacity:.55}.tmalCard.isMe{background:var(--gradientSelf)}.tmalPoints{position:absolute;top:10px;left:10px;height:26px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:var(--bgCard90);border:1px solid var(--borderCardLow);box-shadow:0 10px 22px var(--shadowVeryLow);font-weight:1000;color:var(--textHighBlack);font-size:12.5px}.tmalAvatarWrap{position:relative;width:80px;height:80px;margin-top:14px}.tmalAvatar,.tmalAvatarFallback{width:80px;height:80px;border-radius:999px;object-fit:cover;display:grid;place-items:center;background:var(--gradientAccent);font-size:26px;font-weight:900;color:var(--bgHighBlack);border:2px solid var(--borderCardLow)}.tmalCrown{position:absolute;top:-10px;right:-10px;width:50px;height:50px;border-radius:999px;display:grid;place-items:center;background:var(--bgCard90);border:1px solid var(--borderCardLow);box-shadow:0 14px 30px var(--shadowLow);font-size:25px}.tmalCard.isLeader{box-shadow:0 18px 70px var(--shadowLeader),0 14px 40px var(--shadowVeryLow);border-color:var(--borderLeader)}.tmalNose{position:absolute;right:23px;bottom:23px;width:35px;height:35px;font-size:30px;border-radius:999px;display:grid;place-items:center;animation:ttnWiggle 1.6s ease-in-out infinite}.tmalInfo{text-align:center}.tmalName{font-weight:1000;font-size:14.5px;color:var(--textHighBlack);display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center}.tmalBadge{font-size:11px;font-weight:900;padding:2px 8px;border-radius:999px;background:var(--borderCard70);border:1px solid var(--borderCardLow);color:var(--textHighBlack)}.tmalBadge.attacked{background:var(--attacked)}@keyframes ttnWiggle{0%{transform:translateY(0) rotate(0)}20%{transform:translateY(-1px) rotate(-8deg)}50%{transform:translateY(1px) rotate(8deg)}80%{transform:translateY(-1px) rotate(-6deg)}to{transform:translateY(0) rotate(0)}}.tmemPanel{display:grid;gap:10px;margin-top:20px}.tmemScoreboard{margin-top:6px}.tmemH3NoTop{margin-top:0}.tmemScope{min-width:220px}.sbList{margin-top:10px;display:grid;gap:10px}.sbRow{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;border-radius:18px;background:#ffffff8c;border:1px solid rgba(0,0,0,.06);padding:10px 12px}.sbRank{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:1000;background:#ffffffb3;border:1px solid rgba(0,0,0,.06);color:#000000bf}.sbMain{min-width:0}.sbTopLine{display:flex;align-items:center;justify-content:space-between;gap:10px}.sbName{font-weight:1000;color:#000c;display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.sbCrown{font-size:16px}.sbTotal{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:#ffffffbf;border:1px solid rgba(0,0,0,.06);font-weight:1000;color:#000000bf;font-size:12.5px}.sbStats{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.sbChip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:#ffffff8c;border:1px solid rgba(0,0,0,.06);font-weight:900;color:#000000a6;font-size:12.5px}@media(max-width:420px){.sbTopLine{flex-direction:column;align-items:flex-start}}.tlogPanel{display:grid;gap:12px}.tlogFiltersWrap{overflow:hidden;max-height:0;transition:max-height .22s ease}.tlogFiltersWrap.isOpen{max-height:1200px}.tlogFilters{margin-top:2px}.tlogFilters .tdLabelRow>span{font-size:12px}.tlogFilters .tdSelect,.tlogFilters .tdInput{height:42px}.tlogListWrap{display:grid;gap:10px}.tlogCount{font-weight:1000;color:#0000009e;font-size:12.5px;padding:0 4px}.tlogCountMuted{font-weight:900;color:#0000007a}.tlogFooter{display:grid;gap:8px;padding-top:6px}.tlogEmpty{padding:12px;border-radius:16px;background:#ffffff8c;border:1px solid rgba(0,0,0,.06);font-weight:900;color:#0009}.tlogEmptyHint{margin-top:6px;font-weight:900;color:#0000007a;font-size:12.5px}.tlogList{list-style:none;margin:0;padding:0;display:grid;gap:1px}.tlogItem{position:relative;padding:12px 12px 12px 14px;background:#ffffff4d;border-top:1px solid rgba(0,0,0,.6);border-left:1px solid rgba(0,0,0,.6)}.tlogItem:first-child{border-top:0;border-top-left-radius:18px;border-top-right-radius:18px}.tlogItem:last-child{border-bottom-left-radius:18px;border-bottom-right-radius:18px}.tlogItem:hover{background:#fff6}.tlogItem:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:999px;background:#0000001f}.tlogLeft{display:grid}.tlogTopLine{display:flex;align-items:center;justify-content:space-between;gap:10px}.tlogTime{font-weight:900;color:#0000008c;font-size:12.5px;overflow-wrap:anywhere}.tlogDelta{flex:0 0 auto;height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;font-weight:1000;font-size:12.5px;background:#ffffffb3;border:1px solid rgba(0,0,0,.08);color:#000000bf}.tlogText{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;color:#000000c7}.tlogName{font-weight:1000;overflow-wrap:anywhere}.tlogArrow{opacity:.7;font-weight:1000}.tlogMeta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tlogChip{height:24px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#ffffff8c;border:1px solid rgba(0,0,0,.08);font-weight:1000;font-size:12px;color:#0000009e}.tlogMetaMuted{font-weight:900;color:#00000080;font-size:12px}.tlogReason{padding:10px 12px;border-radius:14px;background:#ffffff8c;border:1px solid rgba(0,0,0,.06);font-weight:900;color:#0000009e}.tone-lose:before{background:#dc3c3cd9}.tone-lose .tlogDelta{background:#dc3c3c1f;border-color:#dc3c3c38;color:#8c1414f2}.tone-gain1:before{background:#2da05ae6}.tone-gain1 .tlogDelta{background:#2da05a1f;border-color:#2da05a38;color:#145f32f2}.tone-gain2:before{background:#1496aaf2}.tone-gain2 .tlogDelta{background:#1496aa1f;border-color:#1496aa38;color:#0a5a69f2}.tone-gainMore:before{background:#6e46d2f2}.tone-gainMore .tlogDelta{background:#6e46d21f;border-color:#6e46d238;color:#462896f2}.tone-blocked:before{background:#f08214f2}.tone-blocked .tlogDelta{background:#f082141f;border-color:#f0821438;color:#8c460af2}.tone-neutral:before{background:#00000024}@media(max-width:820px){.tlogTopLine{align-items:flex-start}}.tlogTimeRest{font-weight:900}.tlogTimeMirror,.tlogTimeTriple{font-weight:1000;color:#783cc8f2}.tlogTimeWrong{font-weight:1000;color:#dc3c3cf2;text-shadow:0 0 8px rgba(220,60,60,.18)}.profPage{display:grid;gap:14px}.profTop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.profMsg{padding:10px 12px;border-radius:14px;background:#ffffff8c;border:1px solid rgba(0,0,0,.08);font-weight:1000;color:#000000bf;overflow-wrap:anywhere}.profSummary{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;padding:12px;border-radius:18px;background:#ffffff73;border:1px solid rgba(0,0,0,.6);box-shadow:0 12px 28px #00000014}.profAvatar{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block}.profAvatarImg{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.profAvatarFallback{width:100%;height:100%;background:#0000000f}.profSummaryMain{min-width:0}.profMuted{font-weight:900;color:#0000008c;font-size:12.5px}.profNameRow{margin-top:4px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.profName{font-weight:1000;color:#000000d1;overflow-wrap:anywhere}.profPill{height:24px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#ffffff94;border:1px solid rgba(0,0,0,.6);font-weight:1000;font-size:12px;color:#0000009e}.profDivider{height:1px;background:#0009;margin:2px 0}.profSection{display:grid;gap:10px;padding:10px 2px 2px}.profSectionHead{display:flex;justify-content:space-between;gap:10px}.profH3{margin:0;font-size:20px;font-weight:1000;color:#000000d1}.profDesc{margin:6px 0 0;font-weight:900;color:#0000008c;font-size:12.5px;line-height:1.35}.profFormRow{display:grid;gap:10px;grid-template-columns:1fr auto;align-items:center}.profBtn{height:44px;white-space:nowrap}.profBtnFull{width:fit-content;height:44px}.profGrid2{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.profSmallMuted{font-weight:900;color:#0000008c;font-size:12.5px;overflow-wrap:anywhere}.profFile{width:100%;height:44px;border-radius:12px;padding:10px 12px;border:2px solid rgba(0,0,0,.14);background:#fff9;font-weight:900;outline:none}.profFile:focus{border-color:var(--borderPrimary);box-shadow:0 0 0 6px var(--borderPrimary20)}@media(max-width:820px){.profFormRow{grid-template-columns:1fr}.profBtn,.profBtnFull{width:100%}.profGrid2{grid-template-columns:1fr}}.toast-viewport{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));z-index:9999}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;color:var(--txtColorToast);box-shadow:var(--toastShadow);border:2px solid;animation:toast-in .18s ease-out}@keyframes toast-in{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.toast__content{display:flex;flex-direction:column;gap:4px;min-width:0}.toast__title{font-weight:700;font-size:14px;line-height:1.2}.toast__message{font-size:13px;opacity:.95;line-height:1.3;word-break:break-word}.toast__close{border:none;background:transparent;color:inherit;opacity:.75;font-size:18px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:15px}.toast__close:hover{opacity:1;background:var(--hoverToastClose)}.toast--info{background:var(--bgToastInfo);border-color:var(--borderToastInfo)}.toast--success{background:var(--bgToastSuccess);border-color:var(--borderToastSuccess)}.toast--warning{background:var(--bgToastWarning);border-color:var(--borderToastWarning)}.toast--error{background:var(--bgToastError);border-color:var(--borderToastError)}:root{--color-bg: var(--c-background);--color-text: var(--c-text-foreground);--color-muted: var(--c-muted-foreground);--color-primary: var(--c-bg-primary);--color-primary-hover: var(--c-bg-secondary);--color-accent: var(--c-text-accent);--color-card: var(--c-card-80);--color-border: var(--c-border);--gradient-fun: linear-gradient(180deg, var(--g-fun-1), var(--g-fun-2));--gradient-primary: linear-gradient(180deg, var(--g-primary-1), var(--g-primary-2));--gradient-card: linear-gradient(180deg, var(--g-card-1), var(--g-card-2));--gradient-accent: linear-gradient(180deg, var(--g-accent-1), var(--g-accent-2))}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--textForeground);background:var(--background)}a{color:inherit}:root{--black: #000;--mediumBlack: rgba(0, 0, 0, .7);--white: #fff;--borderCard: rgba(0, 0, 0, .6);--borderCardLow: rgba(0, 0, 0, .3);--shadowVeryLow: rgba(0, 0, 0, .15);--shadowLow: rgba(0, 0, 0, .3);--shadowHigh: rgba(0, 0, 0, .5);--bgGrey: rgba(255, 255, 255, .25);--bgHighBlack: rgba(0, 0, 0, .65);--borderGrey: rgba(255, 255, 255, .35);--borderColorFI: rgba(0, 0, 0, .15);--bgColorFI: rgba(255, 255, 255, .6);--focusBorderPrimaryFI: hsl(270, 80%, 60%);--shadowLowFI: hsla(270, 80%, 60%, .2);--borderDashedFP: rgba(0, 0, 0, .15);--borderSolidFP: rgba(0, 0, 0, .15);--bgColorFP: rgba(255, 255, 255, .35);--bgFA: rgba(0, 0, 0, .06);--bgHoverFA: rgba(0, 0, 0, .1);--NTCardColor: rgba(255, 255, 255, .7);--background: hsl(212, 63%, 45%);--bgPrimary: hsl(270, 80%, 60%);--bgSecondary: hsl(320, 73%, 60%);--gradientFun1: hsl(290, 80%, 65%);--gradientFun2: hsl(200, 80%, 65%);--bgGradientPrimary1: hsl(270, 80%, 60%);--bgGradientPrimary2: hsl(320, 73%, 60%);--bgGradientPrimary3: hsl(270, 100%, 50%);--bgGradientCard1: hsl(280, 40%, 90%);--bgGradientCard2: hsla(0, 0%, 100%, 1);--bgGradientAccent1: hsl(45, 95%, 60%);--bgGradientAccent2: hsl(30, 90%, 65%);--card: hsl(0, 0%, 100%);--bgCard90: hsla(0, 0%, 100%, .9);--bgCard80: hsla(0, 0%, 100%, .8);--bgCard70: hsla(0, 0%, 100%, .7);--bgCard60: hsla(0, 0%, 100%, .6);--bgCard50: hsla(0, 0%, 100%, .5);--border: hsl(280, 40%, 90%);--borderPrimary: hsl(270, 80%, 60%);--borderPrimary20: hsla(270, 80%, 60%, .2);--borderPrimary30: hsla(270, 80%, 60%, .3);--borderAccent20: hsla(45, 95%, 55%, .2);--borderAccent10: hsla(45, 95%, 55%, .1);--textPrimary: hsl(270, 80%, 60%);--textForeground: hsl(270, 40%, 27%);--textAccent: hsl(45, 95%, 55%);--textMutedForeground: hsl(280, 20%, 30%);--textDiscret: rgba(0, 0, 0, .4);--textMidBlack: rgba(0, 0, 0, .55);--textHighBlack: rgba(0, 0, 0, .75);--mutedForeground: hsl(280, 20%, 50%);--gradientFun: linear-gradient(180deg, var(--gradientFun1), var(--gradientFun2));--gradientPrimary: linear-gradient(180deg, var(--bgGradientPrimary1), var(--bgGradientPrimary2));--gradientCard: linear-gradient(180deg, var(--bgGradientCard1), var(--bgGradientCard2));--gradientAccent: linear-gradient(180deg, var(--bgGradientAccent1), var(--bgGradientAccent2));--gradientSoft: linear-gradient(180deg, var(--bgGradientPrimary3), var(--bgGradientPrimary1));--gradientSelf: linear-gradient(180deg, rgba(255, 190, 240, .85), rgba(240, 160, 230, .85));--attacked: rgba(255, 220, 220, .9);--shadowLeader: rgba(255, 180, 0, .2);--borderLeader: rgba(255, 200, 120, .35);--txtColorToast: white;--toastShadow: 0 10px 25px rgba(0, 0, 0, .25);--bgToastInfo: rgba(59, 130, 246, .9);--borderToastInfo: rgb(0, 98, 255);--bgToastSuccess: rgba(34, 197, 94, .9);--borderToastSuccess: rgb(34, 197, 94);--bgToastWarning: rgba(245, 158, 11, .9);--borderToastWarning: rgb(255, 162, 2);--bgToastError: rgba(163, 34, 34, .9);--borderToastError: rgb(255, 0, 0);--hoverToastClose: rgba(255, 255, 255, .08)}